1309 lines
33 KiB
CSS
1309 lines
33 KiB
CSS
.form-data .p20{
|
|
padding: 20px;
|
|
}
|
|
.doc{
|
|
position: relative;
|
|
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);
|
|
}
|
|
.form-data{
|
|
padding: 10px 20px;
|
|
}
|
|
.form-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: 0 -20px;
|
|
background-color: rgba(255, 255, 255, 0.04);
|
|
border-top: 1px solid rgba(0, 0, 0, 0.15);
|
|
}
|
|
.form-data h3{
|
|
border: 1px solid rgb(231, 138, 77);
|
|
color: rgb(255, 255, 255);
|
|
font-size: 13px;
|
|
font-weight: normal;
|
|
letter-spacing: 0.05em;
|
|
margin-top: 6px;
|
|
position: relative;
|
|
text-align: left;
|
|
text-shadow: 0 1px 1px rgb(80, 37, 9);
|
|
text-transform: uppercase;
|
|
border-radius: 3px;
|
|
transition: background 0.2s ease;
|
|
|
|
background-image: -webkit-linear-gradient(to right, rgba(255, 136, 57, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%);
|
|
background-image: -moz-linear-gradient(to right, rgba(255, 136, 57, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%);
|
|
background-image: -ms-linear-gradient(to right, rgba(255, 136, 57, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%);
|
|
background-image: -o-linear-gradient(to right, rgba(255, 136, 57, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%);
|
|
background-image: linear-gradient(to right, rgba(255, 136, 57, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%);
|
|
}
|
|
.form-data h4.sub-group{
|
|
color: rgb(132, 132, 132);
|
|
background-color: rgb(41, 41, 41);
|
|
padding: 10px 20px;
|
|
margin: 20px 0 5px;
|
|
position: relative;
|
|
}
|
|
.form-data h2 .record-info{
|
|
display: block;
|
|
font-size: 10px;
|
|
color: rgb(176, 176, 176);
|
|
font-weight: normal;
|
|
text-shadow: 1px 1px 0 rgb(47, 47, 47);
|
|
}
|
|
.form-data h2 .record-info li{
|
|
margin-right: 6px;
|
|
padding-right: 6px;
|
|
border-right: 1px solid rgb(44, 43, 43);
|
|
}
|
|
.form-data h2 .record-info li:last-child{
|
|
border-right: none;
|
|
}
|
|
.form-data h2 .record-info li span{
|
|
color: rgb(255, 117, 0);
|
|
margin-left: 2px;
|
|
}
|
|
.form-data .sub-group-data{
|
|
display: block;
|
|
padding: 5px 10px;
|
|
}
|
|
.buttons_top .title {
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
|
|
}
|
|
.buttons_top .title h2{
|
|
border-bottom: 1px solid rgb(0, 0, 0);
|
|
color: rgb(186, 186, 186);
|
|
padding: 8px 20px;
|
|
text-align: right;
|
|
text-shadow: -1px 1px rgb(0, 0, 0);
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.form-data h3 a{
|
|
color: inherit;
|
|
cursor: pointer;
|
|
display: block;
|
|
font-size: 12px;
|
|
padding: 9px 0 9px 26px;
|
|
text-shadow: inherit;
|
|
}
|
|
.form-data h3 a::after {
|
|
background: url("/img/cmsn/svg/white-arrow.svg") no-repeat center center / 20px auto;
|
|
content: "";
|
|
display: block;
|
|
height: 20px;
|
|
left: 4px;
|
|
position: absolute;
|
|
top: 7px;
|
|
width: 20px;
|
|
|
|
-webkit-transform: rotate(180deg);
|
|
-moz-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
-o-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
|
|
transition: all .2s linear;
|
|
}
|
|
.form-data .hide > h3 > a::after {
|
|
-webkit-transform: rotate(270deg);
|
|
-moz-transform: rotate(270deg);
|
|
-ms-transform: rotate(270deg);
|
|
-o-transform: rotate(270deg);
|
|
transform: rotate(270deg);
|
|
}
|
|
.form-data .hide > h3,
|
|
.form-data h3:hover{
|
|
box-shadow: 0 0 3px rgba(231, 133, 68, 0.4);
|
|
background-color: #000;
|
|
}
|
|
.form-data .hide > h3,
|
|
.form-data h3:hover a{
|
|
color: #ffffff;
|
|
text-shadow: 0 1px 1px #a0521e;
|
|
}
|
|
.form-data .hide > div,
|
|
.form-data .show > div{
|
|
padding: 20px;
|
|
}
|
|
|
|
|
|
/* FORM FORMATTING */
|
|
.form-data label{
|
|
color: rgb(157, 157, 157);
|
|
display: block;
|
|
padding: 4px 0;
|
|
text-shadow: 0 1px 1px rgb(0, 0, 0);
|
|
}
|
|
.form-data .validate{
|
|
display: inline-block;
|
|
margin-right: 25px;
|
|
position: relative;
|
|
}
|
|
.form-data .v-ok > input,
|
|
.form-data .v-ok select,
|
|
.form-data .v-ok textarea{
|
|
background: rgb(131, 131, 131) url("/img/cmsn/svg/ok.svg?v=4") no-repeat scroll right 4px center / 22px auto;
|
|
}
|
|
.form-data .v-error > input,
|
|
.form-data .v-error select,
|
|
.form-data .v-error textarea{
|
|
background: rgb(131, 131, 131) url("/img/cmsn/svg/error2.svg?v=18") no-repeat scroll right 4px center / 22px auto;
|
|
}
|
|
.form-data span.input{
|
|
display: block;
|
|
}
|
|
.form-data input,
|
|
.form-data select,
|
|
.form-data textarea,
|
|
.form-data span.input{
|
|
border: 1px solid rgb(107, 107, 107);
|
|
color: rgb(219, 219, 219);
|
|
padding: 10px 26px 8px 7px;
|
|
border-radius: 3px;
|
|
box-shadow: -1px 1px 3px rgb(69, 69, 69) inset;
|
|
background-color: rgb(131, 131, 131);
|
|
overflow: hidden;
|
|
transition: border 0.2s ease;
|
|
|
|
font-size: 1.1em;
|
|
font-family: 'Duru Sans', "Lucida Grande", Helvetica, Arial, Verdana, Tahoma, sans-serif;
|
|
}
|
|
.form-data input:focus,
|
|
.form-data select:focus,
|
|
.form-data textarea:focus{
|
|
border: 1px solid rgba(203, 203, 203, 0.5);
|
|
color: rgb(219, 219, 219);
|
|
}
|
|
.form-data .short{width: 80px;}
|
|
.form-data .normal{width: 160px;}
|
|
.form-data .long{width: 260px;}
|
|
.form-data .slong{width: 369px;}
|
|
.form-data div.short{width: 113px;}
|
|
.form-data div.normal{width: 193px;}
|
|
.form-data div.long{width: 293px;}
|
|
.form-data div.slong{width: 402px;}
|
|
.form-data select{
|
|
padding-right: 25px;
|
|
text-overflow: ellipsis;
|
|
background-position: 50px center;
|
|
}
|
|
.form-data select.short{
|
|
width: 95px;
|
|
}
|
|
.form-data select.normal{
|
|
width: 175px;
|
|
background-position: 130px center;
|
|
}
|
|
.form-data select.long{
|
|
width: 275px;
|
|
background-position: 230px center;
|
|
}
|
|
.form-data textarea:disabled,
|
|
.form-data span.disabled-input,
|
|
.form-data input[type="text"]:disabled{
|
|
box-shadow: -1px 1px 3px rgb(47, 47, 47) inset;
|
|
background-color: rgb(72, 72, 72);
|
|
color: rgb(158, 158, 158);
|
|
}
|
|
.form-data .cpl{
|
|
color: rgb(247, 98, 0);
|
|
font-size: 12px;
|
|
}
|
|
|
|
|
|
/* CHECK BOX */
|
|
.form-data .chk{
|
|
cursor: pointer;
|
|
margin-left: 15px;
|
|
overflow: hidden;
|
|
width: 62px;
|
|
float: right;
|
|
border-radius: 3px;
|
|
}
|
|
.form-data ul.pblocks li div.chk-slider{
|
|
margin: 7px 10px 0!important;
|
|
}
|
|
.form-data .chk .slider{
|
|
display: block;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
margin-left: -62px;
|
|
transition: margin 0.3s ease;
|
|
}
|
|
.form-data .chk .slider > div{
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
height: 22px;
|
|
line-height: 23px;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
width: 62px;
|
|
box-sizing: border-box;
|
|
}
|
|
.form-data .chk .slider .on{
|
|
color: #F8F3F0;
|
|
text-shadow: -1px 1px #8F410D;
|
|
padding-right: 22px;
|
|
box-shadow: 0 1px 4px #8F3900 inset;
|
|
|
|
background-image: -webkit-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: -ms-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: linear-gradient(bottom, rgb(246,98,0) 50%, rgb(242,125,47) 50%);
|
|
}
|
|
.form-data .chk .slider .off{
|
|
color: rgb(35, 35, 35);
|
|
padding-left: 22px;
|
|
text-shadow: -1px 1px white;
|
|
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%);
|
|
}
|
|
.form-data .chk .slider .switch{
|
|
border: 1px solid RGB(247, 247, 247);
|
|
height: 18px;
|
|
margin-left: -60px;
|
|
overflow: hidden;
|
|
width: 18px;
|
|
border-radius: 3px;
|
|
box-shadow: 0 3px 5px RGB(125, 125, 125);
|
|
top: 2px;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transition: margin 0.3s ease;
|
|
|
|
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%);
|
|
}
|
|
.form-data .chk .slider.sw0,
|
|
.form-data .chk .slider.sw0 .switch{
|
|
transition: margin 0s ease;
|
|
}
|
|
.form-data .chk .slider.sw-on{
|
|
margin-left: 0;
|
|
}
|
|
.form-data .chk .slider.sw-on .switch{
|
|
margin-left: -82px;
|
|
}
|
|
|
|
/* BASE CHECKBOX NEW */
|
|
.form-data .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);
|
|
margin: 2px 0 0 0;
|
|
}
|
|
.form-data .ncheckbox .chk > div {
|
|
width: 11px;
|
|
height: 11px;
|
|
margin: auto;
|
|
border-radius: 1px;
|
|
top: 2px;
|
|
position: relative;
|
|
left: 0px;
|
|
background: transparent;
|
|
transition: background 0.2s ease;
|
|
}
|
|
.form-data .ncheckbox .chk.radio {
|
|
border-radius: 50%;
|
|
width: 17px;
|
|
height: 17px;
|
|
margin: 0;
|
|
}
|
|
.form-data .ncheckbox .chk.radio > div{
|
|
border-radius: 50%;
|
|
width: 13px;
|
|
height: 13px;
|
|
}
|
|
.form-data .ncheckbox .chk:hover > div{
|
|
background: rgb(168, 168, 168);
|
|
}
|
|
.form-data .ncheckbox .chked > div,
|
|
.form-data .ncheckbox .chk.chked:hover > div{
|
|
background: rgb(212, 77, 1);
|
|
}
|
|
.form-data .ncheckbox .chked.disabled > div,
|
|
.form-data .ncheckbox .chk.chked.disabled:hover > div {
|
|
background: rgba(212, 77, 1, 0.7);
|
|
cursor: default;
|
|
}
|
|
.form-data .thead .chkall .ncheckbox .chk:hover {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
|
|
|
|
/* BREAK IN COLUMNS */
|
|
.form-data ul.col2, .form-data ul.col3, .form-data ul.col4, ul.colX, ul.col1{
|
|
width: 100%;
|
|
}
|
|
.form-data ul.col1 > li,
|
|
.form-data ul.col3 > li,
|
|
.form-data ul.col2 > li,
|
|
.form-data ul.col4 > li{
|
|
display: block;
|
|
float: left;
|
|
margin-bottom: 8px;
|
|
max-width: 350px;
|
|
min-width: 280px;
|
|
margin-right: 8px;
|
|
vertical-align: top;
|
|
}
|
|
.form-data ul.colX > li{
|
|
display: block;
|
|
float: left;
|
|
margin-bottom: 8px;
|
|
max-width: 350px;
|
|
min-width: 110px;
|
|
margin-right: 8px;
|
|
}
|
|
.form-data ul.col1 li:nth-child(n+2){
|
|
clear: left;
|
|
}
|
|
.form-data ul.col2 li:nth-child(2n+3){
|
|
clear: left;
|
|
}
|
|
.form-data ul.col3 li:nth-child(3n+4){
|
|
clear: left;
|
|
}
|
|
.form-data ul.col4 li:nth-child(4n+5){
|
|
clear: left;
|
|
}
|
|
.form-data ul.col1 li.lih label,
|
|
.form-data ul.col2 li.lih label,
|
|
.form-data ul.colX li.lih label{
|
|
/*color: #747474;*/
|
|
/*text-shadow: -2px 2px 0 #E8E8E8;*/
|
|
}
|
|
|
|
/* PBLOCKS */
|
|
.form-data ul.pblocks,
|
|
.form-data ul.pblocks.long,
|
|
.form-data ul.pblocks.short,
|
|
.form-data ul.pblocks.normal{
|
|
width: auto;
|
|
}
|
|
.form-data ul.pblocks li{
|
|
border: 1px dashed rgb(144, 144, 144);
|
|
display: inline-block;
|
|
margin: 3px 1px;
|
|
padding: 6px 0 5px 6px;
|
|
width: 340px;
|
|
cursor: pointer;
|
|
text-align: left;
|
|
border-radius: 3px;
|
|
height: 50px;
|
|
box-sizing: border-box;
|
|
vertical-align: top;
|
|
}
|
|
.form-data ul.pblocks.short li,
|
|
.form-data ul.pblocks li.short{
|
|
width: 180px;
|
|
}
|
|
.form-data ul.pblocks.normal li,
|
|
.form-data ul.pblocks li.normal{
|
|
width: 240px;
|
|
}
|
|
.form-data ul.pblocks.long li,
|
|
.form-data ul.pblocks li.long{
|
|
width: 294px;
|
|
}
|
|
.form-data ul.pblocks li.dummy{
|
|
border-bottom: medium none;
|
|
border-top: medium none;
|
|
margin: 0 1px;
|
|
padding: 0 0 0 6px;
|
|
visibility: hidden;
|
|
height: 0;
|
|
}
|
|
.form-data ul.pblocks li div.chk{
|
|
display: inline-block;
|
|
margin: 10px 10px 0;
|
|
vertical-align: top;
|
|
}
|
|
.form-data ul.pblocks li p{
|
|
color: #979797;
|
|
display: block;
|
|
font-family: 'Duru Sans',sans-serif;
|
|
font-size: 10px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.form-data ul.pblocks li label{
|
|
color: rgb(219, 219, 219);
|
|
font-size: 14px;
|
|
margin-bottom: 3px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
display: block;
|
|
}
|
|
.form-data ul.pblocks li .bchk-cnt {
|
|
float: right;
|
|
margin-right: 10px;
|
|
margin-top: 9px;
|
|
}
|
|
.form-data .no-data,
|
|
.form-data ul.pblocks li.noresults{
|
|
border: 1px solid #d97575;
|
|
color: rgb(242, 155, 155);
|
|
padding: 20px;
|
|
text-align: center;
|
|
text-shadow: 0 1px 1px rgb(53, 52, 52);
|
|
text-transform: uppercase;
|
|
visibility: visible;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
background-color: rgba(128, 0, 0, 0.13);
|
|
border-radius: 2px;
|
|
cursor: default !important;
|
|
display: inline-block;
|
|
height: auto;
|
|
}
|
|
|
|
/* CHK-BLOCKS */
|
|
.form-data li.ckhblock{
|
|
padding: 3px;
|
|
width: 340px;
|
|
text-align: left;
|
|
}
|
|
.form-data .ncheckbox.simple label{
|
|
cursor: pointer;
|
|
padding: 4px 4px 4px 25px;
|
|
box-sizing: border-box;
|
|
}
|
|
.form-data .ncheckbox.simple .chk{ float: left; }
|
|
.form-data li.ckhblock div.chk{
|
|
display: inline-block;
|
|
margin: 6px 10px 0;
|
|
vertical-align: top;
|
|
float: right;
|
|
}
|
|
.form-data li.ckhblock p{
|
|
color: #818181;
|
|
display: inline-block;
|
|
font-family: 'Duru Sans',sans-serif;
|
|
font-size: 10px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: 210px;
|
|
}
|
|
.form-data li.ckhblock label{
|
|
color: #565656;
|
|
font-size: 14px;
|
|
margin-bottom: 3px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
display: inline-block;
|
|
width: 210px;
|
|
}
|
|
.form-data li.ckhblock .bchk-cnt {
|
|
float: right;
|
|
margin-right: 10px;
|
|
margin-top: 9px;
|
|
}
|
|
|
|
/* PBLOCK SEARCH STYLE */
|
|
.form-data .pp-search{
|
|
background: rgb(36, 36, 36) url("/img/cmsn/svg/search.svg") no-repeat scroll center center / 24px auto;
|
|
box-shadow: none;
|
|
box-sizing: border-box;
|
|
float: left;
|
|
height: 36px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
width: 36px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
opacity: 0.7;
|
|
border-radius: 3px;
|
|
transition: opacity .2s linear;
|
|
}
|
|
.form-data .pp-search:hover,
|
|
.form-data .pp-search.open,
|
|
.form-data .pp-close:hover{
|
|
opacity: 1;
|
|
}
|
|
.form-data .pp-search > *,
|
|
.form-data .pp-search > .pp-close{
|
|
opacity: 0 !important;
|
|
}
|
|
.form-data .pp-search.open > *{
|
|
opacity: 1 !important;
|
|
transition: opacity .2s ease-in;
|
|
display: inline-block;
|
|
}
|
|
.form-data .pp-search.open {
|
|
cursor: default;
|
|
background-position: 5px center;
|
|
background-size: 32px auto;
|
|
display: block;
|
|
height: auto;
|
|
padding: 5px 15px 5px 53px;
|
|
white-space: nowrap;
|
|
text-align: left;
|
|
width: 100%;
|
|
transition: width .2s linear, opacity .2s linear;
|
|
}
|
|
.form-data .pp-search.open > div { position: relative; }
|
|
.form-data .pp-search label{
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
margin: 0 10px 0 0;
|
|
text-shadow: -1px 1px 0 rgba(23, 23, 23, 0.5);
|
|
text-transform: uppercase;
|
|
cursor: pointer;
|
|
}
|
|
.form-data .pp-search input{
|
|
font-size: 12px;
|
|
padding: 10px 10px 7px;
|
|
}
|
|
.form-data .pp-close,
|
|
.form-data .pp-search.open > .pp-close{
|
|
background: transparent url("/img/cmsn/svg/close.svg") no-repeat scroll center center / 20px auto;
|
|
content: "";
|
|
display: block;
|
|
height: 15px;
|
|
position: absolute;
|
|
right: 2px;
|
|
top: 2px;
|
|
cursor: pointer;
|
|
width: 15px;
|
|
opacity: 0.6 !important;
|
|
}
|
|
.form-data .pp-search a.clf{
|
|
background: transparent url("/img/cmsn/svg/close.svg") no-repeat scroll center center / 20px auto;
|
|
display: block;
|
|
height: 16px;
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
width: 16px;
|
|
cursor: pointer;
|
|
opacity: 0.6;
|
|
transition: opacity 0.2s ease;
|
|
}
|
|
.form-data .pp-search a.clf:hover,
|
|
.form-data .pp-search.open > .pp-close:hover{
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
/* CHECK ALL SUB ITEMS */
|
|
.form-data .only_sel,
|
|
.form-data .ckh_all{
|
|
color: rgb(255, 255, 255);
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
float: left;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
margin: 4px 0 4px 5px;
|
|
padding: 6px 0 5px 6px;
|
|
|
|
opacity: 0.5;
|
|
transition: opacity .2s linear;
|
|
}
|
|
.form-data .only_sel .chk,
|
|
.form-data .ckh_all .chk{
|
|
margin: 3px 0 0 6px;
|
|
}
|
|
.form-data .only_sel:hover,
|
|
.form-data .ckh_all:hover{
|
|
opacity: 1;
|
|
}
|
|
.form-data .only_sel label,
|
|
.form-data .ckh_all label{
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
}
|
|
.form-data ul.pblocks li:hover:not(.noresults):not(.disabled),
|
|
.form-data ul.pblocks li.lih:not(.noresults):not(.disabled){
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
}
|
|
.form-data ul.pblocks li.lih span{
|
|
/*color: #6D6D6D;*/
|
|
/*box-shadow : 0 1px 2px rgba(222, 131, 27, 0.42);*/
|
|
/*border: 1px solid #BEBEBE;*/
|
|
/*margin-left: 5px;*/
|
|
/*margin-top: 5px;*/
|
|
/*overflow: hidden;*/
|
|
/*border-radius: 3px;*/
|
|
/*box-shadow : 0 1px 2px rgba(167, 167, 167, 0.33);*/
|
|
/*border: 1px solid #FBFBFB;*/
|
|
/*color: #9C9C9C;*/
|
|
/*display: block;*/
|
|
/*font-size: 10px;*/
|
|
/*padding: 3px 6px;*/
|
|
/*text-shadow: -1px 1px 0 #EDEDED;*/
|
|
/*border-radius: 3px;*/
|
|
}
|
|
|
|
/* BUTTON STYLE FOR BLANK DATA */
|
|
.cnt-shadow .btn{
|
|
border-top: 1px solid rgb(0, 0, 0);
|
|
text-align: right;
|
|
position: relative;
|
|
box-shadow: 0px -2px 8px -6px rgba(0, 0, 0, 0.7);
|
|
|
|
background-image: -webkit-linear-gradient(to right, rgb(29, 29, 29) 0, rgb(39, 39, 39) 100%);
|
|
background-image: -moz-linear-gradient(to right, rgb(29, 29, 29) 0, rgb(39, 39, 39) 100%);
|
|
background-image: -ms-linear-gradient(to right, rgb(29, 29, 29) 0, rgb(39, 39, 39) 100%);
|
|
background-image: -o-linear-gradient(to right, rgb(29, 29, 29) 0, rgb(39, 39, 39) 100%);
|
|
background-image: linear-gradient(to right, rgb(29, 29, 29) 0, rgb(39, 39, 39) 100%);
|
|
}
|
|
.cnt-shadow .btnt{
|
|
border-top: none;
|
|
text-align: right;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
|
|
}
|
|
.cnt-shadow .btn ul{
|
|
border-top: 1px solid rgba(255, 255, 255, 0.12);
|
|
display: block;
|
|
padding: 12px 20px 8px;
|
|
}
|
|
.cnt-shadow .btnt ul{
|
|
border-top: none;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
|
|
}
|
|
.cnt-shadow .btn ul li{
|
|
margin-left: 5px;
|
|
}
|
|
|
|
/* BASE CHECKBOX */
|
|
.form-data .bchk-cnt{
|
|
background: url("/img/cmsc/cms-checkboxes.png") no-repeat scroll 0 -26px transparent;
|
|
display: inline-block;
|
|
height: 18px;
|
|
width: 18px;
|
|
}
|
|
.form-data .bchecked{
|
|
background-position: 0 0;
|
|
}
|
|
.form-data .bchk-cnt input{
|
|
display: block;
|
|
height: 18px;
|
|
width: 18px;
|
|
}
|
|
.form-data .single .bchk-cnt{
|
|
margin-top: 5px;
|
|
}
|
|
|
|
/* RATING STARS */
|
|
.star-f{
|
|
background: url("/img/cms/pager_arrows.png") no-repeat scroll -6px -134px transparent;
|
|
display: inline-block;
|
|
height: 17px;
|
|
margin-right: 4px;
|
|
width: 19px;
|
|
}
|
|
.star-e{
|
|
background: url("/img/cms/pager_arrows.png") no-repeat scroll -6px -160px transparent;
|
|
display: inline-block;
|
|
height: 17px;
|
|
margin-right: 4px;
|
|
width: 19px;
|
|
}
|
|
|
|
|
|
/* TABS */
|
|
.tabs{}
|
|
.tabs .tab-cnt{
|
|
border: 1px solid rgb(107, 107, 107);
|
|
overflow: hidden;
|
|
border-radius: 3px 3px 3px 0;
|
|
box-shadow : 0 1px 3px rgb(26, 26, 26);
|
|
|
|
background-image: -webkit-linear-gradient(to right, rgb(33, 32, 32) 0, rgba(47, 47, 47, 0.9) 100%);
|
|
background-image: -moz-linear-gradient(to right, rgb(33, 32, 32) 0, rgba(47, 47, 47, 0.9) 100%);
|
|
background-image: -o-linear-gradient(to right, rgb(33, 32, 32) 0, rgba(47, 47, 47, 0.9) 100%);
|
|
background-image: -ms-linear-gradient(to right, rgb(33, 32, 32) 0, rgba(47, 47, 47, 0.9) 100%);
|
|
background-image: linear-gradient(to right, rgb(33, 32, 32) 0, rgba(47, 47, 47, 0.9) 100%);
|
|
}
|
|
.tabs .tab-cnt .sbox{
|
|
display: block;
|
|
overflow: hidden;
|
|
padding: 20px;
|
|
}
|
|
.tabs .tab-btn{
|
|
margin-top: -1px;
|
|
padding: 0 5px;
|
|
margin-left: -5px;
|
|
margin-right: -5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
.tabs .tab-btn ul{
|
|
white-space: nowrap;
|
|
vertical-align: top;
|
|
margin-right: 5px;
|
|
}
|
|
.tabs .tab-btn ul li{
|
|
position: relative;
|
|
vertical-align: top;
|
|
margin-right: -5px;
|
|
overflow: hidden;
|
|
z-index: 5;
|
|
border-radius: 0 0 3px 3px;
|
|
box-shadow: 0 1px 3px rgb(29, 29, 29);
|
|
}
|
|
.tabs .tab-btn ul li a{
|
|
background-color: rgb(75, 75, 75);
|
|
border: 1px solid rgb(107, 107, 107);
|
|
color: rgb(157, 157, 157);
|
|
display: block;
|
|
overflow: hidden;
|
|
padding: 5px 20px;
|
|
text-shadow: 0 1px 1px rgb(42, 42, 42);
|
|
border-radius: 0 0 3px 3px;
|
|
}
|
|
.tabs .tab-btn ul li.ts{
|
|
position: relative;
|
|
z-index: 10;
|
|
}
|
|
.tabs .tab-btn ul li.ts a{
|
|
background-color: rgb(33, 32, 32);
|
|
border-top: medium none;
|
|
padding: 10px 20px;
|
|
color: rgb(157, 157, 157);
|
|
background-image: none;
|
|
text-shadow: 0 1px 1px rgb(0, 0, 0);
|
|
}
|
|
|
|
|
|
/* CHOSEN OVER WRITE CSS */
|
|
.chosen-container .chosen-drop {
|
|
position: absolute;
|
|
top: 100%;
|
|
left: -9999px;
|
|
z-index: 1010;
|
|
width: 100%;
|
|
border: 1px solid rgb(186, 186, 186);
|
|
background: rgb(68, 68, 68);
|
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.chosen-container .chosen-results li.highlighted {
|
|
background-color: rgba(255, 255, 255, 0.13);
|
|
color: rgb(255, 255, 255);
|
|
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.chosen-container-active .chosen-single span {
|
|
color: #7b471a;
|
|
}
|
|
.chosen-container-single .chosen-drop {
|
|
margin-top: 0;
|
|
}
|
|
.chosen-container-single .chosen-single {
|
|
border: 1px solid rgb(107, 107, 107);
|
|
border-radius: 3px;
|
|
box-shadow: -1px 1px 3px rgb(41, 41, 41);
|
|
|
|
background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top , rgb(161, 159, 159) 20%, rgb(110, 110, 110) 100%) repeat scroll 0 0 padding-box;
|
|
background: rgba(0, 0, 0, 0) -moz-linear-gradient(top , rgb(161, 159, 159) 20%, rgb(110, 110, 110) 100%) repeat scroll 0 0 padding-box;
|
|
background: rgba(0, 0, 0, 0) -ms-linear-gradient(top , rgb(161, 159, 159) 20%, rgb(110, 110, 110) 100%) repeat scroll 0 0 padding-box;
|
|
background: rgba(0, 0, 0, 0) -o-linear-gradient(top , rgb(161, 159, 159) 20%, rgb(110, 110, 110) 100%) repeat scroll 0 0 padding-box;
|
|
background: rgba(0, 0, 0, 0) linear-gradient(top , rgb(161, 159, 159) 20%, rgb(110, 110, 110) 100%) repeat scroll 0 0 padding-box;
|
|
}
|
|
.chosen-container-active.chosen-with-drop .chosen-single {
|
|
border: 1px solid rgb(186, 186, 186);
|
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
|
|
|
background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top , rgb(161, 159, 159) 20%, rgb(110, 110, 110) 100%) repeat scroll 0 0 padding-box;
|
|
background: rgba(0, 0, 0, 0) -moz-linear-gradient(top , rgb(161, 159, 159) 20%, rgb(110, 110, 110) 100%) repeat scroll 0 0 padding-box;
|
|
background: rgba(0, 0, 0, 0) -ms-linear-gradient(top , rgb(161, 159, 159) 20%, rgb(110, 110, 110) 100%) repeat scroll 0 0 padding-box;
|
|
background: rgba(0, 0, 0, 0) -o-linear-gradient(top , rgb(161, 159, 159) 20%, rgb(110, 110, 110) 100%) repeat scroll 0 0 padding-box;
|
|
background: rgba(0, 0, 0, 0) linear-gradient(top , rgb(161, 159, 159) 20%, rgb(110, 110, 110) 100%) repeat scroll 0 0 padding-box;
|
|
}
|
|
.chosen-container-single .chosen-single span {
|
|
height: 35px;
|
|
color: rgb(219, 219, 219);
|
|
}
|
|
.v-error .chosen-container-single .chosen-single div {
|
|
background: transparent url("/img/cmsc/statuses/nerr.png?v=3") no-repeat scroll right center / 26px auto !important;
|
|
}
|
|
.chosen-container-single .chosen-single div{
|
|
background-position: 0 10px;
|
|
background-size: 20px auto;
|
|
transition: none;
|
|
}
|
|
.chosen-container-active.chosen-with-drop .chosen-single div {
|
|
background-position: 0 12px;
|
|
transition: background .15s linear;
|
|
}
|
|
.chosen-container .chosen-results {
|
|
max-height: 242px;
|
|
color: rgb(188, 188, 188);
|
|
}
|
|
.chosen-container .chosen-results li{
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
|
}
|
|
.chosen-container .chosen-results li:last-child{
|
|
border-bottom: none;
|
|
}
|
|
|
|
/* AA STYLE */
|
|
span.tiny{
|
|
font-size: 8px;
|
|
}
|
|
|
|
|
|
/* MULTI SELECT BOX SEARCH LINKER STYLE */
|
|
.selector{
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 760px;
|
|
}
|
|
.selector .available, .selector .chosen {
|
|
background: none repeat scroll 0 0 rgb(35, 35, 35);
|
|
border: 1px solid rgb(75, 75, 75);
|
|
float: left;
|
|
width: 366px;
|
|
border-radius: 3px;
|
|
}
|
|
.selector .available > div, .selector .chosen > div{
|
|
overflow: hidden;
|
|
border-radius: 3px;
|
|
}
|
|
.selector .available h2, .selector .chosen h2 {
|
|
border-bottom: 1px solid rgb(8, 8, 8);
|
|
color: rgb(186, 186, 186);
|
|
font-size: 10px;
|
|
letter-spacing: 1px;
|
|
line-height: 13px;
|
|
margin: 0;
|
|
padding: 7px;
|
|
text-align: center;
|
|
text-shadow: -1px 1px 0 rgb(20, 20, 20);
|
|
}
|
|
.selector .selector-filter {
|
|
background: rgb(36, 36, 36) url("/img/cmsn/svg/search.svg") no-repeat scroll 12px center / 24px auto;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
|
|
border-top: 1px solid rgba(255, 255, 255, 0.07);
|
|
color: #666666;
|
|
padding: 3px 5px 2px 2px;
|
|
text-indent: 25px;
|
|
}
|
|
.selector .selector-filter input[type="text"] {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
max-width: 308px !important;
|
|
position: relative;
|
|
width: 308px !important;
|
|
padding: 5px 4px;
|
|
margin-left: 18px;
|
|
}
|
|
.selector select[multiple="multiple"] {
|
|
height: 200px;
|
|
margin: 0 0 0 -1px;
|
|
max-width: 366px !important;
|
|
padding: 3px;
|
|
width: 366px !important;
|
|
border-bottom: 1px solid rgb(15, 15, 15);
|
|
border-left: none;
|
|
border-right: none;
|
|
border-top: none;
|
|
outline: none;
|
|
overflow: auto;
|
|
}
|
|
.selector select option {
|
|
color: rgb(222, 222, 222);
|
|
font-family: Arial,sans-serif;
|
|
font-size: 13px;
|
|
font-weight: normal;
|
|
line-height: 14px;
|
|
padding: 4px 6px;
|
|
outline: none;
|
|
}
|
|
.selector select option::selection, .selector select option::-moz-selection{
|
|
background-color: #FC6500;
|
|
color: white;
|
|
}
|
|
.selector div.subbtns {
|
|
border-top: 1px solid rgba(255, 255, 255, 0.2);
|
|
margin: 0;
|
|
padding: 3px 7px 5px;
|
|
}
|
|
.selector div.subbtns a{
|
|
color: #7E7E7E;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
line-height: 13px;
|
|
text-shadow: -1px 1px 0 rgb(20, 20, 20);
|
|
float: left;
|
|
}
|
|
.selector div.subbtns a:hover{
|
|
text-decoration: underline;
|
|
}
|
|
.selector div.subbtns .count{
|
|
color: #B4B4B4;
|
|
float: right;
|
|
font-size: 11px;
|
|
text-shadow: -1px 1px 0 rgb(20, 20, 20);
|
|
}
|
|
.selector ul.selector-chooser {
|
|
float: left;
|
|
margin: 128px 2px 0;
|
|
padding: 0;
|
|
width: 18px;
|
|
list-style: none outside none;
|
|
}
|
|
.selector a.selector-add, .selector a.selector-remove {
|
|
background: transparent url("/img/cmsn/svg/arrow_left.svg") no-repeat scroll -17px center / 35px auto;
|
|
color: transparent !important;
|
|
display: block;
|
|
height: 24px;
|
|
width: 18px;
|
|
opacity: 0.7;
|
|
transition: opacity 0.2s ease;
|
|
}
|
|
.selector a.selector-remove {
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
.selector a.selector-add:hover,
|
|
.selector a.selector-remove:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.form-data .v-text .errMsg,
|
|
.form-data .v-error .errMsg {
|
|
opacity: 0;
|
|
background: #ffeb80;
|
|
position: absolute;
|
|
bottom: -22px;
|
|
font-size: 12px;
|
|
line-height: 22px;
|
|
padding: 2px 15px;
|
|
color: rgb(71, 71, 71);
|
|
white-space: nowrap;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
z-index: 5;
|
|
pointer-events: none;
|
|
width: auto !important;
|
|
|
|
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.2);
|
|
transition: opacity 0.12s ease-in-out, bottom 0.12s ease-in-out;
|
|
}
|
|
.form-data .v-text .errMsg::after,
|
|
.form-data .v-error .errMsg::after{
|
|
content: "";
|
|
margin: 0 auto;
|
|
border-left: 4px solid rgb(255, 235, 128);
|
|
border-top: 4px solid rgb(255, 235, 128);
|
|
border-bottom: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
height: 0;
|
|
width: 0;
|
|
display: block;
|
|
transform: rotate(45deg);
|
|
top: -4px;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.form-data .v-text:hover .errMsg,
|
|
.form-data .v-error:hover .errMsg {
|
|
opacity: 1;
|
|
bottom: -35px;
|
|
}
|
|
.form-data .v-text .errMsg.black,
|
|
.form-data .v-error .errMsg.black{
|
|
background: rgba(0, 0, 0, 0.5);
|
|
color: rgb(191, 191, 191);
|
|
border-radius: 3px;
|
|
}
|
|
.form-data .v-text .errMsg.black::after,
|
|
.form-data .v-error .errMsg.black::after{
|
|
border-left: 4px solid rgba(0, 0, 0, 0.5);
|
|
border-top: 4px solid rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
/* DISABLED LI BLOCKS */
|
|
.form-data ul.pblocks li.disabled{
|
|
position: relative;
|
|
opacity: 0.6;
|
|
cursor: default;
|
|
}
|
|
.form-data ul.pblocks li.disabled::after{
|
|
content: "";
|
|
position: absolute;
|
|
background-color: rgba(8, 8, 8, 0.04);
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
|
|
|
|
/* UPLODIFY - IMG STYLE */
|
|
#add-img{ }
|
|
.prod-img div.click-to-addimg {
|
|
background: url("/img/cmsn/svg/finger.svg") no-repeat scroll center center rgb(54, 54, 54);
|
|
border: 1px solid rgb(47, 47, 47);
|
|
border-radius: 3px;
|
|
box-shadow: 0 1px 3px rgb(77, 75, 75) inset;
|
|
height: 100px;
|
|
margin: 10px 0 0 0;
|
|
max-width: 229px;
|
|
overflow: hidden;
|
|
padding: 5px;
|
|
position: relative;
|
|
width: 134px;
|
|
}
|
|
.prod-img li{
|
|
margin: 0 10px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
padding: 5px;
|
|
}
|
|
.prod-img li label{
|
|
color: rgb(222, 222, 222);
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.prod-img li .bchk-cnt{
|
|
margin-top: 2px;
|
|
vertical-align: top;
|
|
}
|
|
.prod-img li .placeh > span.delete {
|
|
background: transparent url("/img/cmsn/svg/close.svg") no-repeat scroll center center / 20px auto;
|
|
height: 16px !important;
|
|
right: 1px;
|
|
width: 16px !important;
|
|
display: block;
|
|
position: absolute;
|
|
cursor: pointer;
|
|
z-index: 10;
|
|
top: 11px;
|
|
}
|
|
#cnt_files .placeh {
|
|
background-color: rgb(39, 39, 39);
|
|
border-radius: 5px;
|
|
box-shadow: 2px 2px 2px rgb(47, 47, 47);
|
|
box-sizing: border-box;
|
|
display: none;
|
|
overflow: hidden;
|
|
padding: 10px;
|
|
position: absolute;
|
|
right: calc(-100% + 20px);
|
|
top: -15px;
|
|
z-index: 15;
|
|
}
|
|
div#cnt_files .placeh > span {
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
height: 20px !important;
|
|
width: 20px !important;
|
|
margin-right: 7px;
|
|
position: unset;
|
|
cursor: pointer;
|
|
opacity: 0.6 !important;
|
|
transition: opacity 0.2s ease;
|
|
}
|
|
div#cnt_files .placeh > span:hover{
|
|
opacity: 1 !important;
|
|
}
|
|
#cnt_files.prod-img li .placeh > span.delete {
|
|
background: transparent url("/img/cmsn/svg/close.svg") no-repeat scroll center center / 22px auto;
|
|
}
|
|
.prod-img li .placeh > span.download {
|
|
background: url("/img/cmsn/svg/download.svg") no-repeat scroll center center / 24px auto;
|
|
}
|
|
.prod-img li .placeh > span.pic {
|
|
background: transparent url("/img/cmsn/svg/media_image.svg") no-repeat scroll center center / 20px auto;
|
|
}
|
|
.prod-img li .placeh > span.youtube {
|
|
background: transparent url("/img/cmsn/svg/youtube.svg") no-repeat scroll center center / 20px auto;
|
|
}
|
|
.prod-img li .placeh > span.link {
|
|
background: transparent url("/img/cmsn/svg/link.svg") no-repeat scroll center center / 24px auto;
|
|
}
|
|
.prod-img li .inline > span.link {
|
|
background: transparent url("/img/cmsn/svg/link.svg") no-repeat scroll center center / 24px auto;
|
|
}
|
|
.prod-img li .opchange, .prod-img li .bchk-cnt{
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.prod-img .upper{
|
|
z-index: 10;
|
|
}
|
|
.prod-img .uploadifyQueue{
|
|
display: none;
|
|
}
|
|
.prod-img .click-to-addimg img {
|
|
background-color: #eaeaea;
|
|
display: block;
|
|
height: 91%;
|
|
left: 5px;
|
|
position: absolute;
|
|
top: 5px;
|
|
width: 93%;
|
|
z-index: 5;
|
|
}
|
|
.prod-img .click-to-addimg > a{
|
|
display: none;
|
|
position: absolute;
|
|
top: -20px;
|
|
z-index: 1;
|
|
}
|
|
.prod-img .click-to-addimg object {
|
|
left: 5px;
|
|
position: absolute;
|
|
top: 5px;
|
|
z-index: 11;
|
|
}
|
|
.loadable-dd .pblocks{
|
|
text-align: center;
|
|
}
|
|
.file-upload {
|
|
bottom: 0;
|
|
cursor: pointer;
|
|
display: block;
|
|
opacity: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 6;
|
|
height: 100%;
|
|
width: 100%;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.list-data > ul > li {
|
|
vertical-align: top;
|
|
}
|
|
.del-btn {
|
|
background: transparent url("/img/cmsc/add-remove.png") repeat scroll -1px -88px;
|
|
display: block;
|
|
height: 26px;
|
|
margin-left: 10px;
|
|
margin-top: 3px;
|
|
width: 26px;
|
|
}
|
|
select option:disabled{
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.cnt_file_url{
|
|
display: none;
|
|
margin: 5px 25px;
|
|
}
|
|
.cnt_file_url > label{
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
padding: 10px;
|
|
text-align: right;
|
|
text-overflow: ellipsis;
|
|
vertical-align: top;
|
|
width: 15%;
|
|
}
|
|
.cnt_file_url > input#c_f_url{
|
|
background-color: rgba(241, 241, 241, 0.9);
|
|
border: medium none;
|
|
box-shadow: none;
|
|
box-sizing: border-box;
|
|
margin-left: 10px;
|
|
margin-right: -20px;
|
|
padding: 12px 20px;
|
|
vertical-align: top;
|
|
width: 85%;
|
|
|
|
-webkit-transition: background-color 0.5s linear;
|
|
-moz-transition: background-color 0.5s linear;
|
|
-o-transition: background-color 0.5s linear;
|
|
transition: background-color 0.5s linear;
|
|
}
|
|
.cnt_file_url > input#c_f_url.update{
|
|
background-color: #aaf89d;
|
|
}
|
|
.displayNone{
|
|
display: none !important;
|
|
}
|
|
|
|
|
|
/* UPLOADED FILE EXT. */
|
|
#cnt_files .file { background: #ffffff url("/img/cmsc/ico-sprites.jpg") no-repeat scroll 134px 100px; }
|
|
#cnt_files .doc {}
|
|
#cnt_files .docx {}
|
|
#cnt_files .pdf {}
|
|
#cnt_files .rar {}
|
|
#cnt_files .zip {}
|
|
|
|
|
|
#cnt_files li { overflow: visible; }
|
|
#cnt_files div.click-to-addimg { overflow: hidden; }
|
|
#cnt_files li:not(.upp):hover .placeh{
|
|
display: block;
|
|
}
|
|
|
|
|
|
|
|
/* MEDIA QUERIES */
|
|
@media screen and (max-width: 1024px) {
|
|
.form-data {
|
|
padding: 10px 0px;
|
|
}
|
|
.form-data h2{
|
|
margin: 0;
|
|
}
|
|
}
|
|
@media screen and (max-width: 960px) {
|
|
|
|
}
|
|
@media screen and (max-width: 915px) {
|
|
|
|
}
|
|
@media screen and (max-width: 790px) {
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|