Current Path : /storage/v11800/affypharma/public_html/wp-content/themes/phlox-pro/auxin/css/ |
Linux v11800 5.3.0-1023-aws #25~18.04.1-Ubuntu SMP Fri Jun 5 15:19:18 UTC 2020 aarch64
|
Current File : /storage/v11800/affypharma/public_html/wp-content/themes/phlox-pro/auxin/css/elements.css |
/*!------------------------
$checkbox
--------------------------*/
.jquery-checkbox {
display: inline-block;
font-size: 20px;
line-height: 20px;
cursor: pointer;
}
.jquery-checkbox .mark {
display: inline;
width: 60px;
}
.jquery-checkbox img {
vertical-align: middle;
width: 60px;
height: 20px;
background: transparent url(images/elements/checkbox-light.png) no-repeat;
background-position: 0 0;
}
.jquery-checkbox-checked img {
background-position: 0 -40px;
}
.jquery-checkbox-checked .jquery-checkbox-hover img {
background-position: 0 -60px;
}
.jquery-checkbox-checked .jquery-checkbox-disabled img {
background-position: 0 -100px;
}
.jquery-checkbox-hover img {
background-position: 0 -20px;
}
.jquery-checkbox-disabled img {
background-position: 0 -80px;
}
/*!------------------------
$Rectangle
--------------------------*/
.rect {
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
box-sizing: border-box;
white-space: nowrap;
color: #666;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.59);
display: inline-block;
position: relative;
margin: 0 1px;
height: auto;
min-width: 60px;
background: #ececec;
padding: .5em 8px .5em;
outline: none;
border: 1px solid #d8d8d8;
border-bottom: 1px solid #ccc;
border-radius: 3px;
cursor: pointer;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 16px 15px rgba(255, 255, 255, 0.57);
}
.rect:hover {
color: #888;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.69);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 16px 15px rgba(255, 255, 255, 0.75);
}
.rect:active {
background-color: #696969;
color: #FFFFFF;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
border: 1px solid #777777;
border-bottom: 1px solid #555555;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.58), inset 0 1px 6px rgba(0, 0, 0, 0.07), inset 0 -14px 13px rgba(0, 0, 0, 0.2);
}
/*!------------------------
$dropdown
--------------------------*/
.cl-select, .av3_container select {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
white-space: nowrap;
color: #666;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.59);
display: inline-block;
position: relative;
margin: 0 1px;
width: 230px;
height: auto;
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAABGCAYAAABL/l33AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFCQkNBMkE2RDU4QTExRTFBODM5ODEyQjQ3MjVCNEIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFCQkNBMkE3RDU4QTExRTFBODM5ODEyQjQ3MjVCNEIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUJCQ0EyQTRENThBMTFFMUE4Mzk4MTJCNDcyNUI0QjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUJCQ0EyQTVENThBMTFFMUE4Mzk4MTJCNDcyNUI0QjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4MPYDTAAACRklEQVR42mK8dOnSf11dXQYgYGQgE3i4e2CI/f37l+HXr18MBw8dJNk8JgYKATYHUQoocpSriysDLQDZjrK3s2egFWBiGISAabCF0vAJKVqH0vAIKXqE0tAPKXqF0tAOKXqG0tANKXqHEqUhBWqE/QTi/zgwSM6AHINZCCnA10ibOmUqy7lz5xgYmVDbh////WcwMjJiyc7JZqCJo/CAy/EJ8Svff3gf+fbtWwZGRojD/v//zyAsJMyQlJy0Asi9QPeEzsPDkxYbG3uXhQXhNxAb6Ng7nJycKQOV+77Iy8v7BQQE/AC1yUE4JDjkh6ysrA9Q7ju5hrJQIbNcs7a2Tnv+/PkiFmYWBnML8wSg2E1KDGShUi5eHBISAsqNv4B4JaWGsVCxeCkbrftGHTXqqFFHjTpq1FGogBHU/hl0jgoPD/8vLi4OZpNryMSJEwdX9FHbQRQ7ihYOoshRtHLQ8CoSaBlKwyekaB1KwyOk6BFKQz+k6BVKQzuk6BlKQzek6B1KlIYUzYYXCToKNEKHAz+5fPnyGVz6QHJANY/pHVLvIyMjm9+9e/cMXQIk5u/v3whkvqV7Qr969ere4uLirt+/f/+EiYHYeXl5Hffv399LszQFtACf9O8FCxYsBAGYwOzZs+cuXbp0EZD5l1xHUWPQ7ENqamq3qqqqHDCU/mZnZ/cCxT7SpTczadIkQmaZQUPnLLIgOV04ag4vnqJ7OUUgbY1WMwMSWsOj40CP0Bo+nVFah9bwGsmjZWgNvzFPWoUWQIABAH8xwXC+l41UAAAAAElFTkSuQmCC) no-repeat right -3px;
padding: .7em 30px .6em 10px;
outline: none;
border: 1px solid #ADADAD;
border-radius: 1px;
cursor: pointer;
box-shadow: inset 0 -2px 0 #DFDFDF;
}
.cl-select option, .av3_container select option {
color: #666;
background: #f9f9f9;
text-shadow: none;
padding: 0 .7em;
}
.cl-select:hover, .av3_container select:hover {
color: #888;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.69);
}
.cl-select:focus, .av3_container select:focus {
background-color: #696969;
background-position: right -38px;
color: #FFFFFF;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
border: 1px solid #777777;
border-bottom: 1px solid #555555;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.58);
}
.cl-select::before, .av3_container select::before {
background: rgba(102, 102, 102, 0.74);
border-radius: 100%;
content: '';
display: inline-block;
font-size: 12px;
font-weight: 400;
height: 6px;
left: 0;
margin-top: 3px;
opacity: 1;
position: absolute;
top: 0;
vertical-align: top;
width: 6px;
}
.av3_container {
/*!------------------------
$Radio Button
--------------------------*/
}
.av3_container input[type="radio"] {
cursor: pointer;
margin: 0;
display: inline-block;
height: 14px;
position: relative;
vertical-align: baseline;
width: 14px;
background: #ececec;
border-radius: 100%;
border: 1px solid #d8d8d8;
border-bottom: 1px solid #ccc;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 6px 7px rgba(255, 255, 255, 0.57);
}
.av3_container input[type="radio"]:hover {
color: #888;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.69);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 6px 7px rgba(255, 255, 255, 0.78);
}
.av3_container input[type="radio"]:active {
color: #696969;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.53);
border: 1px solid #d2d2d2;
border-bottom: 1px solid #d8d8d8;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.58), inset 0 1px 6px rgba(0, 0, 0, 0.07), inset 0 -6px 7px rgba(255, 255, 255, 0.2);
}
.av3_container input[type="radio"]:checked::before {
background: rgba(102, 102, 102, 0.74);
border-radius: 100%;
content: '';
display: inline-block;
font-size: 12px;
font-weight: 400;
height: 6px;
left: 0;
margin-top: 3px;
opacity: 1;
position: absolute;
top: 0;
vertical-align: top;
width: 6px;
}
.av3_container .wp-switch-editor.switch-html {
background-color: #f5f5f5;
}
.av3_container .wp-switch-editor.switch-tmce {
background-color: #f5f5f5;
}
.av3_container .ace_editor {
border: 1px solid #adadad;
}
.av3_container .wp-editor-container textarea {
border: none;
}
.av3_container textarea.code_editor {
height: 200px;
width: 85%;
}
/*!------------------------
$Range element
--------------------------*/
[type="range"] {
width: 100px;
height: 10px;
}
.axi_ui_slider .ui-widget-content {
width: 400px;
background: #ececec;
border-radius: 30px;
color: #696969;
border: 1px solid #CCCCCC;
border-bottom: 1px solid #d8d8d8;
box-shadow: 0 1px 2px rgba(255, 255, 255, 0.8), inset 0 2px 3px rgba(0, 0, 0, 0.15);
}
.axi_ui_slider .ui-widget-content .ui-state-default {
color: #666;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.59);
font-size: 12px;
border: 1px solid #CCCCCC;
border-bottom: 1px solid #bbbbbb;
border-radius: 100%;
cursor: pointer;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.57);
}
.axi_ui_slider .ui-widget-content .ui-state-hover {
outline: none;
color: #888;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.69);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
}
.axi_ui_slider .ui-widget-content .ui-state-focus {
outline: none;
color: #888;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.69);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
}
.axi_ui_slider .ui-widget-header {
border: none;
background: #b4d5ee;
color: #ffffff;
font-weight: bold;
border-radius: 31px;
box-shadow: 0 1px 2px rgba(255, 255, 255, 0.8), inset 0 2px 5px rgba(255, 255, 255, 0.25);
}
.axi_ui_slider .ui-widget-header .ui-state-default {
color: #666;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.59);
font-size: 12px;
border: 1px solid #CCCCCC;
border-bottom: 1px solid #bbbbbb;
border-radius: 100%;
cursor: pointer;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.57);
}
.axi_ui_slider .ui-widget-header .ui-state-hover {
outline: none;
color: #888;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.69);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
}
.axi_ui_slider .ui-widget-header .ui-state-focus {
outline: none;
color: #888;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.69);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
}
.axi_ui_slider .ui-state-default {
color: #666;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.59);
font-size: 12px;
border: 1px solid #CCCCCC;
border-bottom: 1px solid #bbbbbb;
border-radius: 100%;
cursor: pointer;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.57);
}
.axi_ui_slider .ui-state-hover {
outline: none;
color: #888;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.69);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
}
.axi_ui_slider .ui-state-focus {
outline: none;
color: #888;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.69);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
}
.axi_ui_slider .ui-slider {
position: relative;
text-align: left;
}
.axi_ui_slider .ui-slider .ui-slider-handle {
position: absolute;
width: 14px;
height: 14px;
cursor: default;
background-color: #f8f8f8;
}
.axi_ui_slider .ui-slider .ui-slider-range {
position: absolute;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
.axi_ui_slider .ui-slider a.ui-slider-handle:hover {
background-color: #FFFFFF;
}
.axi_ui_slider .ui-slider-horizontal {
height: .8em;
}
.axi_ui_slider .ui-slider-horizontal .ui-slider-handle {
top: -.28em;
margin-left: -.7em;
background: #ececec;
cursor: pointer !important;
}
.axi_ui_slider .ui-slider-horizontal .ui-slider-handle::before {
content: 'o';
width: 6px;
height: 6px;
background: rgba(102, 102, 102, 0.6);
display: inline-block;
text-indent: -9999px;
position: absolute;
top: 4px;
left: 4px;
border-radius: 100%;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 1px 3px rgba(0, 0, 0, 0.35);
}
.axi_ui_slider .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.axi_ui_slider .ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.axi_ui_slider .ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
/*!------------------------
$Area
--------------------------*/
.area {
font-size: 12px;
color: #666;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.59);
display: inline;
min-width: 60px;
display: inline-block;
background: #E0E0E0;
padding: .5em !important;
outline: none;
border: 1px solid #d8d8d8;
border-bottom: 1px solid #ccc;
border-radius: 3px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 16px 15px rgba(255, 255, 255, 0.17);
}
.area-title {
font: bold 120%/1.5em Arial;
margin: 0;
margin-bottom: 2px;
text-align: center;
color: #555555;
}
/*!------------------------
$Sorterbox
--------------------------*/
.sortbox .sort-item-heighlight {
width: 90%;
display: block;
margin: 0 auto;
height: 2.5em;
margin-bottom: 6px;
border: 1px dashed #999999;
box-sizing: border-box;
}
.sortbox .ui-sortable-helper {
display: block;
height: 2.5em !important;
}
.sortbox > * {
text-align: center;
width: 90%;
display: block;
margin: 0 auto;
height: 2.5em;
margin-bottom: 6px;
}
/*!------------------------
$Selection List
--------------------------*/
.selection-list > li {
display: inline-block;
outline: 2px solid #CFCFCF;
border: 2px solid transparent;
margin-right: 7px;
line-height: .5em;
}
.selection-list > li.selected {
outline-color: #2F5F91 !important;
}
.selection-list > li:hover {
outline-color: #9DB8D3;
}
/*!------------------------
Main stylesheet for Switchery.
http://abpetkov.github.io/switchery/
--------------------------*/
.axi-switch {
background-color: #fff;
border: 1px solid #dfdfdf;
border-radius: 20px;
cursor: pointer;
display: inline-block;
height: 28px;
position: relative;
vertical-align: middle;
width: 55px;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
box-sizing: content-box;
box-shadow: rgba(0, 0, 0, 0.13) 0 6px 0 0 inset !important;
}
.axi-switch > small {
background: #fff;
border-radius: 100%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
height: 28px;
position: absolute;
top: 0;
width: 28px;
}