File "style.scss"
Full Path: /home2/sdektunc/cepali.edu.mx/wp-content/themes/shapely/inc/libraries/epsilon-framework/assets/css/style.scss
File size: 6.77 KB
MIME-type: text/plain
Charset: utf-8
/* Start Controls */
@import "scss/controls/upsell";
@import "scss/controls/slider";
@import "scss/controls/toggle";
@import "scss/controls/tooltip";
@import "scss/controls/color-picker";
@import "scss/controls/color-schemes";
@import "scss/controls/typography";
@import "scss/controls/layouts";
@import "scss/controls/field-repeater";
@import "scss/controls/section-repeater-control";
@import "scss/controls/image";
@import "scss/controls/icon-picker";
@import "scss/controls/customizer-navigation";
/* Start Sections */
@import "scss/sections/pro-section";
@import "scss/sections/recommended-actions";
@import "scss/sections/section-doubled";
.in-sub-panel #customize-theme-controls .customize-pane-child.current-panel-parent,
#customize-theme-controls .customize-pane-child.current-section-parent {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.epsilon-hidden {
opacity: 0;
visibility: hidden;
}
/* debug blocks */
.epsilon-control-container {
background: #CCE6FF;
}
.epsilon-control-set-advanced {
background: #8F9CB2;
}
.epsilon-control-set-dropdown {
background: #B8A1C9;
}
.epsilon-control-container label {
background: #E0CB99;
}
.epsilon-control-container,
.epsilon-control-set-advanced,
.epsilon-control-set-dropdown,
.epsilon-control-container label {
background: transparent;
}
.epsilon-control-container {
}
.epsilon-control-container label {
line-height: 20px;
display: block;
margin-bottom: 5px;
}
.epsilon-control-dropdown,
.epsilon-control-advanced {
background-color: #fefefe;
border: solid 1px rgba(219, 219, 219, .9);
width: 33px;
height: 33px;
text-align: center;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
.epsilon-control-advanced i,
.epsilon-control-dropdown i {
display: block;
margin: 7px auto 0 auto;
}
.epsilon-control-advanced {
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .06);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .06);
box-shadow: 0 0 4px rgba(0, 0, 0, .06);
border-radius: 3px;
&.active,
&:hover {
color: #57a7c9;
}
}
.epsilon-control-dropdown {
border-left: none;
width: 34px;
border-radius: 0 3px 3px 0;
}
.epsilon-control-field {
padding-left: 10px;
background: #FEFEFE;
height: 35px;
position: relative;
overflow: hidden;
border-radius: 3px 0 0 3px;
border: solid 1px rgba(219, 219, 219, .9);
line-height: 35px;
box-sizing: border-box;
}
.epsilon-control-set-advanced .epsilon-control-field {
border-radius: 3px;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .06);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .06);
box-shadow: 0 0 4px rgba(0, 0, 0, .06);
border-radius: 3px;
}
.epsilon-control-field a {
text-decoration: none;
color: #555555;
}
.epsilon-control-set,
.epsilon-control-set-advanced,
.epsilon-control-set-dropdown {
height: 35px;
width: 100%;
position: relative;
box-sizing: border-box;
}
.epsilon-control-set-advanced.epsilon-group-two {
padding-right: 111px;
}
.epsilon-control-set-advanced.epsilon-group-two .epsilon-control-group {
position: absolute;
top: 0;
right: 38px;
width: 70px;
height: 35px;
}
.epsilon-control-set-advanced {
padding-right: 38px;
}
.epsilon-control-set-dropdown {
padding-right: 35px;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .06);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .06);
box-shadow: 0 0 4px rgba(0, 0, 0, .06);
}
.epsilon-control-group {
width: 100%;
height: 33px;
background: #FEFEFE;
border-radius: 3px;
line-height: 35px;
cursor: pointer;
box-sizing: border-box;
border: solid 1px rgba(219, 219, 219, .9);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .06);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .06);
box-shadow: 0 0 4px rgba(0, 0, 0, .06);
height: 35px;
}
.epsilon-control-group a {
float: left;
height: 33px;
background: rgba(150, 180, 150, 0);
text-align: center;
text-decoration: none;
}
.epsilon-control-group a.active {
background-color: #fefefe;
-webkit-box-shadow: inset 0 3px 0px #57a7c9, inset 2px 0px 5px 0px rgba(0, 0, 0, 0.05), inset -2px 0px 5px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 3px 0px #57a7c9, inset 2px 0px 5px 0px rgba(0, 0, 0, 0.05), inset -2px 0px 5px 0px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 3px 0px #57a7c9, inset 2px 0px 5px 0px rgba(0, 0, 0, 0.05), inset -2px 0px 5px 0px rgba(0, 0, 0, 0.05);
}
.epsilon-control-group i {
margin-top: 5px;
display: block;
margin-left: auto;
margin-right: auto;
}
.epsilon-control-group a:nth-child(odd) {
background: rgba(150, 180, 150, 0);
}
.epsilon-control-group.epsilon-group-four a {
width: 25%;
}
.epsilon-control-group.epsilon-group-three a {
width: 33.333333%;
}
.epsilon-control-group.epsilon-group-two a {
width: 50%;
}
.hidden-section-panel {
opacity: .5;
position: relative;
&:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1231;
display: block;
content: '';
}
}
.customize-control-epsilon-separator {
margin-top: 30px;
}
/*
Controls Spacing Debug
*/
.repeater-row-content {
}
.repeater-field {
padding: 18px 0 6px 0;
margin: 0;
&.repeater-field-epsilon-text-editor {
padding-top: 12px;
.customize-control-title {
top: 10px;
}
}
select {
display: block;
margin: 0;
line-height: 35px;
height: 35px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
&.repeater-field-text input {
background-color: #fff;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
&.repeater-field-epsilon-customizer-navigation {
padding-bottom: 8px;
}
&.repeater-field- {
display: none;
}
&.repeater-field-hidden {
display: none;
}
}
.customize-control-title {
height: 20px;
line-height: 20px;
display: block;
margin-bottom: 6px;
font-weight: normal;
}
/* Debug Colors */
$debug-field-background-even: rgba(0, 135, 255, 0.3) !default;
$debug-field-background-odd: rgba(0, 135, 255, 0.1) !default;
$debug-field-title-background: rgba(255, 165, 0, 0.4) !default;
/*
.repeater-field:nth-child(even) {
background: $debug-field-background-even !important;
}
.repeater-field:nth-child(odd) {
background: $debug-field-background-odd !important;
}
.repeater-row-footer,
.customize-control-title,
.repeater-field-epsilon-slider .slider-container,
.epsilon-controller-image-container .actions {
background:$debug-field-title-background !important;
}
*/