wp_blog/wp-content/themes/nuzi/framework/assets/css/pagebuilder.css

997 lines
29 KiB
CSS
Raw Normal View History

2020-01-02 23:15:16 +07:00
/* START - Clearfix */
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
a:focus, a:active{
outline: none;
}
/* END - Clearfix */
/* START - Pagebuilder */
#cmeta_pagebuilder h3.hndle span{
font-family: Arial;
font-weight: bold;
font-size: 14px;
color:#333;
}
#cmeta_pagebuilder h3.hndle{
}
#pagebuilder-select-layout label strong{
font-family: Arial;
font-size: 14px;
line-height: 28px;
color: #333;
font-weight: bold;
}
#pagebuilder-select-layout label span{
font-family: Arial;
font-size: 11px;
line-height: 18px;
color: #9c9c9c;
}
#pagebuilder-area{
border-top: 1px solid #DFDFDF;
background: #fff;
}
#pagebuilder-area>div{
padding: 1%;
position: relative;
min-height: 200px;
float: left;
}
#pagebuilder-area>div.builder-area.size-1-4>.item{
width: 97.8%;
}
#pagebuilder-area>div.builder-area.size-1-4>.item>.list>.size-sizer-container{
display: none;
}
#pagebuilder-area>div.builder-area.size-1-4>.item>.list>.name{
margin-left: -35px;
}
#pagebuilder-area>div.builder-area.left-sidebar{
border-left: 1px solid #DFDFDF;
}
#pagebuilder-area>div.builder-area.right-sidebar{
border-right: 1px solid #DFDFDF;
}
#pagebuilder-area>div.placeholder.size-1-1{
border: none;
position: relative;
display: block;
}
#pagebuilder-elements-container>.item>.list, #pagebuilder-elements-container>.item>.data,
#pagebuilder-area .builder-area>.item>.thumb, #pagebuilder-area .builder-area>.item>.data{
display: none;
}
/* Themewaves pb Start*/
#poststuff #cmeta_pagebuilder .inside{
background-color: #f9f9f9;
margin: 0;
padding: 0;
}
.pagebuilder-head-container{
padding: 30px 20px 10px 20px;
}
.tw-template-container{
padding: 0 20px;
}
div.tw-one{
vertical-align: top;
display: inline-block;
max-width: 20%;
margin-right: 4%;
}
div.tw-one h4{
color:#333;
font-family: Arial;
font-size: 14px;
line-height: 28px;
margin: 0 0 10px 0;
}
div.tw-two{
display: inline-block;
max-width: 74%;
}
div.tw-two .sidebar{
text-indent: -9999px;
height: 92px;
width: 92px;
float: left;
margin-right: 20px;
background: url(../images/select_layout.png) no-repeat;
}
div.tw-two .sidebar.left-sidebar{
background-position: 0 0;
}
div.tw-two .sidebar.right-sidebar{
background-position: -220px 0;
}
div.tw-two .sidebar.full{
background-position: -111px 0;
}
div.tw-two .sidebar.left-sidebar.active{
background-position: 0 -94px;
}
div.tw-two .sidebar.right-sidebar.active{
background-position: -220px -94px;
}
div.tw-two .sidebar.full.active{
background-position: -111px -94px;
}
/* Themewaves Items CSS*/
#pagebuilder-elements-container>.item{
width: auto;
float: left;
margin-right: 10px;
margin-bottom: 10px;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #333;
background: -webkit-gradient(linear, left bottom, left top, from(#65b6fc), to(#b3e1ff));
background: -moz-linear-gradient(bottom, #65b6fc, #b3e1ff);
color: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65b6fc', endColorstr='#b3e1ff');
-webkit-box-shadow: 0 2px 4px rgba(1,1,1,.1), inset 0 1px rgba(255,255,255,.6);
-moz-box-shadow: 0 2px 4px rgba(1,1,1,.1), inset 0 1px rgba(255,255,255,.6);
box-shadow: 0 2px 4px rgba(1,1,1,.1), inset 0 1px rgba(255,255,255,.6);
border: solid 1px #6395c0;
}
#pagebuilder-elements-container>.item:active{
background-color: #8ac8fc;
-webkit-box-shadow: 0 2px 4px rgba(1,1,1,.1), inset 0 1px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 2px 4px rgba(1,1,1,.1), inset 0 1px 6px rgba(0,0,0,.25);
box-shadow: 0 2px 4px rgba(1,1,1,.1), inset 0 1px 6px rgba(0,0,0,.25);
cursor: move;
}
#pagebuilder-elements-container>.item:hover,.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix .ui-dialog-buttonset button.ui-state-default:hover, .tw-pb-main-container input[type="button"]:hover{
background: -webkit-gradient(linear, left bottom, left top, from(#78befb), to(#c6e9ff));
background: -moz-linear-gradient(bottom, #78befb, #b3e1ff);
color: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78befb', endColorstr='#c6e9ff');
-webkit-box-shadow: 0 1px #fff, inset 0 1px rgba(255,255,255,.6);
-moz-box-shadow: 0 1px #fff, inset 0 1px rgba(255,255,255,.6);
box-shadow: 0 1px #fff, inset 0 1px rgba(255,255,255,.6);
}
#pagebuilder-elements-container>.item .thumb{
position: relative;
color: #FFF;
font-size: 13px;
font-weight: bold;
font-family: Arial;
line-height: 28px;
padding: 4px 12px 4px 37px;
}
#pagebuilder-elements-container>.item span{
width: 30px;
height: 30px;
background: url(../images/themewaves-elements.png) no-repeat center left;
text-indent: -99999px;
background-position: -10px -14px;
display: block;
position: absolute;
left: 10px;
}
#pagebuilder-elements-container>.item span.blog{
background-position: -140px -14px;
}
#pagebuilder-elements-container>.item span.carousel{
background-position: -453px -14px;
}
#pagebuilder-elements-container>.item span.callout{
background-position: -11px -50px;
}
#pagebuilder-elements-container>.item span.column{
background-position: -229px -14px;
}
#pagebuilder-elements-container>.item span.column_service{
background-position: -272px -50px;
}
#pagebuilder-elements-container>.item span.content{
background-position: -50px -50px;
}
#pagebuilder-elements-container>.item span.divider{
background-position: -95px -50px;
}
#pagebuilder-elements-container>.item span.image_slider{
background-position: -187px -50px;
}
#pagebuilder-elements-container>.item span.message_box{
background-position: -410px -14px;
}
#pagebuilder-elements-container>.item span.portfolio{
background-position: -365px -50px;
}
#pagebuilder-elements-container>.item span.pricing_table{
background-position: -498px -14px;
}
#pagebuilder-elements-container>.item span.progress_bar{
background-position: -278px -14px;
}
#pagebuilder-elements-container>.item span.recent_posts{
background-position: -141px -50px;
}
#pagebuilder-elements-container>.item span.sidebar{
background-position: -365px -14px;
}
#pagebuilder-elements-container>.item span.slider{
background-position: -232px -50px;
}
#pagebuilder-elements-container>.item span.tab{
background-position: -322px -14px;
}
#pagebuilder-elements-container>.item span.team{
background-position: -52px -14px;
}
#pagebuilder-elements-container>.item span.testimonials{
background-position: -95px -14px;
}
#pagebuilder-elements-container>.item span.toggle{
background-position: -410px -50px;
}
#pagebuilder-elements-container>.item span.twitter{
background-position: -322px -50px;
}
#pagebuilder-elements-container>.item span.toggle{
background-position: -187px -14px;
}
#pagebuilder-elements-container>.item span.video{
background-position: -187px -14px;
}
#pagebuilder-area .builder-area>.item{
position: relative;
float: left;
margin-left: 0.9%;
margin-right: 0.9%;
margin-top: 5px;
margin-bottom: 5px;
font-family: sans-serif;
font-size: 11px;
font-weight: bold;
color: #737373;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #f3f3f3;
-webkit-box-shadow: 0 2px 4px rgba(1,1,1,.1), inset 0 3px rgba(255,255,255,.4);
-moz-box-shadow: 0 2px 4px rgba(1,1,1,.1), inset 0 3px rgba(255,255,255,.4);
box-shadow: 0 2px 4px rgba(1,1,1,.1), inset 0 3px rgba(255,255,255,.4);
border: solid 1px #bebebe;
height: 38px;
min-width: 22.75%;
}
#pagebuilder-area .builder-area>.item a,#pagebuilder-area .builder-area>.item div.size{
display: block;
text-indent: -9999px;
width: 20px;
height: 20px;
background: url(../images/tw-page-builder-actions.png);
}
#pagebuilder-area .builder-area>.item div.size{
text-align: center;
color: #FFF;
line-height: 20px;
width: 40px;
text-indent: inherit;
background-position: -83px -6px;
}
#pagebuilder-area .builder-area>.item a.up{
float: left;
background-position: 0 0;
}
#pagebuilder-area .builder-area>.item a.up:hover{
background-position: 0 -20px;
}
#pagebuilder-area .builder-area>.item a.down{
background-position: -20px 0;
float: right;
width: 19px;
}
#pagebuilder-area .builder-area>.item a.down:hover{
background-position: -20px -20px;
}
#pagebuilder-area .builder-area>.item a.action-delete{
float: right;
background-position: -59px 0;
}
#pagebuilder-area .builder-area>.item a.action-delete:hover{
background-position: -59px -20px;
}
#pagebuilder-area .builder-area>.item a.action-duplicate{
float: left;
background-position: -40px 0;
width: 19px;
}
#pagebuilder-area .builder-area>.item a.action-duplicate:hover{
background-position: -40px -20px;
}
#pagebuilder-area .builder-area>.item a.action-edit{
width: 39px;
background-position: -127px -6px;
}
#pagebuilder-area .builder-area>.item a.action-edit:hover{
background-position: -171px -6px;
}
#pagebuilder-area .builder-area>.item>.list>div.name{
line-height: 36px;
color: #333;
font-family: Arial;
font-size: 13px;
font-weight: bold;
position: absolute;
left: 50px;
}
#pagebuilder-area .builder-area>.item.size-1-4>.list>div.name{
max-width: 82px;
padding-left: 0px;
overflow: hidden;
}
#pagebuilder-area .builder-area>.item>.list>div{
height: 100%;
float: left;
}
#pagebuilder-area .builder-area>.item>.list .sizer{
width: 39px;
}
#pagebuilder-area .builder-area>.item>.list>div.actions{
float: right;
width: 39px;
position: relative;
right: -1px;
top: -1px;
}
#pagebuilder-area .builder-area>.item>.list>div.size-sizer-container{
position: relative;
left: -1px;
top: -1px;
}
/* ThemeWaves Template Start */
.tw-template-container #template-save div.template{
position: relative;
display: inline-block;
*display: inline;
padding: 10px 20px 10px 30px;
color: #fff;
background-color: #65b6fc;
-webkit-box-shadow: inset 0 1px rgba(255,255,255,.6);
-moz-box-shadow: inset 0 1px rgba(255,255,255,.6);
box-shadow: inset 0 1px rgba(255,255,255,.6);
border: solid 1px #6395c0;
background-image: -webkit-linear-gradient(bottom, #65b6fc, #b3e1ff);
background-image: -moz-linear-gradient(bottom, #65b6fc, #b3e1ff);
background-image: -o-linear-gradient(bottom, #65b6fc, #b3e1ff);
background-image: -ms-linear-gradient(bottom, #65b6fc, #b3e1ff);
background-image: linear-gradient(to top, #65b6fc, #b3e1ff);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-family: Arial;
font-size: 13px;
color: #fff;
font-weight: bold;
cursor: pointer;
}
.tw-template-container #template-save span.image-save{
left: 10px;
top: 12px;
position: absolute;
width: 14px;
height: 14px;
background: url(../images/template-save.png) no-repeat;
}
#template-save {
position: relative;
}
#template-save>.template-container{
display: none;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .15);
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.15);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .15);
border: solid 1px #8F8F8F;
background-image: -webkit-linear-gradient(bottom, #969696, #C5C5C5);
background-image: -moz-linear-gradient(bottom, #969696, #C5C5C5);
background-image: -o-linear-gradient(bottom, #969696, #C5C5C5);
background-image: -ms-linear-gradient(bottom, #969696, #C5C5C5);
background-image: linear-gradient(to top, #969696, #C5C5C5);
position: absolute;
z-index: 999;
margin: 0;
top: 36px;
color: #ed1c24;
padding: 15px 15px 15px 10px;
}
#template-save>.template-container a{
color: #fff;
font-family: Arial;
cursor: pointer;
font-size: 12px;
line-height: 28px;
font-weight: bold;
}
#template-save>.template-container li{
position: relative;
margin: 0;
padding-left: 10px;
padding-right: 30px;
}
#template-save>.template-container li span{
position: absolute;
cursor: pointer;
right: 10px;
top: 6px;
font-size: 10px;
font-weight: bold;
}
#template-save>.template-container li:hover{
background: #333;
border-radius: 3px;
}
/* Grid */
.size-1-1{width:97.8%;}
.size-1-2{width:47.89%;}
.size-1-4{width:22.92%;}
.size-3-4{width:72.9%;}
.size-1-3{width:31.25%;}
.size-2-3{width:64.5%;}
.left-sidebar .size-1-1,.right-sidebar .size-1-1{width:97.5%;}
.left-sidebar .size-1-2,.right-sidebar .size-1-2{width:47.7%;}
.left-sidebar .size-1-4,.right-sidebar .size-1-4{width:22.75%;}
.left-sidebar .size-3-4,.right-sidebar .size-3-4{width:72.5%;}
.left-sidebar .size-1-3,.right-sidebar .size-1-3{width:31.05%;}
.left-sidebar .size-2-3,.right-sidebar .size-2-3{width:63.5%;}
/* Delete Modal */
#pb-delete-modal-container{
background: #FFF;
padding-top: 50px;
padding-bottom: 20px;
text-align: center;
color: #333;
min-height: 50px !important;
font-size: 19px;
font-weight: bold;
}
/* Modal */
.ui-dialog.tw-pb-main-container{
padding: 9px;
background-color: rgba(0, 0, 0, .6);
width: 660px !important;
font-family: Arial, "Lucida Grande", sans-serif;
font-weight: normal;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.field-item>.field-data .field .container-item{
margin-bottom: 15px;
}
.tw-pb-main-container .ui-dialog-titlebar{
height: 44px;
font-size: 14px;
font-family: Arial;
font-weight: bold;
color:#333;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
background-color: #fbfbfb;
-webkit-box-shadow: 0 1px #6395c0, inset 0 1px rgba(255,255,255,.6);
-moz-box-shadow: 0 1px #6395c0, inset 0 1px rgba(255,255,255,.6);
box-shadow: 0 1px #6395c0, inset 0 1px rgba(255,255,255,.6);
background-image: -webkit-linear-gradient(bottom, #65b6fc, #b3e1ff);
background-image: -moz-linear-gradient(bottom, #65b6fc, #b3e1ff);
background-image: -o-linear-gradient(bottom, #65b6fc, #b3e1ff);
background-image: -ms-linear-gradient(bottom, #65b6fc, #b3e1ff);
background-image: linear-gradient(to top, #65b6fc, #b3e1ff);
}
.tw-pb-main-container .ui-dialog-titlebar span.ui-dialog-title{
padding: 14px 30px;
color: #fff;
display: inline-block;
}
.tw-pb-main-container .ui-dialog-titlebar-close{float: right;}
.tw-pb-main-container .ui-dialog-titlebar-close,.tw-pb-main-container .ui-dialog-titlebar-close>span,
.container-item .action-delete,.container-item>.list .action-expand>.closed,.container-item .action-duplicate, .container-item.expanded>.list .action-expand>.opened,.category-list-item .actions .action-delete{
padding: 10px;
background:url(../images/pb-close.png) no-repeat 15px 17px;
display: inline-block;
width: 20px;
height: 20px;
text-indent: -9999px;}
.category-list-item .actions .action-delete{
padding: 0;
background-position: 9px 6px;
}
.container-item .action-delete,.container-item .action-duplicate{
padding: 0;
margin-top: 10px;
width: 16px;
height: 16px;
position: absolute;
top: 4px;
}
.container-item .action-delete{
background-position: 4px -30px;
right: 5px;
}
.container-item .action-duplicate{
background-position: 4px -66px;
right: 25px;
}
.container-item>.list .action-expand>.closed{
padding: 0;
margin-top: 10px;
background-position: -29px -26px;
}
.container-item.expanded>.list .action-expand>.opened{
padding: 0;
margin-top: 10px;
background-position: -29px 2px;
}
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix{
position: relative;
border-top: 1px solid #e0e0e0;
background: #F5F5F5;
height: 78px;
}
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix .ui-dialog-buttonset{
position: absolute;
right: 30px;
top: 20px;
}
.ui-dialog-buttonpane .watch-tutorial{
display: block;
position: absolute;
text-indent: -9999px;
width: 173px;
height: 16px;
left: 30px;
top: 30px;
background: url(../images/watch-tutorial.png) no-repeat 0 0;
}
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix .ui-dialog-buttonset button.ui-state-default,.tw-pb-main-container input[type="button"]{
position: relative;
padding: 10px 17px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
margin: 0;
margin-left: 10px;
background-color: #333;
-webkit-box-shadow: 0 2px 4px rgba(1, 1, 1, .1), inset 0 1px rgba(255, 255, 255, .6);
-moz-box-shadow: 0 2px 4px rgba(1,1,1,.1), inset 0 1px rgba(255,255,255,.6);
box-shadow: 0 2px 4px rgba(1, 1, 1, .1), inset 0 1px rgba(255, 255, 255, .6);
border: solid 1px #6395C0;
background-image: -webkit-linear-gradient(bottom, #65B6FC, #B3E1FF);
background-image: -moz-linear-gradient(bottom, #65B6FC, #B3E1FF);
background-image: -o-linear-gradient(bottom, #65B6FC, #B3E1FF);
background-image: -ms-linear-gradient(bottom, #65B6FC, #B3E1FF);
background-image: linear-gradient(to top, #65B6FC, #B3E1FF);
cursor: pointer;
}
.tw-pb-main-container input[type="button"]{
margin: 0;
}
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix .ui-dialog-buttonset button.ui-state-default span{
font-size: 13px;
font-weight: bold;
font-family: Arial;
color: #FFF;
}
.tw-pb-main-container .field-data input[type="text"]{
border: 1px solid #bebebe;
padding: 8px 10px;
min-width: 220px;
}
.tw-pb-main-container .general-field-container .field-data input[type="text"]{
min-width: 203px;
}
.tw-pb-main-container .general-field-container div.field-title,.tw-pb-main-container .general-field-container .field-item>.field-data{
width: auto;
}
.tw-pb-main-container .general-field-container{
position: relative;
border-bottom: 1px solid #e0e0e0;
background: #f5f5f5;
padding: 18px 0px 18px 30px;
}
.tw-pb-main-container .general-field-container .field-item{
width: 310px;
display: inline-block;
}
.tw-pb-main-container .general-field-container .field-desc{
display: none;
}
.field-item>div{
display: inline-block;
}
.field-item>div.field-title{
width: 120px;
font-family: Arial;
font-size: 12px;
font-weight: bold;
line-height: 28px;
color: #333;
}
.custom-field-container .field-item>div.field-title{
display: block;
width: auto;
vertical-align: top;
}
#shortcode_container_dialog.loading-shortcode .custom-field-container{
background-image: url('../../../assets/img/prettyPhoto/loader.gif');
background-repeat: no-repeat;
background-position: center;
min-height: 100px;
}
#shortcode_container_dialog .custom-field-container{
background: #fff;
margin-bottom: -20px;
padding-bottom: 20px;
}
#shortcode_container_dialog .general-field-container div.field-title{
line-height: 15px;
vertical-align: top;
margin-right: 30px;
padding-top: 10px;
}
.content .custom-field-container .field-item>div.field-data{
display: none;
}
.content .custom-field-container .field-item>div.field-title{
text-align: center;
}
.field-item>div.field-desc{
font-family: Arial;
font-size: 11px;
color: #9c9c9c;
vertical-align: top;
float: right;
width: 280px;
}
.field-item>.field-data{
width: 250px;
}
.field-item.type-color>.field-data{width: auto; position: relative;}
.field-item.type-color>.field-data>.color-view{position: absolute;display: none;z-index: 9999;left: 50%;}
.field-item.type-color>.field-data>.color-info{
background: url(../images/colorpicker/select.png) no-repeat;
width: 27px;
height: 27px;
position: absolute;
top: 4px;
right: 3px;
}
.field-item.type-color>.field-data>[data-type="color"]{background-color: #fff !important;color:#bebebe !important;}
.container-item>.list{
height: 34px;
line-height: 34px;
z-index: 9;
position: relative;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #f3f3f3;
-webkit-box-shadow: inset 0 4px rgba(255,255,255,.4);
-moz-box-shadow: inset 0 4px rgba(255,255,255,.4);
box-shadow: inset 0 4px rgba(255,255,255,.4);
border: solid 1px #bebebe;
padding: 0px 20px 0px 40px;
color: #333333;
cursor: move;
}
.container-item>.content{
width: 558px;
position: relative;
top: -2px;
display: none;
border: 1px solid #dfdfdf;
background-color: #fff;
border-top: none;
padding: 20px;
}
.container-item.expanded>.content{
display: block;
}
.container-item>.list .name{
float: left;
font-family: Arial;
font-size: 13px;
line-height: 36px;
font-weight: bold;
}
.container-item>.list .actions{
position: absolute;
width: 95%;
left: 20px;
}
/* Font awesome on Page Builder */
#pb-modal-container .custom-field-container .field-item .field-data .fa-viewer{
display: inline-block;
}
#fontawesome_container_dialog .general-field-container .field-item{
width: 200px;
}
#fontawesome_container_dialog .general-field-container .field-item .field-data input[type="text"]{
width: 150px;
min-width: 100px;
}
#fontawesome_container_dialog .general-field-container div.field-title{
width: 140px;
}
.custom-field-container > div.field-item.type-fa .field-title{
display: none;
}
.custom-field-container > div.field-item{
padding: 20px 30px 0px 30px;
}
.custom-field-container > div.field-item:last-child{
margin-bottom: 20px;
}
.custom-field-container .content div.field-item{
display: inline-block;
width: 100%;
margin: 5px 0;
}
/* Column Editor Styling */
.tw-pb-main-container .field-item.type-textArea.editor>.field-data{
width: 600px;
}
.tw-pb-main-container .field-item.type-textArea.editor>.field-data textarea{
width: 597px;
border: none;
min-height: 200px;
}
.tw-pb-main-container .field-item.type-textArea.editor>.field-data .tw-editor-content{
border-width: 1px;
border-style: solid;
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
border-color: #CCC #CCC #DFDFDF;
}
/* DropDown Styling */
.tw-pb-main-container .field-item>.field-data{
position: relative;
min-height: 35px;
}
.tw-pb-main-container .field-item>.field-data>select{
position: absolute;
z-index: 8888;
opacity: 0;
width: 220px;
height: 36px;
left: 0;
}
.tw-pb-main-container .field-item>.field-data>.select-text{
left: 0;
color: #9c9c9c;
position: absolute;
padding: 10px 45px 10px 15px;
background: #FFF url('../images/pb-dropdown.png') no-repeat right 1px top 0px;
}
.tw-pb-main-container .field-item>.field-data>.category-list-container{
margin-top: 35px;
width: 600px;
}
/* List Item Styling */
.category-list-container .category-list-item{
position: relative;
min-width: 145px;
display: inline-block !important;
padding: 8px 20px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 10px;
margin-right: 10px;
background-color: #333;
-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .15);
-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.15);
box-shadow: inset 0 1px 5px rgba(0, 0, 0, .15);
border: solid 1px #8F8F8F;
background-image: -webkit-linear-gradient(bottom, #969696, #C5C5C5);
background-image: -moz-linear-gradient(bottom, #969696, #C5C5C5);
background-image: -o-linear-gradient(bottom, #969696, #C5C5C5);
background-image: -ms-linear-gradient(bottom, #969696, #C5C5C5);
background-image: linear-gradient(to top, #969696, #C5C5C5);
}
.category-list-container .category-list-item .name,.category-list-container .category-list-item .actions{
display: inline-block;
font-family: Arial;
font-size: 13px;
font-weight: bold;
line-height: 18px;
color: #FFF;
}
.category-list-container .category-list-item .actions{
position: absolute;
right: 10px;
}
/* CheckBox Styling */
.tw-pb-main-container .field-item.type-checkbox>.field-data>.checkbox-text{
width: 90px;
height: 36px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #f3f3f3;
-webkit-box-shadow: 0 2px 4px rgba(1,1,1,.1), inset 0 4px rgba(255,255,255,.4);
-moz-box-shadow: 0 2px 4px rgba(1,1,1,.1), inset 0 4px rgba(255,255,255,.4);
box-shadow: 0 2px 4px rgba(1,1,1,.1), inset 0 4px rgba(255,255,255,.4);
}
.tw-pb-main-container .field-item.type-checkbox>.field-data>.checkbox-text>div{
height: 34px;
border-style: solid;
border-width: 1px;
border-color: #bebebe;
float: left;
font-family: Arial;
font-size: 12px;
line-height: 34px;
font-weight: bold;
text-align: center;
}
.tw-pb-main-container .field-item.type-checkbox>.field-data>.checkbox-text.checked-true>.checkbox-true{
width: 43px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
background-color: #fff;
-webkit-box-shadow: inset 0 2px rgba(255,255,255,.2);
-moz-box-shadow: inset 0 2px rgba(255,255,255,.2);
box-shadow: inset 0 2px rgba(255,255,255,.2);
border: solid 1px #6395c0;
background-image: -webkit-linear-gradient(bottom, #65b6fc, #b3e1ff);
background-image: -moz-linear-gradient(bottom, #65b6fc, #b3e1ff);
background-image: -o-linear-gradient(bottom, #65b6fc, #b3e1ff);
background-image: -ms-linear-gradient(bottom, #65b6fc, #b3e1ff);
background-image: linear-gradient(to top, #65b6fc, #b3e1ff);
}
.tw-pb-main-container .field-item.type-checkbox>.field-data>.checkbox-text.checked-true>.checkbox-false{
width: 44px;
border-left-width: 0px;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.tw-pb-main-container .field-item.type-checkbox>.field-data>.checkbox-text.checked-false>.checkbox-true{
width: 44px;
border-right-width: 0px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.tw-pb-main-container .field-item.type-checkbox>.field-data>.checkbox-text.checked-false>.checkbox-false{
width: 43px;
border-color: #8f8f8f;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
background-color: #fff;
-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.15);
-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.15);
box-shadow: inset 0 1px 4px rgba(0,0,0,.15);
border: solid 1px #8f8f8f;
background-image: -webkit-linear-gradient(bottom, #969696, #c5c5c5);
background-image: -moz-linear-gradient(bottom, #969696, #c5c5c5);
background-image: -o-linear-gradient(bottom, #969696, #c5c5c5);
background-image: -ms-linear-gradient(bottom, #969696, #c5c5c5);
background-image: linear-gradient(to top, #969696, #c5c5c5);
}
.tw-pb-main-container .field-item.type-checkbox>.field-data{
display: inline-block;
float: right;
width: 90px;
height: 36px;
min-height: 24px;
cursor: pointer;
}
/* List Styling */
.list .custom-field-container .field-item>.field-title{
display: none;
}
.list .custom-field-container .content>.field-item.type-text>.field-desc{
display: block;
}
.list .custom-field-container .content>.field-item.type-text>.field-data{
width:250px;
}
/* Accordion Styling */
.accordion .custom-field-container .field-item>div.field-title,.accordion .custom-field-container .field-item>div.field-desc{
display: none;
}
.field-item.type-container>.field-data{
width: 600px;
}
.tw-pb-main-container textarea{
padding: 10px;
min-height: 85px;
min-width: 550px;
border: 1px solid #bebebe;
}
.tw-pb-main-container .custom-field-container textarea{
min-width: 550px;
}
.tw-pb-main-container .custom-field-container .type-container .type-checkbox{
position: absolute;
right: 30px;
top: 18px;
width: auto;
}
.tw-pb-main-container .custom-field-container .type-container .type-checkbox .field-title{
position: absolute;
right: 100px;
top: 4px;
width: 200px;
text-align: right;
display: block;
}
#pb-modal-container{
display: inline-block !important;
min-height: 400px !important;
width: 660px !important;
background: #FFF;
}
.ui-widget-overlay{
opacity: 0 !important;
}
/* Container Item - Toggle Styling */
.container-item>.list .action-expand>.opened,.container-item.expanded>.list .action-expand>.closed{display: none;}
.container-item>.list .action-expand>.closed,.container-item.expanded>.list .action-expand>.opened{display: block;}
/* Container Item - Image Slider Styling */
[data-container-type="image_slider"]>.container-item{
display: inline-block;
width: 100px;
}
[data-container-type="image_slider"]>.container-item>.content{
padding: 0px;
height: 99px;
width: 99px;
margin: 0;
}
.image .container-item .action-delete{
right: 25px;
}
[data-container-type="image_slider"]>.container-item>.content>.image-src{
width: 99px;
height: 99px;
}
[data-container-type="image_slider"]>.container-item>.list>.name,
[data-container-type="image_slider"]>.container-item>.list>.actions>.action-expand{
display: none;
}
.placeholding{
line-height: 42px !important;
}
/* END - Pagebuilder */
.pagebuilder-container .hidden,.pagebuilder-container .size-0-0,.field-item.hidden{display: none !important;}