This commit is contained in:
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,226 @@
|
||||
/* Datatable */
|
||||
table.dataTable {
|
||||
clear: both;
|
||||
margin-top: 15px !important;
|
||||
margin-bottom: 15px !important;
|
||||
max-width: none !important;
|
||||
border-collapse: separate !important;
|
||||
td, th {
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
td.dataTables_empty, th.dataTables_empty {
|
||||
text-align: center;
|
||||
}
|
||||
&.nowrap {
|
||||
th, td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_wrapper div {
|
||||
&.dataTables_length {
|
||||
label {
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
}
|
||||
select {
|
||||
width: 75px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
&.dataTables_filter {
|
||||
text-align: right;
|
||||
label {
|
||||
font-weight: normal;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
}
|
||||
input {
|
||||
margin-left: 0.5em;
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
&.dataTables_info {
|
||||
padding-top: 0.85em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
&.dataTables_paginate {
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
text-align: right;
|
||||
ul.pagination {
|
||||
margin: 2px 0;
|
||||
white-space: nowrap;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
&.dataTables_processing {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 200px;
|
||||
margin-left: -100px;
|
||||
margin-top: -26px;
|
||||
text-align: center;
|
||||
padding: 1em 0;
|
||||
}
|
||||
}
|
||||
|
||||
table.dataTable thead {
|
||||
> tr > {
|
||||
th, td {
|
||||
&.sorting_asc, &.sorting_desc, &.sorting {
|
||||
padding-right: 30px;
|
||||
}
|
||||
}
|
||||
th:active, td:active {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
.sorting, .sorting_asc, .sorting_desc, .sorting_asc_disabled, .sorting_desc_disabled {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
%sorting-style {
|
||||
position: absolute;
|
||||
bottom: 0.9em;
|
||||
display: block;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.sorting {
|
||||
&:before, &:after {
|
||||
@extend %sorting-style;
|
||||
}
|
||||
}
|
||||
.sorting_asc {
|
||||
&:before, &:after {
|
||||
@extend %sorting-style;
|
||||
}
|
||||
}
|
||||
.sorting_desc {
|
||||
&:before, &:after {
|
||||
@extend %sorting-style;
|
||||
}
|
||||
}
|
||||
.sorting_asc_disabled {
|
||||
&:before, &:after {
|
||||
@extend %sorting-style;
|
||||
}
|
||||
}
|
||||
.sorting_desc_disabled {
|
||||
&:before, &:after {
|
||||
@extend %sorting-style;
|
||||
}
|
||||
}
|
||||
.sorting:before, .sorting_asc:before, .sorting_desc:before, .sorting_asc_disabled:before, .sorting_desc_disabled:before {
|
||||
right: 1em;
|
||||
content: "\2191";
|
||||
font-size: 15px;
|
||||
}
|
||||
.sorting:after, .sorting_asc:after, .sorting_desc:after, .sorting_asc_disabled:after, .sorting_desc_disabled:after {
|
||||
right: 0.5em;
|
||||
content: "\2193";
|
||||
font-size: 15px;
|
||||
}
|
||||
.sorting_asc:before, .sorting_desc:after {
|
||||
opacity: 1;
|
||||
}
|
||||
.sorting_asc_disabled:before, .sorting_desc_disabled:after {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
div {
|
||||
&.dataTables_scrollHead table.dataTable {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
&.dataTables_scrollBody table {
|
||||
border-top: none;
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
thead {
|
||||
.sorting:after, .sorting_asc:after, .sorting_desc:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
tbody tr:first-child {
|
||||
th, td {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.dataTables_scrollFoot > .dataTables_scrollFootInner {
|
||||
box-sizing: content-box;
|
||||
> table {
|
||||
margin-top: 0 !important;
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
div.dataTables_wrapper div {
|
||||
&.dataTables_length, &.dataTables_filter, &.dataTables_info, &.dataTables_paginate {
|
||||
text-align: center;
|
||||
margin-top: 11px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
div.dataTables_paginate ul.pagination{
|
||||
flex-wrap: wrap !important;
|
||||
justify-content: center !important;
|
||||
li {
|
||||
margin-bottom: 10px;
|
||||
a {
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
&.dataTable.table-sm {
|
||||
> thead > tr > th {
|
||||
padding-right: 20px;
|
||||
}
|
||||
.sorting:before, .sorting_asc:before, .sorting_desc:before {
|
||||
top: 5px;
|
||||
right: 0.85em;
|
||||
}
|
||||
.sorting:after, .sorting_asc:after, .sorting_desc:after {
|
||||
top: 5px;
|
||||
}
|
||||
}
|
||||
&.table-bordered.dataTable {
|
||||
th, td {
|
||||
border-left-width: 0;
|
||||
}
|
||||
th:last-child, td:last-child {
|
||||
border-right-width: 0;
|
||||
}
|
||||
tbody {
|
||||
th, td {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div {
|
||||
&.dataTables_scrollHead table.table-bordered {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
&.table-responsive > div.dataTables_wrapper > div.row {
|
||||
margin: 0;
|
||||
> div[class^="col-"] {
|
||||
&:first-child, &:last-child {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,801 @@
|
||||
/* jQuery Scrollbar */
|
||||
.scroll-wrapper {
|
||||
overflow: hidden !important;
|
||||
padding: 0 !important;
|
||||
position: relative;
|
||||
> .scroll-content {
|
||||
border: none !important;
|
||||
box-sizing: content-box !important;
|
||||
height: auto;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
max-height: none;
|
||||
max-width: none !important;
|
||||
overflow: scroll !important;
|
||||
padding: 0;
|
||||
position: relative !important;
|
||||
top: 0;
|
||||
width: auto !important;
|
||||
&::-webkit-scrollbar {
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.scroll-element {
|
||||
display: none;
|
||||
box-sizing: content-box;
|
||||
div {
|
||||
box-sizing: content-box;
|
||||
}
|
||||
&.scroll-x.scroll-scrollx_visible, &.scroll-y.scroll-scrolly_visible {
|
||||
display: block;
|
||||
}
|
||||
.scroll-arrow, .scroll-bar {
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
.scroll-textarea {
|
||||
border: 1px solid #ccc;
|
||||
border-top-color: #999;
|
||||
> .scroll-content {
|
||||
overflow: hidden !important;
|
||||
> textarea {
|
||||
border: none !important;
|
||||
box-sizing: border-box;
|
||||
height: 100% !important;
|
||||
margin: 0;
|
||||
max-height: none !important;
|
||||
max-width: none !important;
|
||||
overflow: scroll !important;
|
||||
outline: 0;
|
||||
padding: 2px;
|
||||
position: relative !important;
|
||||
top: 0;
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_outer {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.scrollbar-inner > .scroll-element {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
div {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
&.scroll-x {
|
||||
bottom: 2px;
|
||||
height: 7px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
&.scroll-scrolly_visible {
|
||||
.scroll-element_size, .scroll-element_track {
|
||||
left: -12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.scroll-y {
|
||||
height: 100%;
|
||||
right: 2px;
|
||||
top: 0;
|
||||
width: 7px;
|
||||
&.scroll-scrollx_visible {
|
||||
.scroll-element_size, .scroll-element_track {
|
||||
top: -12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.scroll-bar, .scroll-element_outer, .scroll-element_track {
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.scroll-bar {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
|
||||
filter: alpha(opacity = 40);
|
||||
opacity: .4;
|
||||
}
|
||||
.scroll-element_track {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
|
||||
filter: alpha(opacity = 40);
|
||||
opacity: .4;
|
||||
background-color: #e0e0e0;
|
||||
}
|
||||
.scroll-bar {
|
||||
background-color: #c2c2c2;
|
||||
}
|
||||
&.scroll-draggable .scroll-bar, &:hover .scroll-bar {
|
||||
background-color: #919191;
|
||||
}
|
||||
}
|
||||
|
||||
.scrollbar-outer > {
|
||||
.scroll-element {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
div {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
background-color: $white-color;
|
||||
&.scroll-x {
|
||||
bottom: 0;
|
||||
height: 12px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
&.scroll-y {
|
||||
height: 100%;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 12px;
|
||||
}
|
||||
&.scroll-x .scroll-element_outer {
|
||||
height: 7px;
|
||||
top: 2px;
|
||||
}
|
||||
&.scroll-y .scroll-element_outer {
|
||||
left: 2px;
|
||||
width: 7px;
|
||||
}
|
||||
.scroll-element_track {
|
||||
background-color: #eee;
|
||||
}
|
||||
.scroll-bar, .scroll-element_outer, .scroll-element_track {
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.scroll-bar {
|
||||
background-color: #d9d9d9;
|
||||
&:hover {
|
||||
background-color: #c2c2c2;
|
||||
}
|
||||
}
|
||||
&.scroll-draggable .scroll-bar {
|
||||
background-color: #919191;
|
||||
}
|
||||
}
|
||||
.scroll-content.scroll-scrolly_visible {
|
||||
left: -12px;
|
||||
margin-left: 12px;
|
||||
}
|
||||
.scroll-element.scroll-x.scroll-scrolly_visible {
|
||||
.scroll-element_size, .scroll-element_track {
|
||||
left: -14px;
|
||||
}
|
||||
}
|
||||
.scroll-content.scroll-scrollx_visible {
|
||||
top: -12px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
.scroll-element {
|
||||
&.scroll-y.scroll-scrollx_visible {
|
||||
.scroll-element_size, .scroll-element_track {
|
||||
top: -14px;
|
||||
}
|
||||
}
|
||||
&.scroll-x .scroll-bar {
|
||||
min-width: 10px;
|
||||
}
|
||||
&.scroll-y .scroll-bar {
|
||||
min-height: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.scrollbar-macosx {
|
||||
> .scroll-element {
|
||||
background: 0 0;
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
div {
|
||||
background: 0 0;
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.scroll-element_track {
|
||||
display: none;
|
||||
}
|
||||
.scroll-bar {
|
||||
background-color: #6C6E71;
|
||||
display: block;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
filter: alpha(opacity = 0);
|
||||
opacity: 0;
|
||||
-webkit-border-radius: 7px;
|
||||
-moz-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
-webkit-transition: opacity .2s linear;
|
||||
-moz-transition: opacity .2s linear;
|
||||
-o-transition: opacity .2s linear;
|
||||
-ms-transition: opacity .2s linear;
|
||||
transition: opacity .2s linear;
|
||||
}
|
||||
}
|
||||
&:hover > .scroll-element .scroll-bar {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
|
||||
filter: alpha(opacity = 70);
|
||||
opacity: .7;
|
||||
}
|
||||
> .scroll-element {
|
||||
&.scroll-draggable .scroll-bar {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
|
||||
filter: alpha(opacity = 70);
|
||||
opacity: .7;
|
||||
}
|
||||
&.scroll-x {
|
||||
bottom: 0;
|
||||
height: 0;
|
||||
left: 0;
|
||||
min-width: 100%;
|
||||
overflow: visible;
|
||||
width: 100%;
|
||||
}
|
||||
&.scroll-y {
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 0;
|
||||
}
|
||||
&.scroll-x .scroll-bar {
|
||||
height: 7px;
|
||||
min-width: 10px;
|
||||
top: -9px;
|
||||
}
|
||||
&.scroll-y .scroll-bar {
|
||||
left: -9px;
|
||||
min-height: 10px;
|
||||
width: 7px;
|
||||
}
|
||||
&.scroll-x {
|
||||
.scroll-element_outer {
|
||||
left: 2px;
|
||||
}
|
||||
.scroll-element_size {
|
||||
left: -4px;
|
||||
}
|
||||
}
|
||||
&.scroll-y {
|
||||
.scroll-element_outer {
|
||||
top: 2px;
|
||||
}
|
||||
.scroll-element_size {
|
||||
top: -4px;
|
||||
}
|
||||
}
|
||||
&.scroll-x.scroll-scrolly_visible .scroll-element_size {
|
||||
left: -11px;
|
||||
}
|
||||
&.scroll-y.scroll-scrollx_visible .scroll-element_size {
|
||||
top: -11px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.scrollbar-light > {
|
||||
.scroll-element {
|
||||
border: none;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
div {
|
||||
border: none;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
background-color: $white-color;
|
||||
.scroll-element_outer {
|
||||
-webkit-border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.scroll-element_size {
|
||||
background: -moz-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(0, #dbdbdb), color-stop(100%, #e8e8e8));
|
||||
background: -webkit-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
|
||||
background: -o-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
|
||||
background: -ms-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
|
||||
background: linear-gradient(to right, #dbdbdb 0, #e8e8e8 100%);
|
||||
-webkit-border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
&.scroll-x {
|
||||
bottom: 0;
|
||||
height: 17px;
|
||||
left: 0;
|
||||
min-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
&.scroll-y {
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 17px;
|
||||
}
|
||||
.scroll-bar {
|
||||
background: -moz-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(0, #fefefe), color-stop(100%, #f5f5f5));
|
||||
background: -webkit-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
|
||||
background: -o-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
|
||||
background: -ms-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
|
||||
background: linear-gradient(to right, #fefefe 0, #f5f5f5 100%);
|
||||
border: 1px solid #dbdbdb;
|
||||
-webkit-border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
}
|
||||
.scroll-content {
|
||||
&.scroll-scrolly_visible {
|
||||
left: -17px;
|
||||
margin-left: 17px;
|
||||
}
|
||||
&.scroll-scrollx_visible {
|
||||
top: -17px;
|
||||
margin-top: 17px;
|
||||
}
|
||||
}
|
||||
.scroll-element {
|
||||
&.scroll-x .scroll-bar {
|
||||
height: 10px;
|
||||
min-width: 10px;
|
||||
top: 0;
|
||||
}
|
||||
&.scroll-y .scroll-bar {
|
||||
left: 0;
|
||||
min-height: 10px;
|
||||
width: 10px;
|
||||
}
|
||||
&.scroll-x {
|
||||
.scroll-element_outer {
|
||||
height: 12px;
|
||||
left: 2px;
|
||||
top: 2px;
|
||||
}
|
||||
.scroll-element_size {
|
||||
left: -4px;
|
||||
}
|
||||
}
|
||||
&.scroll-y .scroll-element_outer {
|
||||
left: 2px;
|
||||
top: 2px;
|
||||
width: 12px;
|
||||
}
|
||||
&.scroll-x.scroll-scrolly_visible {
|
||||
.scroll-element_size, .scroll-element_track {
|
||||
left: -19px;
|
||||
}
|
||||
}
|
||||
&.scroll-y {
|
||||
.scroll-element_size {
|
||||
top: -4px;
|
||||
}
|
||||
&.scroll-scrollx_visible {
|
||||
.scroll-element_size, .scroll-element_track {
|
||||
top: -19px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.scrollbar-rail > {
|
||||
.scroll-element {
|
||||
border: none;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
div {
|
||||
border: none;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
background-color: $white-color;
|
||||
.scroll-element_size {
|
||||
background-color: #999;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.scroll-element_outer:hover .scroll-element_size {
|
||||
background-color: #666;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
&.scroll-x {
|
||||
bottom: 0;
|
||||
height: 12px;
|
||||
left: 0;
|
||||
min-width: 100%;
|
||||
padding: 3px 0 2px;
|
||||
width: 100%;
|
||||
}
|
||||
&.scroll-y {
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
padding: 0 2px 0 3px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 12px;
|
||||
}
|
||||
.scroll-bar {
|
||||
background-color: #d0b9a0;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.scroll-element_outer:hover .scroll-bar {
|
||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
}
|
||||
.scroll-content {
|
||||
&.scroll-scrolly_visible {
|
||||
left: -17px;
|
||||
margin-left: 17px;
|
||||
}
|
||||
&.scroll-scrollx_visible {
|
||||
margin-top: 17px;
|
||||
top: -17px;
|
||||
}
|
||||
}
|
||||
.scroll-element {
|
||||
&.scroll-x .scroll-bar {
|
||||
height: 10px;
|
||||
min-width: 10px;
|
||||
top: 1px;
|
||||
}
|
||||
&.scroll-y .scroll-bar {
|
||||
left: 1px;
|
||||
min-height: 10px;
|
||||
width: 10px;
|
||||
}
|
||||
&.scroll-x {
|
||||
.scroll-element_outer {
|
||||
height: 15px;
|
||||
left: 5px;
|
||||
}
|
||||
.scroll-element_size {
|
||||
height: 2px;
|
||||
left: -10px;
|
||||
top: 5px;
|
||||
}
|
||||
}
|
||||
&.scroll-y {
|
||||
.scroll-element_outer {
|
||||
top: 5px;
|
||||
width: 15px;
|
||||
}
|
||||
.scroll-element_size {
|
||||
left: 5px;
|
||||
top: -10px;
|
||||
width: 2px;
|
||||
}
|
||||
}
|
||||
&.scroll-x.scroll-scrolly_visible {
|
||||
.scroll-element_size, .scroll-element_track {
|
||||
left: -25px;
|
||||
}
|
||||
}
|
||||
&.scroll-y.scroll-scrollx_visible {
|
||||
.scroll-element_size, .scroll-element_track {
|
||||
top: -25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.scrollbar-dynamic > .scroll-element {
|
||||
background: 0 0;
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
div {
|
||||
background: 0 0;
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
&.scroll-x {
|
||||
bottom: 2px;
|
||||
height: 7px;
|
||||
left: 0;
|
||||
min-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
&.scroll-y {
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
right: 2px;
|
||||
top: 0;
|
||||
width: 7px;
|
||||
}
|
||||
.scroll-element_outer {
|
||||
opacity: .3;
|
||||
-webkit-border-radius: 12px;
|
||||
-moz-border-radius: 12px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
.scroll-element_size {
|
||||
background-color: #ccc;
|
||||
opacity: 0;
|
||||
-webkit-border-radius: 12px;
|
||||
-moz-border-radius: 12px;
|
||||
border-radius: 12px;
|
||||
-webkit-transition: opacity .2s;
|
||||
-moz-transition: opacity .2s;
|
||||
-o-transition: opacity .2s;
|
||||
-ms-transition: opacity .2s;
|
||||
transition: opacity .2s;
|
||||
}
|
||||
.scroll-bar {
|
||||
background-color: #6c6e71;
|
||||
-webkit-border-radius: 7px;
|
||||
-moz-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
}
|
||||
&.scroll-x .scroll-bar {
|
||||
bottom: 0;
|
||||
height: 7px;
|
||||
min-width: 24px;
|
||||
top: auto;
|
||||
}
|
||||
&.scroll-y .scroll-bar {
|
||||
left: auto;
|
||||
min-height: 24px;
|
||||
right: 0;
|
||||
width: 7px;
|
||||
}
|
||||
&.scroll-x .scroll-element_outer {
|
||||
bottom: 0;
|
||||
top: auto;
|
||||
left: 2px;
|
||||
-webkit-transition: height .2s;
|
||||
-moz-transition: height .2s;
|
||||
-o-transition: height .2s;
|
||||
-ms-transition: height .2s;
|
||||
transition: height .2s;
|
||||
}
|
||||
&.scroll-y .scroll-element_outer {
|
||||
left: auto;
|
||||
right: 0;
|
||||
top: 2px;
|
||||
-webkit-transition: width .2s;
|
||||
-moz-transition: width .2s;
|
||||
-o-transition: width .2s;
|
||||
-ms-transition: width .2s;
|
||||
transition: width .2s;
|
||||
}
|
||||
&.scroll-x .scroll-element_size {
|
||||
left: -4px;
|
||||
}
|
||||
&.scroll-y .scroll-element_size {
|
||||
top: -4px;
|
||||
}
|
||||
&.scroll-x.scroll-scrolly_visible .scroll-element_size {
|
||||
left: -11px;
|
||||
}
|
||||
&.scroll-y.scroll-scrollx_visible .scroll-element_size {
|
||||
top: -11px;
|
||||
}
|
||||
&.scroll-draggable .scroll-element_outer, &:hover .scroll-element_outer {
|
||||
overflow: hidden;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
|
||||
filter: alpha(opacity = 70);
|
||||
opacity: .7;
|
||||
}
|
||||
&.scroll-draggable .scroll-element_outer .scroll-element_size, &:hover .scroll-element_outer .scroll-element_size {
|
||||
opacity: 1;
|
||||
}
|
||||
&.scroll-draggable .scroll-element_outer .scroll-bar, &:hover .scroll-element_outer .scroll-bar {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
-webkit-border-radius: 12px;
|
||||
-moz-border-radius: 12px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
&.scroll-x {
|
||||
&.scroll-draggable .scroll-element_outer, &:hover .scroll-element_outer {
|
||||
height: 20px;
|
||||
min-height: 7px;
|
||||
}
|
||||
}
|
||||
&.scroll-y {
|
||||
&.scroll-draggable .scroll-element_outer, &:hover .scroll-element_outer {
|
||||
min-width: 7px;
|
||||
width: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.scrollbar-chrome > {
|
||||
.scroll-element {
|
||||
border: none;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
div {
|
||||
border: none;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
background-color: $white-color;
|
||||
.scroll-element_track {
|
||||
background: $grey-color;
|
||||
border: 1px solid #dbdbdb;
|
||||
}
|
||||
&.scroll-x {
|
||||
bottom: 0;
|
||||
height: 16px;
|
||||
left: 0;
|
||||
min-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
&.scroll-y {
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 16px;
|
||||
}
|
||||
.scroll-bar {
|
||||
background-color: #d9d9d9;
|
||||
border: 1px solid #bdbdbd;
|
||||
cursor: default;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
&:hover {
|
||||
background-color: #c2c2c2;
|
||||
border-color: #a9a9a9;
|
||||
}
|
||||
}
|
||||
&.scroll-draggable .scroll-bar {
|
||||
background-color: #919191;
|
||||
border-color: #7e7e7e;
|
||||
}
|
||||
}
|
||||
.scroll-content {
|
||||
&.scroll-scrolly_visible {
|
||||
left: -16px;
|
||||
margin-left: 16px;
|
||||
}
|
||||
&.scroll-scrollx_visible {
|
||||
top: -16px;
|
||||
margin-top: 16px;
|
||||
}
|
||||
}
|
||||
.scroll-element {
|
||||
&.scroll-x .scroll-bar {
|
||||
height: 5px;
|
||||
min-width: 10px;
|
||||
top: 3px;
|
||||
}
|
||||
&.scroll-y .scroll-bar {
|
||||
left: 3px;
|
||||
min-height: 10px;
|
||||
width: 5px;
|
||||
}
|
||||
&.scroll-x {
|
||||
.scroll-element_outer {
|
||||
border-left: 1px solid #dbdbdb;
|
||||
}
|
||||
.scroll-element_track {
|
||||
height: 14px;
|
||||
left: -3px;
|
||||
}
|
||||
.scroll-element_size {
|
||||
height: 14px;
|
||||
left: -4px;
|
||||
}
|
||||
&.scroll-scrolly_visible {
|
||||
.scroll-element_size, .scroll-element_track {
|
||||
left: -19px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.scroll-y {
|
||||
.scroll-element_outer {
|
||||
border-top: 1px solid #dbdbdb;
|
||||
}
|
||||
.scroll-element_track {
|
||||
top: -3px;
|
||||
width: 14px;
|
||||
}
|
||||
.scroll-element_size {
|
||||
top: -4px;
|
||||
width: 14px;
|
||||
}
|
||||
&.scroll-scrollx_visible {
|
||||
.scroll-element_size, .scroll-element_track {
|
||||
top: -19px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,270 @@
|
||||
/* jQuery Ui */
|
||||
.ui-draggable-handle {
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
}
|
||||
|
||||
.ui-helper-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ui-helper-hidden-accessible {
|
||||
border: 0;
|
||||
clip: rect(0 0 0 0);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
.ui-helper-reset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
line-height: 1.3;
|
||||
text-decoration: none;
|
||||
font-size: 100%;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.ui-helper-clearfix {
|
||||
&:after, &:before {
|
||||
content: "";
|
||||
display: table;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
&:after {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-helper-zfix {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
filter: Alpha(Opacity = 0);
|
||||
}
|
||||
|
||||
.ui-front {
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.ui-state-disabled {
|
||||
cursor: default !important;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.ui-icon {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-top: -.25em;
|
||||
position: relative;
|
||||
text-indent: -99999px;
|
||||
overflow: hidden;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.ui-widget-icon-block {
|
||||
left: 50%;
|
||||
margin-left: -8px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ui-widget-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.ui-resizable {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ui-resizable-handle {
|
||||
position: absolute;
|
||||
font-size: .1px;
|
||||
display: block;
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
}
|
||||
|
||||
.ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ui-resizable-n {
|
||||
cursor: n-resize;
|
||||
height: 7px;
|
||||
width: 100%;
|
||||
top: -5px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.ui-resizable-s {
|
||||
cursor: s-resize;
|
||||
height: 7px;
|
||||
width: 100%;
|
||||
bottom: -5px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.ui-resizable-e {
|
||||
cursor: e-resize;
|
||||
width: 7px;
|
||||
right: -5px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.ui-resizable-w {
|
||||
cursor: w-resize;
|
||||
width: 7px;
|
||||
left: -5px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.ui-resizable-se {
|
||||
cursor: se-resize;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
right: 1px;
|
||||
bottom: 1px;
|
||||
}
|
||||
|
||||
.ui-resizable-sw {
|
||||
cursor: sw-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
left: -5px;
|
||||
bottom: -5px;
|
||||
}
|
||||
|
||||
.ui-resizable-nw {
|
||||
cursor: nw-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
left: -5px;
|
||||
top: -5px;
|
||||
}
|
||||
|
||||
.ui-resizable-ne {
|
||||
cursor: ne-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
right: -5px;
|
||||
top: -5px;
|
||||
}
|
||||
|
||||
.ui-selectable {
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
}
|
||||
|
||||
.ui-selectable-helper {
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
border: 1px dotted #000;
|
||||
}
|
||||
|
||||
.ui-sortable-handle {
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
}
|
||||
|
||||
.ui-slider {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
background: #ddd;
|
||||
.ui-slider-handle {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
cursor: default;
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
}
|
||||
.ui-slider-range {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
font-size: .7em;
|
||||
display: block;
|
||||
border: 0;
|
||||
background-position: 0 0;
|
||||
}
|
||||
&.ui-state-disabled {
|
||||
.ui-slider-handle, .ui-slider-range {
|
||||
filter: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ui-slider-horizontal {
|
||||
height: .4em;
|
||||
.ui-slider-handle {
|
||||
top: -.4em;
|
||||
margin-left: -.6em;
|
||||
}
|
||||
.ui-slider-range {
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-slider-range-min {
|
||||
left: 0;
|
||||
}
|
||||
.ui-slider-range-max {
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-slider-vertical {
|
||||
width: .8em;
|
||||
height: 100px;
|
||||
.ui-slider-handle {
|
||||
left: -.3em;
|
||||
margin-left: 0;
|
||||
margin-bottom: -.6em;
|
||||
}
|
||||
.ui-slider-range {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.ui-slider-range-min {
|
||||
bottom: 0;
|
||||
}
|
||||
.ui-slider-range-max {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-slider-handle {
|
||||
background: $white-color;
|
||||
background: -moz-linear-gradient(top, $white-color 0, #f7f7f7 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, $white-color), color-stop(100%, #f7f7f7));
|
||||
background: -webkit-linear-gradient(top, $white-color 0, #f7f7f7 100%);
|
||||
background: -o-linear-gradient(top, $white-color 0, #f7f7f7 100%);
|
||||
background: -ms-linear-gradient(top, $white-color 0, #f7f7f7 100%);
|
||||
background: linear-gradient(to bottom, $white-color 0, #f7f7f7 100%);
|
||||
border-radius: 50px;
|
||||
box-shadow: 0 1px 4px 0 #9191ab !important;
|
||||
&:focus {
|
||||
background: $white-color;
|
||||
background: -moz-linear-gradient(top, $white-color 0, #f7f7f7 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, $white-color), color-stop(100%, #f7f7f7));
|
||||
background: -webkit-linear-gradient(top, $white-color 0, #f7f7f7 100%);
|
||||
background: -o-linear-gradient(top, $white-color 0, #f7f7f7 100%);
|
||||
background: -ms-linear-gradient(top, $white-color 0, #f7f7f7 100%);
|
||||
background: linear-gradient(to bottom, $white-color 0, #f7f7f7 100%);
|
||||
border-radius: 50px;
|
||||
box-shadow: 0 1px 4px 0 #9191ab !important;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,6 @@
|
||||
/* Sweet Alert */
|
||||
|
||||
.swal-footer {
|
||||
text-align: center !important;
|
||||
margin-bottom: 20px !important;
|
||||
}
|
||||
Reference in New Issue
Block a user