533 lines
12 KiB
CSS
533 lines
12 KiB
CSS
.themify-cm-conditions-container{
|
|
background:#fff;
|
|
font:normal 13px/150% Arial, Helvetica, sans-serif;
|
|
color:#666;
|
|
border:none;
|
|
width:900px;
|
|
max-width:100%;
|
|
padding:20px 25px;
|
|
position:absolute;
|
|
left:50%;
|
|
top:6.5vh !important;
|
|
margin:auto auto auto -450px;
|
|
z-index:9999999;
|
|
display:none;
|
|
height:calc(100vh - 170px);
|
|
border-radius:12px;
|
|
box-shadow:0 1px 20px 3px rgba(0,0,0,.2)
|
|
}
|
|
.themify-cm-close{
|
|
position:absolute;
|
|
top:10px;
|
|
right:20px;
|
|
width:30px;
|
|
height:30px;
|
|
padding-top:2px;
|
|
text-align:center;
|
|
cursor:pointer;
|
|
display:inline-block;
|
|
zoom:1;
|
|
text-decoration:none;
|
|
color:#fff;
|
|
transition:all .1s linear
|
|
}
|
|
.themify-cm-close:before,
|
|
.themify-cm-close:after{
|
|
content:'';
|
|
position:absolute;
|
|
left:15px;
|
|
width:2px;
|
|
height:30px;
|
|
background:#666
|
|
}
|
|
.themify-cm-close:hover{
|
|
color:#fff;
|
|
outline:0;
|
|
transform:rotate(90deg) scale(.9)
|
|
}
|
|
.themify-cm-close:hover:before,
|
|
.themify-cm-close:hover:after{
|
|
background:#ea533b
|
|
}
|
|
.themify-cm-close:before{
|
|
transform:rotate(45deg)
|
|
}
|
|
.themify-cm-close:after{
|
|
transform:rotate(-45deg)
|
|
}
|
|
.themify-cm-conditions-container .themify-cm-title{
|
|
font:bold 22px/100% Arial, Helvetica, sans-serif;
|
|
color:#000;
|
|
margin:0 0 17px;
|
|
padding:0;
|
|
text-transform:capitalize;
|
|
text-shadow:none
|
|
}
|
|
#themify-cm-overlay{
|
|
background:#333;
|
|
background:rgba(0,0,0,.7);
|
|
position:fixed;
|
|
width:100%;
|
|
height:100%;
|
|
top:0;
|
|
left:0;
|
|
z-index:999999;
|
|
display:none
|
|
}
|
|
.themify-cm-conditions-container .themify-visibility-options{
|
|
position:relative;
|
|
height:350px;
|
|
max-height:400px;
|
|
overflow-y:auto;
|
|
overflow-x:hidden
|
|
}
|
|
#visibility-tabs > .ui-widget-header{
|
|
color:#444;
|
|
font-weight:bold
|
|
}
|
|
form.ui-widget.ui-widget-content{
|
|
border:none;
|
|
box-shadow:0 0 0 1px rgba(0,0,0,.08), 0 1px 15px rgba(0,0,0,.1)
|
|
}
|
|
.themify-cm-conditions-container .ui-tabs{
|
|
position:relative;
|
|
/* position:relative prevents IE scroll bug (element with position:relative inside container with overflow:auto appear as "fixed") */
|
|
height:100%;
|
|
max-height:100%;
|
|
border:solid 1px #bbb;
|
|
padding:0;
|
|
margin:0;
|
|
font-size:1em;
|
|
border-radius:6px
|
|
}
|
|
#visibility-tabs > .ui-tabs-nav{
|
|
margin:0;
|
|
padding:.7em 1em 0;
|
|
overflow:hidden;
|
|
background:#999;
|
|
box-shadow:none;
|
|
border:none;
|
|
border-radius:5px 5px 0 0
|
|
}
|
|
#visibility-tabs > .ui-tabs-nav > li{
|
|
list-style:none;
|
|
float:left;
|
|
position:relative;
|
|
top:0;
|
|
margin:1px .2em 0 0;
|
|
padding:0;
|
|
white-space:nowrap;
|
|
border:none;
|
|
background:none;
|
|
border-radius:5px 5px 0 0
|
|
}
|
|
#visibility-tabs > .ui-tabs-nav > li > .ui-tabs-anchor{
|
|
float:left;
|
|
padding:.5em .7em .7em;
|
|
text-decoration:none;
|
|
font-weight:normal;
|
|
font-size:13px;
|
|
color:#fff;
|
|
box-shadow:none
|
|
}
|
|
#visibility-tabs > .ui-tabs-nav > li.ui-state-hover,
|
|
#visibility-tabs > .ui-tabs-nav > li.ui-tabs-active{
|
|
background:#fff
|
|
}
|
|
#visibility-tabs > .ui-tabs-nav > li.ui-state-hover > .ui-tabs-anchor,
|
|
#visibility-tabs > .ui-tabs-nav > li.ui-tabs-active > .ui-tabs-anchor{
|
|
color:#000
|
|
}
|
|
|
|
.themify-cm-conditions-container .themify-visibility-inner-tabs{
|
|
border:none
|
|
}
|
|
.themify-visibility-inner-tabs .inline-tabs{
|
|
margin:0;
|
|
padding:.2em .2em 0;
|
|
background:none;
|
|
border:none
|
|
}
|
|
.themify-visibility-inner-tabs .inline-tabs li{
|
|
display:inline-block;
|
|
padding:0;
|
|
margin:0 0 5px;
|
|
border:none;
|
|
border-radius:0;
|
|
color:inherit;
|
|
background:none;
|
|
float:none;
|
|
vertical-align:middle
|
|
}
|
|
.themify-visibility-inner-tabs .inline-tabs li a{
|
|
text-decoration:none;
|
|
border:none;
|
|
margin:0 2px 0 0;
|
|
border-radius:20px;
|
|
color:#666;
|
|
padding:5px 12px !important;
|
|
font-size:13px
|
|
}
|
|
.themify-visibility-inner-tabs .inline-tabs li a:hover{
|
|
color:#000
|
|
}
|
|
.themify-visibility-inner-tabs .inline-tabs li.ui-state-hover a{
|
|
background:rgba(0,0,0,.05)
|
|
}
|
|
.themify-visibility-inner-tabs .inline-tabs li.ui-tabs-active a{
|
|
color:#fff;
|
|
border:none;
|
|
background:#999
|
|
}
|
|
.themify-visibility-inner-tabs .inline-tabs li a:focus{
|
|
box-shadow:none;
|
|
outline:none
|
|
}
|
|
.ui-state-hover,
|
|
.ui-widget-content .ui-state-hover,
|
|
.ui-widget-header .ui-state-hover,
|
|
.ui-state-focus,
|
|
.ui-widget-content .ui-state-focus,
|
|
.ui-widget-header .ui-state-focus{
|
|
background:rgba(255,255,255,.2)
|
|
}
|
|
.themify-cm-conditions-container .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
|
|
.themify-cm-conditions-container .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
|
|
.themify-cm-conditions-container .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{
|
|
cursor:text
|
|
}
|
|
.themify-cm-conditions-container .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{
|
|
cursor:pointer
|
|
}
|
|
.themify-cm-conditions-container .ui-tabs .ui-tabs-panel{
|
|
display:block;
|
|
padding:1.8em 1.4em;
|
|
margin:0;
|
|
border:0 none;
|
|
border-radius:0;
|
|
background:none;
|
|
box-sizing:border-box
|
|
}
|
|
.themify-cm-conditions-container .themify-visibility-inner-tabs .ui-tabs-panel{
|
|
padding:20px 0;
|
|
border:none
|
|
}
|
|
.themify-cm-conditions-container .ui-tabs .ui-tabs-panel{
|
|
height:calc(100vh - 300px);
|
|
max-height:none;
|
|
overflow-y:auto;
|
|
box-sizing:border-box;
|
|
}
|
|
.themify-cm-conditions-container .themify-visibility-inner-tabs .ui-tabs-panel{
|
|
max-height:290px;
|
|
min-height:120px;
|
|
overflow-y:inherit
|
|
}
|
|
.themify-cm-conditions-container .themify-visibility-options label{
|
|
display:block;
|
|
width:49%;
|
|
float:left;
|
|
margin-right:1%;
|
|
margin-bottom:5px
|
|
}
|
|
.themify-cm-conditions-container .themify-visibility-options .tf_cm_select_sub{
|
|
width:100%;
|
|
margin-bottom:20px
|
|
}
|
|
.themify-cm-conditions-container input[type=checkbox]{
|
|
position:relative;
|
|
border:solid 1px #aaa;
|
|
width:18px;
|
|
height:18px;
|
|
margin-right:7px;
|
|
border-radius:5px;
|
|
box-shadow:none;
|
|
}
|
|
.themify-cm-conditions-container input[type=checkbox]:checked:before{
|
|
font-size:24px;
|
|
width:21px;
|
|
height:21px;
|
|
margin:-3px 0 0 -3px;
|
|
}
|
|
.cm-location td{
|
|
border-top:1px solid #ccc
|
|
}
|
|
.cm-location:first-child td{
|
|
border-top:none
|
|
}
|
|
.themify-cm-remove{
|
|
padding:0 5px 2px;
|
|
border:1px solid #ccc;
|
|
border-radius:100%;
|
|
margin-left:10px;
|
|
font-size:11px;
|
|
color:#666
|
|
}
|
|
p.button-controls{
|
|
width:60%
|
|
}
|
|
#themify-cm-about{
|
|
float:right;
|
|
padding-right:20px
|
|
}
|
|
|
|
/* Themify Search and Pagination
|
|
---------------------------------------------------------------*/
|
|
.themify-visibility-items-search{
|
|
margin-bottom:10px
|
|
}
|
|
.themify-admin-lightbox .themify-visibility-pagination{
|
|
position:relative;
|
|
margin:0 auto;
|
|
padding-top:15px;
|
|
clear:both;
|
|
text-align:center
|
|
}
|
|
.themify-admin-lightbox .themify-visibility-pagination span, .themify-admin-lightbox .themify-visibility-pagination a{
|
|
display:inline-block;
|
|
width:28px;
|
|
height:26px;
|
|
margin:0 2px;
|
|
padding:0;
|
|
position:relative;
|
|
vertical-align:middle;
|
|
line-height:26px;
|
|
text-decoration:none
|
|
}
|
|
.themify-admin-lightbox .themify-visibility-pagination a.next,
|
|
.themify-admin-lightbox .themify-visibility-pagination a.prev{
|
|
line-height:23px
|
|
}
|
|
.themify-admin-lightbox .themify-visibility-pagination a.page-numbers.next:before,
|
|
.themify-admin-lightbox .themify-visibility-pagination a.page-numbers.prev:before{
|
|
content:'';
|
|
display:inline-block;
|
|
border:1px solid transparent;
|
|
border-top-color:inherit;
|
|
position:absolute;
|
|
top:30%;
|
|
width:0.5em;
|
|
height:0.5em;
|
|
text-indent:0;
|
|
}
|
|
.themify-admin-lightbox .themify-visibility-pagination a.page-numbers.prev:before{
|
|
left:50%;
|
|
border-left-color:inherit;
|
|
transform:rotateZ(-45deg);
|
|
}
|
|
.themify-admin-lightbox .themify-visibility-pagination a.page-numbers.next:before{
|
|
right:50%;
|
|
border-right-color:inherit;
|
|
transform:rotateZ(45deg);
|
|
}
|
|
.themify-admin-lightbox .themify-visibility-pagination .current{
|
|
pointer-events:none;
|
|
color:#999;
|
|
border:solid 1px rgba(0,0,0,.1);
|
|
border-radius:30px;
|
|
}
|
|
.themify-visibility-items-page.is-hidden,
|
|
.themify-visibility-inner-tab.is-hidden{
|
|
display:none
|
|
}
|
|
.themify-cm-conditions{
|
|
position:relative
|
|
}
|
|
.themify-cm-conditions:focus{
|
|
outline:0;
|
|
box-shadow:none
|
|
}
|
|
.themify-visibility-toggle{
|
|
line-height:30px !important
|
|
}
|
|
|
|
|
|
.themify_lightbox_uncheck_container{
|
|
position:relative;
|
|
margin:0
|
|
}
|
|
.themify_all_condition_checked{
|
|
opacity:0.3;
|
|
pointer-events:none
|
|
}
|
|
|
|
/* Tooltip */
|
|
.themify-cm-conditions-container [data-tooltip]{
|
|
position:relative;
|
|
cursor:pointer
|
|
}
|
|
.themify-cm-conditions-container [data-tooltip]:before,
|
|
.themify-cm-conditions-container [data-tooltip]:after{
|
|
position:absolute;
|
|
visibility:hidden;
|
|
opacity:0;
|
|
transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
|
|
transform:translate3d(0, 28px, 0);
|
|
pointer-events:none;
|
|
bottom:100%;
|
|
left:0
|
|
}
|
|
.themify-cm-conditions-container [data-tooltip]:hover:before,
|
|
.themify-cm-conditions-container [data-tooltip]:hover:after,
|
|
.themify-cm-conditions-container [data-tooltip]:focus:before,
|
|
.themify-cm-conditions-container [data-tooltip]:focus:after{
|
|
visibility:visible;
|
|
opacity:1;
|
|
transform:translateY(20px)
|
|
}
|
|
.themify-cm-conditions-container [data-tooltip]:before{
|
|
content:"";
|
|
background:transparent;
|
|
border:6px solid transparent;
|
|
border-top-width:0;
|
|
border-bottom-color:#000;
|
|
border-bottom-color:hsla(0, 0%, 20%, 0.9);
|
|
top:-3px;
|
|
left:6px;
|
|
z-index:1001
|
|
}
|
|
.themify-cm-conditions-container [data-tooltip]:after{
|
|
width:270px;
|
|
content:attr(data-tooltip);
|
|
padding:8px;
|
|
background-color:#000;
|
|
background-color:hsla(0, 0%, 20%, 0.9);
|
|
color:#fff;
|
|
font-size:11px;
|
|
line-height:1.2;
|
|
border-radius:12px;
|
|
margin-left:-1.75em;
|
|
margin-bottom:5px;
|
|
z-index:1000;
|
|
top:3px;
|
|
left:-1px;
|
|
bottom:auto;
|
|
word-break:break-word
|
|
}
|
|
|
|
.themify-cm-conditions-container .ui-widget.ui-widget-content{
|
|
border:none;
|
|
}
|
|
.themify-admin-lightbox .button{
|
|
color:#491aaf;
|
|
background:none;
|
|
height:auto;
|
|
margin:0;
|
|
padding:0;
|
|
border:none;
|
|
box-shadow:none !important;
|
|
outline:none
|
|
}
|
|
.themify-admin-lightbox .button.button-primary{
|
|
font:normal 1.33em/1em Arial, sans-serif;
|
|
text-transform:uppercase;
|
|
color:#fff;
|
|
margin:15px 0 0;
|
|
padding:.5em 1em;
|
|
border:none;
|
|
border-radius:30px;
|
|
outline:none;
|
|
background:#f26522;
|
|
text-shadow:none
|
|
}
|
|
.themify-admin-lightbox .button.button-primary:hover{
|
|
transform:translateY(2px);
|
|
color:#fff;
|
|
box-shadow:none !important
|
|
}
|
|
.themify-admin-lightbox .button.uncheck-all{
|
|
line-height:1em;
|
|
margin-top:20px;
|
|
display:inline-block;
|
|
text-decoration:none;
|
|
position:relative;
|
|
padding-left:20px
|
|
}
|
|
.themify-admin-lightbox .button.uncheck-all:hover{
|
|
text-decoration:underline;
|
|
background:none
|
|
}
|
|
.themify-admin-lightbox .button.uncheck-all:before,
|
|
.themify-admin-lightbox .button.uncheck-all:after{
|
|
content:'';
|
|
position:absolute;
|
|
left:8px;
|
|
top:1px;
|
|
width:1px;
|
|
height:12px;
|
|
margin:0;
|
|
background:#666
|
|
}
|
|
.themify-admin-lightbox .uncheck-all:before{
|
|
transform:rotate(45deg)
|
|
}
|
|
.themify-admin-lightbox .uncheck-all:after{
|
|
transform:rotate(-45deg)
|
|
}
|
|
.themify-admin-lightbox .uncheck-all:active{
|
|
background:none
|
|
}
|
|
|
|
/* Media Queries
|
|
---------------------------------------------------------------*/
|
|
@media only screen and (max-width:900px){
|
|
.themify-cm-conditions-container,
|
|
.themify-admin-lightbox{
|
|
width:80%;
|
|
padding:20px 5%;
|
|
left:0;
|
|
margin-left:0;
|
|
height:auto
|
|
}
|
|
.themify-cm-conditions-container [data-tooltip]:after{
|
|
width:230px
|
|
}
|
|
}
|
|
@media only screen and (max-width:782px){
|
|
.themify-admin-lightbox{
|
|
left:5%
|
|
}
|
|
}
|
|
@media only screen and (max-width:680px){
|
|
.themify-cm-conditions-container [data-tooltip]:after{
|
|
width:160px
|
|
}
|
|
}
|
|
.themify-visibility-inner-tab:not(:first-child){
|
|
display:none
|
|
}
|
|
.themify_cm_loader{
|
|
margin:-20px 0 0 -20px;
|
|
width:62px;
|
|
height:62px;
|
|
background-color:rgba(0,0,0,.6);
|
|
border-radius:50%;
|
|
box-sizing:border-box;
|
|
position:fixed;
|
|
top:50%;
|
|
left:50%;
|
|
z-index:99999999;
|
|
line-height:62px;
|
|
display:none
|
|
}
|
|
.themify_cm_loader.busy{
|
|
display:inline-block
|
|
}
|
|
.themify_cm_loader.busy::before{
|
|
width:80%;
|
|
height:80%;
|
|
border:5px solid transparent;
|
|
border-top-color:transparent;
|
|
border-top-color:#fff;
|
|
border-radius:50%;
|
|
box-sizing:border-box;
|
|
position:absolute;
|
|
top:10%;
|
|
left:10%;
|
|
content:'';
|
|
animation:themify_cm_circle_loader 1.4s infinite linear
|
|
}
|
|
@keyframes themify_cm_circle_loader{
|
|
0%{ transform:rotate(0deg) }
|
|
100%{ transform:rotate(360deg) }
|
|
} |