913 lines
25 KiB
CSS
913 lines
25 KiB
CSS
.table-data{
|
|
border-left: 1px solid rgba(0, 0, 0, 0.25);
|
|
border-right: 1px solid rgba(0, 0, 0, 0.25);
|
|
background-color: rgba(63, 63, 63, 0.9);
|
|
}
|
|
|
|
.table-data h2{
|
|
color: rgb(186, 186, 186);
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
padding: 15px 20px;
|
|
text-align: left;
|
|
text-shadow: -1px 1px rgb(0, 0, 0);
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
|
|
margin-bottom: 15px;
|
|
background-color: rgba(255, 255, 255, 0.04);
|
|
border-top: 1px solid rgba(0, 0, 0, 0.15);
|
|
}
|
|
#btnSearch{
|
|
background: rgb(36, 36, 36) url("/img/cmsn/svg/search.svg") no-repeat scroll center center / 24px auto;
|
|
cursor: pointer;
|
|
height: 30px;
|
|
right: 20px;
|
|
position: absolute;
|
|
top: 10px;
|
|
width: 30px;
|
|
opacity: 0.4;
|
|
border-radius: 3px;
|
|
transition: opacity .2s ease;
|
|
}
|
|
#btnSearch:hover{ opacity: 0.8; }
|
|
|
|
/* SEARCH LI BOXES */
|
|
.search {
|
|
padding-top: 10px;
|
|
}
|
|
.search .search-head {
|
|
color: #9d9d9d;
|
|
font-size: 10px;
|
|
margin: 0 20px;
|
|
overflow: hidden;
|
|
}
|
|
.search .search-head label {
|
|
}
|
|
.search .search-head .rcount {
|
|
float: right;
|
|
}
|
|
.search .table-rows {
|
|
position: relative;
|
|
}
|
|
.search .table-rows ul.dxr {
|
|
border-bottom: 1px solid rgb(56, 56, 56);
|
|
border-top: 1px solid rgb(66, 66, 66);
|
|
height: 32px;
|
|
overflow: hidden;
|
|
background-image: -webkit-linear-gradient(to bottom, rgb(42, 41, 41) 30%, rgba(2, 2, 2, 0.8) 70%);
|
|
background-image: -moz-linear-gradient(to bottom, rgb(42, 41, 41) 30%, rgba(2, 2, 2, 0.8) 70%);
|
|
background-image: -o-linear-gradient(to bottom, rgb(42, 41, 41) 30%, rgba(2, 2, 2, 0.8) 70%);
|
|
background-image: linear-gradient(to bottom, rgb(42, 41, 41) 30%, rgba(2, 2, 2, 0.8) 70%);
|
|
}
|
|
.search .table-rows ul.dxr li > div {
|
|
padding: 0;
|
|
margin: 0;
|
|
position: relative;
|
|
}
|
|
.search .table-rows ul.dxr li.csearchAct {
|
|
background: none repeat scroll 0 0 rgb(68, 68, 68) !important;
|
|
box-shadow: 2px -1px 6px rgb(44, 42, 42) inset;
|
|
}
|
|
.search .table-rows ul.dxr li input {
|
|
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
|
|
border: medium none;
|
|
box-sizing: border-box;
|
|
color: rgb(224, 224, 224);
|
|
display: block;
|
|
font-size: 12px;
|
|
height: 100%;
|
|
line-height: 22px;
|
|
padding: 6px 10px;
|
|
resize: none;
|
|
width: 100%;
|
|
z-index: 2;
|
|
position: relative;
|
|
cursor: pointer;
|
|
|
|
box-shadow: none;
|
|
transition: all 100ms ease-in-out;
|
|
}
|
|
.search .table-rows ul.dxr li.csearchAct input {
|
|
cursor: text;
|
|
}
|
|
.search .table-rows ul.dxr li label,
|
|
.search .table-rows ul.dxr li.last a,
|
|
.search .table-rows ul.dxr .dropBox span{
|
|
box-sizing: border-box;
|
|
color: rgb(114, 114, 114);
|
|
display: block;
|
|
font-size: 11px;
|
|
height: 100%;
|
|
left: 0;
|
|
cursor: pointer;
|
|
line-height: 22px;
|
|
margin: 0;
|
|
padding: 5px 10px;
|
|
position: absolute;
|
|
text-shadow: -1px 1px 0 rgb(0, 0, 0);
|
|
text-transform: uppercase;
|
|
top: 0;
|
|
z-index: 1;
|
|
width: 100%;
|
|
text-align: left;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
transition: color 0.2s ease-in-out;
|
|
}
|
|
.search .table-rows ul.dxr li.last a.cc,
|
|
.search .table-rows ul.dxr li:hover label,
|
|
.search .table-rows ul.dxr li.last a:hover,
|
|
.search .table-rows ul.dxr .dropBox.ddAct span,
|
|
.search .table-rows ul.dxr .dropBox:hover span{
|
|
color: rgb(227, 227, 227);
|
|
}
|
|
.search .table-rows ul.dxr > li {
|
|
|
|
}
|
|
.search .table-rows ul.dxr li.last {
|
|
border-right: 0 none;
|
|
}
|
|
.search .table-rows ul.dxr li.last div{
|
|
line-height: 30px;
|
|
padding: 0 20px 0 8px;
|
|
}
|
|
.search .table-rows ul.dxr li.last a {
|
|
display: inline-block;
|
|
position: relative;
|
|
width: auto;
|
|
padding: 5px 10px;
|
|
}
|
|
.search .table-rows ul.dxr li.last a.close {
|
|
background: transparent url("/img/cmsn/svg/close.svg") no-repeat scroll center center / 18px auto;
|
|
height: 14px;
|
|
left: auto;
|
|
padding: 0;
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 9px;
|
|
width: 14px;
|
|
opacity: 0.7;
|
|
transition: opacity .2s linear;
|
|
}
|
|
.search .table-rows ul.dxr li.last a.close:hover{
|
|
opacity: 1;
|
|
}
|
|
.search .table-rows ul.dxr li.last a:first-child::after {
|
|
border-left: 1px solid rgba(255, 255, 255, 0.2);
|
|
content: "";
|
|
height: 50%;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 28%;
|
|
width: 0;
|
|
}
|
|
|
|
/* SEARCH BOX DROP DOWN */
|
|
.search .table-rows ul.dxr li.dropBox {
|
|
/*box-shadow: 0 0 3px rgba(134, 137, 134, 0.2) inset;*/
|
|
cursor: pointer;
|
|
overflow: visible;
|
|
}
|
|
.search .table-rows ul.dxr .dropBox span{
|
|
overflow: hidden;
|
|
padding: 5px 22px 5px 10px;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.search .table-rows ul.dxr .dropBox.ddAct div{
|
|
background: none repeat scroll 0 0 rgb(68, 68, 68) !important;
|
|
box-shadow: 2px -1px 6px rgb(44, 42, 42) inset;
|
|
}
|
|
.search .table-rows ul.dxr li.dropBox div:after{
|
|
background: transparent url("/img/cmsn/svg/white-arrow.svg") no-repeat scroll center center / 20px auto;
|
|
content: "";
|
|
height: 14px;
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 10px;
|
|
width: 14px;
|
|
transition: all 0.2s ease-in-out;
|
|
transform: rotate(-90deg);
|
|
opacity: 0.5;
|
|
}
|
|
.search .table-rows ul.dxr li.dropBox:hover div:after{
|
|
opacity: 0.9;
|
|
}
|
|
.search .table-rows ul.dxr .dropBox.ddAct div::after {
|
|
background-position: -5px center;
|
|
}
|
|
.search .table-rows ul.dxr .dropBox > ul {
|
|
background-color: rgb(57, 57, 57);
|
|
border-bottom: 1px solid rgb(71, 71, 71);
|
|
border-left: 1px solid rgb(71, 71, 71);
|
|
border-right: 1px solid rgb(71, 71, 71);
|
|
border-top: 1px solid rgb(77, 77, 77);
|
|
margin-left: -1px;
|
|
max-height: 270px;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
padding: 0;
|
|
position: absolute;
|
|
text-align: left;
|
|
top: 34px;
|
|
width: inherit;
|
|
z-index: 10;
|
|
border-radius: 0 0 3px 3px;
|
|
box-shadow: 2px 2px 4px rgba(41, 41, 41, 0.6);
|
|
}
|
|
.search .table-rows ul.dxr .dropBox > ul li {
|
|
border-bottom: 1px solid rgb(71, 71, 71);
|
|
color: rgb(176, 176, 176);
|
|
display: block;
|
|
float: none;
|
|
font-size: 11px;
|
|
height: auto;
|
|
line-height: 18px;
|
|
padding: 5px 10px;
|
|
transition: background 0.3s ease;
|
|
border-right: 0;
|
|
}
|
|
.search .table-rows ul.dxr .dropBox > ul li.fe{
|
|
border-top: 0 none;
|
|
}
|
|
.search .table-rows ul.dxr .dropBox > ul li.le{
|
|
border-bottom: 0;
|
|
border-radius: 0 0 3px 3px;
|
|
}
|
|
.search .table-rows ul.dxr .dropBox > ul li:hover{
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
.search .table-rows ul.dxr .ddAct{
|
|
background-color: white;
|
|
box-shadow : 0 0 3px rgba(134, 137, 134, 0.7) inset;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* TABLE STYLE */
|
|
.table-rows{
|
|
border-bottom: 1px solid rgba(87, 87, 87, 0.6);
|
|
border-top: 1px solid rgba(87, 87, 87, 0.6);
|
|
margin: 5px 20px;
|
|
}
|
|
.table-rows .w1{width: 10px;}
|
|
.table-rows .w2{width: 20px;}
|
|
.table-rows .w3{width: 30px;}
|
|
.table-rows .w4{width: 40px;}
|
|
.table-rows .w5{width: 50px;}
|
|
.table-rows .w6{width: 60px;}
|
|
.table-rows .w7{width: 70px;}
|
|
.table-rows .w8{width: 80px;}
|
|
.table-rows .w9{width: 90px;}
|
|
.table-rows .w10{width: 100px;}
|
|
.table-rows .w11{width: 110px;}
|
|
.table-rows .w12{width: 120px;}
|
|
.table-rows .w13{width: 130px;}
|
|
.table-rows .w14{width: 140px;}
|
|
.table-rows .w15{width: 150px;}
|
|
.table-rows .w16{width: 160px;}
|
|
.table-rows .w17{width: 170px;}
|
|
.table-rows .w18{width: 180px;}
|
|
.table-rows .w19{width: 190px;}
|
|
.table-rows .w20{width: 200px;}
|
|
.table-rows .w21{width: 210px;}
|
|
.table-rows .w22{width: 220px;}
|
|
.table-rows .w23{width: 230px;}
|
|
.table-rows .w24{width: 240px;}
|
|
.table-rows .w25{width: 250px;}
|
|
.table-rows .w26{width: 260px;}
|
|
.table-rows .w27{width: 270px;}
|
|
.table-rows .w28{width: 280px;}
|
|
.table-rows .w29{width: 290px;}
|
|
.table-rows .w30{width: 300px;}
|
|
.table-rows .w31{width: 310px;}
|
|
.table-rows .w32{width: 320px;}
|
|
.table-rows .w33{width: 330px;}
|
|
.table-rows .w34{width: 340px;}
|
|
.table-rows .w35{width: 350px;}
|
|
.table-rows .w36{width: 360px;}
|
|
.table-rows .w37{width: 370px;}
|
|
.table-rows .w38{width: 380px;}
|
|
.table-rows .w39{width: 390px;}
|
|
.table-rows .w40{width: 400px;}
|
|
.table-rows .w41{width: 410px;}
|
|
.table-rows .w42{width: 420px;}
|
|
.table-rows .w43{width: 430px;}
|
|
.table-rows .w44{width: 440px;}
|
|
.table-rows .w45{width: 450px;}
|
|
.table-rows .w46{width: 460px;}
|
|
.table-rows .w47{width: 470px;}
|
|
.table-rows .w48{width: 480px;}
|
|
.table-rows .w49{width: 490px;}
|
|
.table-rows .w50{width: 500px;}
|
|
.table-rows .w51{width: 510px;}
|
|
.table-rows .w52{width: 520px;}
|
|
.table-rows .w53{width: 530px;}
|
|
.table-rows .w54{width: 540px;}
|
|
.table-rows .w55{width: 550px;}
|
|
.table-rows .w56{width: 560px;}
|
|
.table-rows .w57{width: 570px;}
|
|
.table-rows .w58{width: 580px;}
|
|
.table-rows .w59{width: 590px;}
|
|
.table-rows .w60{width: 600px;}
|
|
.table-rows .w63{width: 630px;}
|
|
.table-rows .w73{width: 730px;}
|
|
.table-rows .w85{width: 850px;}
|
|
|
|
/* SEARCH FIELDS -12px padding */
|
|
.search .table-rows .w4 input{width: 28px;}
|
|
.search .table-rows .w5 input{width: 38px;}
|
|
.search .table-rows .w6 input{width: 48px;}
|
|
.search .table-rows .w7 input{width: 58px;}
|
|
.search .table-rows .w8 input{width: 68px;}
|
|
.search .table-rows .w9 input{width: 78px;}
|
|
.search .table-rows .w10 input{width: 88px;}
|
|
.search .table-rows .w11 input{width: 98px;}
|
|
.search .table-rows .w12 input{width: 108px;}
|
|
.search .table-rows .w13 input{width: 118px;}
|
|
.search .table-rows .w14 input{width: 128px;}
|
|
.search .table-rows .w15 input{width: 138px;}
|
|
.search .table-rows .w16 input{width: 148px;}
|
|
.search .table-rows .w17 input{width: 158px;}
|
|
.search .table-rows .w18 input{width: 168px;}
|
|
.search .table-rows .w19 input{width: 178px;}
|
|
.search .table-rows .w20 input{width: 188px;}
|
|
.search .table-rows .w21 input{width: 198px;}
|
|
.search .table-rows .w22 input{width: 208px;}
|
|
.search .table-rows .w23 input{width: 218px;}
|
|
.search .table-rows .w24 input{width: 228px;}
|
|
.search .table-rows .w25 input{width: 238px;}
|
|
.search .table-rows .w26 input{width: 248px;}
|
|
.search .table-rows .w27 input{width: 258px;}
|
|
.search .table-rows .w28 input{width: 268px;}
|
|
.search .table-rows .w29 input{width: 278px;}
|
|
.search .table-rows .w30 input{width: 288px;}
|
|
.search .table-rows .w31 input{width: 298px;}
|
|
.search .table-rows .w32 input{width: 308px;}
|
|
.search .table-rows .w33 input{width: 318px;}
|
|
.search .table-rows .w34 input{width: 328px;}
|
|
.search .table-rows .w35 input{width: 338px;}
|
|
.search .table-rows .w36 input{width: 348px;}
|
|
.search .table-rows .w37 input{width: 358px;}
|
|
.search .table-rows .w38 input{width: 368px;}
|
|
.search .table-rows .w39 input{width: 378px;}
|
|
.search .table-rows .w40 input{width: 388px;}
|
|
.search .table-rows .w41 input{width: 398px;}
|
|
.search .table-rows .w42 input{width: 408px;}
|
|
.search .table-rows .w43 input{width: 418px;}
|
|
.search .table-rows .w44 input{width: 428px;}
|
|
.search .table-rows .w45 input{width: 438px;}
|
|
.search .table-rows .w46 input{width: 448px;}
|
|
.search .table-rows .w47 input{width: 458px;}
|
|
.search .table-rows .w48 input{width: 468px;}
|
|
.search .table-rows .w49 input{width: 478px;}
|
|
.search .table-rows .w50 input{width: 488px;}
|
|
.search .table-rows .w51 input{width: 498px;}
|
|
.search .table-rows .w52 input{width: 508px;}
|
|
.search .table-rows .w53 input{width: 518px;}
|
|
.search .table-rows .w54 input{width: 528px;}
|
|
.search .table-rows .w56 input{width: 548px;}
|
|
.search .table-rows .w57 input{width: 558px;}
|
|
.search .table-rows .w58 input{width: 568px;}
|
|
.search .table-rows .w59 input{width: 578px;}
|
|
.search .table-rows .w60 input{width: 588px;}
|
|
|
|
/* SEARCH FIELDS MERGE BORDER FIX */
|
|
.search .table-rows .m2{padding-right: 1px}
|
|
.search .table-rows .m3{padding-right: 2px}
|
|
|
|
.table-rows ul.dxr{
|
|
background-color: rgb(83, 83, 83);
|
|
border-top: 1px solid rgba(255, 255, 255, 0.2);
|
|
color: rgba(218, 218, 218, 0.9);
|
|
display: block;
|
|
overflow: hidden;
|
|
font-size: 11px;
|
|
}
|
|
.table-rows ul.dxr.deleted_row {
|
|
background-color: rgba(119, 21, 21, 0.4);
|
|
}
|
|
.table-rows ul.dxr.deleted_row.odd {
|
|
background-color: rgba(119, 21, 21, 0.2);
|
|
}
|
|
.table-rows ul.dxr > li > div > a {
|
|
color: rgb(255, 255, 255);
|
|
font-size: 12px;
|
|
}
|
|
.table-rows ul.dxr li{
|
|
display: block;
|
|
float: left;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.table-rows .actions{
|
|
float: right!important;
|
|
}
|
|
.table-rows ul.dxr li.editable {
|
|
background-color: rgba(33, 33, 33, 0.41);
|
|
border-right: 1px solid rgba(255, 255, 255, 0.4);
|
|
border-left: 1px solid rgba(255, 255, 255, 0.4);
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
/* ROW HEIGHT */
|
|
.table-rows .single,
|
|
.table-rows .single li{
|
|
height: 32px;
|
|
line-height: 32px;
|
|
overflow: hidden;
|
|
}
|
|
.table-rows .single li > div{
|
|
display: block;
|
|
overflow: hidden;
|
|
padding: 0 10px;
|
|
height: 100%;
|
|
text-overflow: ellipsis;
|
|
vertical-align: middle;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
|
|
/* THEAD STYLE */
|
|
.table-rows ul.thead{
|
|
border-top: 1px solid #FFE1C8;
|
|
color: white;
|
|
text-shadow: -1px 1px 0 #A74E14;
|
|
|
|
background-image: -webkit-linear-gradient(to bottom, rgb(204, 126, 82) 0%, rgb(186, 67, 0) 100%);
|
|
background-image: -moz-linear-gradient(to bottom, rgb(204, 126, 82) 0%, rgb(186, 67, 0) 100%);
|
|
background-image: -o-linear-gradient(to bottom, rgb(204, 126, 82) 0%, rgb(186, 67, 0) 100%);
|
|
background-image: -ms-linear-gradient(to bottom, rgb(204, 126, 82) 0%, rgb(186, 67, 0) 100%);
|
|
background-image: linear-gradient(to bottom, rgb(204, 126, 82) 0%, rgb(186, 67, 0) 100%);
|
|
}
|
|
.table-rows ul.thead li{
|
|
border-right: 1px solid rgba(255, 255, 255, 0.35);
|
|
}
|
|
.table-rows ul.thead li.csort{
|
|
cursor: pointer;
|
|
}
|
|
.table-rows ul.thead li.csort div{
|
|
padding-right: 20px;
|
|
}
|
|
.table-rows ul.thead li.csort div{
|
|
position: relative;
|
|
}
|
|
.table-rows ul.thead li.csort div::before,
|
|
.table-rows ul.thead li.csort div::after{
|
|
position: absolute;
|
|
content: "";
|
|
right: 0;
|
|
width: 18px;
|
|
height: 100%;
|
|
top: 0;
|
|
opacity: 0.4;
|
|
|
|
-webkit-transform: rotate(90deg);
|
|
-ms-transform: rotate(90deg);
|
|
transform: rotate(90deg);
|
|
}
|
|
.table-rows ul.thead li.csort div::before{
|
|
background: transparent url("/img/cmsn/svg/arrows_left.svg") no-repeat scroll center center / 18px auto;
|
|
}
|
|
.table-rows ul.thead li.csort div::after{
|
|
opacity: 0;
|
|
background: transparent url("/img/cmsn/svg/arrow_left.svg") no-repeat scroll center center / 20px auto;
|
|
}
|
|
.table-rows ul.thead li.sort div::after{
|
|
opacity: 1;
|
|
}
|
|
.table-rows ul.thead li.sortDesc div::after{
|
|
opacity: 1;
|
|
|
|
-webkit-transform: rotate(270deg);
|
|
-ms-transform: rotate(270deg);
|
|
transform: rotate(270deg);
|
|
}
|
|
|
|
/* TBODY STYLE */
|
|
.table-rows ul.odd{
|
|
background-color: rgba(87, 87, 87, 0.6);
|
|
}
|
|
.table-rows ul .even{
|
|
background-color: rgba(5, 5, 5, 0.1);
|
|
}
|
|
.table-rows ul.bggreen.odd {
|
|
background-color: rgba(51, 155, 29, 0.25);
|
|
}
|
|
.table-rows ul.bggreen {
|
|
background-color: rgba(58, 194, 29, 0.25);
|
|
}
|
|
.table-rows ul.bggreen li.even {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
.table-rows ul.bgred.odd {
|
|
background-color: rgba(183, 34, 34, 0.25);
|
|
}
|
|
.table-rows ul.bgred {
|
|
background-color: rgba(219, 45, 45, 0.25);
|
|
}
|
|
.table-rows ul.bgred li.even {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
.table-rows ul li{
|
|
border-right: 1px solid rgba(255, 255, 255, 0.1);
|
|
}
|
|
.table-rows ul li.first{
|
|
|
|
}
|
|
.table-rows ul.last{
|
|
|
|
}
|
|
.table-rows .single .actions > div{
|
|
display: block;
|
|
height: 100%;
|
|
}
|
|
.table-rows .thead .actions > div{
|
|
display: inline;
|
|
height: 100%;
|
|
padding-top: 0;
|
|
}
|
|
.table-rows .thead .actions > a{
|
|
display: inline-block;
|
|
padding: 0 5px;
|
|
border-right: 1px solid rgba(119, 62, 12, 0.43);
|
|
}
|
|
.table-rows .thead .actions > a.dd{
|
|
border-left: 1px solid rgba(255, 255, 255, 0.36);
|
|
cursor: pointer;
|
|
float: right;
|
|
height: 100%;
|
|
width: 10px;
|
|
border-right: none;
|
|
}
|
|
.table-rows .thead .actions > a.dd::after{
|
|
position: relative;
|
|
content: "";
|
|
border-right: 5px solid transparent;
|
|
border-left: 5px solid transparent;
|
|
border-bottom: 5px solid transparent;
|
|
border-top: 8px solid rgb(224, 223, 222);
|
|
margin: 0 auto;
|
|
top: 13px;
|
|
display: block;
|
|
}
|
|
.table-rows .thead .actions.active{
|
|
border-right: 1px solid rgb(96, 96, 96);
|
|
}
|
|
.table-rows .thead .actions.active > a.dd{
|
|
background-color: rgb(96, 96, 96);
|
|
border-left: 1px solid rgba(165, 165, 165, 0.36);
|
|
box-shadow: -2px 3px 4px rgba(0, 0, 0, 0.55);
|
|
}
|
|
.table-rows .thead .actions.active > a.dd::after{
|
|
border-top: 8px solid rgb(255, 255, 255);
|
|
}
|
|
.table-rows li.actions{
|
|
background: none!important;
|
|
text-align: right;
|
|
}
|
|
.table-rows ul.hover,
|
|
/*.table-rows ul.dxr:hover,*/
|
|
.table-rows ul.selected{
|
|
background-color: rgba(255, 255, 255, 0.2) !important;
|
|
}
|
|
|
|
|
|
/* TABLE BUTTONS */
|
|
.tree-ico {
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
margin: 0 3px;
|
|
outline: medium none;
|
|
overflow: hidden;
|
|
text-decoration: none;
|
|
width: 18px;
|
|
opacity: 0.7;
|
|
text-indent: 50px;
|
|
height: 100%;
|
|
}
|
|
.list-ico {
|
|
cursor: pointer;
|
|
display: block;
|
|
outline: medium none;
|
|
overflow: hidden;
|
|
position: relative;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.tree-ico:hover, .list-ico:hover {
|
|
opacity: 1;
|
|
}
|
|
#ledit{ background: transparent url("/img/cmsn/svg/edit2.svg") no-repeat center center / 22px auto; }
|
|
#lsend{ background: transparent url("/img/cmsn/svg/send_mail.svg") no-repeat center center / 22px auto; }
|
|
#lview{ background: transparent url("/img/cmsn/svg/view.svg") no-repeat center center / 20px auto; }
|
|
#ldelete{ background: transparent url("/img/cmsn/svg/delete_forever.svg") no-repeat center center / 24px auto; }
|
|
|
|
|
|
|
|
|
|
/* CHECK BOX */
|
|
.table-rows .chk{
|
|
background: url("/img/cmsc/cms-checkbox.png") no-repeat scroll -4px -5px transparent;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
padding: 0 1px;
|
|
width: 62px;
|
|
vertical-align: top;
|
|
margin-top: 2px;
|
|
border-radius: 16px;
|
|
}
|
|
.table-rows .chk .slider{
|
|
display: block;
|
|
overflow: hidden;
|
|
padding: 1px 0;
|
|
white-space: nowrap;
|
|
}
|
|
.table-rows .chk .slider > div{
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
height: 22px;
|
|
line-height: 23px;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
width: 40px;
|
|
}
|
|
.table-rows .chk .slider .on{
|
|
margin-right: -9px;
|
|
padding-right: 10px;
|
|
color: #F8F3F0;
|
|
text-shadow: -1px 1px #8F410D;
|
|
text-indent: 5px;
|
|
border-radius: 16px 0 0 16px;
|
|
box-shadow : 0 1px 4px #8F3900 inset;
|
|
|
|
background-image: linear-gradient(bottom, rgb(246,98,0) 50%, rgb(242,125,47) 50%);
|
|
background-image: -o-linear-gradient(bottom, rgb(246,98,0) 50%, rgb(242,125,47) 50%);
|
|
background-image: -moz-linear-gradient(bottom, rgb(246,98,0) 50%, rgb(242,125,47) 50%);
|
|
background-image: -webkit-linear-gradient(bottom, rgb(246,98,0) 50%, rgb(242,125,47) 50%);
|
|
background-image: -ms-linear-gradient(bottom, rgb(246,98,0) 50%, rgb(242,125,47) 50%);
|
|
}
|
|
.table-rows .chk .slider .off{
|
|
color: gray;
|
|
margin-left: 10px;
|
|
padding-left: 12px;
|
|
text-indent: -5px;
|
|
text-shadow: -1px 1px white;
|
|
border-radius: 0 16px 16px 0;
|
|
box-shadow : 0 1px 3px gray inset;
|
|
|
|
background-image: -webkit-linear-gradient(bottom, rgb(218,217,217) 50%, rgb(234,234,234) 50%);
|
|
background-image: -moz-linear-gradient(bottom, rgb(218,217,217) 50%, rgb(234,234,234) 50%);
|
|
background-image: -ms-linear-gradient(bottom, rgb(218,217,217) 50%, rgb(234,234,234) 50%);
|
|
background-image: -o-linear-gradient(bottom, rgb(218,217,217) 50%, rgb(234,234,234) 50%);
|
|
background-image: linear-gradient(bottom, rgb(218,217,217) 50%, rgb(234,234,234) 50%);
|
|
}
|
|
.table-rows .chk .slider .switch{
|
|
background: url("/img/cmsc/cms-checkbox.png") no-repeat scroll -7px -50px transparent;
|
|
border: 1px solid #F7F7F7;
|
|
height: 20px;
|
|
margin-left: -62px;
|
|
overflow: hidden;
|
|
width: 19px;
|
|
|
|
border-radius: 16px;
|
|
box-shadow : 0 3px 5px #7D7D7D;
|
|
}
|
|
|
|
|
|
/* TABLE ACTION DROP-DOWN */
|
|
.table-rows .table-actions{
|
|
border-radius: 0 0 0 2px;
|
|
height: auto !important;
|
|
padding: 10px 0 !important;
|
|
position: absolute;
|
|
right: 20px;
|
|
min-width: 165px;
|
|
width: auto;
|
|
z-index: 100;
|
|
box-shadow: -2px 3px 4px rgba(0, 0, 0, 0.55);
|
|
|
|
background-image: -webkit-linear-gradient(left, rgb(116, 116, 116) 33px, rgb(134, 134, 134) 33px, rgb(96, 96, 96) 100%);
|
|
background-image: -moz-linear-gradient(left, rgb(116, 116, 116) 33px, rgb(134, 134, 134) 33px, rgb(96, 96, 96) 100%);
|
|
background-image: -ms-linear-gradient(left, rgb(116, 116, 116) 33px, rgb(134, 134, 134) 33px, rgb(96, 96, 96) 100%);
|
|
background-image: -o-linear-gradient(left, rgb(116, 116, 116) 33px, rgb(134, 134, 134) 33px, rgb(96, 96, 96) 100%);
|
|
background-image: linear-gradient(left, rgb(116, 116, 116) 33px, rgb(134, 134, 134) 33px, rgb(96, 96, 96) 100%);
|
|
}
|
|
.table-rows .table-actions ul{
|
|
display: block;
|
|
}
|
|
.table-rows .table-actions ul li{
|
|
float: none;
|
|
display: block;
|
|
height: auto;
|
|
border-right:none;
|
|
}
|
|
.table-rows .table-actions li,
|
|
.table-rows .table-actions li a{
|
|
border: none;
|
|
display: block;
|
|
}
|
|
.table-rows .table-actions li a{
|
|
color: rgb(224, 224, 224);
|
|
font-size: 11px;
|
|
text-align: left;
|
|
position: relative;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
padding: 5px 15px 5px 41px;
|
|
text-shadow: 0 1px 1px rgba(27, 27, 27, 0.6);
|
|
transition: background-color .2s linear;
|
|
}
|
|
.table-rows .table-actions li.active a,
|
|
.table-rows .table-actions li a:hover{
|
|
color: #ffffff;
|
|
transition: background-color .1s linear;
|
|
background-color: rgba(255, 255, 255, 0.28);
|
|
}
|
|
.table-rows .table-actions .sep{
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.19);
|
|
border-top: 1px solid rgba(0, 0, 0, 0.19);
|
|
display: block;
|
|
height: 0;
|
|
margin-bottom: 0;
|
|
overflow: hidden;
|
|
}
|
|
.table-rows .table-actions .nico-add{ background: url("/img/cmsn/svg_action_menu/new.svg") no-repeat 5px center / 24px auto }
|
|
.table-rows .table-actions .nico-delete{ background: url("/img/cmsn/svg_action_menu/delete.svg") no-repeat 4px center / 25px auto }
|
|
.table-rows .table-actions .nico-delete-all{ background: url("/img/cmsn/svg_action_menu/delete_sel.svg") no-repeat 4px center / 25px auto }
|
|
.table-rows .table-actions .nico-clone{ background: url("/img/cmsn/svg_action_menu/clone.svg") no-repeat 5px center / 23px auto }
|
|
.table-rows .table-actions .nico-dl{ }
|
|
.table-rows .table-actions .nico-upl{ }
|
|
.table-rows .table-actions .admin-folder{ background: url("/img/cmsn/svg_action_menu/folder.svg") no-repeat 7px center / 18px auto }
|
|
.table-rows .table-actions .nico-clear{ background: url("/img/cmsn/svg_action_menu/clear_cache.svg") no-repeat 7px center / 18px auto }
|
|
|
|
|
|
|
|
/* BASE CHECKBOX NEW */
|
|
.table-rows .ncheckbox .chk {
|
|
background: rgb(239, 239, 239);
|
|
border: 1px solid rgb(0, 0, 0);
|
|
border-radius: 2px;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-size: 1px;
|
|
height: 15px;
|
|
outline: 0 none;
|
|
padding: 0;
|
|
position: relative;
|
|
vertical-align: text-bottom;
|
|
width: 15px;
|
|
box-shadow: 1px 1px 0 rgba(217, 217, 217, 0.1);
|
|
}
|
|
.table-rows .single .ncheckbox .chk {
|
|
margin: 8px 0 0 1px;
|
|
}
|
|
.table-rows .double .ncheckbox .chk {
|
|
margin: 19px 0 0 1px;
|
|
}
|
|
.table-rows .triple .ncheckbox .chk {
|
|
margin: 33px 0 0 1px;
|
|
}
|
|
.table-rows .ncheckbox .chk > div {
|
|
width: 11px;
|
|
height: 11px;
|
|
margin: auto;
|
|
border-radius: 1px;
|
|
top: 2px;
|
|
position: relative;
|
|
left: 0;
|
|
background: transparent;
|
|
transition: background 0.2s ease;
|
|
}
|
|
.table-rows .ncheckbox .chk:hover > div{
|
|
background: rgb(168, 168, 168);
|
|
}
|
|
.table-rows .ncheckbox .chked > div,
|
|
.table-rows .ncheckbox .chk.chked:hover > div{
|
|
background: rgb(212, 77, 1);
|
|
}
|
|
.table-rows .thead .chkall .ncheckbox .chk{
|
|
border: 1px solid #a05a00;
|
|
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.42);
|
|
opacity: 0.45;
|
|
}
|
|
.table-rows .thead .chkall .ncheckbox .chk:hover {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
|
|
|
|
/* TABLE PAGER */
|
|
.pager{
|
|
display: inline-block;
|
|
float: right;
|
|
margin-bottom: 20px;
|
|
margin-right: 20px;
|
|
text-align: right;
|
|
}
|
|
.pager ul{
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
.tpager ul{
|
|
margin-bottom: 10px;
|
|
}
|
|
.pager ul li{
|
|
margin-left: 2px;
|
|
vertical-align: top;
|
|
}
|
|
.pager ul li.first{
|
|
|
|
}
|
|
.pager ul li.last{
|
|
|
|
}
|
|
.pager ul li.first a{
|
|
|
|
}
|
|
.pager ul li.last a{
|
|
|
|
}
|
|
.pager ul li a{
|
|
background-color: #de7133;
|
|
box-sizing: border-box;
|
|
color: white;
|
|
display: block;
|
|
font-size: 12px;
|
|
line-height: 13px;
|
|
min-height: 25px;
|
|
min-width: 25px;
|
|
padding: 6px 4px;
|
|
text-align: center;
|
|
|
|
opacity: 0.6;
|
|
transition: opacity .15s linear;
|
|
}
|
|
.pager ul li a.prev,
|
|
.pager ul li a.next{
|
|
font-size: 16px;
|
|
line-height: 10px;
|
|
}
|
|
.pager ul li a.hover,
|
|
.pager ul li.sel a{
|
|
background-color: #de7133;
|
|
color: #ffffff;
|
|
|
|
opacity: 1;
|
|
}
|
|
.pager .rcount{
|
|
color: #9d9d9d;
|
|
font-size: 10px;
|
|
margin-bottom: 10px;
|
|
text-align: right;
|
|
}
|
|
.tpager .rcount{
|
|
margin-bottom: 0;
|
|
}
|
|
.noresults{
|
|
color: rgba(198, 198, 198, 1);
|
|
font-size: 12px;
|
|
padding: 20px 15px;
|
|
text-align: center;
|
|
background-color: rgba(255, 255, 255, 0.05);
|
|
}
|
|
|
|
|
|
/* TABLE BOTTOM ACTION BUTTONS */
|
|
.table-data .table-bactions{
|
|
float: left;
|
|
margin-bottom: 10px;
|
|
margin-left: 20px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
|
|
/* TABLE BOTTOM ACTION BUTTONS */
|
|
.table-data span.ind-ok {
|
|
float: right;
|
|
display: block;
|
|
width: 10px;
|
|
height: 10px;
|
|
background-color: #04b904;
|
|
border-radius: 50%;
|
|
top: 10px;
|
|
position: relative;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|