Weak hands cannot be planted, meager skills have no foundation. Shallow wisdom is futile, how can one hope for a good name?扰扰从役倦，屑屑身事微。少壮轻年月，迟暮惜光辉。
/******** Settings Page ********/
input#search-hacks {
color:#000;
padding: 10px;
border: 2px solid #000000;
width: calc(100% - 230px);
height: 40px;
float: right;
font-weight:bold;
margin-top: 0px;
}
input#search-hacks:focus {
-webkit-box-shadow:0px 0px 30px limegreen;
box-shadow:0px 0px 30px limegreen;
}
.divi-hack:target {
-webkit-box-shadow: 0px 0px 50px #005dff !important;
box-shadow: 0px 0px 50px #005dff !important;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: tada;
animation-name: tada;
}
.divi-hack:target:before {
content:"";
display:block;
height:90px; /* fixed header height*/
margin:-90px 0 0; /* negative fixed header height */
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
body.divi_page_divi-hacks-settings div#wpfooter {
position: relative;
}
.changelog-box {
height: 50vh;
width: auto;
overflow: scroll;
border: 1px solid #eee;
padding: 20px;
background:#fff;
box-shadow: inset 0px 0px 20px rgba(0,0,0,0.1);
-webkit-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
}
#_customize-description-dh-category-page-info b {
display:inline-block;
}
.dh-sidebar {
padding: 150px 20px 20px 20px;
background: #fff;
max-width: 200px;
box-shadow: 0px 5px 80px rgba(0,0,0,0.1);
display:none;
}
[class*="_page_divi-hacks-settings"] .column {
padding-right:30px;
}
[class*="_page_divi-hacks-settings"] .row {
display:flex;
}
[class*="_page_divi-hacks-settings"] p.chatwidget {
width: 320px;
position:relative;
}
[class*="_page_divi-hacks-settings"] p.chatwidget:after {
background-color: #fff;
position: absolute;
content: '';
top: calc(100% - 30px);
left: 0;
bottom: 10px;
right: 0;
}
@media only screen and ( max-width:1030px ) {
[class*="_page_divi-hacks-settings"] .column {
width:100% !important;
}
[class*="_page_divi-hacks-settings"] .row {
flex-direction:column;
}
}
@media only screen and ( min-width:1031px ) {
[class*="_page_divi-hacks-settings"] .row {
flex-direction:row;
}
}
[class*="_page_divi-hacks-settings"] div#Divi_Hacks_license_key_box {
width: 100%;
}
.dh-admin-css {
width: 100% !important;
}
.dh-admin-css textarea {
min-height: 60vh;
font-family: monospace;
padding:20px;
background: #333;
color: #fff;
}
.dh-admin-css button#dh-custom-css {
background: #00ff70;
opacity: 0.8;
height:40px;
width:110px;
float:right;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
-o-border-radius:30px;
-ms-border-radius:30px;
font-weight: bold;
text-transform: uppercase;
font-size: 18px;
position:relative;
overflow:hidden;
}
.dh-admin-css button#dh-custom-css:focus {
outline: 0;
}
.dh-admin-css button#dh-custom-css:active {
text-indent: -1000px;
overflow: hidden;
position: relative;
border-style:solid;
}
.dh-admin-css button#dh-custom-css:active:after {
content: 'saving';
position: absolute;
text-indent: 0px;
right: 17px;
}
.dh-admin-css button#dh-custom-css:before {
position: absolute;
content: '';
right:0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
opacity:0.1;
transform:translateX(0%);
-webkit-transform:translateX(0%);
-moz-transform:translateX(0%);
-o-transform:translateX(0%);
-ms-transform:translateX(0%);
transition: all 2.5s linear;
}
.dh-admin-css button#dh-custom-css:active:before {
transform:translateX(-100%);
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);
-o-transform:translateX(-100%);
-ms-transform:translateX(-100%);
transition: all 0s linear;
}
input#_customize-input-dh-category-page-info,
input#_customize-input-dh-tag-page-info,
input#_customize-input-dh-cptarchive-page-info,
input#_customize-input-dh-archive-page-info,
input#_customize-input-dh-search-page-info,
input#_customize-input-dh-author-page-info {
display: none;
}
.customize-control-radio span.customize-inside-control-row {
display: inline-block;
padding-right: 20px;
}
li#customize-control-dh-login-page,
li#customize-control-dh-404-page,
li#customize-control-dh_maintenance_mode_login_link,
li#customize-control-dh-category-page,
li#customize-control-dh-tag-page,
li#customize-control-dh-cptarchive-page,
li#customize-control-dh-archive-page,
li#customize-control-dh-search-page,
li#customize-control-dh-author-page,
li#customize-control-dh_main_header_top_injector_layout,
li#customize-control-dh_main_header_bottom_injector_layout,
li#customize-control-dh_exit_popup_layout,
li#customize-control-dh_scroll_popup_layout,
li#customize-control-dh_main_footer_top_injector_layout,
li#customize-control-dh_main_footer_bottom_injector_layout {
background: #C2FC51;
color:#000;
padding: 0px 10px 10px 10px;
box-sizing: border-box;
border-right:1px solid #000;
border-left:1px solid #000;
border-bottom:1px solid #000;
border-top:0px;
border-top-right-radius:0px;
border-top-left-radius:0px;
-moz-border-top-right-radius:0px;
-moz-border-top-right-radius:0px;
-webkit-border-top-right-radius:0px;
-webkit-border-top-left-radius:0px;
}
li#customize-control-dh_login_enabler_switch,
li#customize-control-dh_404_enabler_switch,
li#customize-control-dh_maintenance_mode_enabler_switch,
li#customize-control-dh_footer_links_enabler_switch,
li#customize-control-dh_category_enabler_switch,
li#customize-control-dh_tag_enabler_switch,
li#customize-control-dh_cptarchive_enabler_switch,
li#customize-control-dh_archive_enabler_switch,
li#customize-control-dh_search_enabler_switch,
li#customize-control-dh_author_enabler_switch,
li#customize-control-dh_main_header_top_injectors_enabler_switch,
li#customize-control-dh_main_header_bottom_injectors_enabler_switch,
li#customize-control-dh_exit_popup_enabler_switch,
li#customize-control-dh_scroll_popup_enabler_switch,
li#customize-control-dh_main_footer_top_injectors_enabler_switch,
li#customize-control-dh_main_footer_bottom_injectors_enabler_switch,
li#customize-control-dh_page_exit_popup_enabler_switch {
background: #C2FC51;
color:#000;
padding: 10px 10px 0px 10px;
box-sizing: border-box;
border-right:1px solid #000;
border-left:1px solid #000;
border-top:1px solid #000;
}
li#customize-control-dh_footer_links_enabler_switch,
li#customize-control-dh_main_header_bottom_injectors_enabler_switch,
li#customize-control-dh_main_header_top_injectors_enabler_switch,
li#customize-control-dh_main_footer_top_injectors_enabler_switch,
li#customize-control-dh_main_footer_bottom_injectors_enabler_switch {
border-bottom: 1px solid;
margin-top: 20px;
}
li#customize-control-dh_page_exit_popup_enabler_switch {
border-bottom: 1px solid;
margin-bottom: 20px !important;
}
input#_customize-input-dh_login_enabler_switch,
input#_customize-input-dh_404_enabler_switch,
input#_customize-input-dh_maintenance_mode_enabler_switch,
input#_customize-input-dh_footer_links_enabler_switch,
input#_customize-input-dh_category_enabler_switch,
input#_customize-input-dh_tag_enabler_switch,
input#_customize-input-dh_cptarchive_enabler_switch,
input#_customize-input-dh_archive_enabler_switch,
input#_customize-input-dh_search_enabler_switch,
input#_customize-input-dh_author_enabler_switch,
input#_customize-input-dh_main_header_top_injectors_enabler_switch,
input#_customize-input-dh_main_header_bottom_injectors_enabler_switch,
input#_customize-input-dh_exit_popup_enabler_switch,
input#_customize-input-dh_scroll_popup_enabler_switch,
input#_customize-input-dh_main_footer_top_injectors_enabler_switch,
input#_customize-input-dh_main_footer_bottom_injectors_enabler_switch,
input#_customize-input-dh_page_exit_popup_enabler_switch,
input#_customize-input-dh_page_exit_popup_enabler_switch {
padding: 6px !important;
}
li#customize-control-dh-maintenance-mode-page {
background: #C2FC51;
color:#000;
padding: 0px 10px 20px 10px;
box-sizing: border-box;
border-right:1px solid #000;
border-left:1px solid #000;
border-bottom:0px;
border-top:0px;
}
[id^="customize-control-"] > label {
font-weight: 900 !important;
}
li#customize-control-dh_login_enabler_switch .customize-inside-control-row, li#customize-control-dh_404_enabler_switch .customize-inside-control-row, li#customize-control-dh_maintenance_mode_enabler_switch .customize-inside-control-row {
display:flex;
flex-direction:column-reverse;
}
li#customize-control-dh_login_enabler_switch .customize-inside-control-row label, li#customize-control-dh_404_enabler_switch .customize-inside-control-row label, li#customize-control-dh_maintenance_mode_enabler_switch .customize-inside-control-row label {
position:absolute;
margin-left:35px;
}
#sub-accordion-panel-divi_hack_options div.accordion-section-title,
li#accordion-panel-divi_hack_options h3 {
background-image: linear-gradient(90deg,#b2ff00 0%,#00edcd 100%)!important;
-webkit-background-image: linear-gradient(90deg,#b2ff00 0%,#00edcd 100%)!important;
-moz-background-image: linear-gradient(90deg,#b2ff00 0%,#00edcd 100%)!important;
-o-background-image: linear-gradient(90deg,#b2ff00 0%,#00edcd 100%)!important;
-ms-background-image: linear-gradient(90deg,#b2ff00 0%,#00edcd 100%)!important;
color: #000 !important;
text-transform: uppercase !important;
font-weight: bold;
}
#accordion-panel-divi_hack_options h3:after {
color: #000 !important;
}
#customize-controls .description {
text-transform: none;
font-weight: normal;
}
#Divi_Hacks_license_form_body input[type="text"] {
width: 100%;
max-width: 500px;
font-size: 18px;
font-weight: 300;
padding: 5px 10px;
}
.divi-hack.customizer .onoffswitch,
.divi-hack.auto-on .onoffswitch {
display: none;
}
a.customize {
position: absolute;
right: 35px;
top: 35px;
background: #005dff;
color: #fff;
font-family: 'Montserrat', sans-serif;
box-shadow: none;
border: none;
width: 70px;
height: 40px;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-o-border-radius: 30px;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-decoration:none;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
line-height:1em;
}
.divi-hack.auto-on .title-area:after {
content:'AUTO ON' !important;
text-align:center;
position:absolute;
top:50px;
width:135px;
right:0;
bottom:0;
z-index:0;
display:block;
color:#bbb;
font-weight:900;
}
[class*="_page_divi-hacks-settings"] .btt-button a,.type-list li a,span.customizer-link a {
text-decoration:none;
color:#000;
}
[class*="_page_divi-hacks-settings"] .onoffswitch input[type=checkbox] {
background:#dedede;
box-shadow:none;
border:none;
width:70px;
height:40px;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
-o-border-radius:30px;
position:relative;
transition:.4s ease all;
-webkit-transition:.4s ease all;
-moz-transition:.4s ease all;
-o-transition:.4s ease all;
-moz-appearance: button;
}
[class*="_page_divi-hacks-settings"] .onoffswitch input[type=checkbox]:checked {
background:#00ff70;
opacity: 0.8;
}
[class*="_page_divi-hacks-settings"] .onoffswitch input[type=checkbox]:before {
position:absolute;
display:block;
left:4px;
top:4px;
content:'';
margin:0;
width:32px;
height:32px;
background:#fff;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
-o-border-radius:30px;
transition:.4s ease left;
z-index:1;
}
.onoffswitch-all {
display: block;
width: 100%;
padding: 20px 2% 0px 2%;
}
button#openall, button#closeall {
border: 2px solid #000;
padding: 10px 20px;
text-transform: uppercase;
font-weight: bold;
outline: none;
cursor: pointer;
}
a.nav-settings.nav-tab {
color:blue !important;
}
a.nav-all.nav-tab {
color: #5a00ff !important;
}
[class*="_page_divi-hacks-settings"] .divi-hacks-description {
max-height: 0px;
transition: max-height 0.5s;
overflow: hidden;
}
[class*="_page_divi-hacks-settings"] .divi-hacks-description.visible {
max-height: 200vh;
opacity: 1;
}
[class*="_page_divi-hacks-settings"] .divi-hacks-open-info {
cursor: pointer;
}
[class*="_page_divi-hacks-settings"] input.onoffswitch-checkbox:after {
content: 'OFF';
top: 20px;
position: absolute;
right: 5px;
opacity: 0.4;
z-index:0;
}
[class*="_page_divi-hacks-settings"] .onoffswitch:before {
content: 'ON';
left: 9px;
position: absolute;
z-index: 0;
top: 7px;
opacity: 1;
color: #000;
font-weight: bold;
-moz-padding-start: 13px;
}
@-moz-document url-prefix() {
[class*="_page_divi-hacks-settings"] .onoffswitch input[type="checkbox"]:not(:checked) + .onoffswitch-label::after {
content: 'OFF';
position: absolute;
top: 7px;
width: 96%;
text-align: center;
vertical-align: middle;
font-weight: bold;
-webkit-margin-before: 200px;
}
}
[class*="_page_divi-hacks-settings"] .onoffswitch input[type=checkbox]:checked:before {
left:34px
}
[class*="_page_divi-hacks-settings"] {
background: #f5f6fd !important;
@import url('https://fonts.googleapis.com/css?family=Montserrat');
}
[class*="_page_divi-hacks-settings"] .hacks-page .nav-tab:not(.nav-tab-active) {
padding: 16px 5px;
}
[class*="_page_divi-hacks-settings"] .hacks-page {
position:relative;
width:calc(100% + 20px);
display:block;
max-width:none;
margin-top: -13px;
margin-left: -20px;
border-radius:3px;
min-width:300px;
min-height:100vh;
background-color: #fbfbfe;
/* IE9, iOS 3.2+ */
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSI1MCUiIGN5PSIwJSIgcj0iMTAwJSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzEzIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2Y1ZjZmYyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODk1Ii8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
/* Android 2.3- hack (needed for the actual radial gradient) */
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSI1MCUiIGN5PSIwJSIgcj0iMTAwJSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzEzIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2Y1ZjZmYyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODk1Ii8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+),
-webkit-gradient(radial, center top, 0, center top, 511,color-stop(0.313, rgb(255, 255, 255)),color-stop(0.895, rgb(245, 246, 252)));
/* Android 2.3 */
background-image: -webkit-radial-gradient(center top, ellipse farthest-side,rgb(255, 255, 255) 31.3%,rgb(245, 246, 252) 89.5%);
/* IE10+ */
background-image: radial-gradient(ellipse farthest-side at center top,rgb(255, 255, 255) 31.3%,rgb(245, 246, 252) 89.5%);
background-image: -ms-radial-gradient(center top, ellipse farthest-side,rgb(255, 255, 255) 31.3%,rgb(245, 246, 252) 89.5%);
font-family: 'Montserrat', arial, sans-serif;
/* display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
/* display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
/* display: -ms-flexbox; /* TWEENER - IE 10 */
/* display: -webkit-flex; /* NEW - Chrome */
/* display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
/* flex-direction:row; */
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* IE8- CSS hack */
@media \0screen\,screen\9 {
[class*="_page_divi-hacks-settings"] .hacks-page {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff",endColorstr="#fff5f6fc",GradientType=0);
}
}
@media (max-width:782px) {
[class*="_page_divi-hacks-settings"] .hacks-page {
margin-left:-20px;
}
[class*="_page_divi-hacks-settings"] .customizer-link a {
font-size:0!important;
padding-left:2px!important
}
}
[class*="_page_divi-hacks-settings"] .hacks-title h1 {
padding:15px 0px 10px 10px;
}
.hacks-title h1 a {
text-shadow: -1px -1px 1px rgba(255,255,255,0.06), -1px -1px 1px rgba(255,255,255,0.3), 0 3px 1px rgba(0,0,0,0.1), -2px 0 5px rgba(0,0,0,0.0980392), -2px 1px 3px rgba(0,0,0,0.298039), 0 2px 5px rgba(0,0,0,0.2), -2px 5px 10px rgba(0,0,0,0.247059), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.14902);
color: #000;
font-size: 36px;
text-decoration: none;
font-weight: 900;
}
[class*="_page_divi-hacks-settings"] .page-container {
padding:12px;
border-radius:3px;
display:flex;
flex-flow:wrap;
-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 1s; /* Firefox < 16 */
-ms-animation: fadein 1s; /* Internet Explorer */
-o-animation: fadein 1s; /* Opera < 12.1 */
animation: fadein 1s;
}
[class*="_page_divi-hacks-settings"] .title-container h3 {
text-transform:uppercase;
}
[class*="_page_divi-hacks-settings"] .info-container p {
font-size:1.2em;
line-height:1.8em
}
[class*="_page_divi-hacks-settings"] .btt-button a {
position:fixed;
width:50px;
height:29px;
padding-top:18px;
bottom:30px;
right:20px;
background:#242338;
font-size:2em;
text-align:center;
z-index:99;
border-radius:50%;
display:none !important;
}
[class*="_page_divi-hacks-settings"] .type-list,.type-list li a:hover {
background:#2A2941
}
[class*="_page_divi-hacks-settings"] #top {
position:absolute;
height:0;
top:-32px
}
[class*="_page_divi-hacks-settings"] .type-list {
margin-top:-18px
}
[class*="_page_divi-hacks-settings"] .type-list li {
display:inline-block;
margin-right:-4px;
padding:14px 0;
margin-bottom:-2px
}
[class*="_page_divi-hacks-settings"] .type-list li a {
font-size:1.1em;
padding:12px 15px;
transition:.5s ease all
}
[class*="_page_divi-hacks-settings"] .hacks-page .nav-tab.nav-tab-active:before {
position: absolute;
display: block;
content: "";
height: 70%;
width: 100%;
background: #fff;
left: 0;
top: 8px;
z-index: -1;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
box-shadow: 0px 1px 20px -2px rgba(0,0,0,0.1);
}
[class*="_page_divi-hacks-settings"] .hacks-page h2.nav-tab-wrapper {
background:#212033;
padding-top:0;
margin-top:-16px
}
[class*="_page_divi-hacks-settings"] .hacks-page .nav-tab {
border:0;
background:0 0;
color:#000;
padding:16px;
font-weight:100
}
[class*="_page_divi-hacks-settings"] .hacks-page .nav-tab.nav-tab-active {
position: relative;
z-index: 999;
}
[class*="_page_divi-hacks-settings"] .hacks-page a:focus {
box-shadow:none
}
[class*="_page_divi-hacks-settings"] span.customizer-link {
position:absolute;
top:14px;
right:14px;
background:rgba(255,255,255,.1);
padding:10px 40px 10px 10px;
border-radius:3px;
border:2px solid transparent
}
[class*="_page_divi-hacks-settings"] span.customizer-link a:after {
font-family:etModules;
content:"\66";
position:absolute;
right:12px;
bottom:9px;
font-size:18px
}
[class*="_page_divi-hacks-settings"] .divi-hack {
border: none;
min-height: 104px;
position: relative;
padding: 30px;
background: #fff;
margin: 2%;
box-sizing: border-box;
box-shadow: 0px 1px 0px #eee, 0px 2px 0px #eee, 0px 4px 0px -1px #e6e6e6, 0px 5px 0px -1px #e6e6e6, 0px 15px 15px -6px rgba(0,0,0,0.05), 0px 10px 80px rgba(0,0,0,0.07);
height:fit-content;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
@media only screen and (min-width: 2500px) {
[class*="_page_divi-hacks-settings"] .divi-hack {
width: calc(100% / 5 - 4%);
}
}
@media only screen and (min-width: 2000px) and (max-width: 2499px) {
[class*="_page_divi-hacks-settings"] .divi-hack {
width: calc(100% / 4 - 4%);
}}
@media only screen and (min-width: 1280px) and (max-width: 1999px) {
[class*="_page_divi-hacks-settings"] .divi-hack {
width: calc(100% / 3 - 4%);
}
}
@media only screen and (min-width: 780px) and (max-width: 1279px) {
[class*="_page_divi-hacks-settings"] .divi-hack {
width: calc(100% / 2 - 4%);
}
}
@media only screen and (min-width: 0px) and (max-width: 779px) {
[class*="_page_divi-hacks-settings"] .divi-hack {
width: calc(100% / 1 - 4%);
}
}
[class*="_page_divi-hacks-settings"] .image-container {
border:1px solid #dedede;
height:90px;
position:absolute;
width:120px;
display:none;
}
[class*="_page_divi-hacks-settings"] .image-container img {
height:100%;
object-fit:cover;
width:100%
}
[class*="_page_divi-hacks-settings"] .info-container.visible {
margin-top:0px
}
[class*="_page_divi-hacks-settings"] .info-container:not(.visible) {
display: none;
}
[class*="_page_divi-hacks-settings"] .onoffswitch {
position:absolute;
right:30px;
top:40px
}
[class*="_page_divi-hacks-settings"] .title-area {
margin-left:0px;
margin-right:130px
}
@media (max-width:480px) {
[class*="_page_divi-hacks-settings"] .title-area {
margin-left: 0!important;
margin-right: 80px !important;
margin-top: 0px;
}
}
[class*="_page_divi-hacks-settings"] .title-area .code {
background:#5af39d;
color:#fff;
padding:2px 4px;
border-radius:3px
}
[class*="_page_divi-hacks-settings"] .divi-hack h3 {
font-size: 18px;
margin-top: 12px;
line-height: 1.2em;
text-transform: uppercase;
font-family: 'Montserrat', arial, sans-serif;
font-weight: 900;
}
[class*="_page_divi-hacks-settings"] .more-button {
position: absolute;
display: block;
top: 80px;
right: 35px;
height: 38px;
width: 68px;
background: #dedede;
border-radius: 30px;
transition: 1s ease all;
}
[class*="_page_divi-hacks-settings"] .more-button:before {
position: absolute;
top: 10px;
left: 0;
width: 100%;
text-align: center;
font-family: inherit;
content: "INFO";
font-size: 14px;
font-weight: 400;
color: rgba(0,0,0,0.25);
}
[class*="_page_divi-hacks-settings"] .more-button.open {
background:#333;
}
[class*="_page_divi-hacks-settings"] .divi-hacks-description.info-container>p>b {
padding: 3px 20px;
display: inline-block;
border-radius: 50px;
margin: 3px;
box-shadow: inset 0px -5px 4px rgba(0,0,0,0.02), inset 0px 5px 4px rgba(255,255,255,0.5);
background: #f3f3f3;
font-size: 12px;
}
[class*="_page_divi-hacks-settings"] .more-button.open:before {
font-family:inherit;
content: "CLOSE";
font-size: 14px;
font-weight: 400;
color: rgba(255,255,255,0.85);
}
[class*="_page_divi-hacks-settings"] .hacks-title h1, [class*="_page_divi-hacks-settings"] .hacks-page h2.nav-tab-wrapper {
background:transparent;
border:none;
}
[class*="_page_divi-hacks-settings"] .hacks-page h2.nav-tab-wrapper a, [class*="_page_divi-hacks-settings"] span.customizer-link a {
text-transform: uppercase;
font-weight: bold;
color:#000;
}
[class*="_page_divi-hacks-settings"] .hacks-title h1 {
text-transform: uppercase;
font-weight: bold;
}
[class*="_page_divi-hacks-settings"] .hacks-header {
background: #b2ff00;
background: -moz-linear-gradient(45deg, #b2ff00 0%, #00edcd 100%);
background: -webkit-linear-gradient(45deg, #b2ff00 0%,#00edcd 100%);
background: linear-gradient(45deg, #b2ff00 0%,#00edcd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2ff00', endColorstr='#00edcd',GradientType=1 );
border-bottom-color: rgba(0, 0, 0, 0.04);
border-bottom-style: inset;
border-bottom-width: 3px;
position: fixed;
width: calc(100% - 36px);
z-index: 2;
}
@media only screen and (max-width:782px) {
body[class*="_page_divi-hacks-settings"] .hacks-header {
width: 100vw;
left: 10px;
position: absolute;
}
}
@media only screen and (min-width:960px) {
body[class*="_page_divi-hacks-settings"] .hacks-header {
width: calc(100% - 160px);
}
}
@media only screen and (min-width:783px) {
body[class*="_page_divi-hacks-settings"]:not(.folded):not(.auto-fold) .hacks-header {
position: fixed;
width: calc(100% - 150px);
z-index: 9;
}
}
@media only screen and (min-width:1200px) {
[class*="_page_divi-hacks-settings"] .page-container {
padding-top: 130px;
}
}
@media only screen and (max-width:1199px) {
[class*="_page_divi-hacks-settings"] .page-container {
padding-top: 100px;
}
}
@media only screen and (max-width:1199px) {
[class*="_page_divi-hacks-settings"] h2.nav-tab-wrapper {
position: absolute;
z-index: 3;
background: #f9f9f9 !important;
width:320px;
height: 100vh;
margin-top: 3px !important;
box-shadow: -3px 0px 50px -20px rgba(0,0,0,0.5);
overflow: scroll;
-webkit-overflow-scrolling: touch;
margin-left: calc(100% - 320px);
}
[class*="_page_divi-hacks-settings"] h2.nav-tab-wrapper a {
clear:both;
margin-left:20px;
}
[class*="_page_divi-hacks-settings"] h2.nav-tab-wrapper a:not(.nav-tab-active) {
padding:5px;
}
[class*="_page_divi-hacks-settings"] a.nav-tab.nav-tab-active {
left: 0px;
}
[class*="_page_divi-hacks-settings"] .hacks-nav .nav-tab-wrapper {
display:none;
}
[class*="_page_divi-hacks-settings"] .hacks-nav:hover .nav-tab-wrapper {
display:block;
}
}
@media only screen and (max-width:782px) {
[class*="_page_divi-hacks-settings"] .hacks-nav:before {
content:'a';
font-family:ETModules;
position: absolute;
right:30px;
top: 35px;
height: 45px;
font-size: 30px;
z-index: 3;
display:inline-block !important;
color:#000;
width: 120px;
text-align: right;
}
[class*="_page_divi-hacks-settings"] span.customizer-link {
top:20px;
}
}
@media only screen and (min-width:783px) and (max-width:1199px) {
[class*="_page_divi-hacks-settings"] .hacks-nav:before {
content: 'categories';
position: absolute;
right: 30px;
top: 27px;
height: 65px;
font-size: 13px;
z-index: 3;
display: inline-block !important;
color: #000;
width: 120px;
text-align: right;
text-transform: uppercase;
font-family: inherit;
font-weight: bold;
}
}
@media only screen and (max-width:1199px) {
span.customizer-link {
right: 130px !important;
}
}
@media only screen and (max-width:780px) {
span.customizer-link {
right: 60px !important;
padding:8px 20px !important;
background:transparent !important;
cursor:pointer;
z-index:99999;
}
}
/************** Makes Divi Theme Options Custom CSS Box larger & Save Button Float on Page ***************/
#general-1 .CodeMirror.cm-s-et.CodeMirror-wrap {
min-height: 90vh;
}
button#epanel-save {
position: fixed;
bottom: 0;
z-index: 1;
}
/************** Makes Divi Backend Builder Mobile Friendly ***************/
@media only screen and (min-device-width : 320px) and (max-device-width : 736px) {
.et_pb_modal_settings_container {
left: 0 !important;
width: 100% !important;
margin: 0 !important;
top: 0 !important;
bottom: 0 !important;
}
.et-pb-settings-heading {
padding: 10px 50px 10px 10px !important;
font-size: 16px !important;
}
.et-pb-modal-close {
font-size: 16px !important;
padding: 10px 22px !important;
}
.et-pb-options-tabs-links li a {
padding: 10px !important;
}
.et-pb-options-tabs-links li:first-of-type a {
padding-left: 10px !important;
}
.et-pb-options-tabs-links li {
font-size: 14px !important;
}
.et-pb-options-tabs-links {
width: 100% !important;
}
.et-pb-options-tabs-links {
top: -40px !important;
}
.et-pb-main-settings {
top: 77px !important;
}
a.et-pb-modal-save-template span {
font-size: 14px !important;
}
a.et-pb-modal-save-template {
height: 30px !important;
}
a.et-pb-modal-preview-template .icon:before {
line-height: 30px !important;
}
.et-pb-option-container .regular-text {
width: 100% !important;
}
#et_pb_layout_controls {
top: -3px !important;
width: 100% !important;
}
#et_pb_layout h2.hndle span {
visibility: hidden !important;
}
a.et-pb-layout-buttons.et-pb-layout-buttons-save, a.et-pb-layout-buttons.et-pb-layout-buttons-load, a.et-pb-layout-buttons.et-pb-layout-buttons-clear {
width: 33.3% !important;
font-size: 13px !important;
padding: 10px !important;
border-right: 1px solid #b176ff !important;
min-height: 58px !important;
border-bottom: 1px solid #b176ff !important;
}
.et_pb_section {
margin: 0 0 50px !important;
}
a.et-pb-section-add {
bottom: -45px !important;
margin: 0 10px !important;
}
a.et-pb-modal-save-template.button {
height: 100% !important;
}
.et-pb-option-container.et-pb-option-container--background {
width: 100% !important;
}
.et-pb-options-tabs {
padding: 10px !important;
overflow-x: hidden !important;
}
ul.et_pb_background-tab-navs {
width: 100% !important;
}
.et_pb_background-tab {
width: 100% !important;
}
a.et_pb_mobile_settings_tab {
padding: 10px !important;
}
.et_custom_margin_padding label {
float: left !important;
width: 40% !important;
}
input.et-pb-range-input {
max-width: 10% !important;
}
input.et-pb-range {
max-width: 33% !important;
}
.et-pb-controls {
width: 100% !important;
height: 40px;
border-radius: 4px !important;
-moz-border-radius: 4px !important;
-webkit-border-radius: 4px !important;
}
.et-pb-controls a {
position: relative !important;
width: 30px !important;
display: inline-block !important;
top: 4px