| Server IP : 80.87.202.40 / Your IP : 216.73.216.169 Web Server : Apache System : Linux rospirotorg.ru 5.14.0-539.el9.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Dec 5 22:26:13 UTC 2024 x86_64 User : bitrix ( 600) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/bitrix/ext_www/rospirotorg.ru/bitrix/js/landing/ui/field/color/src/control/hex/css/ |
Upload File : |
.landing-ui-field-color-hex {
position: relative;
box-shadow: 0 0 4px rgba(128, 128, 128, .1);
border: 1px solid rgba(0, 0, 0, .05);
}
.landing-ui-field-color-colorset .landing-ui-field-color-hex {
margin-left: 3px;
}
.landing-ui-field-color-hex-input,
.landing-ui-field-color-hex-preview {
color: #000;
}
.landing-ui-field-color-hex-input {
height: 22px;
max-width: 77px;
border-radius: 2px;
border: none;
outline: none;
padding: 2px 15px 2px 5px;
box-sizing: border-box;
}
.landing-ui-field-color-hex-preview {
position: relative;
padding: 3px 19px 3px 6px;
border-radius: 2px;
font-size: 11px;
color: #525c69;
cursor: pointer;
transition: .3s;
}
.landing-ui-field-color-hex-preview-btn {
position: absolute;
top: 50%;
right: 9px;
display: block;
transform: translate(0, -50%);
cursor: pointer;
transition: .3s;
}
.landing-ui-field-color-popup-head .landing-ui-field-color-hex-preview-btn {
right: 4px;
}
.landing-ui-field-color-hex-input.active,
.landing-ui-field-color-hex-preview.active {
position: relative;
}
.landing-ui-field-color-hex-input.active:after,
.landing-ui-field-color-hex-preview.active:after {
content: '';
position: absolute;
right: -4px;
bottom: -3px;
width: 15px;
height: 15px;
border-radius: 50%;
background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%23FFF' width='14.819' height='14.819' rx='7.409'/%3E%3Cpath fill='%232FC6F6' d='M6.593 8.333l4.19-4.141 1.39 1.44-5.559 5.56-.021-.023-.022.023-3.398-3.415 1.39-1.44z'/%3E%3C/g%3E%3C/svg%3E");
box-shadow: 0 2px 4px 0 rgba(0,0,0,.11);
}