wp_blog/wp-content/plugins/revslider/css/admin.css

1301 lines
24 KiB
CSS
Raw Normal View History

2020-01-02 23:15:16 +07:00
/* ====================================== */
/* General
/* ====================================== */
.wrap .title_line{
height:50px;
clear:both;
}
.wrap .title_line h2{
float:left;
}
.float_left{
float:left;
}
.float_right{
float:right;
}
.prpos,.prpos:hover{
float:left !important;
margin-top:2px !important;
margin-left:10px !important;
background:url(../images/preview.png) no-repeat 10px 2px !important;
padding-left:33px !important;
}
.button_duplicate_slider,
.button_duplicate_slider:hover{
background:url(../images/duplicate.png) no-repeat 10px 2px !important;
padding-left:33px !important;
}
.greenbutton,
.greenbutton_normal
{
color:#fff;
line-height: 15px;
padding: 3px 10px;
white-space: nowrap;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: white !important;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
border: 1px solid #5fac1c !important;
font-size: 12px!important;
text-decoration:none;
font-weight:bold;
}
.greenbutton{
background:url(../images/edit.png) no-repeat 10px 2px; padding-left:33px;
background-color:#72c826;
}
.greenbutton_normal{
background-color:#72c826;
}
.greenbutton:hover,
.greenbutton_normal:hover{
border:1px solid #407016 !important
}
.orangebutton,.orangebutton:hover,.orangebutton:active{
background:url(../images/update.png) no-repeat 10px 2px;
background-color:#ff8920;
color:#fff;
line-height: 15px;
padding: 3px 10px;
white-space: nowrap;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: white !important;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
border: 1px solid #d36d00 !important;
font-size: 12px!important;
text-decoration:none;
font-weight:bold;
padding-left:33px;
}
.orangebutton:hover { border:1px solid #783b00 !important}
.tp-plugin-version{
text-align:right;
padding-right:20px;
padding-top:10px;
}
.postbox {
background:url(../images/grain.png) repeat #f1f1f1;
}
#div_debug{
xpadding:10px;
display:none;
}
.unite_error_message, .unite_success_message{
width:500px;
margin:10px;
padding:5px;
padding-left:10px;
padding-right:10px;
border-radius: 3px 3px 3px 3px;
color:#000000;
}
.unite_error_message{
border:1px solid #FA7C7C;
background-color:#FEE2E2;
}
.unite_success_message{
border:1px solid #7ED090;
background-color:#E3F5E7;
}
.margin_left10{
margin-left:10px !important;
}
.margin_top10{
margin-top:10px !important;
}
.margin_top2{
margin-top:4px !important;
}
.margin_right10{
margin-right:10px !important;
}
.vert_sap_5{
margin-top:5px !important;
}
.vert_sap_small{
margin-top:10px !important;
}
.vert_sap{
margin-top:20px !important;
}
.display_block{
display:block;
}
.vert_sap_medium{
margin-top:40px !important;
}
.mleft_10{
margin-left:10px !important;
}
.mleft_15{
margin-left:15px !important;
}
.mleft_20{
margin-left:20px !important;
}
.mright_10{
margin-right:10px !important;
}
.mtop_10{
margin-top:10px !important;
}
.mtop_20{
margin-top:20px !important;
}
.hor_sap{
padding-left:10px;
line-height:30px;
}
.hor_sap_double{
padding-left:30px;
line-height:30px;
}
.hor_sap_double_left{
display:block;
float:left;
width:30px;
height:2px;
}
.unite_table_items tr td{
height:40px;
padding-top:10px;
}
.unite_table_items tr td a{
font-size:14px;
}
.unite_table_items tr td div.button_slider_preview{
width:18px;
height:18px;
background:url(../images/preview.png) no-repeat;
cursor:pointer;
margin-left:16px;
margin-top:3px;
}
#frame_preview_slider{
width:1070px;
height:460px;
margin-top:10px;
}
.loader_round{
width:16px;
height:16px;
background-image:url('../images/loader.gif');
background-repeat:no-repeat;
padding-left:20px;
}
.success_message{
color:green;
}
/* ====================================== */
/* Settings Wide
/* ====================================== */
.unite_settings_wide hr{
border:0px;
border-top:1px dashed #999;
width:100%;
float:left;
}
.unite_settings_wide span{
padding-left:5px;
}
#button_duplicate_layer.button-disabled {
border-color:#bbb;
color:#464646;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;
/* Safari 1.x */
-khtml-opacity: 0.5;
/* Good browsers */
opacity: 0.5;
}
.unite_settings_wide .disabled th,
.unite_settings_wide .disabled td,
.unite_settings_wide .disabled input,
.unite_settings_wide .disabled select,
.unite_settings_wide .disabled .description,
.unite_settings_wide .disabled{
color:#6D6D6D;
}
.unite_settings_wide .disabled input{
background-color:#F0F0F0;
}
/* ====================================== */
/* Textbox Classes
/* ====================================== */
.textbox-small{
width:60px;
}
.text-sidebar{
width:60px;
}
.text-sidebar-normal{
width:100px;
}
.text-sidebar-long{
width:125px;
}
.text-sidebar-link{
width:340px;
}
/* ====================================== */
/* Settings
/* ====================================== */
.unite-postbox{
}
.unite-postbox hr{
border:none;
border-top:1px solid #ddd;
border-bottom:1px solid #fff;
}
.unite-postbox h3{
height:25px;
cursor:pointer !important;
padding:5px;
margin:0px;
position:relative;
}
.unite-postbox h3.no-accordion{
cursor:default;
}
.unite-postbox h3 .postbox-arrow{
width:25px;
height:25px;
float:right;
background-image:url('../images/wp-arrows.png');
background-repeat:no-repeat;
background-position:right 5px;
margin-right:4px;
}
.unite-postbox .inputCheckbox{
margin-top:7px;
}
.unite-postbox h3.box_closed .postbox-arrow{
background-position:right -66px;
}
.unite-postbox h3 span{
display:block;
padding-top:5px;
padding-left:15px;
color:#000000;
max-width:250px;
float:left;
line-height:18px;
}
/* style disabled input */
.unite-postbox li.disabled input,
.unite-postbox input[type='text'][disabled='disabled']{
color:#6D6D6D;
}
.text-disabled{
color:#6D6D6D !important;
}
.input-disabled{
color:#6D6D6D !important;
background-color:#F0F0F0 !important;
}
.view_wrapper{
position:relative;
}
/* color picker */
#divColorPicker{
position:absolute;
}
.zoomfact-text{
width:70px;
}
.wp-admin select{
min-width:80px;
}
.settings_panel{
margin-top:10px;
}
.settings_panel .settings_panel_left{
float:left;
width:630px;
}
.settings_panel .setting_required{
font-size:16px;
color:red;
}
.settings_panel_left .description{
display:block;
}
.settings_panel_left .button-primary{
margin-top:20px;
}
.settings_panel_left .button_preview_slider{
width:18px;
height:18px;
background:url(../images/preview.png) no-repeat;
cursor:pointer;
margin-left:30px;
margin-top:0px;
display:block;
float:left;
}
.settings_panel .settings_panel_right{
float:left;
width:300px;
}
.list_settings{
padding:0px;
margin:0px;
}
.list_settings li{
display:block;
padding-left:5px;
padding-top:10px;
padding-bottom:4px;
}
.list_settings li.disabled{
color:#6D6D6D;
}
.list_settings li .setting_text,
.list_settings li .setting_input,
.list_settings li .setting_unit{
display:block;
float:left;
}
.list_settings li .setting_text{
min-width:140px;
padding-right:4px;
corsor:default;
text-align:left;
}
.list_settings li .setting_unit{
padding-left:2px;
padding-top:3px;
}
.list_settings li .settings_addhtml{
padding-left:10px;
}
.list_settings li .setting_input select{
min-width:60px;
}
.list_settings .inputColorPicker{
width:110px;
}
.settings_buttons{
padding-top:15px;
padding-bottom:5px;
}
.button-image-select{
margin-right:5px;
}
.setting-image-preview{
border:1px dashed black;
width:100px;
height:70px;
display:block;
margin-right:10px;
float:left;
}
.settings_wrap .link_setting_title{
font-size:12px;
float:right;
margin-right:10px;
}
.settings_wrap .link_setting_title.link-selected{
color:green;
}
/* ====================================== */
/* Settings - Dropdown Checklist
/* ====================================== */
.ui-dropdownchecklist{
z-index:1000;
}
.ui-dropdownchecklist-dropcontainer-wrapper{
z-index:1000;
}
.ui-dropdownchecklist-selector {
border: 1px solid #ddd;
background: #fff url(../images/dropdown.png) no-repeat center right;
height: 22px;
}
.ui-dropdownchecklist-selector:hover {
background-image: url(../images/dropdown_hover.png);
border-color: #5794bf;
}
.ui-dropdownchecklist-selector.ui-state-disabled {
background-image: none !important;
border-color: #ddd !important;
color: #555;
}
.ui-dropdownchecklist-text {
font-size: 12px;
line-height: 15px;
padding: 3px 3px 3px ;
margin-right: 17px; /* background dropdown.png image */
}
.ui-dropdownchecklist-dropcontainer {
background-color: #fff;
border: 1px solid #999;
}
.ui-dropdownchecklist-item {
padding: 3px 3px 4px;
}
.ui-dropdownchecklist-item-hover {
background-color: #39f;
}
.ui-dropdownchecklist-item-disabled label {
color: #ccc;
}
.ui-dropdownchecklist-item-hover .ui-dropdownchecklist-text {
color: #fff;
}
.ui-dropdownchecklist-group {
font-weight: bold;
font-style: italic;
padding: 7px 5px 3px;
}
.ui-dropdownchecklist-indent {
padding-left: 20px;
}
/* ====================================== */
/* Edit Slider
/* ====================================== */
#button_save_slider{
float:left;
margin:0px;
text-align:center;
}
#button_cancel_save_slider {
float:left;
margin:0px;
margin-left:20px;
}
.button_delete_slider, #button_delete_layer, #button_delete_all,
.button_delete_slider:hover, #button_delete_layer:hover, #button_delete_all:hover {
color: white !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) !important;
border: 1px solid #b11a1a !important;
font-weight:bold;
background:url(../images/delete.png) no-repeat 10px 2px !important;
background-color: #c82626 !important;
padding-left:33px !important;
}
#button_delete_layer.button-disabled {
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;
/* Safari 1.x */
-khtml-opacity: 0.5;
/* Good browsers */
opacity: 0.5;
}
#button_delete_slider {
display:block;
float:left;
margin:0px;
margin-left:10px;
margin-right:0px;
margin-top:2px;
background:url(../images/delete.png) no-repeat 10px 2px; padding-left:33px;
background-color:#c82626;
color: white;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
border: 1px solid #CE8787;
}
.button_delete_slide {
background:url(../images/delete.png) no-repeat 10px 2px;
width:82px !important;
color: white !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) !important;
border: 1px solid #CE8787 !important;
background-color: #c82626 !important;
padding-left:33px;
}
.button_delete_slider:hover,
#button_delete_slider:hover,
.button_delete_slide:hover { border-color:#420707 !important;}
#button_close_slider_edit{
display:block;
float:left;
margin:2px 0px 0px 10px;
text-align:center;
background:url(../images/close.png) no-repeat 10px 2px; padding-left:33px;
background-color:#21759B;
}
#button_close_slide, .button_close_slide {
background-image:url(../images/close.png) !important;
background-repeat:no-repeat !important;
background-position:10px 3px !important; padding-left:33px !important;
margin-left:18px;
}
#link_edit_slides{
display:block;
float:left;
margin-left:10px;
font-size:18px;
margin-top:2px;
}
#slider_update_button_wrapper div, #slider_update_button_wrapper a{
float:left;
}
/* ====================================== */
/* Slides List
/* ====================================== */
.sliders_list_container{
width:680px;
}
.box-slideslist h3{
height:20px;
padding-top:5px;
padding-left:5px;
}
.box-slideslist .slideslist-title{
float:left;
width:200px;
}
.box-slideslist .slideslist-loading{
float:right;
width:100px;
padding-right:10px;
text-align:right;
font-size:12px;
display:none;
}
#list_slides{
margin:10px;
padding:0px;
}
#list_slides .slide_color_preview,
#list_slides .slide_color_preview_trans
{
width:200px;
height:100px;
border:1px solid #b5b5b5;
padding:1px;
}
#list_slides .slide_color_preview_trans{
background-color:none !important;
background-image:url(../images/trans_tile2.png);
background-repeat:repeat;
}
#list_slides li{
padding:5px;
padding-bottom:3px;
}
#list_slides li span.slide-col{
float:left;
display:block;
text-align:center;
}
#list_slides li span.col-order{
width: 50px;
}
#list_slides li .col-order .order-text{
margin-top: 5px;
margin-left:8px;
display:block;
font-size: 16px;
font-weight: normal;
color: #999;
text-shadow: 0px 1px 1px white;
text-align:left;
}
#list_slides li .state_loader{
width:16px;
height:16px;
background:url(../images/loader.gif);
background-repeat:no-repeat;
margin-top:25px;
margin-left:6px;
}
#list_slides li .icon_state{
width:16px;
height:16px;
background-color:red;
margin-top:25px;
margin-left:6px;
cursor:pointer;
}
#list_slides li .icon_slide_preview{
width:18px;
height:18px;
background:url(../images/preview.png);
margin-top:23px;
margin-left:5px;
cursor:pointer;
}
#list_slides li .icon_state.state_published{
background:url(../images/icon-published.png);
background-repeat:no-repeat;
}
#list_slides li .icon_state.state_unpublished{
background:url(../images/icon-unpublished.png);
background-repeat:no-repeat;
}
#list_slides li span.col-name{
min-width:210px;
width:210px;
margin-top:33px;
margin-left:-30px;
}
#list_slides li .button_delete_slide{
display:block;
width:35px;
margin:6px auto 0px;
background:url(../images/delete.png) no-repeat 10px 2px;
background-color: #c82626;
padding-left:33px;
}
#list_slides li span.col-name .button_edit_slide{
display:block;
width:55px;
margin:0px auto;
margin-top:12px;
}
#list_slides li span.col-operations{
width:120px;
padding-top:0px;
text-align:center;
display:block;
padding-left:15px;
}
#list_slides li span.col-handle{
float:right;
border:1px solid #A1A1A1;
background-color:#E0E0E0;
opacity: .6;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
height:100px;
width:30px;
cursor:move;
margin-top:2px;
}
#list_slides li div.col-handle-inside{
padding-top:43px;
padding-left:7px;
}
#list_slides .col-image{
display:block;
width:200px;
text-align:center;
margin-top:2px;
}
.col-image .slide_image{
cursor:pointer;
border:1px solid #b5b5b5;
background-color:#e5e5e5;
padding:1px;
width:200px;
height:100px;
background-position:center center;
background-size:cover;
}
#list_slides .button_duplicate_slide{
background:url(../images/duplicate.png) no-repeat 10px 2px;
padding-left:33px;
display:block;
width:97px;
margin:0px auto;
margin-top:11px;
}
#list_slides .button_copy_slide{
background:url(../images/duplicate.png) no-repeat 10px 2px;
padding-left:33px;
display:block;
width:114px;
margin:0px auto;
margin-top:11px;
}
#button_duplicate_layer {
background:url(../images/duplicate.png) no-repeat 10px 2px;
padding-left:33px;
}
/* ====================================== */
/* Edit Slide
/* ====================================== */
.editor_buttons_wrapper{
margin-bottom:6px;
}
.oldwp .editor_buttons_wrapper{
margin-bottom:10px;
}
.editor_buttons_wrapper a
.editor_buttons_wrapper label,
.editor_buttons_wrapper input,
{
float:left;
}
.editor_buttons_wrapper_top{
padding:0px;
margin:0px;
}
.editor_buttons_wrapper_bottom{
padding:0px;
margin:0px;
margin-top:3px;
}
.editor_buttons_wrapper input{
margin-right:2px;
}
.editor_buttons_wrapper label{
margin-right:5px;
}
.editor_buttons_wrapper .slide_bg_color{
width:100px;
}
#dialog_preview{
padding:0px !important;
overflow:hidden !important;
}
#button_preview_slide{
background:url(../images/preview.png) no-repeat 10px 2px !important;
padding-left:33px;
margin-left:300px;
}
#frame_preview{
margin-left:4px;
margin-top:8px;
}
/* ====================================== */
/* Video Dialog
/* ====================================== */
.ui-dialog-content,
.ui-dialog-buttonpane{
cursor:default;
}
#dialog_video{
cursor:default;
}
.dialog-video .video-title{
margin-bottom:5px;
}
.dialog-video .video_example{
font-style:italic;
font-size:11px;
display:block;
margin-top:2px;
cursor:text;
}
.dialog-video .button-regular{
cursor:pointer;
}
.dialog-video .video_left{
float:left;
width:270px;
}
.dialog-video .video_right{
float:left;
width:390px;
margin-left:5px;
}
.dialog-video #button-video-add{
color:white;
}
.dialog-video .add-button-wrapper{
margin-top:30px;
margin-left:50px;
}
.dialog-video .youtube-inputs-wrapper{
margin-top:30px;
}
.dialog-video .video-input-small{
width:50px;
}
.dialog-video #input_youtube_width{
margin-right:20px;
}
.dialog-video .video-content-title{
font-weight:bold;
padding-bottom:5px;
}
.dialog-video .video-content-description{
padding-top:3px;
}
.dialog-video .video-content-error{
padding-top:30px;
text-align:center;
font-size:16px;
color:red;
}
.dialog-video .choose-video-type{
margin-bottom:15px;
}
.dialog-video .video-select-block{
margin-top:20px;
border-top:1px dashed black;
padding-top:15px;
}
.video-type-chooser input{
margin-right:5px;
}
#video_block_html5{
width:600px;
}
#video_block_html5 ul li{
margin-top:20px;
}
#video_block_html5 .video_title2{
margin-bottom:2px;
}
#video_block_html5 .video_example{
margin-top:2px;
}
#video_block_html5 ul li input{
width:400px;
}
.dialog-video .checkbox_video_dialog{
margin-left:5px;
margin-top:2px;
}
#video_radio_youtube,
#video_radio_vimeo,
#video_radio_html5 { vertical-align: bottom; margin-right:20px;}
/* ====================================== */
/* Video Dialog End
/* ====================================== */
/* ====================================== */
/* API (slider settings view), and toolbox
/* ====================================== */
.advanced_links_wrapper{
margin-top:35px;
}
.advanced_links_wrapper .button-selected{
color:green;
}
#link_show_api{
display:block;
float:left;
margin-left:200px;
}
#link_show_toolbox{
margin-left:20px;
}
.api_wrapper,.toolbox_wrapper{
margin-top:20px;
}
.api_wrapper .api-caption,
.toolbox_wrapper .api-caption{
font-size:14px;
font-weight:bold;
}
.api_wrapper .api-desc,
.toolbox_wrapper .api-desc{
margin-top:2px;
margin-bottom:10px;
font-style:italic;
}
.api-table .api-cell1{
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}
.api-input{
width:160px;
font-weight:bold;
}
#api_area{
width:100%;
height:250px;
}
/* ====================================== */
/* Codemirror Editor
/* ====================================== */
.CodeMirror-scroll{
height:400px !important;
}
/**************************
- SLIDE VIEW -
***************************/
.slide_selector{
margin-top:10px;
}
ul.list_slide_links li{
float:left;
margin-bottom:0px;
}
ul.list_slide_links li a{
display: block;
border: 1px solid #e3e3e3;
font-size: 12px;
color: #000;
text-decoration: none;
text-align: center;
padding: 10px 20px;
font-weight: bold;
border-radius:4px 4px 0px 0px;
-moz-border-radius:4px 4px 0px 0px;
-webkit-border-radius:4px 4px 0px 0px;
background: #fafafa; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fafafa 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fafafa 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fafafa 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fafafa 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom, #fafafa 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
cursor:pointer;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=75);
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
ul.list_slide_links li a:hover{
background:none;
background-color:#fff;
border-bottom:1px solid #fff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
ul.list_slide_links li a.selected{
background:none;
background-color:#fff;
border-bottom:1px solid #fff;
cursor:default;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
ul.list_slide_links li a.add_slide{
width:65px;
}
.tabdivider {
margin: -1px 0px 0px;
border:none;
border-top: 1px solid #ddd;
}
/**************************
- SOME EXTRAS -
***************************/
.toggled-content { padding:10px; box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.divide10 { width:100%;clear:both; height:10px;}
.divide20 { width:100%;clear:both; height:20px;}
.p10 { padding:10px;}
.p20 { padding:20px;}
.pt0 { padding-top:0px;}
.pb0 { padding-bottom:0px;}
.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}
.ml0 { margin-left:0px !important}
.ml10 { margin-left:10px !important}
.mr10 { margin-right:10px !important}
.mb10 { margin-bottom:10px !important}
.boxsized { box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.mw960 { max-width:960px;}
.newlineheight { float:left; margin-right:10px !important;margin-bottom:10px !important;}
@media only screen and (max-width: 768px) {
.clearme { clear:both;}
}
.button-secondary, .button-primary { border-radius:3px !important; -webkit-border-radius:3px !important; -moz-border-radius:3px !important;}
.nowrap { white-space: nowrap}
.postbox-arrow2 { font-weight:bold;}
#toolbox_wrapper,
#api_wrapper,
#main_dlier_settings_wrapper
{ margin-right:20px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
/********************************************
- TABLE STLE FOR RESPONSIVE SIZES -
*********************************************/
#responsitive_row.disabled { display:none;}
#slider_size_row table,
#slider_size_row td,
#slider_size_row th,
#slider_size_row tr,
#responsitive_row table,
#responsitive_row td,
#responsitive_row th,
#responsitive_row tr { padding:0 !important; margin:0 !important; vertical-align: middle !important}
#responsitive_row th { vertical-align: top !important; padding-top: 16px !important;padding-left:10px !important;}
#responsitive_row tr:first-child td { padding-top:10px !important}
#responsitive_row td td { padding-left:10px !important; padding-bottom:15px !important }
#slider_size_row th { padding-left:10px !important;}
#slider_size_row td td { padding-left:10px !important;}