Last active
December 9, 2015 11:52
-
-
Save Bogdan808/824625bd25c9309e2c50 to your computer and use it in GitHub Desktop.
base.scss
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@import "./bootstrap.css"; | |
@import "./rouble.css"; | |
@import "./pfdincondpro_reg.css"; | |
:global .rouble | |
{ | |
font-family: 'rouble' !important; | |
font-style: normal; | |
} | |
:global .color_black | |
{ | |
color:#000; | |
} | |
:global .table__td | |
{ | |
display: table-cell; | |
vertical-align: middle; | |
} | |
:global .payment__center | |
{ | |
max-width: 695px; | |
margin: 0 auto; | |
} | |
/*INPUTS*/ | |
:global input, | |
:global select | |
{ | |
outline-style: none; | |
} | |
:global select | |
{ | |
background: #fff; | |
} | |
:global .input | |
{ | |
height: 55px; | |
padding: 0 20px; | |
font-size: 14px; | |
font-family: Arial; | |
border: 1px solid #e1e1e1; | |
border-radius: 3px; | |
width: 100%; | |
-webkit-transition: box-shadow 0.3s ease,border-color 0.3s ease; | |
transition: box-shadow 0.3s ease,border-color 0.3s ease; | |
} | |
:global .input_exsmall | |
{ | |
height: 43px; | |
padding: 0 10px 0 14px; | |
font-size: 14px; | |
font-family: Arial; | |
border: 1px solid #e1e1e1; | |
border-radius: 3px; | |
width: 100%; | |
-webkit-transition: box-shadow 0.3s ease,border-color 0.3s ease; | |
transition: box-shadow 0.3s ease,border-color 0.3s ease; | |
} | |
@media(max-width:767px){ | |
:global .input_exsmall | |
{ | |
border-radius: 0px; | |
} | |
} | |
:global .input_rub | |
{ | |
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAMCAYAAABm+U3GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAK1JREFUeNpizMrKYgACYyCeyYAA74F4DxB3gjhTp05lIBWwQGklqOEwQwWB2AWIy4FYiIEMwITGF4JiRiBeDbUglBoGI4N0KO1CicHvsciVQ+mz5BjMAnVRB5TfAbXEBSnMV5NrcBqSIWlIcveAOAyHb4gKijAoZkCKOBBWJjcYkF0MS8NnkMLchIECwARNw+/RMsd7BgoByMUV0Fy2G+pKig1FTm6CDFQGAAEGAIIaHYwZFw5GAAAAAElFTkSuQmCC); | |
background-position: right 14px; | |
background-repeat: no-repeat; | |
padding-right: 32px; | |
} | |
:global .input_cop | |
{ | |
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAICAYAAACVm43oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOBJREFUeNq8U8sNwjAMdSoWSEfICjACK5QRYIUecsslHaGM0I4AK3QEWCEjFAdeJMsHhGjhSU+JXad+8seEEGYiOjBHZs88Mmt64cLc4p6YO+aducc3jRpxT3jv6VtslJ1FXfHzG9MxW9g9fIZpEd8JoQ2tiCIsCxhwb5HYIXEHf/ZF+EkISxD3E2ERZ04wiYpMIjYJgRqWVkaF84RKObSTRCU1Ev0BlUhW2hJF8ogWNZix0rZ3yNWbEb9YGKn5sthAwuwNYis/hV06Y0bYZ7DMl9xA2cJRvdO2WdrKhwADAE3hMG7V76wlAAAAAElFTkSuQmCC); | |
background-position: right 18px; | |
background-repeat: no-repeat; | |
padding-right: 45px; | |
} | |
:global .input.error | |
{ | |
box-shadow: 0 0 8px #B3243D; | |
position: relative; | |
border-color: rgba(179, 36, 61, 0.50); | |
} | |
:global .input:focus | |
{ | |
box-shadow: 0 0 8px #1E3F6A; | |
position: relative; | |
border-color: rgba(30, 63, 106, 0.54); | |
z-index: 2; | |
} | |
:global .input_sticky .input | |
{ | |
border-radius: 0px; | |
border-bottom: 0px; | |
} | |
:global .input_sticky .input:first-of-type | |
{ | |
border-radius: 3px 3px 0 0; | |
border-bottom: 0px; | |
} | |
:global .input_sticky .input:last-of-type | |
{ | |
border-radius: 0 0 3px 3px; | |
border-bottom: 1px solid #e1e1e1; | |
} | |
:global .input_small | |
{ | |
height: 43px; | |
} | |
:global .input_date | |
{ | |
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAaUlEQVQ4jWM4bGzMgIYfYhHDhTHUgohWIP4JxP8pxCAzWkEG/gFifiRb/pPgQmS1IDN+YjPgAQkGoqv9T6qLCLoYZiDVMM1cSBcDQQH+kAQ2fVz4EMlGUtmjLhzMLkQvbcjF8NKGquUhAHAiHnsviL5gAAAAAElFTkSuQmCC) 87px 12px no-repeat; | |
padding-right: 10px; | |
width: 118px; | |
padding: 0 35px 0 12px; | |
} | |
:global .input_error | |
{ | |
border-color: #EF2543 !important; | |
} | |
:global .input_error_message | |
{ | |
color:#EF2543; | |
margin-top: 10px; | |
} | |
:global .disabled_active | |
{ | |
background-color: #fff; | |
} | |
/*INPUTS END*/ | |
/*FORMS*/ | |
:global .form__title | |
{ | |
color: #b3243d; | |
margin-bottom: 1.1em; | |
font-family: 'pfdincondpro_reg'; | |
font-size: 22px; | |
} | |
@media(max-width:767px){ | |
:global .form__title | |
{ | |
color: #a2a2a2; | |
background: #f2f1f4; | |
font-weight: 100; | |
padding: 7px 18px; | |
} | |
} | |
:global .form__title h3 | |
{ | |
font-size: 22px; | |
} | |
@media(max-width:767px){ | |
:global .form__title h3 | |
{ | |
font-size: 13px; | |
} | |
} | |
:global .form__title h3 | |
{ | |
margin: 0; | |
} | |
@media(max-width:767px){ | |
:global .form__title h3 | |
{ | |
font-weight: 100; | |
} | |
} | |
:global .form__title_success | |
{ | |
color: #000; | |
position: relative; | |
} | |
@media(max-width:767px){ | |
.form__title_success | |
{ | |
padding-left: 40px; | |
color: #a2a2a2; | |
} | |
} | |
:global .form__title_success:after | |
{ | |
content: ''; | |
position: absolute; | |
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAACHUlEQVRYw9WZvWrCUBiGU4qlBo24BKFX4OgqLg4dM3Vy7A04Z/EWHLp06CgF6eBQcO0dFApZdQu0gnegkL6nvIETOWp+TmrO8IDG8/OQnPN9X45WFEXWMZ4+H9LQBl3QB0PS57V2yjGUCAcrh2ANeGAGQhCRDViTjXQ9ZFuPfUsTbAAf/IAdWIIx6AFbMYHN38Zsu2Nfn2NpFRyBb7AFE+DmeGQu+2451kiHYBPMwR5MgVNkTRGHY+05djOXIBrcgYBraKBB7JABxw44V3pBdliBL9ApQS6mwzlWKkmlIG95wI6tEuViWpwrOHzcxwTnvPWdf5CT72TIuY8LcmeJxTvIEKh1rsm9vLsTgoxNYvtPM2YSnUzp0FAJ+oxRzgUFHTr4CUGmIBHlJzlysW4mdKnJgh5TkVsBQZcuniwokvkyZzWThRuw4Do71U7k7pksKLb4uGRBIffOCmdxpq0oMMI/QdZsolOvREFZ7o3fT7XvsW3bYmEpvtglCcpyr+A6RR+b7bsWq99NgYpat1yMKHr7Fkv0dUrBOrgHVyXLWazMh1kFHznh8xnJonIJwSyPWKyNjzOSOuQSjzjrJjklqUsusUnyhBmV5K0muWSYKRCoZckX6XNRuWSgLpjqZEldcspUV6RYiCV1ySmLhaLlVl2TnLrcqnzBakTJX/mXJiNeO414ca/80YcRh0dGHL+ZcoBpzBGwEYfoF/kb4hf8KYjkzPwjgAAAAABJRU5ErkJggg==); | |
width: 40px; | |
height: 40px; | |
left: -60px; | |
top: 0px; | |
} | |
@media(max-width:767px){ | |
:global .form__title_success:after | |
{ | |
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAOCAYAAADNGCeJAAAAfklEQVQ4y2OYdDaYgULMBsTrgPg5NQzaBMT/QQZSy6BVID41DFoKxMwgcaoZBDOME4hdgZiREoNghiVCJacTMBCvQTDDuIB4HwEDCRqEHGb4DCTKIPQIwGYgB7EGYYtNZANnI7EJGoQraSAbSLRB+NIZzECiDSKUaDlJMQiEAfV+7RvTqrM0AAAAAElFTkSuQmCC); | |
width: 19px; | |
height: 14px; | |
left: 9px; | |
top: 10px; | |
} | |
} | |
/*FORMS END*/ | |
/*BUTTONS*/ | |
:global .button | |
{ | |
width: 100%; | |
background: #ccc; | |
color: #fff; | |
font-size: 14px; | |
display: inline-block; | |
border: none; | |
text-align: center; | |
text-decoration: none; | |
padding: 12px 25px; | |
line-height: 1.3em; | |
font-family: Arial; | |
border-radius: 4px; | |
position: relative; | |
outline: none; | |
} | |
@media(max-width:767px){ | |
:global .button | |
{ | |
font-family: 'pfdincondpro_reg'; | |
border-radius: 0px; | |
} | |
} | |
/*size mods start*/ | |
:global .button_compact | |
{ | |
width: auto; | |
} | |
/*size mods end*/ | |
/*background mods start*/ | |
:global .button_red | |
{ | |
background: rgb(239, 37, 67); | |
} | |
:global .button_line | |
{ | |
background: #fff !important; | |
border: 1px solid #e6e6e6 !important; | |
color: #1e3f6a !important; | |
} | |
:global .button_blue | |
{ | |
background: #1e3f6a !important; | |
} | |
@media(max-width:767px){ | |
:global .button_blue | |
{ | |
background: #fff !important; | |
border: 1px solid #e6e6e6; | |
color: #1e3f6a; | |
} | |
} | |
:global .button_blue | |
/*background mods end*/ | |
/*border mods start*/ | |
:global .button_dashed | |
{ | |
border:1px dashed #b8c1cf; | |
background: none; | |
} | |
/*border mods end*/ | |
/*color mods start*/ | |
:global .button_c_blue | |
{ | |
color:#1e3f6a; | |
} | |
/*color mods end*/ | |
/*effect mods start*/ | |
:global .button_shadow | |
{ | |
display: inline-block; | |
height: 1px; | |
width: 100%; | |
background: rgba(0, 0, 0, 0); | |
box-shadow: 0 0 16px rgb(0, 0, 0); | |
border-radius: 24px; | |
} | |
:global .button_grad:before | |
{ | |
content: ''; | |
display: block; | |
position: absolute; | |
left:0px; | |
right: 0px; | |
top: 0px; | |
bottom: 0px; | |
border-radius: 4px; | |
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);/* FF3.6+ */ | |
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));/* Chrome,Safari4+ */ | |
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);/* Chrome10+,Safari5.1+ */ | |
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);/* Opera 11.10+ */ | |
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);/* IE10+ */ | |
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);/* W3C */ | |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );/* IE6-9 */ | |
opacity: 0.5 | |
} | |
:global .button_grad span | |
{ | |
position: relative; | |
z-index: 2; | |
} | |
@media(max-width:767px){ | |
:global .button_grad:before | |
{ | |
display: none; | |
} | |
} | |
:global button[disabled].button_red | |
{ | |
background: rgb(253, 128, 146); | |
} | |
:global button[disabled] .spiner | |
{ | |
z-index: 2; | |
left: 10px; | |
top: 2px; | |
line-height: 1em; | |
} | |
/*effect mods end*/ | |
/*autor button start*/ | |
:global .button_update | |
{ | |
} | |
/*autor button end*/ | |
:global .button_icon | |
{ | |
position: relative; | |
} | |
:global .button_icon > img | |
{ | |
margin-right: 10px; | |
margin-top: -3px; | |
} | |
:global .button_resetdata | |
{ | |
} | |
:global .button_resetdata.active | |
{ | |
color: #cf0540; | |
} | |
:global .button_resetdata.active img | |
{ | |
-webkit-transform: translateZ(0); | |
-ms-transform: translateZ(0); | |
transform: translateZ(0); | |
-webkit-animation: load8 1.1s infinite linear; | |
animation: load8 1.1s infinite linear; | |
} | |
:global .button_toggle | |
{ | |
color: #959595; | |
} | |
:global .button_toggle span | |
{ | |
font-size: 14px; | |
} | |
:global .button_toggle .link-icon | |
{ | |
position: relative; | |
top: -2px; | |
} | |
:global .button_toggle .link-icon:hover span | |
{ | |
border-bottom: none; | |
} | |
:global .button_toggle .button_toggle__icon | |
{ | |
margin-left: 0px; | |
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAVUlEQVQYGQXBsQ2CAAAAwR+FioJKC52Bkk4rWia7SsdgEBNCwhje5WOWJEky++bhskiSZHF5JjentyR5Od2VZHJYJavDJCXJ6Gez+RklJUkGu90gSX8ccT19osrsoQAAAABJRU5ErkJggg==); | |
width: 12px; | |
height: 6px; | |
display: inline-block; | |
} | |
:global .button_toggle.active .button_toggle__icon | |
{ | |
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAVElEQVQY02NYygCFCkuPAKECjA8TVlv6YGk6ED4AspAktJY+XhoHZsUBWVowCYOlT5dGwI0MB/IMQRKmS18sDYALg2AAUMSMYenqpR4owiDosXQNAAyfPX0aAT9wAAAAAElFTkSuQmCC); | |
} | |
/*BUTTONS END*/ | |
/*ERRORS start*/ | |
:global .error_message | |
{ | |
color: #eb233f; | |
} | |
/*ERRORS end*/ | |
/*MESSAGE start*/ | |
:global .message | |
{ | |
font-size: 18px; | |
font-weight: bold; | |
line-height: 1.7em; | |
} | |
/*MESSAGE end*/ | |
/*FORM GROUN start*/ | |
:global .form | |
{ | |
font-size: 14px; | |
} | |
@media(max-width:767px){ | |
:global .form | |
{ | |
margin: 0 18px;} | |
} | |
:global .form-group__label | |
{ | |
margin-bottom: 16px; | |
display: block; | |
font-family: 'pfdincondpro_reg'; | |
font-size: 18px; | |
} | |
:global .form-group | |
{ | |
margin-bottom: 15px; | |
} | |
/*FORM GROUN end*/ | |
:global .center | |
{ | |
/* max-width: 695px; */ | |
/* margin: 20px auto; */ | |
/* padding: 10px; */ | |
} | |
:global .table_label | |
{ | |
display: table-cell; | |
vertical-align: middle; | |
height: 43px; | |
color: #838383; | |
font-size: 14px; | |
} | |
:global .table_description | |
{ | |
display: table-cell; | |
vertical-align: middle; | |
height: 43px; | |
font-weight: 100; | |
} | |
:global .table_view .form-group | |
{ | |
position: relative; | |
} | |
:global .table_view .form-group:before | |
{ | |
content: ''; | |
width: 100%; | |
height: 1px; | |
background: #e9e9e9; | |
position: absolute; | |
bottom: -9px; | |
} | |
:global .table_view .form-group:last-of-type:before, | |
:global .table_view .form-group.no-border:before | |
{ | |
display: none; | |
} | |
@media(max-width:767px){ | |
:global .table_view .table_label | |
{ | |
color: #838383; | |
height: 21px; | |
vertical-align: bottom; | |
} | |
} | |
:global .table | |
{ | |
display: table; | |
width: 100%; | |
} | |
:global .commision_span | |
{ | |
color: #838383; | |
} | |
@media(max-width:767px){ | |
:global .commision_limit | |
{ | |
font-size: 12px; | |
} | |
} | |
:global .limit | |
{ | |
text-align: right; | |
} | |
@media(max-width:767px){ | |
label | |
{ | |
font-weight: 100; | |
} | |
} | |
:global .form-btn | |
{ | |
text-align: right; | |
} | |
:global .form-btn .button | |
{ | |
width: auto; | |
margin-left: 5px; | |
} | |
@media(max-width:767px){ | |
:global .form-btn .button | |
{ | |
width: 100%; | |
margin-bottom: 10px; | |
margin-left: 0px; | |
font-size: 19px; | |
} | |
} | |
@media(max-width:767px){ | |
:global .button_cansel | |
{ | |
display: none; | |
} | |
} | |
:global .commision_span | |
{ | |
color: #838383; | |
} | |
:global .checkbox__checkbox | |
{ | |
display:none; | |
} | |
:global .checkbox__checkbox + .checkbox__label | |
{ | |
display:inline-block; | |
line-height:15px; | |
background-repeat:no-repeat; | |
background-position: 0 0; | |
font-size:15px; | |
vertical-align:middle; | |
cursor:pointer; | |
width: 101px; | |
height: 38px; | |
border-radius: 2px; | |
padding: 1px 0 0 1px; | |
} | |
@media(max-width:767px){ | |
:global .checkbox__checkbox + .checkbox__label | |
{ | |
width: 80px; | |
} | |
} | |
:global .checkbox__btn | |
{ | |
background: #fff; | |
border-radius: 2px; | |
display: block; | |
width: 51px; | |
height: 36px; | |
} | |
:global .checkbox__btn:after | |
{ | |
content: 'Нет'; | |
display: block; | |
color: #c3cad1; | |
text-align: center; | |
position: relative; | |
top: 11px; | |
font-weight: 100; | |
} | |
:global .checkbox__label | |
{ | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-khtml-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
background: #c3cad1; | |
-webkit-transition: background 0.3s ease, padding-left 0.3s ease; | |
transition: background 0.3s ease, padding-left 0.3s ease; | |
} | |
:global .checkbox__checkbox:checked + .checkbox__label | |
{ | |
background: #9ec658; | |
padding-left: 49px; | |
} | |
@media(max-width:767px){ | |
:global .checkbox__checkbox:checked + .checkbox__label | |
{ | |
padding-left: 28px; | |
} | |
} | |
:global .checkbox__checkbox:checked + .checkbox__label .checkbox__btn:after | |
{ | |
content: 'Да'; | |
color: #000; | |
} | |
:global .reapet | |
{ | |
border-top: 1px solid #ced0d3; | |
margin-top: 40px; | |
padding-top: 40px; | |
} | |
:global .reapet__checkbox | |
{ | |
width: 120px; | |
} | |
@media(max-width:767px){ | |
:global .reapet__checkbox | |
{ | |
width: 100px; | |
} | |
} | |
:global .reapet__description | |
{ | |
color: #838383; | |
} | |
@media(max-width:767px){ | |
:global .media-margin-top | |
{ | |
margin-top: 13px; | |
} | |
} | |
:global .next-pay | |
{ | |
max-width: 442px; | |
border: 1px solid #ced0d3; | |
padding: 5px 13px; | |
border-radius: 3px; | |
} | |
@media (max-width: 991px){ | |
.next-pay | |
{ | |
text-align: center; | |
padding: 0px 13px; | |
} | |
} | |
@media (max-width: 991px){ | |
.next-pay .table_label, | |
.next-pay .table_description | |
{ | |
height: 33px; | |
} | |
} | |
:global .next-pay__summ | |
{ | |
position: relative; | |
left: 6px; | |
} | |
:global .next-pay__alert | |
{ | |
color: #b3243d; | |
} | |
@media(max-width: 992px){ | |
:global .next-pay__summ | |
{ | |
left: 0px; | |
} | |
} | |
/****SELECT STYLE********************************/ | |
/************************************************/ | |
/************************************************/ | |
/************************************************/ | |
/************************************************/ | |
/* SelectBoxIt container */ | |
:global .selectboxit-container { | |
position: relative; | |
display: inline-block; | |
vertical-align: top; | |
width: 100%; | |
} | |
/* Styles that apply to all SelectBoxIt elements */ | |
:global .selectboxit-container * { | |
font-size: 14px;/* Prevents text selection */ | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-khtml-user-select: none; | |
-moz-user-select: | |
-moz-none; | |
-ms-user-select: none; | |
-o-user-select: none; | |
user-select: none; | |
outline: none; | |
white-space: nowrap; | |
} | |
/* Button */ | |
:global .selectboxit-container .selectboxit { | |
width: 100%; /* Width of the dropdown button */ | |
cursor: pointer; | |
margin: 0; | |
padding: 0; | |
border-radius: 3px; | |
overflow: hidden; | |
display: block; | |
position: relative; | |
} | |
@media(max-width:767px){ | |
:global .selectboxit-container .selectboxit { | |
border-radius: 0px; | |
} | |
} | |
/* Height and Vertical Alignment of Text */ | |
:global .selectboxit-container span, | |
:global .selectboxit-container .selectboxit-options a { | |
height: 41px;/* Height of the drop down *//* Vertically positions the drop down text */ | |
display: block; | |
line-height: 2.9em; | |
} | |
/* Focus pseudo selector */ | |
:global .selectboxit-container .selectboxit:focus { | |
outline: 0; | |
} | |
/* Disabled Mouse Interaction */ | |
:global .selectboxit.selectboxit-disabled, | |
:global .selectboxit-options .selectboxit-disabled { | |
opacity: 0.65; | |
filter: alpha(opacity=65); | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
cursor: default; | |
} | |
/* Button Text */ | |
:global .selectboxit-text { | |
text-indent: 5px; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
/* float: left; */ | |
margin-right: 40px; | |
max-width: 1000px !important; | |
} | |
:global .selectboxit .selectboxit-option-icon-container { | |
margin-left: 5px; | |
} | |
/* Options List */ | |
:global .selectboxit-container .selectboxit-options { | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
min-width: 100%; /* Minimum Width of the dropdown list box options */ | |
*width: 100%; | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
position: absolute; | |
overflow-x: hidden; | |
overflow-y: auto; | |
cursor: pointer; | |
display: none; | |
z-index: 9999999999999; | |
border-radius: 6px; | |
text-align: left; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
} | |
/* Individual options */ | |
:global .selectboxit-option .selectboxit-option-anchor{ | |
padding: 0 2px; | |
position: relative; | |
} | |
/* Individual Option Hover Action */ | |
:global .selectboxit-option .selectboxit-option-anchor:hover { | |
text-decoration: none; | |
} | |
/* Individual Option Optgroup Header */ | |
:global .selectboxit-option, | |
:global .selectboxit-optgroup-header { | |
text-indent: 5px; /* Horizontal Positioning of the select box option text */ | |
margin: 0; | |
list-style-type: none; | |
} | |
/* The first Drop Down option */ | |
:global .selectboxit-option-first { | |
border-top-right-radius: 6px; | |
border-top-left-radius: 6px; | |
} | |
/* The first Drop Down option optgroup */ | |
:global .selectboxit-optgroup-header + .selectboxit-option-first { | |
border-top-right-radius: 0px; | |
border-top-left-radius: 0px; | |
} | |
/* The last Drop Down option */ | |
:global .selectboxit-option-last { | |
border-bottom-right-radius: 6px; | |
border-bottom-left-radius: 6px; | |
} | |
/* Drop Down optgroup headers */ | |
:global .selectboxit-optgroup-header { | |
font-weight: bold; | |
} | |
/* Drop Down optgroup header hover psuedo class */ | |
:global .selectboxit-optgroup-header:hover { | |
cursor: default; | |
} | |
/* Drop Down down arrow container */ | |
:global .selectboxit-arrow-container {/* Positions the down arrow */ | |
width: 30px; | |
position: absolute; | |
right: 0; | |
top: 0; | |
} | |
/* Drop Down down arrow */ | |
:global .selectboxit .selectboxit-arrow-container .selectboxit-arrow {/* Horizontally centers the down arrow */ | |
margin: 0 auto; | |
position: absolute; | |
top: 50%; | |
right: 0px; | |
left: 0; | |
margin: -4px 0 0 0; | |
} | |
/* Drop Down down arrow for jQueryUI and jQuery Mobile */ | |
:global .selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon { | |
top: 30%; | |
} | |
/* Drop Down individual option icon positioning */ | |
:global .selectboxit-option-icon-container { | |
float: left; | |
} | |
:global .selectboxit-container .selectboxit-option-icon { | |
margin: 0; | |
padding: 0; | |
vertical-align: middle; | |
} | |
/* Drop Down individual option icon positioning */ | |
:global .selectboxit-option-icon-url { | |
width: 18px; | |
background-size: 18px 18px; | |
background-repeat: no-repeat; | |
height: 100%; | |
background-position: center; | |
float: left; | |
} | |
:global .selectboxit-rendering { | |
display: inline-block !important; | |
*display: inline !important; | |
zoom: 1 !important; | |
visibility: visible !important; | |
position: absolute !important; | |
top: -9999px !important; | |
left: -9999px !important; | |
} | |
/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */ | |
:global .jqueryui .ui-icon { | |
background-color: inherit; | |
} | |
/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */ | |
:global .jqueryui .ui-icon-triangle-1-s { | |
background-position: -64px -16px; | |
} | |
/* | |
Default Theme | |
------------- | |
Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme | |
*/ | |
:global .selectboxit-btn { | |
background-color: #fff; | |
background-repeat: repeat-x; | |
border: 1px solid #e1e1e1; | |
-webkit-transition: box-shadow 0.3s ease; | |
transition: box-shadow 0.3s ease; | |
} | |
:global .selectboxit-btn.selectboxit-enabled:hover, | |
:global .selectboxit-btn.selectboxit-enabled:focus, | |
:global .selectboxit-btn.selectboxit-enabled:active { | |
color: #333333; | |
box-shadow: 0 0 8px #1E3F6A; | |
border-color: rgba(30, 63, 106, 0.54); | |
} | |
:global .selectboxit-btn.selectboxit-enabled:hover, | |
:global .selectboxit-btn.selectboxit-enabled:focus { | |
color: #333333; | |
text-decoration: none; | |
background-position: 0 -15px; | |
} | |
:global .selectboxit-default-arrow { | |
width: 0; | |
height: 0; | |
border-top: 7px solid #d3415b; | |
border-right: 7px solid transparent; | |
border-left: 7px solid transparent; | |
} | |
:global .selectboxit-list { | |
background-color: #ffffff; | |
border: 1px solid #ccc; | |
border: 1px solid rgba(0, 0, 0, 0.2); | |
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
} | |
:global .selectboxit-list .selectboxit-option-anchor { | |
color: #333333; | |
} | |
:global .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor { | |
color: #ffffff; | |
background-color: rgba(30, 63, 106, 0.9); | |
} | |
:global .selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor { | |
color: #999999; | |
} | |
:global .select__name | |
{ | |
float: left; | |
width: 43%; | |
margin-right: 0%; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
} | |
:global .select__summ | |
{ | |
float: right; | |
width: 40%; | |
text-align: right; | |
color: #878787; | |
text-overflow: clip; | |
overflow: hidden; | |
position: absolute; | |
right: 50px; | |
top: 0px; | |
} | |
:global .selectboxit-list .selectboxit-focus .select__summ | |
{ | |
color: #fff; | |
} | |
/****SELECT STYLE**END***************************/ | |
/************************************************/ | |
/************************************************/ | |
/************************************************/ | |
/************************************************/ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment