mirror of
https://ghproxy.net/https://github.com/presscustomizr/hueman.git
synced 2026-07-28 12:57:28 +08:00
2867 lines
68 KiB
CSS
2867 lines
68 KiB
CSS
/* OVERRIDE WP CUSTOMIZER */
|
|
|
|
/* LAYOUT */
|
|
.wp-customizer .wp-full-overlay.expanded {
|
|
margin-left: 440px;
|
|
}
|
|
.wp-customizer .wp-full-overlay-sidebar {
|
|
width: 440px;
|
|
}
|
|
.wp-customizer .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
|
|
margin-left: -440px;
|
|
}
|
|
/*.in-sub-panel #customize-info,
|
|
.in-sub-panel #customize-theme-controls > ul > .accordion-section {
|
|
left: -440px;
|
|
width: 440px;
|
|
}*/
|
|
#customize-theme-controls .control-section.current-panel > h3.accordion-section-title {
|
|
left: -440px;
|
|
}
|
|
.accordion-sub-container.control-panel-content {
|
|
left: 440px;
|
|
}
|
|
|
|
|
|
/* RTL*/
|
|
.rtl.wp-customizer .wp-full-overlay.expanded {
|
|
margin-right: 440px;
|
|
margin-left: 0;
|
|
}
|
|
.rtl.wp-customizer .wp-full-overlay-sidebar {
|
|
width: 440px;
|
|
}
|
|
.rtl.wp-customizer .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
|
|
margin-right: -440px;
|
|
margin-left: 0;
|
|
}
|
|
/*.rtl .in-sub-panel #customize-info,
|
|
.rtl .in-sub-panel #customize-theme-controls > ul > .accordion-section {
|
|
right: -440px;
|
|
width: 440px;
|
|
}*/
|
|
.rtl #customize-theme-controls .control-section.current-panel > h3.accordion-section-title {
|
|
right: -440px;
|
|
}
|
|
.rtl .accordion-sub-container.control-panel-content {
|
|
right: 440px;
|
|
}
|
|
|
|
/* CUSTOM CSS ( since wp 4.7 ) */
|
|
.customize-section-description-container + #customize-control-custom_css:last-child {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
li#customize-control-custom_css textarea {
|
|
font-size: 13px;
|
|
background: #394143;
|
|
color: #95ff0c;
|
|
min-height: 300px;
|
|
}
|
|
|
|
@media screen and (max-width: 1400px) {
|
|
.wp-customizer .wp-full-overlay.expanded {
|
|
margin-left: 380px;
|
|
}
|
|
.wp-customizer .wp-full-overlay-sidebar {
|
|
width: 380px;
|
|
}
|
|
.wp-customizer .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
|
|
margin-left: -380px;
|
|
}
|
|
/* .in-sub-panel #customize-info,
|
|
.in-sub-panel #customize-theme-controls > ul > .accordion-section {
|
|
left: -380px;
|
|
width: 380px;
|
|
}*/
|
|
#customize-theme-controls .control-section.current-panel > h3.accordion-section-title {
|
|
left: -380px;
|
|
}
|
|
.accordion-sub-container.control-panel-content {
|
|
left: 380px;
|
|
}
|
|
|
|
/* RTL */
|
|
.rtl.wp-customizer .wp-full-overlay.expanded {
|
|
margin-right: 380px;
|
|
margin-left: 0;
|
|
}
|
|
.rtl.wp-customizer .wp-full-overlay-sidebar {
|
|
width: 380px;
|
|
}
|
|
.rtl.wp-customizer .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
|
|
margin-right: -380px;
|
|
margin-left: 0;
|
|
}
|
|
/* .rtl .in-sub-panel #customize-info,
|
|
.rtl .in-sub-panel #customize-theme-controls > ul > .accordion-section {
|
|
right: -380px;
|
|
width: 380px;
|
|
}*/
|
|
.rtl #customize-theme-controls .control-section.current-panel > h3.accordion-section-title {
|
|
right: -380px;
|
|
}
|
|
.rtl .accordion-sub-container.control-panel-content {
|
|
right: 380px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 979px) {
|
|
.wp-customizer .wp-full-overlay.expanded {
|
|
margin-left: 300px;
|
|
}
|
|
.wp-customizer .wp-full-overlay-sidebar {
|
|
width: 300px;
|
|
}
|
|
.wp-customizer .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
|
|
margin-left: -300px;
|
|
}
|
|
/* .in-sub-panel #customize-info,
|
|
.in-sub-panel #customize-theme-controls > ul > .accordion-section {
|
|
left: -300px;
|
|
width: 300px;
|
|
}*/
|
|
#customize-theme-controls .control-section.current-panel > h3.accordion-section-title {
|
|
left: -300px;
|
|
}
|
|
.accordion-sub-container.control-panel-content {
|
|
left: 300px;
|
|
}
|
|
|
|
/* RTL */
|
|
.rtl.wp-customizer .wp-full-overlay.expanded {
|
|
margin-right: 300px;
|
|
margin-left: 0;
|
|
}
|
|
.rtl.wp-customizer .wp-full-overlay-sidebar {
|
|
width: 300px;
|
|
}
|
|
.rtl.wp-customizer .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
|
|
margin-right: -300px;
|
|
margin-left: 0;
|
|
}
|
|
/* .rtl .in-sub-panel #customize-info,
|
|
.rtl .in-sub-panel #customize-theme-controls > ul > .accordion-section {
|
|
right: -300px;
|
|
width: 300px;
|
|
}*/
|
|
.rtl #customize-theme-controls .control-section.current-panel > h3.accordion-section-title {
|
|
right: -300px;
|
|
}
|
|
.rtl .accordion-sub-container.control-panel-content {
|
|
right: 300px;
|
|
}
|
|
}
|
|
|
|
/* at max-width 640px the wp-full-overlay-sidebar becomes 100% */
|
|
@media screen and (max-width: 640px) {
|
|
.wp-customizer .customize-controls-preview-toggle {
|
|
height: 46px;
|
|
border-bottom: 1px solid #ddd;
|
|
left: 87px;
|
|
}
|
|
|
|
.wp-customizer .wp-full-overlay.expanded {
|
|
margin-left: 0;
|
|
}
|
|
|
|
/* .in-sub-panel #customize-info,
|
|
.in-sub-panel #customize-theme-controls > ul > .accordion-section {
|
|
left: -100%;
|
|
width: 100%;
|
|
}*/
|
|
|
|
#customize-theme-controls .control-section.current-panel > h3.accordion-section-title {
|
|
left: -100%;
|
|
}
|
|
.accordion-sub-container.control-panel-content {
|
|
left: 100%;
|
|
}
|
|
|
|
/* RTL */
|
|
.rtl.wp-customizer .wp-full-overlay.expanded {
|
|
margin-right: 0;
|
|
}
|
|
|
|
/* .rtl .in-sub-panel #customize-info,
|
|
.rtl .in-sub-panel #customize-theme-controls > ul > .accordion-section {
|
|
right: -100%;
|
|
width: 100%;
|
|
left: auto;
|
|
}*/
|
|
.rtl .in-sub-panel #czr-donate-customizer,
|
|
.rtl .in-sub-panel .czr-cta-wrap,
|
|
.rtl #customize-theme-controls .control-section.current-panel > h3.accordion-section-title {
|
|
right: -100%;
|
|
left: auto;
|
|
}
|
|
.rtl .accordion-sub-container.control-panel-content {
|
|
right: 100%;
|
|
}
|
|
}
|
|
|
|
|
|
/* PANELS AND SECTIONS TITLES */
|
|
.wp-customizer .control-section.control-panel .accordion-section-title .panel-title {
|
|
font-size: 24px;
|
|
font-weight: inherit;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.wp-core-ui h3 {
|
|
color: #555;
|
|
}
|
|
.accordion-section-content {
|
|
padding: 10px 10px 15px 20px;
|
|
}
|
|
.widget-action, .handlediv, .item-edit, .sidebar-name-arrow, .accordion-section-title:after {
|
|
color: #00a0d2;
|
|
}
|
|
.control-section.control-panel > .accordion-section-title:after {
|
|
color: #00a0d2;
|
|
}
|
|
.customize-control-title {
|
|
line-height: 19px;
|
|
}
|
|
|
|
/* since v4.3 */
|
|
.wp-customizer #customize-theme-controls .accordion-section-content {
|
|
background: #fff;
|
|
}
|
|
/*.wp-customizer .customize-panel-back {
|
|
height: 60px;
|
|
}*/
|
|
.wp-customizer #customize-controls .customize-info .customize-help-toggle:hover, .wp-customizer #customize-controls .customize-info.open .customize-help-toggle, .wp-customizer #customize-controls .customize-info .customize-help-toggle:focus {
|
|
color:#00a0d2;
|
|
}
|
|
.wp-customizer .customize-screen-options-toggle:focus:before, .wp-customizer #customize-controls .customize-info .customize-help-toggle:focus:before {
|
|
-webkit-box-shadow: 0 0 0 1px #00a0d2;
|
|
box-shadow: 0 0 0 1px #00a0d2;
|
|
-webkit-border-radius: 100%;
|
|
border-radius: 100%;
|
|
}
|
|
|
|
.wp-customizer .menu-item-handle:hover .item-type, .wp-customizer .menu-item-handle:hover .item-edit, .wp-customizer #available-menu-items .menu-item-handle:hover .item-add, .wp-customizer .menu-item-handle:hover{
|
|
color: #00a0d2;
|
|
}
|
|
|
|
.customize-screen-options-toggle:hover, .customize-screen-options-toggle:active, .customize-screen-options-toggle:focus, .active-menu-screen-options .customize-screen-options-toggle, #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover, #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active, #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
|
color: #00a0d2!important;
|
|
}
|
|
|
|
.customize-control input[type="text"] {
|
|
line-height: 23px;
|
|
}
|
|
|
|
|
|
/* CONTROLS */
|
|
li[id*="customize-control-"] {
|
|
margin: 8px 0;
|
|
padding: 2%;
|
|
width: 96%;
|
|
border: 1px solid #ddd;
|
|
box-shadow: 1px 1px 2px 1px rgba(204, 204, 204, 0.4);
|
|
-webkit-box-shadow: 1px 1px 2px 1px rgba(204, 204, 204, 0.4);
|
|
}
|
|
|
|
/* GENERAL STYLE */
|
|
.control-section .accordion-section-content {
|
|
overflow-y: auto;
|
|
}
|
|
li[id*="customize-control-"] {
|
|
margin: 8px 0;
|
|
}
|
|
|
|
.wp-customizer .control-section h3.accordion-section-title {
|
|
padding: 10px 25px 11px 14px;
|
|
|
|
}
|
|
.wp-customizer #customize-controls h3 {
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.control-section .accordion-section-title:after {
|
|
top: 7px;
|
|
}
|
|
.control-section.control-panel .accordion-section-title:after {
|
|
top: 11px;
|
|
-webkit-transition: right .3s ease-in-out, opacity .3s ease-in-out;
|
|
-moz-transition: right .3s ease-in-out, opacity .3s ease-in-out;
|
|
-ms-transition: right .3s ease-in-out, opacity .3s ease-in-out;
|
|
-o-transition: right .3s ease-in-out, opacity .3s ease-in-out;
|
|
transition: right .3s ease-in-out, opacity .3s ease-in-out;
|
|
right: 10px;
|
|
opacity:0.7;
|
|
}
|
|
.rtl .control-section.control-panel .accordion-section-title:after {
|
|
-webkit-transition: left .3s ease-in-out, opacity .3s ease-in-out;
|
|
-moz-transition: left .3s ease-in-out, opacity .3s ease-in-out;
|
|
-ms-transition: left .3s ease-in-out, opacity .3s ease-in-out;
|
|
-o-transition: left .3s ease-in-out, opacity .3s ease-in-out;
|
|
transition: left .3s ease-in-out, opacity .3s ease-in-out;
|
|
left: 10px;
|
|
right: initial;
|
|
}
|
|
#customize-theme-controls .control-section.control-panel h3.accordion-section-title:hover:after , #customize-theme-controls .control-section.control-panel h3.accordion-section-title:focus:after {
|
|
right: 8px;
|
|
opacity:1;
|
|
color: #666!important;
|
|
}
|
|
|
|
.rtl #customize-theme-controls .control-section.control-panel h3.accordion-section-title:hover:after , .rtl #customize-theme-controls .control-section.control-panel h3.accordion-section-title:focus:after {
|
|
left: 6px;
|
|
right: initial;
|
|
}
|
|
/* Overrides WP built in style : hack for nested section arrow */
|
|
#customize-theme-controls .control-section.control-panel>h3.accordion-section-title:focus:after, #customize-theme-controls .control-section.control-panel>h3.accordion-section-title:hover:after, .control-section.control-panel>.accordion-section-title:after {
|
|
background: none!important;
|
|
border: none!important;
|
|
}
|
|
|
|
#customize-theme-controls h3.accordion-section-title {
|
|
/*font-family: "Open Sans", sans-serif;*/
|
|
-webkit-transition: background .1s ease-in-out;
|
|
-moz-transition: background .1s ease-in-out;
|
|
-ms-transition: background .1s ease-in-out;
|
|
-o-transition: background .1s ease-in-out;
|
|
transition: background .1s ease-in-out;
|
|
}
|
|
|
|
/*#customize-theme-controls > .control-section:hover .accordion-section-title::after, #customize-theme-controls .control-section .accordion-section-title:hover::after, #customize-theme-controls .control-section.open .accordion-section-title::after, #customize-theme-controls .control-section .accordion-section-title:focus::after {
|
|
color: #FFF;
|
|
}*/
|
|
|
|
|
|
.customize-control-checkbox label, .customize-control-nav_menu_auto_add label, .customize-control-radio label {
|
|
line-height: 16px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
/* Placeholders Styling for inputs */
|
|
input::-webkit-input-placeholder {
|
|
color:#9A9A9A;
|
|
font-style: italic;
|
|
}
|
|
input:-moz-placeholder { /* Firefox 18- */
|
|
color: #9A9A9A;
|
|
font-style: italic;
|
|
}
|
|
input::-moz-placeholder { /* Firefox 19+ */
|
|
color: #9A9A9A;
|
|
font-style: italic;
|
|
}
|
|
input:-ms-input-placeholder {
|
|
color: #9A9A9A;
|
|
font-style: italic;
|
|
}
|
|
|
|
|
|
.czr-customizr-title {
|
|
/* color: #555; */
|
|
text-transform: uppercase;
|
|
/* text-shadow: 0 1px 0 #FFF; */
|
|
margin: 1em 0em 5px 0em;
|
|
font-size: 15px!important;
|
|
border-bottom: 1px dotted #00a0d2;
|
|
padding-bottom: 5px;
|
|
text-align: center;
|
|
}
|
|
h3.czr-customizr-title::before {
|
|
content: '\00b7';
|
|
padding-right: 3px;
|
|
}
|
|
h3.czr-customizr-title::after {
|
|
content: '\00b7';
|
|
padding-left: 3px;
|
|
}
|
|
.czr-after-button {
|
|
border-color: white;
|
|
margin-top:15px;
|
|
}
|
|
.czr-emphasize {
|
|
line-height: 1.2em;
|
|
color: #2E2E2E;
|
|
}
|
|
i.czr-notice {
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
span.czr-notice {
|
|
color: #313131;
|
|
font-size:12px;
|
|
font-style: italic;
|
|
clear: both;
|
|
display: block;
|
|
line-height: 18px;
|
|
}
|
|
.czr-customizer-separator-invisible {
|
|
border:none;
|
|
margin-top:15px;
|
|
}
|
|
.czr-skin-gen-label {
|
|
float: left;
|
|
}
|
|
.czr-skin-gen-color-picker {
|
|
float: right;
|
|
}
|
|
.czr-number-label {
|
|
float: left;
|
|
}
|
|
.czr-number-input {
|
|
float: right;
|
|
}
|
|
.czr-check-label {
|
|
float: left;
|
|
max-width: 85%;
|
|
}
|
|
/* RTL position fix */
|
|
.rtl .czr-check-label {
|
|
float: right;
|
|
}
|
|
input[type=checkbox], input[type=radio] {
|
|
float: right;
|
|
min-height: 18px;
|
|
}
|
|
.czr-font-select {
|
|
float: left;
|
|
}
|
|
|
|
/* CUSTOM CSS TEXT AREA */
|
|
li#customize-control-tc_theme_options-tc_custom_css textarea {
|
|
font-size: 14px;
|
|
background: #394143;
|
|
color: #E2E728;
|
|
min-height: 300px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.customize-control .czr-navigate-to-post-list {
|
|
color: #00a0d2;
|
|
font-weight: bold;
|
|
float: left;
|
|
clear: both;
|
|
width: 100%;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.czr-sub-control {
|
|
padding-left: 13%;
|
|
max-width: 87%;
|
|
position: relative;
|
|
}
|
|
|
|
.czr-sub-control:before {
|
|
content: '';
|
|
height: 116%;
|
|
background: #00a0d2;
|
|
width: 2%;
|
|
position: absolute;
|
|
left: 7%;
|
|
}
|
|
|
|
/* Cropped Image style */
|
|
/* Unified with the default cropped_image CSS */
|
|
.customize-control-tc_cropped_image .upload-button {
|
|
float: right;
|
|
}
|
|
.customize-control-tc_cropped_image .remove-button {
|
|
float: left;
|
|
margin-right: 3px;
|
|
}
|
|
.customize-control-tc_cropped_image .actions {
|
|
margin-bottom: 32px;
|
|
}
|
|
.customize-control-tc_cropped_image .current {
|
|
margin-bottom: 8px;
|
|
}
|
|
.customize-control-tc_cropped_image .upload-button,
|
|
.customize-control-tc_cropped_image .remove-button {
|
|
white-space: normal;
|
|
width: 48%;
|
|
height: auto;
|
|
}
|
|
|
|
.customize-control-tc_cropped_image .current .container {
|
|
min-height: 40px;
|
|
overflow: hidden;
|
|
border: 1px solid #eee;
|
|
-webkit-border-radius: 2px;
|
|
border-radius: 2px;
|
|
}
|
|
.customize-control-tc_cropped_image img {
|
|
width: 100%;
|
|
-webkit-border-radius: 2px;
|
|
border-radius: 2px;
|
|
}
|
|
.customize-control-tc_cropped_image .inner {
|
|
line-height: 20px;
|
|
top: 10px;
|
|
}
|
|
/* rtl */
|
|
/* end tc cropped image */
|
|
.rtl .customize-control-tc_cropped_image .upload-button {
|
|
float: left;
|
|
}
|
|
.rtl .customize-control-tc_cropped_image .remove-button {
|
|
float: right;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* LAYOUT SELECTION SPECIFICS */
|
|
.czr-layout-img {
|
|
height: 26px;
|
|
padding-top: 2px;
|
|
border: 1px solid #FFF;
|
|
}
|
|
.czr-layout-title {
|
|
padding: 0 0px 18px 12px;
|
|
display: inline-block;
|
|
line-height: 0px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
|
|
|
|
/* MULTI INPUT */
|
|
.customize-control-czr_multi_input {
|
|
width: 96%;
|
|
border: 1px solid #ccc;
|
|
padding: 2%;
|
|
}
|
|
.czr-multi-input-wrapper {
|
|
width: 95%;
|
|
padding: 0px 0% 0 5%;
|
|
}
|
|
.czr-multi-input-wrapper [data-input-type="color"] .czr-input {
|
|
float: left;
|
|
clear: both;
|
|
}
|
|
|
|
|
|
|
|
/* SPECIFIC PANELS AND SECTIONS MARGIN */
|
|
#customize-theme-controls #accordion-panel-czr-footer-panel {
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
#customize-theme-controls .control-panel-widgets,
|
|
#customize-theme-controls #accordion-panel-nav_menus,
|
|
#customize-theme-controls #accordion-panel-hu-advanced-panel {
|
|
margin-top: 10px;
|
|
}
|
|
#customize-theme-controls #accordion-panel-hu-header-panel,
|
|
#customize-theme-controls .control-panel-widgets,
|
|
#customize-theme-controls #accordion-panel-nav_menus,
|
|
#customize-theme-controls #accordion-panel-hu-advanced-panel {
|
|
border-top: 1px solid #ddd;
|
|
}
|
|
#customize-theme-controls #accordion-panel-hu-general-panel {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#customize-theme-controls #accordion-section-static_front_page {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/* HOME BUTTON */
|
|
#customize-header-actions .customize-controls-close {
|
|
left:45px;
|
|
}
|
|
.customize-controls-home, .customize-controls-close {
|
|
top: -1px;
|
|
}
|
|
.customize-controls-home {
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
width: 45px;
|
|
height: 41px;
|
|
padding: 0 2px 0 0;
|
|
background: #eee;
|
|
border: none;
|
|
border-top: 4px solid #eee;
|
|
border-right: 1px solid #ddd;
|
|
border-bottom: 1px solid #ddd;
|
|
color: #444;
|
|
text-align: left;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
-webkit-transition: color .15s ease-in-out, border-color .15s ease-in-out, background .15s ease-in-out;
|
|
transition: color .1s ease-in-out, border-color .15s ease-in-out, background .15s ease-in-out;
|
|
-webkit-box-sizing: content-box;
|
|
-moz-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
}
|
|
|
|
.customize-controls-home:before {
|
|
font-size: 17px;
|
|
line-height:45px;
|
|
position: relative;
|
|
top: -4px;
|
|
left: 14px;
|
|
}
|
|
.customize-controls-home:hover {
|
|
background: #fff;
|
|
color: #0073aa;
|
|
border-top-color: #0073aa;
|
|
outline: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* HEADER MENU NOTICE */
|
|
.control-panel-content .hu-menu-notice {
|
|
margin-left: 3%;
|
|
|
|
}
|
|
|
|
/* PANEL SUBTITLE */
|
|
span.czr-panel-subtitle {
|
|
display: block;
|
|
font-size: 12px;
|
|
font-style: italic;
|
|
}/*******************************************************************
|
|
* DYNAMIC CONTROLS : sidebars, socials, ...
|
|
********************************************************************/
|
|
.czr-open-pre-add-new {
|
|
display: block;
|
|
float: left;
|
|
margin: 2% 2% 0%;
|
|
width: 99%;
|
|
padding: 2%;
|
|
background: #3b8dbd;
|
|
opacity: 1;
|
|
color: #fff;
|
|
font-size: 16px;
|
|
cursor: pointer;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
-webkit-appearance: none;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
white-space: nowrap;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-transition: opacity 1s ease-in-out;
|
|
-moz-transition: opacity 1s ease-in-out;
|
|
-ms-transition: opacity 1s ease-in-out;
|
|
-o-transition: opacity 1s ease-in-out;
|
|
transition: opacity 1s ease-in-out;
|
|
}
|
|
|
|
.czr-open-pre-add-new.active {
|
|
background: #646464;
|
|
opacity: 0.5;
|
|
border-radius: 3px 3px 0 0;
|
|
}
|
|
|
|
.czr-single-item {
|
|
padding: 0%;
|
|
border: 1px solid #ccc;
|
|
margin: 1% 0 0 2%;
|
|
float: left;
|
|
width: 98%;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
-webkit-transition: opacity 1s ease-in-out;
|
|
-moz-transition: opacity 1s ease-in-out;
|
|
-ms-transition: opacity 1s ease-in-out;
|
|
-o-transition: opacity 1s ease-in-out;
|
|
transition: opacity 1s ease-in-out;
|
|
}
|
|
|
|
#customize-theme-controls .czr-single-item.open {
|
|
border: 1px solid #00a0d2;
|
|
}
|
|
/* Keep the normal border for single module, mono items controls */
|
|
#customize-theme-controls .mono-item-mod .czr-single-item {
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.czr-single-item .czr-item-header, .czr-single-item .czr-item-content {
|
|
padding: 1%;
|
|
}
|
|
|
|
.czr-items-wrapper .czr-single-item .czr-builtin-model {
|
|
background: #E1DFDF;
|
|
color: #555
|
|
}
|
|
|
|
.czr-items-wrapper .inactive {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.czr-item-sort-handle {
|
|
cursor: move;
|
|
}
|
|
|
|
.czr-single-item .czr-item-header {
|
|
position: relative;
|
|
background: #dfdfdf;
|
|
color: white;
|
|
float: left;
|
|
width: 98%;
|
|
-webkit-transition: background .1s ease-in-out;
|
|
-moz-transition: background .1s ease-in-out;
|
|
-ms-transition: background .1s ease-in-out;
|
|
-o-transition: background .1s ease-in-out;
|
|
transition: background .1s ease-in-out;
|
|
}
|
|
|
|
|
|
/* sidebar specifics */
|
|
.czr_widget_areas_module .czr-single-item .czr-custom-model {
|
|
background: #3b8dbd;
|
|
}
|
|
. .czr-single-item .czr-custom-model:hover {
|
|
background: #aaa;
|
|
}
|
|
.czr-single-item .czr-item-header:hover {
|
|
background: #ccc;
|
|
}
|
|
|
|
/* sidebar specifics */
|
|
/*.czr-builtin-model .czr-single-item .czr-item-header {
|
|
background:#3b8dbd;
|
|
}*/
|
|
.czr-items-wrapper .czr-single-item .czr-builtin-model:hover {
|
|
background: #ccc;
|
|
}
|
|
|
|
.czr-move-icon {
|
|
position: absolute;
|
|
top: -2px;
|
|
left: 3px;
|
|
font-size: 10px;
|
|
color: #999;
|
|
}
|
|
.czr-item-title {
|
|
float: left;
|
|
font-size: 17px;
|
|
color: #000;
|
|
padding: 7px;
|
|
width: 67%;
|
|
}
|
|
|
|
.czr-inactive-alert {
|
|
font-size: 12px;
|
|
font-style: italic;
|
|
}
|
|
/* sidebar specifics */
|
|
.czr_widget_areas_module .czr-item-title {
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
.czr-builtin-model .czr-item-title {
|
|
color: #23282d;
|
|
}
|
|
.czr-item-title h4 {
|
|
margin: 0;
|
|
}
|
|
.czr-item-title .fa:before {
|
|
padding-right: 2px;
|
|
}
|
|
.czr-item-btns {
|
|
float: right;
|
|
}
|
|
.czr-item-btns a {
|
|
font-size: 17px;
|
|
padding: 7px 5px;
|
|
color: #777;
|
|
-webkit-transition: color .1s ease-in-out;
|
|
-moz-transition: color .1s ease-in-out;
|
|
-ms-transition: color .1s ease-in-out;
|
|
-o-transition: color .1s ease-in-out;
|
|
transition: color .1s ease-in-out;
|
|
}
|
|
.czr-item-btns a:active, .czr-item-btns a:focus {
|
|
outline: none;
|
|
outline: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
/* sidebar specifics */
|
|
.czr_widget_areas_module .czr-item-btns a {
|
|
color: #fff;
|
|
}
|
|
|
|
.czr-builtin-model .czr-item-btns a {
|
|
color: #555
|
|
}
|
|
|
|
.czr-builtin-model .czr-item-btns .czr-edit-view:hover, .czr-builtin-model .czr-item-btns .czr-edit-view.active {
|
|
color: #00a0d2;
|
|
}
|
|
|
|
.czr-item-btns .czr-edit-view:hover, .czr-item-btns .czr-edit-view.active {
|
|
color: #00a0d2;
|
|
}
|
|
|
|
/* sidebar specifics */
|
|
.czr_widget_areas_module .czr-edit-view:hover, .czr_widget_areas_module .czr-item-btns .czr-edit-view.active {
|
|
color: #000000;
|
|
}
|
|
.czr_widget_areas_module .czr-builtin-model .czr-edit-view:hover, .czr_widget_areas_module .czr-builtin-model .czr-edit-view.active {
|
|
color: #00a0d2;
|
|
}
|
|
|
|
.czr-item-btns .czr-display-alert:hover, .czr-item-btns .czr-display-alert.active {
|
|
color: #23282d;
|
|
}
|
|
|
|
|
|
.czr-single-item .czr-item-content {
|
|
display: none;
|
|
clear: both;
|
|
width: 96%;
|
|
padding: 2%;
|
|
}
|
|
.czr-single-item .czr-item-content input {
|
|
margin-bottom: 0;
|
|
}
|
|
.czr-sub-set {
|
|
margin-bottom: 0;
|
|
display: block;
|
|
float: left;
|
|
width: 100%;
|
|
padding: 1% 0;
|
|
position: relative;
|
|
}
|
|
|
|
.czr-sub-set .czr-input {
|
|
float: right;
|
|
width: 60%;
|
|
}
|
|
.width-100 .czr-input {
|
|
width: 100%;
|
|
}
|
|
.czr-sub-set .customize-control-title {
|
|
float: left;
|
|
width: 40%;
|
|
padding: 1px 0;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.czr-item-title .fa {
|
|
font-size: 18px;
|
|
}
|
|
|
|
/* Remove alert block */
|
|
.czr-remove-alert-wrapper {
|
|
display: none;
|
|
clear: both;
|
|
float: left;
|
|
padding: 2%;
|
|
width: 95%;
|
|
margin: 10px 0;
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
|
background-color: #EEE;
|
|
color: #000;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.czr-remove-alert-wrapper p {
|
|
padding: 5px;
|
|
margin: 0px;
|
|
}
|
|
|
|
/* pre add dialog */
|
|
.czr-pre-add-wrapper {
|
|
position: relative;
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.czr-adding-new .czr-items-wrapper {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.czr-pre-add-view-content {
|
|
display: none;
|
|
padding: 3%;
|
|
border: 1px solid #00a0d2;
|
|
border-top: none;
|
|
margin: 0 0 0 2%;
|
|
float: left;
|
|
width: 92%;
|
|
background: #eee;
|
|
-webkit-border-radius: 0px 0px 3px 3px;
|
|
-moz-border-radius: 0px 0px 3px 3px;
|
|
border-radius: 0px 0px 3px 3px;
|
|
position: relative;
|
|
opacity: 1;
|
|
-webkit-transition: opacity .2s linear;
|
|
-moz-transition: opacity .2s linear;
|
|
-ms-transition: opacity .2s linear;
|
|
-o-transition: opacity .2s linear;
|
|
transition: opacity .2s linear;
|
|
}
|
|
|
|
.czr-model-added .czr-pre-add-view-content {
|
|
opacity: 0.2;
|
|
}
|
|
|
|
.czr-pre-add-wrapper .czr-add-new {
|
|
background: #3b8dbd;
|
|
color: #fff;
|
|
-webkit-transition: background .5s linear;
|
|
-moz-transition: background .5s linear;
|
|
-ms-transition: background .5s linear;
|
|
-o-transition: background .5s linear;
|
|
transition: background .5s linear;
|
|
float: right;
|
|
border: none;
|
|
}
|
|
|
|
.czr-add-success {
|
|
width: 100%;
|
|
margin: 0 0 0 2%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
font-size: 25px;
|
|
text-align: center;
|
|
opacity: 0;
|
|
-webkit-transition: opacity .1s linear;
|
|
-moz-transition: opacity .1s linear;
|
|
-ms-transition: opacity .1s linear;
|
|
-o-transition: opacity .1s linear;
|
|
transition: opacity .1s linear;
|
|
}
|
|
.czr-model-added .czr-add-success {
|
|
opacity: 1;
|
|
}
|
|
|
|
.czr-add-success p {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
line-height: 35px;
|
|
margin: 0;
|
|
font-size: 25px;
|
|
color: #82b965;
|
|
padding: 0 3%;
|
|
}
|
|
|
|
|
|
/* WIDGETS ZONE SPECIFICS */
|
|
.control-section-widget_zones_management {
|
|
margin: 10px 0;
|
|
z-index: 1;
|
|
}
|
|
/*#customize-theme-controls .control-section-widget_zones_management .accordion-section-content {
|
|
display: none;
|
|
left: 0;
|
|
position: relative;
|
|
}*/
|
|
|
|
.czr-zone-infos {
|
|
width: 96%;
|
|
padding: 0 2%;
|
|
font-size: 12px;
|
|
float: left;
|
|
font-style: italic;
|
|
}
|
|
|
|
/*#customize-theme-controls .control-section-widget_zones_management .accordion-section-title:after {
|
|
content: "\f078";
|
|
display: inline-block;
|
|
font: normal normal normal 14px/1 FontAwesome;
|
|
font-size: inherit;
|
|
text-rendering: auto;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
#customize-theme-controls .control-section-widget_zones_management.open .accordion-section-title:after {
|
|
content: "\f077";
|
|
}*/
|
|
.czr-unavailable-location {
|
|
opacity: 0.7;
|
|
}
|
|
.czr-location-alert {
|
|
float: left;
|
|
width: 100%;
|
|
padding: 1% 0;
|
|
margin: 1% 0;
|
|
text-align: center;
|
|
border: 1px solid orange;
|
|
background: #FEE5B6;
|
|
color: #000;
|
|
font-size: 11px;
|
|
font-style: italic;
|
|
}
|
|
|
|
|
|
/* MODULE OPTIONS ICON AND PANEL*/
|
|
.czr-toggle-modopt {
|
|
color: #95a5a6;
|
|
text-shadow: 1px 1px 0px white;
|
|
-webkit-transition: color 0.4s;
|
|
transition: color 0.4s;
|
|
position: absolute;
|
|
right: 0;
|
|
padding-left: 3px;
|
|
font-size: 25px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.czr-modopt-visible .czr-toggle-modopt, .czr-toggle-modopt:hover {
|
|
color: #3b8dbd;
|
|
}
|
|
|
|
body.czr-editing-modopt #customize-preview {
|
|
opacity: 0.7;
|
|
}
|
|
body #customize-controls {
|
|
-webkit-transition: opacity .4s ease-in-out;
|
|
-moz-transition: opacity .4s ease-in-out;
|
|
-ms-transition: opacity .4s ease-in-out;
|
|
-o-transition: opacity .4s ease-in-out;
|
|
transition: opacity .4s ease-in-out;
|
|
}
|
|
body.czr-editing-modopt #customize-controls {
|
|
opacity: 0.4;
|
|
}
|
|
.czr-mod-opt-wrapper {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: -301px;
|
|
/*visibility: hidden;*/
|
|
opacity: 0;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
margin: 0;
|
|
z-index: 4;
|
|
background: rgba(0, 0, 0, 0.47);
|
|
-webkit-transition: all .18s ease-in-out;
|
|
-moz-transition: all .18s ease-in-out;
|
|
-ms-transition: all .18s ease-in-out;
|
|
-o-transition: all .18s ease-in-out;
|
|
transition: all .18s ease-in-out;
|
|
border-right: 1px solid #4c4c4c;
|
|
}
|
|
.czr-mod-opt-wrapper {
|
|
width: 45%;
|
|
min-width: 300px;
|
|
padding: 6%;
|
|
color: #fff;
|
|
}
|
|
body.czr-editing-modopt .czr-mod-opt-wrapper {
|
|
left: 0;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
.czr-close-modopt {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 25px;
|
|
font-size: 31px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* OPTIONS STYLE */
|
|
.czr-mod-opt-wrapper .czr-sub-set {
|
|
border: 1px dotted #ccc;
|
|
background: rgba(238, 238, 238, 0.18);
|
|
padding: 3%;
|
|
width: 94%;
|
|
margin: 5px 0;
|
|
}
|
|
.czr-mod-opt-wrapper .czr-notice {
|
|
color: #fff;
|
|
}
|
|
|
|
.czr-mod-opt-wrapper .mod-opt-title {
|
|
color: #fff;
|
|
border-bottom: 1px solid #fff;
|
|
padding: 5% 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.in-sub-panel #czr-donate-customizer,
|
|
.in-sub-panel .czr-cta-wrap {
|
|
left: -450px;
|
|
height: 0;
|
|
}
|
|
|
|
|
|
.rtl .in-sub-panel #czr-donate-customizer,
|
|
.rtl .in-sub-panel .czr-cta-wrap {
|
|
right: -450px;
|
|
}
|
|
|
|
|
|
@media screen and (max-width: 1400px) {
|
|
|
|
.in-sub-panel #czr-donate-customizer,
|
|
.in-sub-panel .czr-cta-wrap {
|
|
left: -380px;
|
|
}
|
|
|
|
.rtl .in-sub-panel #czr-donate-customizer,
|
|
.rtl .in-sub-panel .czr-cta-wrap {
|
|
right: -380px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 979px) {
|
|
|
|
|
|
.in-sub-panel #czr-donate-customizer,
|
|
.in-sub-panel .czr-cta-wrap {
|
|
left: -300px;
|
|
}
|
|
|
|
.rtl .in-sub-panel #czr-donate-customizer,
|
|
.rtl .in-sub-panel .czr-cta-wrap {
|
|
right: -300px;
|
|
}
|
|
}
|
|
|
|
/* at max-width 640px the wp-full-overlay-sidebar becomes 100% */
|
|
@media screen and (max-width: 640px) {
|
|
.in-sub-panel .czr-cta-wrap,
|
|
.in-sub-panel #czr-donate-customizer {
|
|
left: -100%;
|
|
}
|
|
|
|
.rtl .in-sub-panel #czr-donate-customizer,
|
|
.rtl .in-sub-panel .czr-cta-wrap {
|
|
right: -100%;
|
|
left: auto;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 980px) {
|
|
.wp-customizer .expanded #customize-footer-actions {
|
|
width: 380px;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1401px) {
|
|
.wp-customizer .expanded #customize-footer-actions {
|
|
width: 440px;
|
|
}
|
|
}
|
|
/*
|
|
* Selecter v3.1.9 - 2014-09-02
|
|
* A jQuery plugin for replacing default select elements. Part of the Formstone Library.
|
|
* http://formstone.it/selecter/
|
|
*
|
|
* Copyright 2014 Ben Plum; MIT Licensed
|
|
*/
|
|
.selecter-element { *left: -999999px; position: absolute; opacity: 0; }
|
|
.selecter { display: block;float: right;margin: 2px 0;position: relative;width: 100%;z-index: 100; }
|
|
.selecter .selecter-selected { background: #F9F9F9 url(img/jquery.fs.selecter-arrow.png) no-repeat right center; border: 1px solid #ccc; border-radius: 3px; color: #333; cursor: pointer; display: block; font-size: 13px; margin: 0; overflow: hidden; padding: 4px 4.6%; position: relative; text-overflow: clip; z-index: 49; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);height: auto;line-height: 18px;width: 90%; }
|
|
|
|
.selecter .selecter-options { border: 1px solid #ccc; border-width: 0 1px 1px; background-color: #fefefe; border-radius: 0 0 3px 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); display: none; left: 0; margin: 0; max-height: 260px; overflow: auto; overflow-x: hidden; padding: 0; position: relative; top: 100%; width: 99%; *width: auto; z-index: 50; }
|
|
.selecter .selecter-group { background: #F9F9F9; border-bottom: 1px solid #e3e3e3; color: #999; display: block; font-size: 11px; padding: 5px 10px 4px; text-transform: uppercase; }
|
|
.selecter .selecter-item { background: #fff; border-bottom: 1px solid #e3e3e3; color: #333; cursor: pointer; display: block; font-size: 13px; margin: 0; overflow: hidden; padding: 8px 10px; text-overflow: ellipsis; width: 86%;height: auto;line-height: 14px;padding: 8px 24px 8px 10px;}
|
|
.selecter .selecter-item.selected { background: #F9F9F9; }
|
|
.selecter .selecter-item.disabled { color: #999; cursor: default; }
|
|
.selecter .selecter-item:first-child { border-radius: 0; }
|
|
.selecter .selecter-item:last-child { border-radius: 0 0 2px 2px; border-bottom: 0; }
|
|
|
|
/* CUSTOM FOR CUSTOMIZR */
|
|
.rtl .selecter .selecter-selected {
|
|
background: #F9F9F9 url(img/jquery.fs.selecter-arrow.png) no-repeat 4% center;
|
|
}
|
|
|
|
@media screen and (min-width: 980px) {
|
|
.selecter .selecter-item:hover,
|
|
.selecter .selecter-item.selected:hover { background-color: #f3f3f3; }
|
|
.selecter .selecter-item.disabled:hover { background-color: #fff; }
|
|
|
|
.selecter:hover .selecter-selected { background-color: #fff; }
|
|
|
|
.selecter.disabled .selecter-item:hover { background: #fff; }
|
|
}
|
|
|
|
/* Open */
|
|
.selecter.open { z-index: 101; }
|
|
.selecter.open .selecter-selected { border-radius: 3px 3px 0 0; z-index: 51; }
|
|
|
|
.selecter.open .selecter-selected,
|
|
.selecter.focus .selecter-selected { background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
|
|
|
|
/* 'Cover' Positioning */
|
|
.selecter.cover .selecter-options { border-radius: 3px; border-width: 1px; top: 0; }
|
|
.selecter.cover .selecter-options .selecter-item.first { border-radius: 3px 3px 0 0; }
|
|
.selecter.cover.open .selecter-selected { border-radius: 3px 3px 0 0; z-index: 49; }
|
|
|
|
/* 'Bottom' Positioning */
|
|
.selecter.bottom .selecter-options { border-width: 1px 1px 0; bottom: 100%; top: auto; }
|
|
.selecter.bottom .selecter-item:last-child { border: none; }
|
|
.selecter.bottom.open .selecter-selected { border-radius: 0 0 3px 3px; }
|
|
.selecter.bottom.open .selecter-options { border-radius: 3px 3px 0 0; }
|
|
|
|
/* 'Bottom' + 'Cover' Positioning */
|
|
.selecter.bottom.cover .selecter-options { bottom: 0; top: auto; }
|
|
.selecter.bottom.cover.open .selecter-selected { border-radius: 3px; }
|
|
.selecter.bottom.cover.open .selecter-options { border-radius: 3px; }
|
|
|
|
/* Multiple Select */
|
|
.selecter.multiple .selecter-options { border-radius: 3px; border-width: 1px; box-shadow: none; display: block; position: static; width: 100%; }
|
|
|
|
/* 'Disabled' State */
|
|
.selecter.disabled .selecter-selected { background: #fff; border-color: #eee; color: #ccc; cursor: default; }
|
|
.selecter.disabled .selecter-options { background: #fff; border-color: #eee; }
|
|
.selecter.disabled .selecter-group,
|
|
.selecter.disabled .selecter-item { border-color: #eee; color: #ccc; cursor: default; }
|
|
.selecter.disabled .selecter-item.selected { background: #fafafa; }
|
|
|
|
/* Scroller Support */
|
|
.selecter .selecter-options.scroller { overflow: hidden; }
|
|
.selecter .selecter-options.scroller .scroller-content { max-height: 260px; padding: 0; }
|
|
|
|
/* Media Queries */
|
|
@media screen and (max-width: 740px) {
|
|
.selecter { max-width: 100%; }
|
|
}
|
|
@media screen and (max-width: 500px) {
|
|
.selecter { max-width: 100%; }
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
* Stepper v3.0.7 - 2014-05-07
|
|
* A jQuery plugin for cross browser number inputs. Part of the Formstone Library.
|
|
* http://formstone.it/stepper/
|
|
*
|
|
* Copyright 2014 Ben Plum; MIT Licensed
|
|
*/
|
|
.stepper { border-radius: 3px; margin: 0 0 10px 0; overflow: hidden; position: relative; width: 35%;float: left; clear: both;}
|
|
.stepper .stepper-input { background: #F9F9F9; border: 1px solid #ccc; border-radius: 3px; color: #333; font-size: 13px; line-height: 1.2; margin: 0; overflow: hidden; padding: 5px 10px 5px!important; width: 100%!important; z-index: 49; -moz-appearance: textfield;max-width: none!important;
|
|
}
|
|
|
|
.stepper .stepper-input::-webkit-inner-spin-button,
|
|
.stepper .stepper-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
|
|
|
|
.stepper .stepper-input:focus { background-color: #fff; }
|
|
.stepper .stepper-arrow { background: #eee url(img/jquery.fs.stepper-arrows.png) no-repeat; border: 1px solid #ccc; cursor: pointer; display: block; height: 46%; position: absolute; right: 0; text-indent: -99999px; width: 20px; z-index: 50; }
|
|
.stepper .stepper-arrow.up { background-position: center top; border-bottom: none; top: 0; }
|
|
.stepper .stepper-arrow.down { background-position: center bottom; bottom: 0; }
|
|
|
|
/* CUSTOM FOR CUSTOMIZR */
|
|
.rtl .stepper .stepper-input {
|
|
text-align: left;
|
|
}
|
|
|
|
@media screen and (min-width: 740px) {
|
|
.stepper:hover .stepper-input { background-color: #fff; }
|
|
|
|
.stepper .stepper-step:hover { background-color: #F9F9F9; }
|
|
|
|
.stepper.disabled .stepper-arrow { background: #fff; border-color: #eee; cursor: default; }
|
|
}
|
|
|
|
.stepper.disabled .stepper-input { background: #fff; border-color: #eee; color: #ccc; }
|
|
.stepper.disabled .stepper-arrow { background: #fff; border-color: #eee; cursor: default; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* iCheck plugin Flat skin, green
|
|
----------------------------------- */
|
|
.icheckbox_flat-green,
|
|
.iradio_flat-green {
|
|
display: inline-block;
|
|
*display: inline;
|
|
vertical-align: middle;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url(img/green.png) no-repeat;
|
|
border: none;
|
|
cursor: pointer;
|
|
top: 4px;
|
|
float: right;
|
|
}
|
|
/* RTL fix of check box position */
|
|
.rtl .icheckbox_flat-green {
|
|
float: left;
|
|
}
|
|
.icheckbox_flat-green {
|
|
background-position: 0 0;
|
|
}
|
|
.icheckbox_flat-green.checked {
|
|
background-position: -22px 0;
|
|
}
|
|
.icheckbox_flat-green.disabled {
|
|
background-position: -44px 0;
|
|
cursor: default;
|
|
}
|
|
.icheckbox_flat-green.checked.disabled {
|
|
background-position: -66px 0;
|
|
}
|
|
|
|
.iradio_flat-green {
|
|
background-position: -88px 0;
|
|
}
|
|
.iradio_flat-green.checked {
|
|
background-position: -110px 0;
|
|
}
|
|
.iradio_flat-green.disabled {
|
|
background-position: -132px 0;
|
|
cursor: default;
|
|
}
|
|
.iradio_flat-green.checked.disabled {
|
|
background-position: -154px 0;
|
|
}
|
|
|
|
/* Retina support */
|
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
|
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
|
only screen and (-o-min-device-pixel-ratio: 3/2),
|
|
only screen and (min-device-pixel-ratio: 1.5) {
|
|
.icheckbox_flat-green,
|
|
.iradio_flat-green {
|
|
background-image: url(img/green@2x.png);
|
|
-webkit-background-size: 176px 22px;
|
|
background-size: 176px 22px;
|
|
}
|
|
}
|
|
|
|
/* iCheck plugin Flat skin, grey
|
|
----------------------------------- */
|
|
.icheckbox_flat-grey,
|
|
.iradio_flat-grey {
|
|
display: inline-block;
|
|
*display: inline;
|
|
vertical-align: middle;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url(img/grey.png) no-repeat;
|
|
border: none;
|
|
cursor: pointer;
|
|
top: 4px;
|
|
float: right;
|
|
}
|
|
|
|
.icheckbox_flat-grey {
|
|
background-position: 0 0;
|
|
}
|
|
.icheckbox_flat-grey.checked {
|
|
background-position: -22px 0;
|
|
}
|
|
.icheckbox_flat-grey.disabled {
|
|
background-position: -44px 0;
|
|
cursor: default;
|
|
}
|
|
.icheckbox_flat-grey.checked.disabled {
|
|
background-position: -66px 0;
|
|
}
|
|
|
|
.iradio_flat-grey {
|
|
background-position: -88px 0;
|
|
}
|
|
.iradio_flat-grey.checked {
|
|
background-position: -110px 0;
|
|
}
|
|
.iradio_flat-grey.disabled {
|
|
background-position: -132px 0;
|
|
cursor: default;
|
|
}
|
|
.iradio_flat-grey.checked.disabled {
|
|
background-position: -154px 0;
|
|
}
|
|
|
|
/* Retina support */
|
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
|
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
|
only screen and (-o-min-device-pixel-ratio: 3/2),
|
|
only screen and (min-device-pixel-ratio: 1.5) {
|
|
.icheckbox_flat-grey,
|
|
.iradio_flat-grey {
|
|
background-image: url(img/grey@2x.png);
|
|
-webkit-background-size: 176px 22px;
|
|
background-size: 176px 22px;
|
|
}
|
|
}
|
|
|
|
.czr-sub-set .icheckbox_flat-green, .iradio_flat-green {
|
|
float: left;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* SELECT 2 SPECIFICS */
|
|
body .select2-container {
|
|
z-index: 1000000;
|
|
width: 100%!important;
|
|
}
|
|
|
|
.customize-control-czr_layouts .select2-selection--single {
|
|
height: 33px;
|
|
}
|
|
.customize-control-czr_layouts .select2-container--default .select2-selection--single .select2-selection__arrow {
|
|
height: 30px;
|
|
}
|
|
.select2-selection__rendered:focus, .customize-control-czr_layouts .select2-selection--single:focus {
|
|
outline: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* SPECIFIC INPUT STYLE */
|
|
span.select2-results, body .select2-container {
|
|
font-size: 14px;
|
|
}
|
|
|
|
|
|
/* for multipe picker */
|
|
.select2-container--default .select2-selection--multiple {
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0;
|
|
width: 99%;
|
|
min-height: 36px;
|
|
border: 1px solid #ddd;
|
|
-webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
|
|
box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
|
|
}
|
|
.select2-container--default.select2-container--focus .select2-selection--multiple {
|
|
border-color: #00a0d2!important;
|
|
-webkit-box-shadow: 0 0 2px rgba(26, 188, 156, 0.8)!important;
|
|
box-shadow: 0 0 2px rgba(26, 188, 156, 0.8)!important;
|
|
}
|
|
.select2-results__options li {
|
|
margin-bottom: 0
|
|
}
|
|
.select2-container--default .select2-selection--multiple .select2-selection__choice {
|
|
padding: 2px;
|
|
font-size: 13px;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
margin-bottom: 0;
|
|
}
|
|
.select2-container--default .select2-results__option--highlighted[aria-selected] {
|
|
background-color: #00a0d2;
|
|
}
|
|
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
|
|
font-size: 17px;
|
|
position: relative;
|
|
top: 2px;
|
|
color: #23282d;
|
|
}
|
|
|
|
/* Socials Specifics */
|
|
.customize-control-czr_socials .select2-container--default .select2-selection--single .select2-selection__rendered {
|
|
padding: 5px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* WP TEXT EDITOR */
|
|
#czr-customize-content_editor-pane {
|
|
border-top: solid 1px #ddd;
|
|
position: absolute;
|
|
height: 300px;
|
|
bottom: -301px;
|
|
right: 0;
|
|
left: 0;
|
|
z-index: 20;
|
|
background: #f1f1f1;
|
|
display: block;
|
|
-webkit-transition: all 0.2s;
|
|
transition: all 0.2s;
|
|
visibility: hidden;
|
|
}
|
|
body.czr-customize-content_editor-pane-resize #customize-preview,
|
|
body.czr-customize-content_editor-pane-resize #czr-customize-content_editor-pane {
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
}
|
|
body.mce-fullscreen.czr-customize-content_editor-pane-open #czr-customize-content_editor-pane {
|
|
top: 0;
|
|
}
|
|
body.czr-customize-content_editor-pane-open #czr-customize-content_editor-pane {
|
|
bottom: 0;
|
|
visibility: inherit;
|
|
}
|
|
#czr-customize-content_editor-pane .wp-editor-tools {
|
|
padding-top: 5px;
|
|
padding-right: 10px;
|
|
}
|
|
#czr-customize-content_editor-pane .wp-media-buttons {
|
|
padding-left: 5px;
|
|
}
|
|
#customize-preview {
|
|
height: auto;
|
|
}
|
|
body.czr-customize-content_editor-pane-open #customize-preview {
|
|
bottom: 300px;
|
|
}
|
|
body.mce-fullscreen #customize-preview {
|
|
bottom: 0;
|
|
}
|
|
body.mce-fullscreen.czr-customize-content_editor-pane-open div.mce-fullscreen {
|
|
position: relative;
|
|
left: 0;
|
|
}
|
|
#wp-czr-customize-content_editor-container {
|
|
border-left: 0;
|
|
}
|
|
/* vertical resize bar */
|
|
#czr-customize-content_editor-dragbar {
|
|
top: 0;
|
|
cursor: row-resize;
|
|
display: block;
|
|
height: 4px;
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: 21;
|
|
}
|
|
body.czr-customize-content_editor-pane-resize #customize-preview:before {
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
z-index: 999999;
|
|
}
|
|
/* @todo Mobile support for rich text editor */
|
|
.wp-customizer .ui-autocomplete.wplink-autocomplete {
|
|
z-index: 500110; /* originally 100110, but z-index of .wp-full-overlay is 500000 */
|
|
}
|
|
.wp-customizer #wp-link-wrap {
|
|
z-index: 500105; /* originally 100105, but z-index of .wp-full-overlay is 500000 */
|
|
}
|
|
.wp-customizer #wp_editbtns,
|
|
.wp-customizer #wp_gallerybtns {
|
|
z-index: 500020; /* originally 100020, but z-index of .wp-full-overlay is 500000 */
|
|
}
|
|
.wp-customizer #TB_overlay,
|
|
.wp-customizer #TB_window {
|
|
z-index: 500050;
|
|
}
|
|
.wp-customizer .mce-panel,
|
|
.wp-customizer .mce-tooltip {
|
|
z-index: 500100 !important; /* originally 100100, but z-index of .wp-full-overlay is 500000 */
|
|
}
|
|
.czr-customize-content_editor-pane-open .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
|
|
z-index: 30;
|
|
}
|
|
.czr-customize-content_editor-pane-open .wp-full-overlay.collapsed .collapse-sidebar {
|
|
bottom: 308px;
|
|
}
|
|
.czr-customize-content_editor-pane-open .wp-full-overlay.expanded .collapse-sidebar {
|
|
bottom: 0 !important;
|
|
}
|
|
.czr-customize-content_editor-pane-resize .wp-full-overlay.collapsed .collapse-sidebar {
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
}
|
|
.czr-customize-content_editor-pane-open.mce-fullscreen .wp-full-overlay.collapsed .collapse-sidebar {
|
|
bottom: 8px !important;
|
|
}
|
|
|
|
|
|
|
|
/* CONTENT PICKER */
|
|
.czr-sub-set[data-input-type="content_picker"] .customize-control-title {
|
|
width: 100%;
|
|
}
|
|
.czr-sub-set[data-input-type="content_picker"] .czr-input {
|
|
width: 100%;
|
|
}
|
|
.content-item-bar {
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.czr-sub-set[data-input-type="content_picker"] span.item-title {
|
|
display: block;
|
|
float: left;
|
|
max-width: 80%;
|
|
}
|
|
|
|
.czr-sub-set[data-input-type="content_picker"] span.item-type {
|
|
display: inline-block;
|
|
padding: 0;
|
|
padding-right: 10px;
|
|
float: right;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* RANGE SLIDER rangeslider.js - v2.3.0 - https://github.com/andreruffert/rangeslider.js */
|
|
.rangeslider,
|
|
.rangeslider__fill {
|
|
display: block;
|
|
-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
|
|
-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
|
|
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
|
|
-moz-border-radius: 10px;
|
|
-webkit-border-radius: 10px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.rangeslider {
|
|
background: #e6e6e6;
|
|
position: relative;
|
|
}
|
|
|
|
.rangeslider--horizontal {
|
|
height: 20px;
|
|
width: 100%;
|
|
}
|
|
|
|
.rangeslider--vertical {
|
|
width: 20px;
|
|
min-height: 150px;
|
|
max-height: 100%;
|
|
}
|
|
|
|
.rangeslider--disabled {
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.rangeslider__fill {
|
|
background: #00ff00;
|
|
position: absolute;
|
|
}
|
|
.rangeslider--horizontal .rangeslider__fill {
|
|
top: 0;
|
|
height: 100%;
|
|
}
|
|
.rangeslider--vertical .rangeslider__fill {
|
|
bottom: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.rangeslider__handle {
|
|
background: white;
|
|
border: 1px solid #ccc;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
width: 40px;
|
|
height: 40px;
|
|
position: absolute;
|
|
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
|
|
background-size: 100%;
|
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
|
|
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
|
|
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
|
|
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
|
|
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
|
|
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
|
|
-moz-border-radius: 50%;
|
|
-webkit-border-radius: 50%;
|
|
border-radius: 50%;
|
|
line-height: 42px;
|
|
text-align: center;
|
|
color: #404040;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.rangeslider__handle:after {
|
|
content: "";
|
|
display: block;
|
|
width: 18px;
|
|
height: 18px;
|
|
margin: auto;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
|
background-size: 100%;
|
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
|
|
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
|
|
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
|
|
background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
|
|
-moz-border-radius: 50%;
|
|
-webkit-border-radius: 50%;
|
|
border-radius: 50%;
|
|
}
|
|
.rangeslider__handle:active, .rangeslider--active .rangeslider__handle {
|
|
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
|
background-size: 100%;
|
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
|
|
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
|
|
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
|
|
background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
|
|
}
|
|
.rangeslider--horizontal .rangeslider__handle {
|
|
top: -10px;
|
|
touch-action: pan-y;
|
|
-ms-touch-action: pan-y;
|
|
}
|
|
.rangeslider--vertical .rangeslider__handle {
|
|
left: -10px;
|
|
touch-action: pan-x;
|
|
-ms-touch-action: pan-x;
|
|
}
|
|
|
|
input[type="range"]:focus + .rangeslider .rangeslider__handle {
|
|
-moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
|
|
-webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
|
|
box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
|
|
}/* OVERRIDE WP CUSTOMIZER */
|
|
|
|
/* SEKTIONS AND COLUMNS */
|
|
.czr-sektion-buttons {
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
.czr-column {
|
|
width: 99%;
|
|
margin-bottom: 1%;
|
|
float: left;
|
|
padding: 2% 0%;
|
|
border: 2px dotted #aaa;
|
|
text-align: center;
|
|
}
|
|
.czr-column-header {
|
|
position: relative;
|
|
}
|
|
.czr-col-drag-handler {
|
|
position: absolute;
|
|
left: 0%;
|
|
padding: 1%;
|
|
color: #999;
|
|
cursor: move;
|
|
cursor: grab;
|
|
cursor: -moz-grab;
|
|
cursor: -webkit-grab;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* MODULES */
|
|
.czr-module-collection-wrapper {
|
|
width: 100%;
|
|
min-height: 5px;
|
|
float: left;
|
|
}
|
|
.czr-single-module {
|
|
width: 98%;
|
|
float: left;
|
|
min-height: 20px;
|
|
margin: 1px 1%;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.czr-single-module textarea {
|
|
max-width: 100%;
|
|
}
|
|
|
|
/*.czr-single-module .czr-single-item .czr-item-content {
|
|
display: block;
|
|
}*/
|
|
|
|
#customize-theme-controls .czr-single-module .czr-single-item {
|
|
width: 96%;
|
|
}
|
|
|
|
.czr-mod-header {
|
|
background: #eee;
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
.czr-mod-title {
|
|
position: relative;
|
|
}
|
|
.czr-mod-title > h4 {
|
|
float: left;
|
|
width: 70%;
|
|
margin: 2% 0;
|
|
}
|
|
.czr-mod-drag-handler {
|
|
position: absolute;
|
|
left: 0%;
|
|
padding: 1%;
|
|
margin: 2% 0;
|
|
color: #999;
|
|
cursor: move;
|
|
cursor: grab;
|
|
cursor: -moz-grab;
|
|
cursor: -webkit-grab;
|
|
}
|
|
.czr-mod-buttons {
|
|
float: right;
|
|
width: 30%;
|
|
margin: 2% 0;
|
|
}
|
|
|
|
.czr-mod-content {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 100%;
|
|
float: left;
|
|
width: 100%;
|
|
background: #d5e9cc;
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* EDIT MODULE */
|
|
.czr-module-open #customize-info,
|
|
.czr-module-open #customize-theme-controls {
|
|
left: -200%;
|
|
}
|
|
.czr-module-open #customize-theme-controls .accordion-section-content {
|
|
overflow: visible;
|
|
}
|
|
.czr-module-description-container {
|
|
margin-bottom: 15px
|
|
}
|
|
.czr-module-title {
|
|
/*margin: -12px -12px 0 -12px;*/
|
|
border-bottom: 1px solid #ddd;
|
|
background: #fff;
|
|
}
|
|
.czr-module-title h3 {
|
|
padding: 10px 10px 12px 14px;
|
|
margin: 0;
|
|
line-height: 21px;
|
|
color: #555;
|
|
font-size: 20px;
|
|
font-weight: 200;
|
|
line-height: 26px;
|
|
display: block;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
#customize-controls .czr-module-title span.customize-action {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
font-size: 13px;
|
|
display: block;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.czr-module-back {
|
|
display: block;
|
|
float: left;
|
|
width: 48px;
|
|
height: 74px;
|
|
padding: 0 24px 0 0;
|
|
margin: 0;
|
|
background: #fff;
|
|
border: none;
|
|
border-right: 1px solid #ddd;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
cursor: pointer;
|
|
-webkit-transition: left .18s ease-in-out, color .1s ease-in-out, background .1s ease-in-out;
|
|
-moz-transition: left .18s ease-in-out, color .1s ease-in-out, background .1s ease-in-out;
|
|
-ms-transition: left .18s ease-in-out, color .1s ease-in-out, background .1s ease-in-out;
|
|
-o-transition: left .18s ease-in-out, color .1s ease-in-out, background .1s ease-in-out;
|
|
transition: left .18s ease-in-out, color .1s ease-in-out, background .1s ease-in-out;
|
|
}
|
|
|
|
.czr-module-back:hover,
|
|
.czr-module-back:focus {
|
|
color: #23282d;
|
|
background: #f5f5f5;
|
|
outline: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.czr-module-back:before {
|
|
font: normal 20px/72px dashicons;
|
|
content: "\f341";
|
|
position: relative;
|
|
left: 13px;
|
|
}
|
|
|
|
|
|
.czr-module-back:hover {
|
|
color: #23282d;
|
|
background: #f5f5f5;
|
|
outline: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* DRAGULA */
|
|
.gu-mirror {
|
|
position: fixed !important;
|
|
margin: 0 !important;
|
|
z-index: 999999 !important;
|
|
opacity: 0.8;
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
|
|
filter: alpha(opacity=80);
|
|
}
|
|
|
|
.gu-hide {
|
|
display: none !important;
|
|
}
|
|
.gu-unselectable {
|
|
-webkit-user-select: none !important;
|
|
-moz-user-select: none !important;
|
|
-ms-user-select: none !important;
|
|
user-select: none !important;
|
|
}
|
|
.gu-transit {
|
|
opacity: 0.2;
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
|
|
filter: alpha(opacity=20);
|
|
}
|
|
|
|
/* CUSTOM FOR DRAGULA */
|
|
.gu-unselectable .czr-module-collection-wrapper {
|
|
width: 98%;
|
|
border: 1px dotted green;
|
|
background: #d1ffe0;
|
|
min-height: 31px;
|
|
}
|
|
li.czr-single-module.gu-mirror, li.czr-module-candidate.gu-mirror {
|
|
list-style: none;
|
|
}
|
|
/*.czr-dragula-fake-container {
|
|
display: none;
|
|
float: left;
|
|
height: 60px;
|
|
width: 96%;
|
|
margin: 2%;
|
|
border: 2px dotted #aaa;
|
|
text-align: center;
|
|
line-height: 30px;
|
|
}
|
|
.czr-show-fake-container .czr-dragula-fake-container {
|
|
display: block;
|
|
}*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* MODULES LIST PANEL */
|
|
#czr-module-list-panel {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: -301px;
|
|
/*visibility: hidden;*/
|
|
opacity: 0;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
margin: 0;
|
|
z-index: 4;
|
|
background: rgba(0, 0, 0, 0.47);
|
|
-webkit-transition: all .18s;
|
|
-moz-transition: all .18s;
|
|
-ms-transition: all .18s;
|
|
-o-transition: all .18s;
|
|
transition: all .18s;
|
|
border-right: 1px solid #ddd;
|
|
}
|
|
#czr-module-list-panel, #czr-available-modules-filter {
|
|
width: 45%;
|
|
min-width: 300px;
|
|
}
|
|
body.czr-adding-module #czr-module-list-panel {
|
|
left: 0;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
/*body.czr-adding-module .wp-full-overlay-main {
|
|
left: 300px;
|
|
}*/
|
|
|
|
body.czr-adding-module #customize-preview {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
|
|
.add-new-module:before {
|
|
content: "\f132";
|
|
display: inline-block;
|
|
position: relative;
|
|
left: -2px;
|
|
top: -1px;
|
|
font: normal 20px/1 dashicons;
|
|
vertical-align: middle;
|
|
-webkit-transition: all .2s;
|
|
-moz-transition: all .2s;
|
|
-ms-transition: all .2s;
|
|
-o-transition: all .2s;
|
|
transition: all .2s;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.czr-column .add-new-module {
|
|
margin: 1%;
|
|
float: right;
|
|
}
|
|
|
|
body.czr-adding-module .add-new-module,
|
|
body.czr-adding-module .add-new-module:hover {
|
|
background: #eee;
|
|
border-color: #929793;
|
|
color: #32373c;
|
|
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
|
|
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
body.czr-adding-module .add-new-module:before {
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
|
|
#czr-available-modules-list {
|
|
top: 60px;
|
|
position: absolute;
|
|
overflow: auto;
|
|
bottom: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
#czr-available-modules-filter {
|
|
position: fixed;
|
|
top: 0;
|
|
z-index: 1;
|
|
background: rgba(0, 0, 0, 0.47);
|
|
border-bottom: 1px solid #e5e5e5;
|
|
}
|
|
|
|
/* search field container */
|
|
#czr-available-modules-filter {
|
|
padding: 12px 15px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#czr-available-modules-filter input {
|
|
padding: 6px 10px;
|
|
width: 100%;
|
|
}
|
|
|
|
#czr-available-modules-list .czr-module-candidate {
|
|
position: relative;
|
|
/*padding: 1%;*/
|
|
border-bottom: 1px solid #e5e5e5;
|
|
}
|
|
|
|
#czr-available-modules-list .czr-module-candidate h3 {
|
|
color: #fff;
|
|
padding: 0px;
|
|
margin: 0;
|
|
}
|
|
#czr-available-modules-list .czr-mod-drag-handler {
|
|
position: relative;
|
|
left: 0%;
|
|
padding: 1%;
|
|
margin: 2% 4%;
|
|
color: inherit;
|
|
cursor: move;
|
|
cursor: grab;
|
|
cursor: -moz-grab;
|
|
cursor: -webkit-grab;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* SEKTION SETTINGS PANEL */
|
|
#czr-sektion-settings-panel {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 45%;
|
|
min-width: 300px;
|
|
left: -301px;
|
|
/*visibility: hidden;*/
|
|
opacity: 0;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
margin: 0;
|
|
z-index: 4;
|
|
background: rgba(0, 0, 0, 0.47);
|
|
-webkit-transition: all .18s;
|
|
-moz-transition: all .18s;
|
|
-ms-transition: all .18s;
|
|
-o-transition: all .18s;
|
|
transition: all .18s;
|
|
border-right: 1px solid #ddd;
|
|
color: #fff;
|
|
}
|
|
#czr-sektion-settings-panel h3 {
|
|
color: #fff;
|
|
}
|
|
body.czr-editing-sektion #czr-sektion-settings-panel {
|
|
left: 0;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
/*body.czr-editing-sektion .wp-full-overlay-main {
|
|
left: 300px;
|
|
}*/
|
|
|
|
body.czr-editing-sektion #customize-preview {
|
|
opacity: 0.7;
|
|
}/* WP SAVE BUTTON */
|
|
.czr-api-dirty input#save {
|
|
background-color: #FFBD2E;
|
|
border-color: #d99400;
|
|
color: black;
|
|
text-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
-webkit-transition: background-color .2s ease-in-out;
|
|
-moz-transition: background-color .2s ease-in-out;
|
|
-ms-transition: background-color .2s ease-in-out;
|
|
-o-transition: background-color .2s ease-in-out;
|
|
transition: background-color .2s ease-in-out;
|
|
}
|
|
.czr-api-dirty input#save:hover {
|
|
background-color: #fcad06;
|
|
}
|
|
|
|
|
|
/* HEADER AND SCOPE SWITCHER */
|
|
.czr-skop-on .wp-full-overlay-sidebar .wp-full-overlay-header {
|
|
height: 185px;
|
|
}
|
|
.czr-skop-on .wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
|
|
top: 185px;
|
|
}
|
|
.wp-customizer .in-sub-panel .wp-full-overlay-sidebar .wp-full-overlay-header {
|
|
padding: 0 15px;
|
|
}
|
|
.customize-controls-close {
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
|
|
|
|
|
|
.wp-customizer #customize-header-actions {
|
|
border-bottom: 0px;
|
|
}
|
|
.czr-scope-switcher {
|
|
width: 100%;
|
|
float: right;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
overflow: hidden;
|
|
}
|
|
.czr-scope-switcher .czr-skp-permanent-title {
|
|
position: relative;
|
|
color: #5f5f5f;
|
|
}
|
|
#customize-header-actions .czr-scope-switcher .spinner {
|
|
float: none;
|
|
display: none;
|
|
margin: 0px;
|
|
left: -26px;
|
|
top: 0px;
|
|
position: absolute;
|
|
visibility: visible;
|
|
}
|
|
h2.czr-current-skope-title {
|
|
font-size: 13px;
|
|
line-height: 21px;
|
|
margin: 6px 0 4px;
|
|
text-align: center;
|
|
height: 63px;
|
|
font-weight:normal;
|
|
overflow: hidden;
|
|
}
|
|
.czr-main-title {
|
|
max-height: 24px;
|
|
overflow: hidden;
|
|
display: inline-block;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: 95%;
|
|
}
|
|
.czr-skope-title {
|
|
display: block;
|
|
font-size: 17px;
|
|
font-style: italic;
|
|
line-height: 25px;
|
|
}
|
|
.czr-toggle-title-notice {
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
color: #777;
|
|
}
|
|
.czr-skope-inherits-from {
|
|
display: inline-block;
|
|
opacity: 0;
|
|
width: 90%;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
color: #357315;
|
|
top: -6px;
|
|
position: relative;
|
|
}
|
|
.notice-visible .czr-toggle-title-notice {
|
|
color: #357315;
|
|
}
|
|
.notice-visible .czr-skope-inherits-from {
|
|
opacity: 1;
|
|
-webkit-transition: opacity .3s ease-in-out;
|
|
-moz-transition: opacity .3s ease-in-out;
|
|
-ms-transition: opacity .3s ease-in-out;
|
|
-o-transition: opacity .3s ease-in-out;
|
|
transition: opacity .3s ease-in-out;
|
|
}
|
|
.czr-scope-switcher .button {
|
|
float: left;
|
|
width: 40%;
|
|
text-align: center;
|
|
margin: 0 2%;
|
|
opacity: 0.7;
|
|
-webkit-transition: opacity .3s ease-in-out;
|
|
-moz-transition: opacity .3s ease-in-out;
|
|
-ms-transition: opacity .3s ease-in-out;
|
|
-o-transition: opacity .3s ease-in-out;
|
|
transition: opacity .3s ease-in-out;
|
|
}
|
|
.czr-scope-switcher .button.active {
|
|
font-weight: bold;
|
|
opacity: 1;
|
|
}
|
|
.czr-scope-switcher .active, .czr-scope-switcher .czr-scope:hover {
|
|
opacity: 1;
|
|
/*border-bottom: 2px solid #52ff3f;*/
|
|
}
|
|
.czr-skopes-wrapper {
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.czr-scope.active:before {
|
|
height: 101%;
|
|
float: left;
|
|
position: absolute;
|
|
z-index: 1;
|
|
content: '';
|
|
-webkit-box-shadow : -4px 0px 15px 0px rgba(119, 119, 119, 0.58);
|
|
box-shadow: -4px 0px 15px 0px rgba(119, 119, 119, 0.58);
|
|
top: 0;
|
|
}
|
|
.czr-scope-switcher .active:after {
|
|
content: '';
|
|
height: 100%;
|
|
position: absolute;
|
|
-webkit-box-shadow : 4px 0px 15px 0px rgba(119, 119, 119, 0.58);
|
|
box-shadow: 4px 0px 15px 0px rgba(119, 119, 119, 0.58);
|
|
top: 0;
|
|
z-index: 3;
|
|
}
|
|
|
|
.czr-skopes-wrapper .active-collection.local:after {
|
|
right:0;
|
|
}
|
|
.czr-scope-switcher .czr-scope:last-child:after {
|
|
-webkit-box-shadow :none;
|
|
box-shadow: none;
|
|
right: 0;
|
|
}
|
|
.czr-scope-switcher .czr-scope:first-child:after {
|
|
left: 0;
|
|
}
|
|
.czr-scope {
|
|
float: left;
|
|
width: 30.5%;
|
|
/*margin-left: 1.5%;*/
|
|
background: #fff;
|
|
/*border-bottom: 2px solid #cccccc;*/
|
|
border-top: 1px solid #cccccc;
|
|
/*-webkit-border-radius: 3px;
|
|
border-radius: 3px;*/
|
|
overflow: hidden;
|
|
opacity: 0.65;
|
|
-webkit-transition: opacity .3s ease-in-out;
|
|
-moz-transition: opacity .3s ease-in-out;
|
|
-ms-transition: opacity .3s ease-in-out;
|
|
-o-transition: opacity .3s ease-in-out;
|
|
transition: opacity .3s ease-in-out;
|
|
}
|
|
|
|
/* LAYOUTS */
|
|
.czr-scope-switcher .width-100, .czr-scope.width-100.active:before, .czr-scope.width-100.active:after { width: 100%; }
|
|
.czr-scope-switcher .width-50, .czr-scope.width-50.active:before, .czr-scope.width-50.active:after { width: 50%; }
|
|
.czr-scope-switcher .width-33, .czr-scope.width-33.active:before, .czr-scope.width-33.active:after { width: 33.33%; }
|
|
.czr-scope-switcher .width-25, .czr-scope.width-25.active:before, .czr-scope.width-25.active:after { width: 25%; }
|
|
|
|
.czr-scope-header, .czr-scope-footer {
|
|
width: 100%;
|
|
min-height: 16px;
|
|
position: relative;
|
|
z-index: 5;
|
|
}
|
|
.inactive .czr-scope-footer:after {
|
|
content: '';
|
|
width: 100%;
|
|
position: absolute;
|
|
height: 5px;
|
|
bottom: -7px;
|
|
left: 0;
|
|
-webkit-box-shadow : 0px 0px 13px 4px rgba(119, 119, 119, 0.85);
|
|
box-shadow: 0px 0px 13px 4px rgba(119, 119, 119, 0.85);
|
|
}
|
|
.czr-scope-content {
|
|
height: 35px;
|
|
padding: 0 3%;
|
|
width: 94%;
|
|
line-height: 35px;
|
|
text-align: center;
|
|
clear: both;
|
|
color: #000;
|
|
overflow: hidden;
|
|
}
|
|
.czr-scope-content h4 {
|
|
margin: 0;
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
font-weight: normal;
|
|
text-shadow: 1px 1px 0px #dedede;
|
|
}
|
|
.czr-scope .fa {
|
|
font-size: 10px;
|
|
padding: 2%;
|
|
color: #585858;
|
|
cursor: pointer;
|
|
-webkit-transition: opacity .3s ease-in-out;
|
|
-moz-transition: opacity .3s ease-in-out;
|
|
-ms-transition: opacity .3s ease-in-out;
|
|
-o-transition: opacity .3s ease-in-out;
|
|
transition: opacity .3s ease-in-out;
|
|
}
|
|
.czr-scope .czr-scope-footer .info {
|
|
cursor: inherit;
|
|
}
|
|
.czr-scope-header .czr-scope-switch {
|
|
font-size: 22px;
|
|
padding: 0 2px 0 0;
|
|
text-shadow: 1px 1px 2px white;
|
|
}
|
|
.czr-skp-switch-link {
|
|
cursor: pointer;
|
|
}
|
|
.czr-skp-switch-link:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.czr-pull-left {
|
|
float: left;
|
|
}
|
|
.czr-pull-right {
|
|
float: right;
|
|
}
|
|
|
|
|
|
/* DIALOG BOX REACTIONS */
|
|
.active .czr-scope-switch {
|
|
color: #52ff3f;
|
|
cursor:inherit;
|
|
}
|
|
|
|
.czr-scope .czr-scope-reset {
|
|
/*opacity: 0;*/
|
|
display: none;
|
|
font-size: 13px;
|
|
text-shadow: 1px 1px 0px #dedede;
|
|
|
|
}
|
|
.has-db-val .czr-scope-reset {
|
|
color: #00a0d2;
|
|
}
|
|
.dirty .czr-scope-reset {
|
|
color: #FFBD2E!important;
|
|
}
|
|
|
|
.is_winner .czr-scope-winner {
|
|
color: #52ff3f;
|
|
font-size: 14px;
|
|
position: absolute;
|
|
bottom: 2px;
|
|
left: 2px;
|
|
}
|
|
|
|
.czr-scope-force {
|
|
display: none;
|
|
}
|
|
|
|
/* Underline skope switch text in control notices and in the main skope switcher title */
|
|
.czr-skope-notice .czr-skope-switch, .czr-scope-switcher .czr-skope-switch {
|
|
cursor: pointer;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/**************************************
|
|
******* RESET */
|
|
/* RESET COMMONS */
|
|
.czr-spinner-wrapper {
|
|
visibility: hidden;
|
|
}
|
|
.czr-reset-success, .czr-reset-fail {
|
|
display: none;
|
|
}
|
|
.czr-spinner {
|
|
background: url(img/czr-spinner.gif) no-repeat;
|
|
-webkit-background-size: 32px 32px;
|
|
background-size: 32px 32px;
|
|
display: inline-block;
|
|
float: right;
|
|
vertical-align: middle;
|
|
opacity: 0.7;
|
|
filter: alpha(opacity=70);
|
|
width: 32px;
|
|
height: 32px;
|
|
margin: 4px 10px 0;
|
|
}
|
|
|
|
|
|
/* SINGLE CONTROL RESET */
|
|
.customize-control span.customize-control-title:first-child {
|
|
padding-left: 16px;
|
|
-webkit-transition: left, right, 0.15s ease-in-out;
|
|
-moz-transition: left, right, 0.15s ease-in-out;
|
|
-ms-transition: left, right, 0.15s ease-in-out;
|
|
-o-transition: left, right, 0.15s ease-in-out;
|
|
transition: left, right, 0.15s ease-in-out;
|
|
position: relative;
|
|
}
|
|
|
|
.wp-customizer .customize-control.czr-not-skoped .customize-control-title {
|
|
padding-left: 0px;
|
|
}
|
|
.czr-setting-reset {
|
|
color: #eee;
|
|
-webkit-transition: color 0.4s;
|
|
transition: color 0.4s;
|
|
position: absolute;
|
|
left: 0px;
|
|
line-height: 21px;
|
|
display: none;
|
|
text-shadow: 1px 1px 0px #a0a0a0;
|
|
}
|
|
.czr-global-skope-level .is-wp-authorized-setting.has-db-val .czr-setting-reset {
|
|
color: #eee;
|
|
}
|
|
.has-db-val .czr-setting-reset {
|
|
color: #00a0d2;
|
|
}
|
|
.is-dirty .czr-setting-reset {
|
|
color: #FFBD2E!important;
|
|
}
|
|
.czr-ctrl-reset-warning .czr-spinner {
|
|
display: none;
|
|
}
|
|
.czr-resetting-control .czr-ctrl-reset-warning .czr-spinner {
|
|
display: block;
|
|
}
|
|
|
|
/* RESET ALERTS */
|
|
.is-dirty .czr-remove-alert-wrapper {
|
|
background-color: rgba(255, 189, 46, 0.54)!important;
|
|
border: 1px solid #FFBD2E!important;
|
|
text-shadow:none;
|
|
color: #000;
|
|
}
|
|
|
|
.has-db-val .czr-remove-alert-wrapper {
|
|
background-color: rgba(0, 160, 210, 0.45);
|
|
border: 1px solid #00a0d2;
|
|
text-shadow:none;
|
|
color: #000;
|
|
}
|
|
|
|
.czr-resetting-control .czr-remove-alert-wrapper {
|
|
-webkit-transition: all, 0.3s ease-in-out;
|
|
-moz-transition: all, 0.3s ease-in-out;
|
|
-ms-transition: all, 0.3s ease-in-out;
|
|
-o-transition: all, 0.3s ease-in-out;
|
|
transition: all, 0.3s ease-in-out;
|
|
}
|
|
|
|
/* SKOPE LOADING */
|
|
body.czr-skop-loading #czr-skope-pane {
|
|
top : 0;
|
|
}
|
|
body.czr-skop-loading #customize-preview {
|
|
opacity: 0!important;
|
|
}
|
|
|
|
/* Pure CSS loader */
|
|
@-webkit-keyframes czr-mr-loader {
|
|
0% {
|
|
-webkit-transform: scale(0.1);
|
|
transform: scale(0.1);
|
|
opacity: 1; }
|
|
|
|
70% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 0.7; }
|
|
|
|
100% {
|
|
opacity: 0.0; }
|
|
}
|
|
|
|
@keyframes czr-mr-loader {
|
|
0% {
|
|
-webkit-transform: scale(0.1);
|
|
transform: scale(0.1);
|
|
opacity: 1; }
|
|
|
|
70% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 0.7; }
|
|
|
|
100% {
|
|
opacity: 0.0; }
|
|
}
|
|
/*.czr-css-loader {
|
|
display: none;
|
|
}*/
|
|
.czr-css-loader {
|
|
width: 50px;
|
|
height: 50px;
|
|
position: absolute;
|
|
-webkit-transform: translate3d(-50%, -50%, 0);
|
|
-ms-transform: translate3d(-50%, -50%, 0);
|
|
transform: translate3d(-50%, -50%, 0);
|
|
top: 50%;
|
|
left: 50%;
|
|
display: block;
|
|
}
|
|
.czr-mr-loader > div:nth-child(0) {
|
|
-webkit-animation-delay: -0.8s;
|
|
animation-delay: -0.8s;
|
|
}
|
|
.czr-mr-loader > div:nth-child(1) {
|
|
-webkit-animation-delay: -0.6s;
|
|
animation-delay: -0.6s;
|
|
}
|
|
.czr-mr-loader > div:nth-child(2) {
|
|
-webkit-animation-delay: -0.4s;
|
|
animation-delay: -0.4s;
|
|
}
|
|
.czr-mr-loader > div:nth-child(3) {
|
|
-webkit-animation-delay: -0.2s;
|
|
animation-delay: -0.2s;
|
|
}
|
|
.czr-mr-loader > div {
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
position: absolute;
|
|
top: -4%;
|
|
left: -4%;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 100%;
|
|
border: 2px solid #fff;
|
|
-webkit-animation: czr-mr-loader 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8);
|
|
animation: czr-mr-loader 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8);
|
|
}
|
|
|
|
|
|
|
|
/* TOP NOTE ( for Welcome, etc ) */
|
|
#czr-top-note {
|
|
position: absolute;
|
|
text-align: center;
|
|
padding: 2%;
|
|
top : -100%;
|
|
right: 0;
|
|
left: 0;
|
|
z-index: 20;
|
|
color: #fff;
|
|
display: block;
|
|
-webkit-transition: all 0.3s ease-in-out;
|
|
-moz-transition: all, 0.3s ease-in-out;
|
|
-ms-transition: all, 0.3s ease-in-out;
|
|
-o-transition: all, 0.3s ease-in-out;
|
|
transition: all 0.3s ease-in-out;
|
|
visibility: hidden;
|
|
background: rgba(0, 0, 0, 0.80);
|
|
}
|
|
#czr-top-note h2 {
|
|
color: #fff;
|
|
font-size: 25px
|
|
}
|
|
#czr-top-note a {
|
|
color: #fff;
|
|
}
|
|
#czr-top-note .czr-top-note-close {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 25px;
|
|
font-size: 31px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#czr-top-note .fa-arrow-left {
|
|
position: absolute;
|
|
bottom: 10px;
|
|
left: 25px;
|
|
font-size: 40px;
|
|
}
|
|
#czr-top-note .czr-note-content {
|
|
display: inline-block;
|
|
line-height: 20px;
|
|
width: 80%;
|
|
}
|
|
#czr-top-note .czr-note-message {
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
}
|
|
body.czr-top-note-open #czr-top-note {
|
|
top: 0;
|
|
visibility: inherit;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* SKOPE PANE */
|
|
/* WP TEXT EDITOR */
|
|
#czr-skope-pane {
|
|
position: absolute;
|
|
min-height: 100%;
|
|
text-align: center;
|
|
padding: 2%;
|
|
top : -100%;
|
|
right: 0;
|
|
left: 0;
|
|
z-index: 20;
|
|
color: #fff;
|
|
display: block;
|
|
-webkit-transition: all 0.3s ease-in-out;
|
|
-moz-transition: all, 0.3s ease-in-out;
|
|
-ms-transition: all, 0.3s ease-in-out;
|
|
-o-transition: all, 0.3s ease-in-out;
|
|
transition: all 0.3s ease-in-out;
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* RESET */
|
|
#czr-skope-pane.dirty-reset {
|
|
background: rgba(252, 173, 6, 0.23);
|
|
}
|
|
#czr-skope-pane.db-reset {
|
|
background: rgba(0, 160, 210, 0.3);
|
|
}
|
|
.czr-reset-content {
|
|
display: inline-block;
|
|
line-height: 20px;
|
|
width: 80%;
|
|
padding: 5%;
|
|
background: rgba(0, 0, 0, 0.63);
|
|
}
|
|
|
|
#czr-skope-pane h2 {
|
|
color: #fff;
|
|
}
|
|
body.czr-skope-pane-open #czr-skope-pane {
|
|
top: 0;
|
|
visibility: inherit;
|
|
min-height: 100%;
|
|
}
|
|
|
|
body.czr-skope-pane-open #customize-preview, body.czr-skope-pane-open .wp-full-overlay-sidebar {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
body.czr-resetting-skope #czr-skope-pane .czr-spinner-wrapper {
|
|
visibility: visible;
|
|
}
|
|
|
|
.czr-skope-pane-open .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
|
|
z-index: 30;
|
|
}
|
|
.czr-skope-pane-open .wp-full-overlay.expanded .collapse-sidebar {
|
|
bottom: 0 !important;
|
|
}
|
|
|
|
|
|
/* CONTROL INFOS */
|
|
.customize-control .czr-skope-notice {
|
|
color: #357315;
|
|
}
|
|
|
|
.czr-toggle-notice {
|
|
color: #95a5a6;
|
|
text-shadow: 1px 1px 0px white;
|
|
-webkit-transition: color 0.4s;
|
|
transition: color 0.4s;
|
|
position: absolute;
|
|
padding-left: 3px;
|
|
line-height: 21px;
|
|
display: none;
|
|
}
|
|
.czr-notice-visible .czr-toggle-notice, .czr-toggle-notice:hover {
|
|
color: #357315;
|
|
}
|
|
|
|
|
|
|
|
/* Error Notification */
|
|
.wp-full-overlay-header, .wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
|
|
-webkit-transition: height, top, .4s ease-in-out;
|
|
-moz-transition: height, top, .4s ease-in-out;
|
|
-ms-transition: height, top, .4s ease-in-out;
|
|
-o-transition: height, top, .4s ease-in-out;
|
|
transition: height, top, .4s ease-in-out;
|
|
}
|
|
.czr-server-notice {
|
|
width: calc(96% - 2px);
|
|
bottom: 75px;
|
|
text-align: center;
|
|
background: rgba(0, 156, 0, 0.18);
|
|
color: #000;
|
|
display: none;
|
|
position: absolute;
|
|
font-size: 12px;
|
|
line-height: 13px;
|
|
padding: 2%;
|
|
overflow: hidden;
|
|
}
|
|
.czr-server-notice.czr-server-error {
|
|
color: #000;
|
|
background: rgba(255, 0, 0, 0.24);
|
|
}
|
|
|
|
.czr-dismiss-notification {
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*ickeck specifics */
|
|
.wp-customizer .icheckbox_flat-grey, .wp-customizer .iradio_flat-grey {
|
|
border: 1px solid white;
|
|
-webkit-border-radius: 5px;
|
|
border-radius: 5px;
|
|
background-color : white;
|
|
}
|
|
|
|
/* SKOPE PAINTING */
|
|
.czr-painted {
|
|
-webkit-transition: background .3s ease-in-out!important;
|
|
-moz-transition: background .3s ease-in-out!important;
|
|
-ms-transition: background .3s ease-in-out!important;
|
|
-o-transition: background .3s ease-in-out!important;
|
|
transition: background .3s ease-in-out!important;
|
|
}
|
|
|
|
|
