/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearboth, .clearfix:after { clear: both; } /* fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ .clearfix { zoom: 1; } .invisible { visibility: hidden; } .sub_shortcode_wrap { display: none; } .wpv-config-page .button, .wpv-config-page .button-primary { -moz-border-radius: 3px; border-radius: 3px; } /* * tabs/ tab secttions */ #wpv-config .wpv-config-group { display: block; } #wpv-config-tabs { width: 149px; float: left; margin-bottom: -1px; } #wpv-config-tabs li { margin: 0; position: relative; } #wpv-config-tabs li a { display: block; background: #f3f3f3; border: solid #dfdfdf; border-top-color: #fff; border-width: 1px 0; text-decoration: none; padding: 6px; text-shadow: 0 1px 0 #fff; color: #21759B; font-weight: bold; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #wpv-config-tabs li.sub a { padding: 3px 6px 3px 15px; font-weight: normal; background: #fff; border-bottom: 0; } #wpv-config-tabs li.sub.last-sub a { border-bottom: 1px solid #dfdfdf; } #wpv-config-tabs li.sub a:hover { background: #eaf2fa; color: #333; } #wpv-config-tabs li:first-child a { border-top: 1px solid #dfdfdf; } #wpv-config-tabs li a:hover { color: #d54e21; } #wpv-config-tabs li.ui-tabs-active a, #wpv-config-tabs li.sub-selected a { color: #fff; text-shadow: 0 -1px 0 #333333; } #wpv-config-tabs li.ui-tabs-active a, #wpv-config-tabs li.ui-tabs-active .arrow, #wpv-config-tabs li.sub-selected a, #wpv-config-tabs li.sub-selected .arrow { background-color: #777; background-image: -ms-linear-gradient(bottom,#6d6d6d,#808080); background-image: -moz-linear-gradient(bottom,#6d6d6d,#808080); background-image: -o-linear-gradient(bottom,#6d6d6d,#808080); background-image: -webkit-gradient(linear,left bottom,left top,from(#6d6d6d),to(#808080)); background-image: -webkit-linear-gradient(bottom,#6d6d6d,#808080); background-image: linear-gradient(bottom,#6d6d6d,#808080); } #wpv-config-tabs li.ui-tabs-active .arrow, #wpv-config-tabs li.sub-selected .arrow { display: block; position: absolute; right: -14px; top: 1px; z-index: 90000; height: 30px; width: 14px; background: url('../images/tabs-arrow.png') no-repeat; } #wpv-config-tabs li.ui-tabs-active.sub a { color: #333; background: #fff; text-shadow: none; font-weight: bold; } /* * admin header */ #wpv-config-title { width: 827px; margin-top: 30px; padding-top: 10px; background-color: #f3f3f3; background-image: -moz-linear-gradient(top, #f3f3f3, #f0f0f0); background-image: -ms-linear-gradient(top, #f3f3f3, #f0f0f0); background-image: -o-linear-gradient(top, #f3f3f3, #f0f0f0); background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#f0f0f0)); background-image: -webkit-linear-gradient(top, #f3f3f3, #f0f0f0); background-image: linear-gradient(top, #f3f3f3, #f0f0f0); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#f0f0f0'); -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border: 1px solid #dfdfdf; } /* * helper links under header */ #wpv-first-run, #wpv-config-title-links { background-color: #f0f0f0; padding: 5px 10px; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3); border-top: 1px solid #fff; } #wpv-first-run { border-botom: 1px solid #dfdfdf; border-width: 1px 0; background-color: #ccf; } #wpv-config-title-links * { -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #wpv-config-title-links .button-primary { float: right; position: relative; top: 3px; margin-top: -3px; padding: 0 6px; margin-right: 10px; } #wpv-config-title-links a { color: #666; text-decoration: none; margin: 0 5px; text-transform: uppercase; font-size: 10px; font-weight: bold; position: relative; top: 4px; float: left; } #wpv-config-title-links a:hover { color: #21759b; } #wpv-config-title-links a:first-child { margin-left: 0; } #wpv-config-title-links a:last-child { margin-right: 0; } /* * title in admin header */ #wpv-config-title h2 { color: #666; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3); padding: 10px; font-style: normal; border-bottom: 1px solid #dfdfdf; } #wpv-config-title p { margin: 0; padding: 10px 0; } #wpv-config-title .message { margin: 0; -moz-border-radius: 0; border-radius: 0; border: 0; backgroundd9d9d9BB9; color: #f0f0f0; text-align: center; } /* * admin wrap */ #wpv-config { width: 828px; background: #f3f3f3; border: solid #dfdfdf; border-width: 0 0 1px 1px; overflow-y: hidden; } /* * config groups */ .wpv-config-group { width: 677px; float: left; background: #fff; padding-bottom: 10000px; margin-bottom: -9990px; border: 1px solid #dfdfdf; border-bottom-width: 0; color: #444; } .wpv-config-group.metabox { float: none; display: block; width: auto; margin-bottom: 0; padding-bottom: 0; border-bottom-width: 1px; } .wpv-config-group:first-of-type { display: block; } .wpv-config-group h4, #shortcode_preview h4 { border-bottom: 1px solid #E7E7E7; font-size: 15px; font-weight: normal; color: #464646; margin: 10px 0; padding: 7px 0; text-shadow: 0 1px 0 #FFFFFF; font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif; } .wpv-config-group .config-separator, .wpv-config-group .config-info { border: 1px solid #dfdfdf; border-width: 1px 0; color: #666; background-color: #f3f3f3; background-image: -moz-linear-gradient(top, #f3f3f3, #f0f0f0); background-image: -ms-linear-gradient(top, #f3f3f3, #f0f0f0); background-image: -o-linear-gradient(top, #f3f3f3, #f0f0f0); background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#f0f0f0)); background-image: -webkit-linear-gradient(top, #f3f3f3, #f0f0f0); background-image: linear-gradient(top, #f3f3f3, #f0f0f0); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#f0f0f0'); } .wpv-config-group .config-separator { text-align: center; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); font-weight: bold; margin-top: 10px; } .postbox .config-separator .handlediv { margin-top: -10px; } *+html .postbox .config-separator .handlediv { margin-top: -30px; } .wpv-config-row.autofill { margin-top: 10px; } .wpv-config-row, .wpv-config-group .config-separator, .wpv-config-group .config-info { padding: 6px 20px; clear: both; } .wpv-config-group .config-info { margin: 10px 50px 0 50px; border-width: 1px; } .wpv-config-group .config-info.sticked { margin-top: 0; border-top-color: #fff; } .wpv-config-row .content { margin-right: 160px; } .wpv-config-row.no-desc .content { margin-right: 0; } .wpv-config-row .description { float: right; width: 135px; padding-left: 5px; border-left: 1px dotted #999; text-shadow: #ccc 1px 1px 1px; } .wpv-config-row.no-desc .description { display: none; } .wpv-config-row select { max-width: 100%; } /* * footer */ .save-wpv-config { width: 827px; background: #f3f3f3; border: 1px solid; border-top-color: #fff !important; margin: 0; text-align: right; padding: 3px 0; } .save-wpv-config input { margin-right: 20px; padding: 0 6px; } /* * shortcode styles */ #shortcodes { display: none; } .shortcode_wrap { width: 100%; } .shortcode_content { width: 49%; float: left; } #shortcode_preview { width: 50%; height: 100%; float: left; margin-top: 45px; } #shortcode_preview > div > iframe { min-height: 300px; } .shortcode_send { margin-left: 20px; } .shortcode_buttons { clear: both; text-align: right; } .shortcode_buttons.top { margin-bottom: 0; } /* * portfolio gallery */ .imageItemWrap .hndle { vertical-align: middle; width: 10px; } .imageItemWrap .hndle div { width: 10px; height: 10px; background: #55f; -moz-border-radius: 50px; border-radius: 50px; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); -o-box-shadow: 0 0 10px rgba(0,0,0,0.4); box-shadow: 0 0 10px rgba(0,0,0,0.4); } #imagesSortable .sortItem-placeholder { background: #f0f0f0; border: 1px solid #ccc; } #credits_tbl { border: 1px solid #dfdfdf; } /* * the sortcodes menu in tinymce */ #menu_content_content_wpv_shortcodes_menu { width: 132px; height: 300px; } #menu_content_content_wpv_shortcodes_menu tr.mceFirst { width: 132px !important; } #menu_content_content_wpv_shortcodes_menu tr.mceFirst td { width: 132px !important; } #menu_content_content_wpv_shortcodes_menu tr { width: 132px !important; border-left: 1px solid #ccc; } #menu_content_content_wpv_shortcodes_menu tr td { width: 132px; } /* * sidebar editor */ #new-sidebar-id { width: 131px; } #registered-sidebars { margin-bottom: 10px; } #registered-sidebars li { background: #F1F1F1; color: #21759B; padding: 5px 10px; width: 230px; margin: 0; border: 1px solid #dfdfdf; border-top-color: #fff; } #registered-sidebars li:first-child { border-top-color: #dfdfdf; } .delete-sidebar { cursor: pointer; margin-left: 20px; float: right; } .delete-sidebar:hover { color: #d54e21 } #wpv-sidebars-message { color: #FF4B33; } .wpv-help { padding: 10px 20px; background: #fff; } /* font options */ .font-descriptions div { float: left; font-size: 9px; color: #777; text-align: center; text-shadow: #ccc 1px 1px 2px; } .font-size-desc { width: 60px; } .line-height-desc { margin-left: 20px; width: 60px; } .font-preview { margin-top: 5px; padding: 10px; border: 1px dotted #ccc; } /* font options */ .body-layout img, .wpv-autofill img { cursor: pointer; border: 1px solid #bbb; } .body-layout img.selected, .body-layout img:hover, .wpv-autofill.selected img, .wpv-autofill:hover img { border-color: #288BB9; -moz-box-shadow: 0 0 2px #288BB9; -webkit-box-shadow: 0 0 2px #288BB9; box-shadow: 0 0 2px #288BB9; } .body-layout input[type="radio"] { display: none; } .result { color: #FF4B33; display: block; } /* toggle */ .wpv-config-row.toggle .content img { margin-right: 10px; border: 1px solid #bbb; } /* toggle */ /* general layout editor */ .wpv-layout-wrap { border: 1px solid #999; background: #ddd; width: 630px; height: 600px; overflow: hidden; color: #777; text-shadow: 1px 1px 3px #aaa; text-transform: uppercase; font-size: 10px; font-weight: bold; margin-left: 5px; } .locontent { background: #fff; } .loelement-pad { overflow: hidden; text-align: center; padding: 5px; font-size: 1em; } .lo-info { position: absolute; top: -2px; left: 10px; } .lo-toggle { position: absolute; top: -2px; right: 20px; font-weight: normal; text-transform: lowercase; } .lo-toggle.bottom { top: auto; right: auto; left: 10px; bottom: 10px; } .lo-toggle span { color: #999; cursor: pointer; } .lo-toggle .enable.active, .lo-toggle .enable:hover { color: #0b0; } .lo-toggle .disable.active, .lo-toggle .disable:hover { color: #b00; } .toggle-disabled { background: #f0f0f0; } .ui-layout-content { padding: 10px; position: relative; /* contain floated or positioned elements */ } .margin-east, .margin-west { background: #ddd; color: #999; overflow:hidden; } .gutter-dragging-limit, .wpv-resizer-west-dragging-limit, .wpv-resizer-east-dragging-limit, .gutter-horizontal-dragging-limit, .inner-gutter-horizontal-dragging-limit { background: #d55 !important; } .wpv-resizer-west, .wpv-resizer-east, .gutter { border-left: 1px dotted #5484C6; border-right: 1px dotted #5484C6; background: #CBE3FF; } .inner-gutter-horizontal, .gutter-horizontal { border-top: 1px dotted #5484C6; border-bottom: 1px dotted #5484C6; background: #CBE3FF; width: 100% !important; } .gutter-horizontal-inactive { background: #ddd; width: 100% !important; } .layout-inner-content > .inner-gutter-horizontal-north { margin-top: -58px !important; } .layout-slider { height: auto !important; } /* general layout editor */ /* social */ .wpv-config-row.social tbody th { text-align: right; } .wpv-config-row.social td { text-align: center; } /* social */ /* templates */ .wpv-config-row.templates { padding: 0; } #wpv_templates .metabox { border: 0; background: transparent; } #wpv-templates-name { width: 199px; } #wpv_templates .success { background: #393; } #wpv_templates .error { background: #FF4B33; } #wpv_templates .success, #wpv_templates .error { color: white; display: block; font-weight: bold; margin-bottom: 5px; padding: 7px; text-align: center; } #wpv-available-templates { width: 134px; } .templates .description { font-size: 10px; margin: 5px 3px; border: 0; float: none; width: auto; padding: 0; } /* templates */ /* ajax save */ #wpv-ajax-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.3); z-index: 9999; } #wpv-ajax-content { -moz-border-radius: 10px; border-radius: 10px; background-color:rgba(0, 0, 0, 0.6); color: #fff; font-size: 40px; height: 80px; left: 45%; padding-top: 50px; position: fixed; text-align: center; top: 20%; width: 200px; z-index: 10000; } /* ajax save */ /* thickbox */ #TB_overlay, #TB_window { z-index: 500000; } /* thickbox */ /* colorbox */ #cboxContent { -moz-box-shadow: rgba(0,0,0,1) 0 4px 30px; -webkit-box-shadow: rgba(0,0,0,1) 0 4px 30px; -khtml-box-shadow: rgba(0,0,0,1) 0 4px 30px; box-shadow: rgba(0,0,0,1) 0 4px 30px; } #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight { display: none; } #cboxOverlay { opacity: 0.75 !important; } #cboxClose { top: 0; bottom: auto; background: url('../images/tb-close.png') no-repeat; margin: 5px; height: 15px; width: 15px; } #cboxClose:hover { background-position: center center; } #cboxLoadedContent { margin-bottom: 0 !important; margin-top: 25px; } #cboxTitle { min-height: 20px; bottom: auto; top: 0; left: 0; right: 0; width: auto; background: #222; color: #cfcfcf; padding:5px 0 0 10px; text-align: left; font: 12px "Lucida Grande", Verdana, Arial, sans-serif } /* colorbox */ /* select + checkbox */ .wpv-config-row.select_checkbox select, .wpv-config-row.select_checkbox .checkbox { float: left; } /* select + checkbox */ /* grid */ /* simple grid */ .one_half, .one_third, .two_thirds, .three_fourths, .one_fourth, .one_fifth, .two_fifths, .three_fifths, .four_fifths, .one_sixth, .five_sixths, .full { position: relative; margin-right: 4%; float: left; } .one_half { width: 48%; } .one_third { width: 30.6666%; } .two_thirds { width: 65.3332%; } .one_fourth { width: 22%; } .two_fourth { width: 48%; } .three_fourths { width: 74%; } .one_fifth { width: 16.8%; } .two_fifths { width: 37.6%; } .three_fifths { width: 58.4%; } .four_fifths { width: 79.2%; } .one_sixth { width: 13.3333%; } .five_sixths { width: 82.6665%; } .full { width: 100%; } .last, .full { margin-right: 0 !important; clear: right; } /* grid */ /* horizontal blocks */ .horizontal_blocks .ui-range { height: 32px; margin-top: 20px; } .horizontal_blocks .blocks div.block { border: 1px solid #bbb; background: #f7f7f7; color: #333; min-height: 80px; margin-top: 20px; position: relative; display: none; } .horizontal_blocks .blocks .active div.block { display: block; } .horizontal_blocks .blocks div.block .options { position: absolute; text-align: center; top: 50%; margin-top: -12px; width: 100%; } /* horizontal blocks */ .wpv-config-row[data-slide-type="html"] .slide-types .image { display: none; } .wpv-config-row .slide-types .html textarea { width: 100%; } .hidden_el { border-top: 1px solid #ccc; padding-top: 10px } .hidden_el:first-child { border-top: 0; padding: 0 } #wpcontent select[multiple] { height: 6em; } .theme-config-page input.mColorPicker { width: auto; } .ibutton-container { position: relative; height: 27px; cursor: pointer; overflow: hidden; /* set max width to that of sprite */ max-width: 400px; /* prevent text selection */ -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -moz-user-focus: ignore; -moz-user-input: disabled; /* set default width based on ON/OFF labels */ width: 89px; } .ibutton-container input { position: absolute; top: 0; left: 0; /* hide the element */ filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; /* allow checking of input if visible */ -moz-user-input: enabled !important; } .ibutton-handle { display: block; height: 27px; cursor: inherit; position: absolute; top: 0; left: 0; width: 0; background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 0 -27px; z-index: 3; padding-left: 3px; /* set default width based on ON/OFF labels */ width: 33px; } .ibutton-handle-right { height: 100%; width: 100%; padding-right: 3px; background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 100% -27px; z-index: 3; } .ibutton-handle-middle { height: 100%; width: 100%; background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 50% -27px; z-index: 3; } div.ibutton-label-on, div.ibutton-label-off { white-space: nowrap; font-size: 17px; line-height: 17px; font-weight: bold; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; text-transform: uppercase; cursor: inherit; display: block; height: 22px; position: absolute; width: auto; top: 0; padding-top: 5px; overflow: hidden; background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 0 0; } div.ibutton-label-on { color: #fff; text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.4); left: 0; padding-top: 5px; z-index: 1; } div.ibutton-label-on span { padding-left: 8px; } div.ibutton-label-off { color: #7c7c7c; background-position: 100% 0; text-shadow: 0 -1px 2px rgba(153, 153, 153, 0.4); text-align: right; right: 0; /* the off label needs to near the left edge (ideally just 5px away) * it just needs to be close enough that it won't show under the handle if dragged to the left */ width: 95%; } div.ibutton-label-off span { padding-right: 8px; } /* create an outline when button gets focus via keyboard */ .ibutton-container label { cursor: inherit; border: 1px dotted transparent; } .ibutton-focus label { /* we must use border, since outline doesn't work in IE */ border: 1px dotted #666 !important; } .ibutton-focus div.ibutton-label-on span label { /* use white for more contrast */ border-color: #fff !important; } /* add padding to right/left so that text gets clipped before absolute edge */ .ibutton-padding-left, .ibutton-padding-right { position: absolute; top: 4px; z-index: 2; background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 0 -4px; width: 3px; height: 20px; } .ibutton-padding-left { left: 0; } .ibutton-padding-right { right: 0; background-position: 100% -4px; } /* change the styles of the handle when being dragged */ .ibutton-active-handle .ibutton-handle { background-position: 0 -108px; } .ibutton-active-handle .ibutton-handle-right { background-position: 100% -108px; } .ibutton-active-handle .ibutton-handle-middle { background-position: 50% -108px; } /* styles to use when the button is disabled */ .ibutton-disabled { cursor: not-allowed !important; /* cursor options: default or not-allowed */ } .ibutton-disabled .ibutton-handle { background-position: 0 -81px; } .ibutton-disabled .ibutton-handle-right { background-position: 100% -81px; } .ibutton-disabled .ibutton-handle-middle { background-position: 50% -81px; } .ibutton-disabled div.ibutton-label-on { background-position: 0 -54px; } .ibutton-disabled div.ibutton-label-off { background-position: 100% -54px; } .ibutton-disabled .ibutton-padding-left { background-position: 0 -54px; } .ibutton-disabled .ibutton-padding-right { background-position: 100% -54px; } .ibutton-disabled div.ibutton-label-on { color: #fff; } .ibutton-disabled div.ibutton-label-off { color: #cbcbcb; } /*** range input ***/ .ui-range-slider { background:url("../images/ibutton-slider-default.png") -3px -10px; height:9px; position:relative; cursor:pointer; border:1px solid #ddd; margin-top: 8px; width:180px; float:left; -moz-border-radius:5px; border-radius:5px; } .progress { height:9px; background-color:#C5FF00; display:none; opacity:0.6; } .ui-range-slider .ui-slider-handle { background:url("../images/ibutton-slider-default.png") -5px -30px; height:23px; width:8px; top:-9px; position:absolute; display:block; margin-top:1px; border:1px solid #ccc; cursor:move; -moz-box-shadow:0 0 6px #ddd; -webkit-box-shadow:0 0 6px #ddd; box-shadow:0 0 6px #ddd; -moz-border-radius:14px; border-radius:14px; } .ui-range input { border:1px solid #ddd; float:left; font-size:12px; margin-left:15px; padding:3px 0; text-align:center; width:40px; -moz-border-radius:5px; border-radius:5px; } /*** image upload ***/ .image-upload-preview:not(:empty) { margin-bottom: 10px; } #wpv-colorpicker { background: #fafafa; border: 1px solid #ccc; border-radius: 3px; } #wpv-colorpicker .transparent { display: block; text-align: center; border-top: 1px solid #ccc; margin-top: 10px; cursor: pointer; color: inherit; padding: 5px 0; }