2020-09-15 14:30:05 +02:00
/ * !
* Do not modify this file directly . It is compiled SASS code .
* /
/* Include Cleanslate */
/ * !
* CleanSlate
* github . com / premasagar / cleanslate
*
* /
/ *
An extreme CSS reset stylesheet , for normalising the styling of a container element and its children .
by Premasagar Rose
dharmafly . com
license
opensource . org / licenses / mit-license . php
* *
v0 . 10 . 1
* /
/* == BLANKET RESET RULES == */
/* HTML 4.01 */
. cleanslate , . cleanslate h1 , . cleanslate h2 , . cleanslate h3 , . cleanslate h4 , . cleanslate h5 , . cleanslate h6 , . cleanslate p , . cleanslate td , . cleanslate dl , . cleanslate tr , . cleanslate dt , . cleanslate ol , . cleanslate form , . cleanslate select , . cleanslate option , . cleanslate pre , . cleanslate div , . cleanslate table , . cleanslate th , . cleanslate tbody , . cleanslate tfoot , . cleanslate caption , . cleanslate thead , . cleanslate ul , . cleanslate li , . cleanslate address , . cleanslate blockquote , . cleanslate dd , . cleanslate fieldset , . cleanslate li , . cleanslate iframe , . cleanslate strong , . cleanslate legend , . cleanslate em , . cleanslate summary , . cleanslate cite , . cleanslate span , . cleanslate input , . cleanslate sup , . cleanslate label , . cleanslate dfn , . cleanslate object , . cleanslate big , . cleanslate q , . cleanslate samp , . cleanslate acronym , . cleanslate small , . cleanslate img , . cleanslate strike , . cleanslate code , . cleanslate sub , . cleanslate ins , . cleanslate textarea , . cleanslate button , . cleanslate var , . cleanslate a , . cleanslate abbr , . cleanslate applet , . cleanslate del , . cleanslate kbd , . cleanslate tt , . cleanslate b , . cleanslate i , . cleanslate hr ,
. cleanslate article , . cleanslate aside , . cleanslate figure , . cleanslate figcaption , . cleanslate footer , . cleanslate header , . cleanslate menu , . cleanslate nav , . cleanslate section , . cleanslate time , . cleanslate mark , . cleanslate audio , . cleanslate video , . cleanslate abbr , . cleanslate address , . cleanslate area , . cleanslate blockquote , . cleanslate canvas , . cleanslate caption , . cleanslate cite , . cleanslate code , . cleanslate colgroup , . cleanslate col , . cleanslate datalist , . cleanslate fieldset , . cleanslate main , . cleanslate map , . cleanslate meta , . cleanslate optgroup , . cleanslate output , . cleanslate progress , . cleanslate svg {
background-attachment : scroll ! important ;
background-color : transparent ! important ;
background-image : none ! important ;
/* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */
background-position : 0 0 ! important ;
background-repeat : repeat ! important ;
border-color : black ! important ;
border-color : currentColor ! important ;
/* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value <http://www.w3.org/TR/css3-color/#currentcolor>. For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */
border-radius : 0 ! important ;
border-style : none ! important ;
border-width : medium ! important ;
bottom : auto ! important ;
clear : none ! important ;
clip : auto ! important ;
color : inherit ! important ;
counter-increment : none ! important ;
counter-reset : none ! important ;
cursor : auto ! important ;
direction : inherit ! important ;
display : inline ! important ;
float : none ! important ;
font-family : inherit ! important ;
/* As with other inherit values, this needs to be set on the root container element */
font-size : inherit ! important ;
font-style : inherit ! important ;
font-variant : normal ! important ;
font-weight : inherit ! important ;
height : auto ! important ;
left : auto ! important ;
letter-spacing : normal ! important ;
line-height : inherit ! important ;
list-style-type : inherit ! important ;
/* Could set list-style-type to none */
list-style-position : outside ! important ;
list-style-image : none ! important ;
margin : 0 ! important ;
max-height : none ! important ;
max-width : none ! important ;
min-height : 0 ! important ;
min-width : 0 ! important ;
opacity : 1 ;
outline : invert none medium ! important ;
overflow : visible ! important ;
padding : 0 ! important ;
position : static ! important ;
quotes : "" "" ! important ;
right : auto ! important ;
table-layout : auto ! important ;
text-align : inherit ! important ;
text-decoration : inherit ! important ;
text-indent : 0 ! important ;
text-transform : none ! important ;
top : auto ! important ;
unicode-bidi : normal ! important ;
vertical-align : baseline ! important ;
visibility : inherit ! important ;
white-space : normal ! important ;
width : auto ! important ;
word-spacing : normal ! important ;
z-index : auto ! important ;
/* CSS3 */
/* Including all prefixes according to http://caniuse.com/ */
/* CSS Animations don't cascade, so don't require resetting */
background-origin : padding-box ! important ;
-webkit-background-clip : border-box ! important ;
background-clip : border-box ! important ;
background-size : auto ! important ;
2021-07-23 11:58:50 +02:00
-o-border-image : none ! important ;
2020-09-15 14:30:05 +02:00
border-image : none ! important ;
border-radius : 0 ! important ;
box-shadow : none ! important ;
box-sizing : content-box ! important ;
column-count : auto ! important ;
column-gap : normal ! important ;
column-rule : medium none black ! important ;
/* doesn't exist yet but probably will */
column-span : 1 ! important ;
column-width : auto ! important ;
font-feature-settings : normal ! important ;
overflow-x : visible ! important ;
overflow-y : visible ! important ;
-webkit-hyphens : manual ! important ;
2021-09-07 21:40:48 +02:00
hyphens : manual ! important ;
2020-09-15 14:30:05 +02:00
-ms-perspective : none ! important ;
-o-perspective : none ! important ;
perspective : none ! important ;
-ms-perspective-origin : 50 % 50 % ! important ;
-o-perspective-origin : 50 % 50 % ! important ;
perspective-origin : 50 % 50 % ! important ;
-webkit-backface-visibility : visible ! important ;
backface-visibility : visible ! important ;
text-shadow : none ! important ;
transition : all 0s ease 0s ! important ;
transform : none ! important ;
transform-origin : 50 % 50 % ! important ;
transform-style : flat ! important ;
word-break : normal ! important ;
}
/* == BLOCK-LEVEL == */
/* Actually, some of these should be inline-block and other values, but block works fine (TODO: rigorously verify this) */
/* HTML 4.01 */
. cleanslate , . cleanslate h3 , . cleanslate h5 , . cleanslate p , . cleanslate h1 , . cleanslate dl , . cleanslate dt , . cleanslate h6 , . cleanslate ol , . cleanslate form , . cleanslate option , . cleanslate pre , . cleanslate div , . cleanslate h2 , . cleanslate caption , . cleanslate h4 , . cleanslate ul , . cleanslate address , . cleanslate blockquote , . cleanslate dd , . cleanslate fieldset , . cleanslate hr ,
. cleanslate article , . cleanslate dialog , . cleanslate figure , . cleanslate footer , . cleanslate header , . cleanslate hgroup , . cleanslate menu , . cleanslate nav , . cleanslate section , . cleanslate audio , . cleanslate video , . cleanslate address , . cleanslate blockquote , . cleanslate colgroup , . cleanslate main , . cleanslate progress , . cleanslate summary {
display : block ! important ;
}
. cleanslate h1 , . cleanslate h2 , . cleanslate h3 , . cleanslate h4 , . cleanslate h5 , . cleanslate h6 {
font-weight : bold ! important ;
}
. cleanslate h1 : before , . cleanslate h2 : before {
display : none ! important ;
}
. cleanslate h1 {
font-size : 2em ! important ;
2021-09-07 21:40:48 +02:00
padding : 0 . 67em 0 ! important ;
2020-09-15 14:30:05 +02:00
}
. cleanslate h2 {
font-size : 1 . 5em ! important ;
2021-09-07 21:40:48 +02:00
padding : 0 . 83em 0 ! important ;
2020-09-15 14:30:05 +02:00
}
. cleanslate h3 {
font-size : 1 . 17em ! important ;
2021-09-07 21:40:48 +02:00
padding : 0 . 83em 0 ! important ;
2020-09-15 14:30:05 +02:00
}
. cleanslate h4 {
font-size : 1em ! important ;
}
. cleanslate h5 {
2021-09-07 21:40:48 +02:00
font-size : 0 . 83em ! important ;
2020-09-15 14:30:05 +02:00
}
. cleanslate p {
margin : 1em 0 ! important ;
}
. cleanslate table {
display : table ! important ;
}
. cleanslate thead {
display : table-header-group ! important ;
}
. cleanslate tbody {
display : table-row-group ! important ;
}
. cleanslate tfoot {
display : table-footer-group ! important ;
}
. cleanslate tr {
display : table-row ! important ;
}
. cleanslate th , . cleanslate td {
display : table-cell ! important ;
padding : 2px ! important ;
}
/* == SPECIFIC ELEMENTS == */
/* Some of these are browser defaults; some are just useful resets */
. cleanslate ol , . cleanslate ul {
margin : 1em 0 ! important ;
}
. cleanslate ul li , . cleanslate ul ul li , . cleanslate ul ul ul li , . cleanslate ol li , . cleanslate ol ol li , . cleanslate ol ol ol li , . cleanslate ul ol ol li , . cleanslate ul ul ol li , . cleanslate ol ul ul li , . cleanslate ol ol ul li {
list-style-position : inside ! important ;
2021-09-07 21:40:48 +02:00
margin-top : 0 . 08em ! important ;
2020-09-15 14:30:05 +02:00
}
. cleanslate ol ol , . cleanslate ol ol ol , . cleanslate ul ul , . cleanslate ul ul ul , . cleanslate ol ul , . cleanslate ol ul ul , . cleanslate ol ol ul , . cleanslate ul ol , . cleanslate ul ol ol , . cleanslate ul ul ol {
padding-left : 40px ! important ;
margin : 0 ! important ;
}
/* helper for general navigation */
. cleanslate nav ul , . cleanslate nav ol {
list-style-type : none ! important ;
}
. cleanslate ul , . cleanslate menu {
list-style-type : disc ! important ;
}
. cleanslate ol {
list-style-type : decimal ! important ;
}
. cleanslate ol ul , . cleanslate ul ul , . cleanslate menu ul , . cleanslate ol menu , . cleanslate ul menu , . cleanslate menu menu {
list-style-type : circle ! important ;
}
. cleanslate ol ol ul , . cleanslate ol ul ul , . cleanslate ol menu ul , . cleanslate ol ol menu , . cleanslate ol ul menu , . cleanslate ol menu menu , . cleanslate ul ol ul , . cleanslate ul ul ul , . cleanslate ul menu ul , . cleanslate ul ol menu , . cleanslate ul ul menu , . cleanslate ul menu menu , . cleanslate menu ol ul , . cleanslate menu ul ul , . cleanslate menu menu ul , . cleanslate menu ol menu , . cleanslate menu ul menu , . cleanslate menu menu menu {
list-style-type : square ! important ;
}
. cleanslate li {
display : list-item ! important ;
/* Fixes IE7 issue with positioning of nested bullets */
min-height : auto ! important ;
min-width : auto ! important ;
padding-left : 20px ! important ;
/* replace -webkit-padding-start: 40px; */
}
. cleanslate strong {
font-weight : bold ! important ;
}
. cleanslate em {
font-style : italic ! important ;
}
. cleanslate kbd , . cleanslate samp , . cleanslate code , . cleanslate pre {
font-family : monospace ! important ;
}
. cleanslate a {
color : blue ! important ;
text-decoration : underline ! important ;
}
. cleanslate a : visited {
color : # 529 ! important ;
}
. cleanslate a , . cleanslate a * , . cleanslate input [ type = submit ] , . cleanslate input [ type = button ] , . cleanslate input [ type = radio ] , . cleanslate input [ type = checkbox ] , . cleanslate select , . cleanslate button {
cursor : pointer ! important ;
}
. cleanslate button , . cleanslate input [ type = submit ] {
text-align : center ! important ;
padding : 2px 6px 3px ! important ;
border-radius : 4px ! important ;
text-decoration : none ! important ;
font-family : inherit ! important ;
font-size : small ! important ;
background : white ! important ;
-webkit-appearance : push-button ! important ;
color : buttontext ! important ;
border : 1px # a6a6a6 solid ! important ;
background : lightgrey ! important ;
/* Old browsers */
background : white ;
/* Old browsers */
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
background : linear-gradient ( to bottom , white 0 % , # dddddd 100 % , # d1d1d1 100 % , # dddddd 100 % ) ! important ;
/* W3C */
2021-09-07 21:40:48 +02:00
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = "#ffffff" , endColorstr = "#dddddd" , GradientType = 0 ) ! important ;
2020-09-15 14:30:05 +02:00
/* IE6-9 */
-o-box-shadow : 1px 1px 0px # eee ! important ;
box-shadow : 1px 1px 0px # eee ! important ;
outline : initial ! important ;
}
. cleanslate button : active , . cleanslate input [ type = submit ] : active , . cleanslate input [ type = button ] : active , . cleanslate button : active {
background : # 3b679e ! important ;
/* Old browsers */
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
background : linear-gradient ( to bottom , # 3b679e 0 % , # 2b88d9 50 % , # 207cca 51 % , # 7db9e8 100 % ) ! important ;
/* W3C */
border-color : # 5259b0 ! important ;
}
. cleanslate button {
padding : 1px 6px 2px 6px ! important ;
margin-right : 5px ! important ;
}
. cleanslate input [ type = hidden ] {
display : none ! important ;
}
/* restore form defaults */
. cleanslate textarea {
-webkit-appearance : textarea ! important ;
background : white ! important ;
padding : 2px ! important ;
margin-left : 4px ! important ;
word-wrap : break-word ! important ;
white-space : pre-wrap ! important ;
font-size : 11px ! important ;
font-family : inherit ! important ;
line-height : 13px ! important ;
resize : both ! important ;
}
. cleanslate select , . cleanslate textarea , . cleanslate input {
border : 1px solid # ccc ! important ;
}
. cleanslate select {
font-size : 11px ! important ;
font-family : inherit ! important ;
display : inline-block ;
}
. cleanslate textarea : focus , . cleanslate input : focus {
outline : auto 5px -webkit-focus-ring-color ! important ;
outline : initial ! important ;
}
. cleanslate input [ type = text ] {
background : white ! important ;
padding : 1px ! important ;
font-family : initial ! important ;
font-size : small ! important ;
}
. cleanslate input [ type = checkbox ] , . cleanslate input [ type = radio ] {
border : 1px # 2b2b2b solid ! important ;
border-radius : 4px ! important ;
}
. cleanslate input [ type = checkbox ] , . cleanslate input [ type = radio ] {
outline : initial ! important ;
}
. cleanslate input [ type = radio ] {
margin : 2px 2px 3px 2px ! important ;
}
. cleanslate abbr [ title ] , . cleanslate acronym [ title ] , . cleanslate dfn [ title ] {
cursor : help ! important ;
border-bottom-width : 1px ! important ;
border-bottom-style : dotted ! important ;
}
. cleanslate ins {
background-color : # ff9 ! important ;
color : black ! important ;
}
. cleanslate del {
text-decoration : line-through ! important ;
}
. cleanslate blockquote , . cleanslate q {
quotes : none ! important ;
/* HTML5 */
}
. cleanslate blockquote : before , . cleanslate blockquote : after , . cleanslate q : before , . cleanslate q : after , . cleanslate li : before , . cleanslate li : after {
content : "" ! important ;
}
. cleanslate input , . cleanslate select {
vertical-align : middle ! important ;
}
. cleanslate table {
border-collapse : collapse ! important ;
border-spacing : 0 ! important ;
}
. cleanslate hr {
display : block ! important ;
height : 1px ! important ;
border : 0 ! important ;
border-top : 1px solid # ccc ! important ;
margin : 1em 0 ! important ;
}
. cleanslate * [ dir = rtl ] {
direction : rtl ! important ;
}
. cleanslate mark {
background-color : # ff9 ! important ;
color : black ! important ;
font-style : italic ! important ;
font-weight : bold ! important ;
}
. cleanslate menu {
padding-left : 40px ! important ;
padding-top : 8px ! important ;
}
/* additional helpers */
. cleanslate [ hidden ] ,
. cleanslate template {
display : none ! important ;
}
. cleanslate abbr [ title ] {
border-bottom : 1px dotted ! important ;
}
. cleanslate sub , . cleanslate sup {
font-size : 75 % ! important ;
line-height : 0 ! important ;
position : relative ! important ;
vertical-align : baseline ! important ;
}
. cleanslate sup {
top : -0 . 5em ! important ;
}
. cleanslate sub {
bottom : -0 . 25em ! important ;
}
. cleanslate img {
border : 0 ! important ;
}
. cleanslate figure {
margin : 0 ! important ;
}
. cleanslate textarea {
overflow : auto ! important ;
vertical-align : top ! important ;
}
/* == ROOT CONTAINER ELEMENT == */
/* This contains default values for child elements to inherit */
. cleanslate {
font-size : medium ! important ;
line-height : 1 ! important ;
direction : ltr ! important ;
text-align : left ! important ;
/* for IE, Opera */
text-align : start ! important ;
/* recommended W3C Spec */
2021-09-07 21:40:48 +02:00
font-family : -apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , Oxygen-Sans , Ubuntu , Cantarell , "Helvetica Neue" , sans-serif ! important ;
2020-09-15 14:30:05 +02:00
color : black ! important ;
font-style : normal ! important ;
font-weight : normal ! important ;
text-decoration : none ! important ;
list-style-type : disc ! important ;
}
. cleanslate pre {
white-space : pre ! important ;
}
@ media ( max-width : 599px ) {
body . admin-bar . cleanslate . components-modal__frame {
top : 46px ! important ;
}
}
. cleanslate {
/* Modal */
/* Form Toggle */
}
. cleanslate . components-modal__screen-overlay , . cleanslate . ccpa__loading-overlay {
position : fixed ! important ;
top : 0 ! important ;
right : 0 ! important ;
bottom : 0 ! important ;
left : 0 ! important ;
background-color : rgba ( 0 , 0 , 0 , 0 . 7 ) ! important ;
z-index : 2147483647 ! important ;
animation : edit-post__fade-in-animation 0 . 2s ease-out 0s ! important ;
animation-fill-mode : forwards ! important ;
}
. cleanslate . components-modal__frame {
position : absolute ! important ;
top : 0 ! important ;
right : 0 ! important ;
bottom : 0 ! important ;
left : 0 ! important ;
box-sizing : border-box ! important ;
margin : 0 ! important ;
border : 1px solid # e2e4e7 ! important ;
background : # fff ! important ;
box-shadow : 0 3px 30px rgba ( 25 , 30 , 35 , 0 . 2 ) ! important ;
overflow : auto ! important ;
}
. cleanslate . ccpa__loading-message {
position : absolute ! important ;
top : 50 % ! important ;
right : 0 ! important ;
bottom : 0 ! important ;
left : 0 ! important ;
box-sizing : border-box ! important ;
margin : 0 ! important ;
text-align : center ! important ;
color : # ffffff ! important ;
}
@ media ( min-width : 600px ) {
. cleanslate . components-modal__frame {
top : 50 % ! important ;
right : auto ! important ;
bottom : auto ! important ;
left : 50 % ! important ;
min-width : 360px ! important ;
max-width : 580px ! important ;
max-height : calc ( 100 % - 56px - 56px ) ! important ;
transform : translate ( -50 % , -50 % ) ! important ;
animation : components-modal__appear-animation 0 . 1s ease-out ! important ;
animation-fill-mode : forwards ! important ;
}
}
@ keyframes components-modal__appear-animation {
from {
margin-top : 32px ! important ;
}
to {
margin-top : 0 ! important ;
}
}
. cleanslate . components-modal__header {
box-sizing : border-box ! important ;
border-bottom : 1px solid # e2e4e7 ! important ;
padding : 0 16px ! important ;
display : flex ! important ;
flex-direction : row ! important ;
justify-content : space-between ! important ;
background : # fff ! important ;
align-items : center ! important ;
height : 56px ! important ;
position : sticky ! important ;
top : 0 ! important ;
z-index : 10 ! important ;
margin : 0 -16px 16px ! important ;
}
. cleanslate . components-modal__header . components-modal__header-heading {
font-size : 16px ! important ;
font-weight : 600 ! important ;
}
. cleanslate . components-modal__header h1 {
line-height : 1 ! important ;
margin : 0 ! important ;
}
. cleanslate . components-modal__header-heading-container {
align-items : center ! important ;
flex-grow : 1 ! important ;
display : flex ! important ;
flex-direction : row ! important ;
justify-content : left ! important ;
}
. cleanslate . components-modal__content {
box-sizing : border-box ! important ;
height : 100 % ! important ;
padding : 0 16px ! important ;
}
. cleanslate . components-modal__footer {
box-sizing : border-box ! important ;
border-top : 1px solid # e2e4e7 ! important ;
padding : 0 16px ! important ;
background : # fff ! important ;
height : 110px ! important ;
position : sticky ! important ;
bottom : 0 ! important ;
z-index : 10 ! important ;
margin : 0 -16px ! important ;
}
. cleanslate . components-modal__footer-bottom {
display : flex ! important ;
flex-direction : row-reverse ! important ;
justify-content : space-between ! important ;
align-items : center ! important ;
}
. cleanslate . components-button {
display : inline-flex ! important ;
text-decoration : none ! important ;
font-size : 13px ! important ;
margin : 0 ! important ;
border : 0 ! important ;
cursor : pointer ! important ;
-webkit-appearance : none ! important ;
background : none ! important ;
/* Buttons that look like links, for a cross of good semantics with the visual */
/* Link buttons that are red to indicate destructive behavior. */
}
. cleanslate . components-icon-button {
display : flex ! important ;
align-items : center ! important ;
padding : 8px ! important ;
margin : 0 ! important ;
border : none ! important ;
background : none ! important ;
2021-04-27 08:32:47 +02:00
color : # 50575e ! important ;
2020-09-15 14:30:05 +02:00
position : relative ! important ;
overflow : hidden ! important ;
border-radius : 4px ! important ;
/* Override Cleanslate */
box-shadow : none ! important ;
outline : none ! important ;
}
. cleanslate . components-icon-button : active {
background : none ! important ;
}
. cleanslate . components-icon-button . dashicon {
display : inline-block ! important ;
flex : 0 0 auto ! important ;
}
. cleanslate . components-icon-button svg {
fill : currentColor ! important ;
outline : none ! important ;
cursor : pointer ! important ;
}
2021-09-07 21:40:48 +02:00
. cleanslate . components-icon-button : not ( : disabled ) : not ( [ aria-disabled = true ] ) : not ( . is-default ) : hover , . cleanslate . components-icon-button : not ( : disabled ) : not ( [ aria-disabled = true ] ) : not ( . is-default ) : focus {
2020-09-15 14:30:05 +02:00
background-color : # fff ! important ;
2021-04-27 08:32:47 +02:00
color : # 1d2327 ! important ;
2020-09-15 14:30:05 +02:00
box-shadow : inset 0 0 0 1px # e2e4e7 , inset 0 0 0 2px # fff , 0 1px 1px rgba ( 25 , 30 , 35 , 0 . 2 ) ! important ;
}
2021-09-07 21:40:48 +02:00
. cleanslate . components-icon-button : not ( : disabled ) : not ( [ aria-disabled = true ] ) : not ( . is-default ) : active {
2020-09-15 14:30:05 +02:00
outline : none ! important ;
background-color : # fff ! important ;
2021-04-27 08:32:47 +02:00
color : # 1d2327 ! important ;
box-shadow : inset 0 0 0 1px # c3c4c7 , inset 0 0 0 2px # fff ! important ;
2020-09-15 14:30:05 +02:00
}
2021-09-07 21:40:48 +02:00
. cleanslate . components-icon-button [ aria-disabled = true ] : focus , . cleanslate . components-icon-button : disabled : focus {
2020-09-15 14:30:05 +02:00
box-shadow : none ! important ;
}
. cleanslate . components-form-toggle {
position : relative ! important ;
display : inline-block ! important ;
}
. cleanslate . components-form-toggle . disabled {
opacity : 0 . 5 ! important ;
}
. cleanslate . components-form-toggle . components-form-toggle__on ,
. cleanslate . components-form-toggle . components-form-toggle__off {
position : absolute ! important ;
top : 6px ! important ;
box-sizing : border-box ! important ;
width : 2px ! important ;
height : 6px ! important ;
overflow : hidden ! important ;
}
. cleanslate . components-form-toggle . is-checked . components-form-toggle__on {
display : block ! important ;
}
. cleanslate . components-form-toggle . is-checked . components-form-toggle__off {
display : none ! important ;
}
. cleanslate . components-form-toggle . components-form-toggle__off {
2021-04-27 08:32:47 +02:00
color : # 787c82 ! important ;
2020-09-15 14:30:05 +02:00
fill : currentColor ! important ;
right : 6px ! important ;
width : 6px ! important ;
}
. cleanslate . components-form-toggle . components-form-toggle__on {
left : 8px ! important ;
display : none ! important ;
}
. cleanslate . components-form-toggle . components-form-toggle__track {
content : "" ! important ;
display : inline-block ! important ;
box-sizing : border-box ! important ;
vertical-align : top ! important ;
background-color : # fff ! important ;
2021-04-27 08:32:47 +02:00
border : 2px solid # 787c82 ! important ;
2020-09-15 14:30:05 +02:00
width : 36px ! important ;
height : 18px ! important ;
border-radius : 9px ! important ;
transition : 0 . 2s background ease ! important ;
}
@ media ( prefers-reduced-motion : reduce ) {
. cleanslate . components-form-toggle . components-form-toggle__track {
transition-duration : 0s ! important ;
}
}
. cleanslate . components-form-toggle . components-form-toggle__thumb {
display : block ! important ;
position : absolute ! important ;
box-sizing : border-box ! important ;
top : 4px ! important ;
left : 4px ! important ;
width : 10px ! important ;
height : 10px ! important ;
border-radius : 50 % ! important ;
transition : 0 . 1s transform ease ! important ;
2021-04-27 08:32:47 +02:00
background-color : # 787c82 ! important ;
border : 5px solid # 787c82 ! important ;
2020-09-15 14:30:05 +02:00
}
@ media ( prefers-reduced-motion : reduce ) {
. cleanslate . components-form-toggle . components-form-toggle__thumb {
transition-duration : 0s ! important ;
}
}
. cleanslate . components-form-toggle : hover . components-form-toggle__track {
2021-04-27 08:32:47 +02:00
border : 2px solid # 50575e ! important ;
2020-09-15 14:30:05 +02:00
}
. cleanslate . components-form-toggle : hover . components-form-toggle__thumb {
2021-04-27 08:32:47 +02:00
background-color : # 50575e ! important ;
border : 5px solid # 787c82 ! important ;
2020-09-15 14:30:05 +02:00
}
. cleanslate . components-form-toggle : hover . components-form-toggle__off {
2021-04-27 08:32:47 +02:00
color : # 50575e ! important ;
2020-09-15 14:30:05 +02:00
}
. cleanslate . components-form-toggle . is-checked . components-form-toggle__track {
background-color : # 11a0d2 ! important ;
border : 2px solid # 11a0d2 ! important ;
border : 9px solid transparent ! important ;
}
. cleanslate . components-form-toggle__input : focus + . components-form-toggle__track {
2021-04-27 08:32:47 +02:00
box-shadow : 0 0 0 2px # fff , 0 0 0 3px # 787c82 ! important ;
2020-09-15 14:30:05 +02:00
outline : 2px solid transparent ! important ;
outline-offset : 2px ! important ;
}
. cleanslate . components-form-toggle . is-checked . components-form-toggle__thumb {
background-color : # fff ! important ;
border-width : 0 ! important ;
transform : translateX ( 18px ) ! important ;
}
. cleanslate . components-form-toggle . is-checked :: before {
background-color : # 11a0d2 ! important ;
border : 2px solid # 11a0d2 ! important ;
}
. cleanslate . components-disabled . components-form-toggle {
opacity : 0 . 3 ! important ;
}
2021-09-07 21:40:48 +02:00
. cleanslate . components-form-toggle input . components-form-toggle__input [ type = checkbox ] {
2020-09-15 14:30:05 +02:00
position : absolute ! important ;
top : 0 ! important ;
left : 0 ! important ;
width : 100 % ! important ;
height : 100 % ! important ;
opacity : 0 ! important ;
margin : 0 ! important ;
padding : 0 ! important ;
z-index : 1 ! important ;
border : none ! important ;
}
2021-09-07 21:40:48 +02:00
. cleanslate . components-form-toggle . disabled input . components-form-toggle__input [ type = checkbox ] {
2020-09-15 14:30:05 +02:00
cursor : default ! important ;
}
2021-09-07 21:40:48 +02:00
. cleanslate . components-form-toggle input . components-form-toggle__input [ type = checkbox ] : checked {
2020-09-15 14:30:05 +02:00
background : none ! important ;
}
2021-09-07 21:40:48 +02:00
. cleanslate . components-form-toggle input . components-form-toggle__input [ type = checkbox ] :: before {
2020-09-15 14:30:05 +02:00
content : "" ! important ;
}
. cleanslate . components-form-toggle . components-form-toggle__on {
outline : 1px solid transparent ! important ;
outline-offset : -1px ! important ;
border : 1px solid # 000 ! important ;
filter : invert ( 100 % ) contrast ( 500 % ) ! important ;
}
. cleanslate . components-button {
display : inline-flex ! important ;
text-decoration : none ! important ;
font-size : 13px ! important ;
margin : 0 ! important ;
border : 0 ! important ;
cursor : pointer ! important ;
-webkit-appearance : none ! important ;
background : none ! important ;
/* Buttons that look like links, for a cross of good semantics with the visual */
/* Link buttons that are red to indicate destructive behavior. */
}
. cleanslate . components-button . is-button {
padding : 0 10px 1px ! important ;
line-height : 26px ! important ;
height : 28px ! important ;
border-radius : 3px ! important ;
white-space : nowrap ! important ;
border-width : 1px ! important ;
border-style : solid ! important ;
}
. cleanslate . components-button . is-primary {
background : # 0085ba ! important ;
border-color : # 006a95 # 00648c # 00648c ! important ;
box-shadow : inset 0 -1px 0 # 00648c ! important ;
color : # fff ! important ;
text-decoration : none ! important ;
text-shadow : 0 -1px 1px # 005d82 , 1px 0 1px # 005d82 , 0 1px 1px # 005d82 , -1px 0 1px # 005d82 ! important ;
}
. cleanslate . components-button . is-primary : hover , . cleanslate . components-button . is-primary : focus : enabled {
background : # 007eb1 ! important ;
border-color : # 00435d ! important ;
color : # fff ! important ;
}
. cleanslate . components-button . is-primary : hover {
box-shadow : inset 0 -1px 0 # 00435d ! important ;
}
. cleanslate . components-button . is-primary : active : enabled {
background : # 006a95 ! important ;
border-color : # 00435d ! important ;
box-shadow : inset 0 1px 0 # 00435d ! important ;
vertical-align : top ! important ;
}
2021-09-07 21:40:48 +02:00
. cleanslate . components-button . is-primary : disabled , . cleanslate . components-button . is-primary : disabled : active : enabled , . cleanslate . components-button . is-primary [ aria-disabled = true ] , . cleanslate . components-button . is-primary [ aria-disabled = true ] : active : enabled {
2020-09-15 14:30:05 +02:00
color : # 66b6d6 ! important ;
background : # 0085ba ! important ;
border-color : # 007cad ! important ;
box-shadow : none ! important ;
text-shadow : none ! important ;
opacity : 1 ! important ;
}
2021-09-07 21:40:48 +02:00
. cleanslate . components-button . is-primary : disabled . is-button , . cleanslate . components-button . is-primary : disabled . is-button : hover , . cleanslate . components-button . is-primary : disabled : active : enabled , . cleanslate . components-button . is-primary : disabled : active : enabled . is-button , . cleanslate . components-button . is-primary : disabled : active : enabled . is-button : hover , . cleanslate . components-button . is-primary : disabled : active : enabled : active : enabled , . cleanslate . components-button . is-primary [ aria-disabled = true ] . is-button , . cleanslate . components-button . is-primary [ aria-disabled = true ] . is-button : hover , . cleanslate . components-button . is-primary [ aria-disabled = true ] : active : enabled , . cleanslate . components-button . is-primary [ aria-disabled = true ] : active : enabled . is-button , . cleanslate . components-button . is-primary [ aria-disabled = true ] : active : enabled . is-button : hover , . cleanslate . components-button . is-primary [ aria-disabled = true ] : active : enabled : active : enabled {
2020-09-15 14:30:05 +02:00
box-shadow : none ! important ;
text-shadow : none ! important ;
}
2021-09-07 21:40:48 +02:00
. cleanslate . components-button . is-primary : disabled : focus : enabled , . cleanslate . components-button . is-primary : disabled : active : enabled : focus : enabled , . cleanslate . components-button . is-primary [ aria-disabled = true ] : focus : enabled , . cleanslate . components-button . is-primary [ aria-disabled = true ] : active : enabled : focus : enabled {
2020-09-15 14:30:05 +02:00
color : # 66b6d6 ! important ;
border-color : # 007cad ! important ;
box-shadow : 0 0 0 1px # fff , 0 0 0 3px # 007cba ! important ;
}
. cleanslate . ccpa-settings {
font-size : 13px ! important ;
line-height : 20px ! important ;
color : # 1a1a1a ! important ;
border-bottom : 1px solid # e2e4e7 ! important ;
}
. cleanslate . ccpa-setting {
margin : 0 -16px 10px -16px ! important ;
padding : 16px ! important ;
border-bottom : 1px solid # e2e4e7 ! important ;
}
. cleanslate . ccpa-setting__header {
font-weight : bold ! important ;
}
. cleanslate . ccpa-setting__text {
padding-right : 50px ! important ;
}
. cleanslate . ccpa-setting__toggle {
float : right ! important ;
}
. cleanslate . ccpa-setting__toggle-text {
float : right ! important ;
margin-right : 8px ! important ;
margin-top : -2px ! important ;
display : none ! important ;
}
. cleanslate . ccpa-setting__toggle-text-off {
display : inline-block ! important ;
}
. cleanslate . is-checked > . ccpa-setting__toggle-text-off {
display : none ! important ;
}
. cleanslate . is-checked > . ccpa-setting__toggle-text-on {
display : inline-block ! important ;
}
. cleanslate . ccpa-privacy , . cleanslate . ccpa-privacy : visited {
color : # 0085ba ! important ;
text-decoration : none ! important ;
}
/*# sourceMappingURL=wordads-ccpa.css.map */