@charset "UTF-8"; /*! Project: Breeze – WordPress Cache Plugin Author: Cloudways URL: https://wordpress.org/plugins/breeze/ */ /* Makes the image responsive ready */ /* Centers the object based on it's columns */ /* Rem is similar to the em value, but instead of being relative to the parent element it’s relative to the font-size set in the . It has all the benefits of em but you don’t get issues with e.g (compounding) since rem is only relative to the html element. The bad part is there’s no support for rem units in IE8 and below. But with this mixin we can create a fallback to pixels when rem isn’t supported. @include font-size(14px) */ /* @include keyframes(slide-down) { 0% { opacity: 1; } 90% { opacity: 0; } } .element { width: 100px; height: 100px; background: black; @include animation('slide-down 5s 3'); } */ /* a { color: gray; @include transition(color .3s ease); &:hover { color: black; } } */ .on-off-checkbox { width: 160px; height: 28px; } .on-off-checkbox.settings-switcher { width: 420px; height: 40px; font-weight: bold; font-size: 14px; text-transform: uppercase; } @media only screen and (max-width: 418px) { .on-off-checkbox.settings-switcher { width: 97.5%; font-size: 0.91em; } } .on-off-checkbox input.br-box { display: none; } .on-off-checkbox input.br-box + label { height: 100%; width: 100%; } .on-off-checkbox input.br-box + label > .status-switch { cursor: pointer; width: 100%; height: 100%; position: relative; background-color: #42526E; color: white; font-weight: 600; transition: all 0.5s ease; padding: 0; border-radius: 3px; } .on-off-checkbox input.br-box + label > .status-switch:before, .on-off-checkbox input.br-box + label > .status-switch:after { border-radius: 3px; height: calc(100% - 4px); width: calc(50% - 3px); display: flex; align-items: center; position: absolute; justify-content: center; transition: all 0.2s ease; box-sizing: unset; } .on-off-checkbox input.br-box + label > .status-switch:before { background-color: #42526E; border-top: solid 2px #42526E; border-bottom: solid 2px #42526E; color: #FFFFFF; left: 2px; z-index: 10; content: attr(data-unchecked); } .on-off-checkbox input.br-box + label > .status-switch:after { right: 2px; content: attr(data-checked); background-color: #FFFFFF; color: #42526E; border-top: solid 2px #42526E; border-bottom: solid 2px #42526E; border-top-left-radius: 0; border-bottom-left-radius: 0; } .on-off-checkbox input.br-box:checked + label > .status-switch { background-color: #11ACDF; } .on-off-checkbox input.br-box:checked + label > .status-switch:after { left: 2px; content: attr(data-unchecked); color: #11ACDF; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top: solid 2px #11ACDF; border-bottom: solid 2px #11ACDF; } .on-off-checkbox input.br-box:checked + label > .status-switch:before { color: #ffffff; background-color: #11ACDF; left: 50%; content: attr(data-checked); border-top: solid 2px #11ACDF; border-bottom: solid 2px #11ACDF; } .on-off-checkbox input.br-box:disabled + label > .status-switch { background-color: #42526E; opacity: 0.6; } .on-off-checkbox input.br-box:disabled + label > .status-switch:after { right: 2px; content: attr(data-checked); background-color: #FFFFFF; color: #42526E; border-top: solid 2px #42526E; border-bottom: solid 2px #42526E; } .on-off-checkbox input.br-box:disabled + label > .status-switch:before { border-top: solid 2px #42526E; border-bottom: solid 2px #42526E; background-color: #42526E; color: #FFFFFF; left: 2px; z-index: 10; content: attr(data-unchecked); } .br-loader-spinner { display: inline-block; position: relative; width: 80px; height: 80px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } @media only screen and (max-width: 632px) { .br-loader-spinner { top: 20px; } } .loading_tab:before { content: "Loading Settings Tab..."; width: 300px; position: absolute; left: -40px; } .switch-to-settings:before { content: "Switching Settings..."; width: 300px; position: absolute; left: -100px; } .saving_settings:before { content: "Saving Settings and Clearing Cache..."; width: 300px; position: absolute; left: -90px; } .import_settings:before { content: "Importing Settings..."; width: 300px; position: absolute; left: -18px; } .br-loader-spinner div { position: absolute; top: 33px; width: 13px; height: 13px; border-radius: 50%; background: #11ACDF; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .br-loader-spinner div:nth-child(1) { left: 8px; animation: loader-spinner1 0.6s infinite; } .br-loader-spinner div:nth-child(2) { left: 8px; animation: loader-spinner2 0.6s infinite; } .br-loader-spinner div:nth-child(3) { left: 32px; animation: loader-spinner2 0.6s infinite; } .br-loader-spinner div:nth-child(4) { left: 56px; animation: loader-spinner3 0.6s infinite; } @keyframes loader-spinner1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes loader-spinner3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes loader-spinner2 { 0% { transform: translate(0, 0); } 100% { transform: translate(24px, 0); } } body { background: #E5E5E5; } .change-settings-use { font-family: "Proxima Nova", "Helvetica", "Verdana", "Arial"; -webkit-font-smoothing: antialiased; } .breeze-box { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 99%; font-size: 16px; font-size: 1rem; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; font-family: "Proxima Nova", "Helvetica", "Verdana", "Arial"; -webkit-font-smoothing: antialiased; /** Menu CSS */ /** Options CSS */ } @media only screen and (max-width: 632px) { .breeze-box { -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 98%; } } .breeze-box .br-menu { width: 20%; min-width: 20%; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 1268px) { .breeze-box .br-menu { min-width: 240px; } } @media only screen and (max-width: 632px) { .breeze-box .br-menu { min-width: 100%; } } .breeze-box .br-menu > div:not(.br-mobile-menu) { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-box; display: box; } @media only screen and (max-width: 632px) { .breeze-box .br-menu > div:not(.br-mobile-menu):not(.br-logo):not(.br-mobile-menu) { display: none; } } .breeze-box .br-logo { background-image: url("../images/breez-logo200x46.png"); height: 70px; background-repeat: no-repeat; background-position: center center; margin-bottom: 20px; } .breeze-box .br-link { text-indent: 20px; font-style: normal; font-weight: bold; font-size: 14px; line-height: 62px; /* identical to box height */ text-transform: uppercase; color: #091E42; border-bottom: 1px solid #D8D8D8; cursor: pointer; position: relative; } .breeze-box .br-link.br-hide { display: none !important; } .breeze-box .br-link:hover { background-color: #f3f2f2; } .breeze-box .br-link a { color: #091E42; text-decoration: none; width: 100%; display: block; } .breeze-box .br-link a:focus { box-shadow: none; } .breeze-box .br-link.br-active { background-color: #FFFFFF; color: #11ACDF; } .breeze-box .br-link.br-active a { background-color: #FFFFFF; color: #11ACDF; } .breeze-box .br-link img { margin-right: 15px; vertical-align: middle; height: auto; display: inline-block; width: 20px; max-width: 20px; } .breeze-box .br-options { position: relative; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex-grow: 1; -ms-flex: 1; flex-grow: 1; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; background-color: #FFFFFF; padding: 0 26px; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .breeze-box .br-options section { width: 100%; } .breeze-box .br-options section .br-section-title { border-bottom: 1px solid #D8D8D8; color: #091E42; font-weight: 600; font-size: 24px; font-size: 1.5rem; line-height: 90px; width: 100%; } .breeze-box .br-options section .br-section-title img { margin-right: 15px; vertical-align: middle; -webkit-filter: opacity(1) drop-shadow(0 0 0 #11ACDF); -moz-filter: opacity(1) drop-shadow(0 0 0 #11ACDF); filter: opacity(1) drop-shadow(0 0 0 #11ACDF); } .breeze-box .br-options section .br-option-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 22px 0; border-bottom: 1px solid #D8D8D8; } @media only screen and (max-width: 900px) { .breeze-box .br-options section .br-option-item { -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .breeze-box .br-options section .br-option-item .br-label { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 200px; min-width: 200px; font-weight: 500; } @media only screen and (max-width: 1164px) { .breeze-box .br-options section .br-option-item .br-label { max-width: 110px; min-width: 110px; } } @media only screen and (max-width: 900px) { .breeze-box .br-options section .br-option-item .br-label { max-width: 100%; min-width: 100%; padding-bottom: 10px; } } .breeze-box .br-options section .br-option-item .br-label .br-option-text { font-style: normal; font-weight: 600; font-size: 16px; line-height: 19px; color: #091E42; margin-top: 7px; } .breeze-box .br-options section .br-option-item .br-option { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex-grow: 1; -ms-flex: 1; flex-grow: 1; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding-left: 40px; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-right: 20px; } @media only screen and (max-width: 900px) { .breeze-box .br-options section .br-option-item .br-option { padding-left: 0; } } .breeze-box .br-options section .br-option-item .br-option textarea { border: solid 1px #D8D8D8; width: 100%; } .breeze-box .br-options section .br-option-item .br-note { display: block; margin-top: 13px; } .breeze-box .br-options section .br-option-item .br-note-no-margin { margin-top: 0; } .breeze-box .br-options section .br-option-item p:not(.br-important) { color: #42526E; } .breeze-box .br-options section .br-option-item p { font-size: 14px; } .breeze-box .br-options section .br-option-group { margin-top: 20px; padding: 20px 0; } .breeze-box .br-options section .br-option-group .section-title { font-style: normal; font-weight: 600; font-size: 22px; line-height: 27px; /* identical to box height */ color: #091E42; } .breeze-box .br-options section .br-option-group .br-option-item { background-color: #FCFCFD; margin: 0; padding: 22px 0 22px 22px; border-left: solid 1px #D8D8D8; border-right: solid 1px #D8D8D8; } .breeze-box .br-options section .br-option-group .br-top { border-top: solid 1px #D8D8D8; margin-top: 10px; } .breeze-box .br-options .br-submit { margin: 20px 0 40px 0; } .breeze-box .br-options .br-submit input { width: 123px; height: 35px; background: #11ACDF; border-radius: 4px; border: 1px solid #11ACDF; color: #FFFFFF; } .breeze-box .simple-btn { width: 123px; height: 35px; line-height: 35px; background: #11ACDF; border-radius: 4px; border: 1px solid #11ACDF; color: #FFFFFF; text-align: center; text-decoration: none; cursor: pointer; } .breeze-box .simple-btn[disabled] { background: #97d7ed; border: 1px solid #97d7ed; } .breeze-box .cta-cleanall { margin-left: 10px; } .breeze-box .br-blue-button { display: inline-block; text-decoration: none; font-size: 13px; line-height: 2.7; min-height: 30px; margin: 0; padding: 0 10px; cursor: pointer; border-width: 1px; border-style: solid; -webkit-appearance: none; border-radius: 3px; white-space: nowrap; box-sizing: border-box; background: #11ACDF; border-color: #11ACDF; color: #fff; text-decoration: none; text-shadow: none; width: fit-content; } .breeze-box .br-blue-button[disabled] { background: #97d7ed; border: 1px solid #97d7ed; } .breeze-box .br-blue-button-reverse { display: inline-block; text-decoration: none; font-size: 13px; line-height: 2.7; min-height: 30px; margin: 0; padding: 0 10px; cursor: pointer; border-width: 1px; border-style: solid; -webkit-appearance: none; border-radius: 3px; white-space: nowrap; box-sizing: border-box; background: #FCFCFD; border-color: #11ACDF; color: #11ACDF; text-decoration: none; text-shadow: none; width: fit-content; font-weight: 600; } .breeze-box #file-selected { color: darkgreen; } .breeze-box #faq-content { margin: 20px; width: 100%; } .breeze-box .faq-block { border-bottom: 1px solid; border-color: #eee transparent; padding-bottom: 10px; } .breeze-box .faq-question { cursor: pointer; margin: 0; padding: 1em 0; } .breeze-box .faq-question:focus { outline: none; } .breeze-box .faq-answer * { font-size: 14px; } .breeze-box #breeze_import_settings { color: transparent; width: 120px; } .breeze-box #breeze_import_settings::-webkit-file-upload-button { visibility: hidden; } .breeze-box .br-input-container { display: flex; width: 100%; } .breeze-box .br-input-item { display: inline-block; max-width: 140px; } .breeze-box #breeze_import_settings::before { content: "Choose File"; display: inline-block; background: #FCFCFD; border: 1px solid #11ACDF; border-radius: 3px; padding: 10px 20px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; font-weight: 700; font-size: 12px; color: #11ACDF; width: 64px; height: 15px; } .breeze-box #breeze_import_settings { display: none; } .breeze-box .br-label-for-file::before { content: "Choose File"; display: inline-block; background: #FCFCFD; border: 1px solid #11ACDF; border-radius: 3px; padding: 10px 20px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; font-weight: 700; font-size: 12px; color: #11ACDF; width: 64px; height: 15px; } .breeze-box #breeze_import_settings::file-selector-button { visibility: hidden; } .breeze-box .br-space { clear: both; height: 20px; display: block; } .breeze-box .br-file-text { display: inline-block; max-width: 120px; width: 120px; margin-top: 12px; font-size: 12px; font-weight: 600; color: #42526E; margin-left: 30px; } .breeze-box #breeze_import_settings:hover::before { border-color: black; } .breeze-box #breeze_import_settings:active { outline: 0; } .breeze-box #breeze_import_settings:active::before { background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); } .breeze-box .breeze-list-url .breeze-input-group { white-space: nowrap; } .breeze-box .breeze-input-group .breeze-input-url { width: 80%; margin-bottom: 5px; } @media only screen and (max-width: 632px) { .breeze-box .breeze-input-group .breeze-input-url { width: 80%; } } .breeze-box .breeze-input-group span { vertical-align: sub; cursor: pointer; color: gray; } .breeze-box .breeze-input-group span.sort-handle { cursor: move; } .breeze-box .breeze-input-group span.sort-handle span.moveUp:before, .breeze-box .breeze-input-group span.sort-handle span.moveDown:before { font-size: 30px; margin-left: -7px; } .breeze-box .br-db-boxes { display: grid; margin-top: 40px; margin-bottom: 20px; grid-template-columns: repeat(auto-fill, minmax(33%, 1fr)); } @media only screen and (max-width: 1164px) { .breeze-box .br-db-boxes { grid-template-columns: repeat(auto-fill, minmax(50%, 1fr)); } } @media only screen and (max-width: 720px) { .breeze-box .br-db-boxes { grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); } } .breeze-box .br-db-boxes > * { border: solid 2px #D8D8D8; background-color: #F4F3F9; border-radius: 5px; padding: 15px; margin: 10px; } .breeze-box span.br-has { color: #FF5656; font-weight: bold; } .breeze-box .br-db-item { color: #091E42; cursor: pointer; } .breeze-box .br-db-item h3 { font-weight: 600; margin-top: 8px; margin-bottom: 8px; } @media only screen and (max-width: 1164px) { .breeze-box .br-db-item h3 { font-size: 100%; } } .breeze-box .br-db-item a { color: #11ACDF; text-decoration: none; font-size: 14px; position: relative; font-weight: 600; } .breeze-box .br-db-item a:after { border-top: solid 1px #11ACDF; position: absolute; content: " "; width: 100%; left: 0; top: 100%; } .breeze-box .br-db-item .opac { opacity: 0.5; filter: alpha(opacity=0.5); } .breeze-box .br-db-item img { max-width: 40px; } .breeze-box .br-db-selected { border: solid 2px #11ACDF; } .breeze-box #optimize-selected-services { display: none; } .breeze-box .br-submit-save { cursor: pointer; pointer-events: all; } .breeze-box .ui-accordion-header:after { font-family: dashicons; content: "\f347"; float: right; } .breeze-box .ui-accordion-header[aria-expanded=true]:after { content: "\f343"; } .breeze-box .br-overlay-disable { position: absolute; background-color: #000000ad; width: 100%; height: auto; z-index: 9999; left: 0; right: 0; top: 0; bottom: 0; margin: auto; color: white; vertical-align: middle; font-size: 20px; text-align: center; padding-top: 25%; font-weight: 600; -webkit-font-smoothing: antialiased; } .breeze-box input[name=cache-ttl] { width: 170px; } .breeze-box .br-notice { color: #ff0000 !important; } .breeze-box p.br-important { color: #ef6813; } .breeze-box .br-subtitle { font-size: 16px; } .breeze-box .is-invalid-url { border: solid 2px orangered; } .breeze-box input[type=text] { width: 80%; border: 1px solid rgba(119, 131, 151, 0.4); box-sizing: border-box; border-radius: 4px; height: 40px; color: #42526E; font-size: 14px; line-height: 17px; } /* <--- END MAIN */ span.br-important { color: #ef6813; } .br-global-text-settings { font-size: 14px; } .br-show { display: inline-block; } .br-hide { display: none; } .br-inherit-wait { position: absolute; background-color: #000000ad; width: 100%; height: auto; z-index: 9999; left: 0; right: 0; top: 0; bottom: 0; margin: auto; color: white; vertical-align: middle; font-size: 20px; text-align: center; padding-top: 25%; font-weight: 600; -webkit-font-smoothing: antialiased; } .br-mobile-menu { display: none; } @media only screen and (max-width: 632px) { .br-mobile-menu { display: block; width: 97.5%; font-size: 20px; padding: 20px 0 20px 10px; background-color: white; border-bottom: solid 1px #D8D8D8; margin-bottom: 10px; } } /*# sourceMappingURL=breeze-admin.css.map */