/*-------------------------------------------------------------------------------------------*/ /* Theme4Press admin styles */ /*-------------------------------------------------------------------------------------------*/ #t4p_container { margin: 0px 15px 15px 0px; width: 827px; position:relative; z-index: 0 } #t4p_container #header { background:#FFFFFF;border: 1px solid #DCDCDC;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);height: 70px;} #t4p_container #header .logo {float: left;margin: 8px 20px;} #t4p_container #header .logo span {bottom: 5px;color: #888888;position: relative;} #t4p_container #header .logo h3 {display: inline-block;font-size: 23px;font-style: normal;font-weight: normal;margin-bottom: 0;margin-top: 15px;padding-right: 5px;} #t4p_container #header .icon-option {background: url("../images/icon-option.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);float: right;height: 33px;margin: 18px 30px 0;width: 33px;} #t4p_container .tabContainer .section-info { background: none repeat scroll 0 0 rgba(209, 231, 150, 0.9); border-color: #B0C37F; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important; margin: 20px 0; padding: 10px 20px; } #t4p_container #support-links, .save_bar { background:#F8F8F8;border-color: #DCDCDC;border-image: none;border-style: solid;border-width: 0 1px 1px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 15px rgba(0, 0, 0, 0.05) inset, 0 1px 0 #FFFFFF inset;height: 40px;padding: 10px 20px 0 15px;text-align: right; } .save_bar {border-width: 1px 0 0 0;} #t4p_container #support-links ul {margin:0; float: left;margin-top: 8px;} #t4p_container #support-links ul li { display: inline; margin: 0 10px 0 0; padding: 0px 0 2px 22px;} #t4p_container #support-links ul li a:link, #support-links ul li a:visited { color: #808080;font-weight: bold;text-decoration: none; } a#expand_options {font-style:normal!important;font-size:18px!important;} #t4p_container #support-links ul li a:hover { color: #333; } #t4p_container #support-links ul li.changelog { background: url(../images/icon-changelog.png) no-repeat left center; } #t4p_container #support-links ul li.docs { background: url(../images/icon-docs.png) no-repeat left center; } #t4p_container #support-links ul li.home { background: url(../images/icon-home.png) no-repeat left center; } #t4p_container #support-links ul li.support {background: url(../images/icon-support.png) no-repeat left center; } #t4p_container #support-links ul li.right { float:right; margin-right:15px} #t4p_container #support-links ul li.upgrade {background: -moz-linear-gradient(center top , #444 20%, #333 100%) repeat scroll 0 0 transparent;border-color: #3F5C7E #3F5C7E #27405B;border-radius: 20px;border-style: solid; border-width: 1px;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);margin-bottom: 0;padding: 4px 8px;text-align: center;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);} #t4p_container #support-links ul li.upgrade a {color:yellow !important;} #tabs { background-color: #fcfcfc; border-right: 1px solid #d8d8d8;border-left: 1px solid #dcdcdc; border-bottom: 1px solid #d8d8d8; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); } .ui-tabs-nav { float: left; position: relative; z-index: 9999; width: 190px;margin:0;background:#505050; } .ui-tabs-nav ul {margin:0;} .ui-tabs-nav li { margin-bottom:0;text-shadow: 0 1px 0 #111111;background-color: #505050;border-bottom: 1px solid #222222;border-left: 1px solid #111111;border-top: 1px solid #555555; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2) inset; color: #FFFFFF; margin-bottom: 0; text-shadow: 0 1px 0 #111111;} .ui-tabs-nav a:link, .ui-tabs-nav a:visited { background-position: 13px 10px; background-repeat: no-repeat; color: #FFFFFF; display: block; font-size: 12px; font-weight: bold; opacity: 0.5; outline: medium none; padding: 10px 10px 10px 40px; text-decoration: none; } .ui-tabs-nav li.ui-tabs-active a { color: #555555;opacity: 1;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); } .ui-tabs-nav li.ui-tabs-active {border-color: #FFFFFF;} .ui-tabs-nav a:hover {color: #fff;opacity: 1;} .ui-tabs-nav li.general a:link {border-top:none;} #t4p_container .tabContainer { background: #FCFCFC;float: left; min-height: 650px; width: 595px;padding: 0 20px;font-family:"Lucida Grande",Sans-serif; } #t4p_container .tabContainer .section .controls { margin-bottom: 10px;} #t4p_container .tabContainer .section h4.heading { font:bold 1.17em "Lucida Grande",Sans-serif;margin: 10px 0 10px 0; padding: 7px 0px; /* background: #f1f1f1 url(../images/headingtop.jpg) repeat-x left top; */ border-bottom: 1px solid #e7e7e7; } #t4p_container .tabContainer .section .controls { float: left; width: 345px; margin: 0 15px 0 0; } #t4p_container .tabContainer .section .explain { float: left; width: 225px; padding: 0 10px 0 0; font-size: 11px; color: #999999; } #t4p_container .tabContainer .section-checkbox .controls { width:550px} #t4p_container .tabContainer .section-checkbox .explain { width:340px} #t4p_container .tabContainer .section-checkbox input.checkbox {float:left;} #t4p_container .tabContainer .section .t4p-color { width:125px} #t4p_container .tabContainer .section .t4p-color .explain { width:440px} .tabContainer .section .controls-info, #t4p_container .t4p-sbm-tip {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;border-width:1px;border-style:solid; /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, inset 0 0 10px rgba(0,0,0,.1) /*Shadow inset*/, 0 1px 2px hsla(0, 0%, 0%, .1) !important /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, inset 0 0 10px rgba(0,0,0,.1) /*Shadow inset*/, 0 1px 2px hsla(0, 0%, 0%, .1) !important /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, inset 0 0 10px rgba(0,0,0,.1) /*Shadow inset*/, 0 1px 2px hsla(0, 0%, 0%, .1) !important /*Shadow*/;border-color:#b0c37f; background: rgba(209,231,150,.9); margin:20px 0;padding: 10px 20px;} .tabContainer .section .controls-info h3.heading { font-size: 15px; font-weight: 700; border: 0; letter-spacing: 1px; margin-bottom: 0; } .tabContainer .section .controls-info {padding: 15px 0; width: auto; line-height: 1.5em; font-size: 14px; font-style: italic; font-family: "Cabin",arial; color:#424242;} .tabContainer .section .controls-info small { font-size: 13px} #t4p_container textarea, #t4p_container input, #t4p_container select { -moz-border-radius:4px; -webkit-border-radius:4px; -border-radius:4px; border-style:solid; border-width:1px; } #t4p_container input[type=text],#t4p_container select,#t4p_container textarea { background-color: #F1F1F1; border-color: #CCCCCC #E6E6E6 #E6E6E6 #CCCCCC; border-image: none; border-style: solid; border-width: 1px; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.06) inset; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 12px; margin-bottom: 9px !important; padding: 4px; width: 340px; color:#555; } #t4p_container input:hover,#t4p_container select:hover,#t4p_container textarea:hover { color:#333; background: #f9f9f9;} #t4p_container .controls input.upload { width:280px; padding-bottom:6px; } #t4p_container .controls input.upload-button, #t4p_container .controls input.remove-image, #t4p_container .controls input.remove-file, #t4p_container .controls input.wp-picker-clear { float:right; width:60px; background-image: -moz-linear-gradient(center top , #FBFBFB 0%, #F0F0F0 100%)!important; background-image:-webkit-gradient(linear,left top,left bottom,color-stop(.2, #FBFBFB),color-stop(1, #F0F0F0)) !important; background-image:-o-gradient(linear,left top,left bottom,color-stop(.2, #FBFBFB),color-stop(1, #F0F0F0)) !important; background-image: -ms-linear-gradient(top, #FBFBFB, #F0F0F0) !important; /* IE10 */ background-image:-o-linear-gradient(top, #FBFBFB, #F0F0F0) !important; /* Opera 11.10+ */ background-image:linear-gradient(top, #FBFBFB, #F0F0F0) !important; /* W3C */ border: 1px solid #ABABAB!important; -webkit-border-radius: 4px;-moz-border-radius: 4px;-border-radius: 4px;border-radius: 4px; color: #666666!important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9)!important; cursor:pointer; height:20px; } #t4p_container .controls input.upload-button:hover, #t4p_container .controls input.remove-image:hover, #t4p_container .controls input.remove-file:hover { border-color:#777!important; color:#000; } #t4p_container .button-secondary, #t4p_container .submit input, #t4p_container input[type="button"], #t4p_container input[type="submit"], #t4p_container .button { background-image: -moz-linear-gradient(center top , #37B6BD 0%, #2B8D93 100%)!important; background-image:-webkit-gradient(linear,left top,left bottom,color-stop(.2, #37B6BD),color-stop(1, #2B8D93)) !important; background-image:-o-gradient(linear,left top,left bottom,color-stop(.2, #37B6BD),color-stop(1, #2B8D93)) !important; background-image: -ms-linear-gradient(top, #37B6BD, #2B8D93) !important; /* IE10 */ background-image:-o-linear-gradient(top, #37B6BD, #2B8D93) !important; /* Opera 11.10+ */ background-image:linear-gradient(top, #37B6BD, #2B8D93) !important; /* W3C */ border: 1px solid #2B8D93; -webkit-border-radius: 4px;-moz-border-radius: 4px;-border-radius: 4px;border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 10px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.6) inset!important; -box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 10px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.6) inset!important; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 10px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.6) inset!important; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 10px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.6) inset!important; float: right; font-family: Arial,Verdana,sans-serif!important; font-weight: bold!important; height: 30px!important; line-height: 30px!important; padding: 0 10px!important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4)!important; } #t4p_container .button-secondary:hover, #t4p_container input[type="button"]:hover, #t4p_container input[type="submit"]:hover {color:#fff!important; background-image: -moz-linear-gradient(center top , #777777 0%, #555555 100%)!important; background-image:-webkit-gradient(linear,left top,left bottom,color-stop(.2, #777777),color-stop(1, #555555)) !important; background-image:-o-gradient(linear,left top,left bottom,color-stop(.2, #777777),color-stop(1, #555555)) !important; background-image: -ms-linear-gradient(top, #777777, #555555) !important; /* IE10 */ background-image:-o-linear-gradient(top, #777777, #555555) !important; /* Opera 11.10+ */ background-image:linear-gradient(top, #777777, #555555) !important; /* W3C */ border: 1px solid #555!important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4)!important; } #t4p_container input.reset-button, #t4p_container a.mlu_remove { background-image: -moz-linear-gradient(center top , #FF7979 0%, #FF5F5F 100%)!important; background-image:-webkit-gradient(linear,left top,left bottom,color-stop(.2, #FF7979),color-stop(1, #FF5F5F)) !important; background-image:-o-gradient(linear,left top,left bottom,color-stop(.2, #FF7979),color-stop(1, #FF5F5F)) !important; background-image: -ms-linear-gradient(top, #FF7979, #FF5F5F) !important; /* IE10 */ background-image:-o-linear-gradient(top, #FF7979, #FF5F5F) !important; /* Opera 11.10+ */ background-image:linear-gradient(top, #FF7979, #FF5F5F) !important; /* W3C */ border: 1px solid #9D1111!important; color: #FFF!important; float: left; padding: 0 10px; } #t4p_container .screenshot { float:left; margin-left:1px; position:relative; width:344px; margin-top:3px; z-index: 1; } #t4p_container .screenshot img { -moz-border-radius:4px; -webkit-border-radius:4px; -border-radius:4px; background:#FAFAFA; border-color:#CCCCCC #EEEEEE #EEEEEE #CCCCCC; border-style:solid; border-width:1px; float:left; max-width:334px; padding:4px; } #t4p_container .screenshot .no_image .file_link { margin-left: 20px; } #t4p_container .screenshot .no_image .mlu_remove { bottom: 0px; } /* SELECT DROPDOWN */ .tabContainer select.t4p-input { cursor:pointer; height:28px; margin:0; opacity:0; padding:0; position:relative; width:inherit; z-index:4; } .tabContainer .select_wrapper { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 12px; background: #fafafa url(../images/select.png) no-repeat right center; border-color: #ccc #eee #eee #ccc; border-style: solid; border-width: 1px; float: left; height: 26px; width: 344px; margin: 0; margin-bottom: 9px !important; width: 344px; display: block; color: #555; } .tabContainer .option-type .select_wrapper { background-color: #fff; } .tabContainer .select_wrapper:hover { background-color: #fff; border-color: #bbb #eee #eee #bbb; color: #333; } .tabContainer .select_wrapper span { height: 26px; line-height: 26px; position: absolute; z-index: 2; padding-left: 6px; } #t4p_container .colorSelector { margin-top:1px; } #t4p_container .colorSelector:hover { cursor:pointer; } #t4p_container select { padding: 4px; width: 340px } #t4p_container select:hover { cursor: pointer;} #t4p_container textarea {width: 345px; } #t4p_container input[type=text], #t4p_container select { height:28px; } #t4p_container input[type=text] { width: 340px; } #t4p_container input.t4p-input-calendar { width: 320px; } #t4p_container input[type=checkbox] { width: 30px!important; } #t4p_container input.t4p-radio { width: 30px; } #t4p_container .input-text-small { width: 60px; margin-right:10px} #t4p_container .meta-two { margin-right:10px} #t4p_container .t4p-color {float:left; width: 80px; margin-left:5px; /* font-size:20px; height:34px;*/} #t4p_container .tabContainer .section-typography .controls { width:425px } #t4p_container .tabContainer .section-typography .explain { width:140px } #t4p_container .t4p-typography-size { width:50px; float:left} #t4p_container .t4p-typography-unit { width:50px; float:left} #t4p_container .t4p-typography-face { width:120px; float:left} #t4p_container .t4p-typography-style { width:80px; float:left} #t4p_container .t4p-radio-img-img { border:3px solid #dedede; margin:0 5px 10px 0; display:none; cursor:pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #t4p_container .t4p-radio-img-selected { border:3px solid #aaa; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #t4p_container .t4p-border-width { width:80px; float:left} #t4p_container .t4p-border-style { width:120px; float:left} #t4p_container .group { padding-bottom:20px} #t4p_container .group h2 { color:#888;font:italic 24px/35px Georgia,serif; display:none; border-bottom:3px solid #e7e7e7} #t4p_container input:focus,#t4p_container select:focus, #t4p_container textarea:focus { background:#fff;} #t4p_container .happy { background: #DBF6BE no-repeat 10px center; border: solid #9BBF65; border-width: 0px 1px 1px 1px; color: #060; font-weight: bold; padding: 10px; text-align: center; } #t4p_container .warning { background: #ffeeee no-repeat 10px center;; border: solid #dfbfbf; border-width: 0px 1px 1px 1px; color: #333; font-weight: bold; padding: 10px; text-align: center; } #t4p_container .update_available { background: #DFECB1; border: 1px solid #C1D797; box-shadow: 0 1px 1px #DDDDDD; border-left:0; border-right:0; color: #333; font-weight: bold; font-size:11px; padding: 10px; text-align: center; } #t4p_container .update_available .icon-update {background:url(../images/icon-update.png) 0 3px no-repeat; padding:4px 0 4px 22px;} #setting-error-save_options, #setting-error-restore_defaults {background:none;border:none;display:inline-block;position:absolute;left:270px;top:300px;z-index: 10;} .t4p-save-popup { background: none repeat scroll 0 0 rgba(75, 75, 75, 0.95); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); color: #FFFFFF; font-size: 24px; text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);display:inline-block;border-radius:6px;-webkit-border-radius:6px;-border-radius:6px;-moz-border-radius:6px;z-index: 10; } .t4p-save-save { background:url(../images/happy.png) 20px 50% no-repeat; padding:30px 30px 30px 70px} .t4p-save-reset { background:url(../images/happy.png) 20px 50% no-repeat; padding:30px 30px 30px 70px} .upload-button-div { margin-bottom: 10px;} .upload-button-div .button { padding:4px 14px; } .upload-button-div .image_reset_button { margin-left:10px} .upload-error { float:left;color:#666; font-size:10px; font-weight:bold; text-decoration:none; text-shadow:1px 1px 0 #FFFFFF; margin: 0 10px 0 0; padding:3px 10px; background:#FFDFEC; -moz-border-radius:4px} #t4pform-reset { float:left; } .hide {display:none} .ajax-loading-img-top { margin: 8px 4px 0; float:left} .ajax-loading-img-bottom {} .t4p-option-image { max-width:340px; } #t4p_container .mini select, .tabContainer .section .controls .mini {width: 70px; } #t4p_container .mini input, .tabContainer .mini {width: 70px; } .tabContainer .section {clear:both;} .tabContainer .mini .explain { width:500px; } .t4p-notice { border-color:#f0baa2; background: rgba(255,217,200,.9); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; margin-bottom: 15px; border-width:1px;border-style:solid; /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, inset 0 0 10px rgba(0,0,0,.1) /*Shadow inset*/, 0 1px 2px hsla(0, 0%, 0%, .1) !important /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, inset 0 0 10px rgba(0,0,0,.1) /*Shadow inset*/, 0 1px 2px hsla(0, 0%, 0%, .1) !important /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, inset 0 0 10px rgba(0,0,0,.1) /*Shadow inset*/, 0 1px 2px hsla(0, 0%, 0%, .1) !important /*Shadow*/; } /*-------------------------------------------------------------------------------------------*/ /* SIDEBAR MANAGER */ /*-------------------------------------------------------------------------------------------*/ .tabContainer.sbm-content { margin-left:0;border-left-color:#d8d8d8;width: 785px; padding-top:20px } .tabContainer.sbm-content .info-box { position: relative; margin: 0px 0 20px 0; padding: 0 12px; background: #fff298; border: 1px solid #ecd852; } .tabContainer.sbm-content .info-box h2 { font: bold 14px Helvetica, Arial, sans-serif; text-transform: uppercase; } .tabContainer.sbm-content .info-box p { margin: 5px 0 10px; font-family: Helvetica, Arial, sans-serif; } .tabContainer.sbm-content .info-box .btn-close { position: absolute; top: 7px; left: 730px; } #sbm-sidebar { float: left; width: 230px; margin: 0 20px 0 0; } #sbm-main { float: left; width: 505px; } #t4p_container #t4p-sbm-menu { min-width: 230px; } #t4p_container #t4p-sbm-menu h3 { padding: 7px 9px; font-size: 12px; cursor: default; } #t4p_container #t4p-sbm-menu ul { margin: 0 0 0 10px; } #t4p_container #t4p-sbm-menu ul ul{ margin: 5px 0 0 5px; } #t4p_container #t4p-sbm-menu ul li { cursor: pointer} #t4p_container #t4p-sbm-menu ul li a { display: block; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #333; text-decoration: none; } #t4p_container #t4p-sbm-menu ul li a:hover, #t4p_container #t4p-sbm-menu ul li li:hover { color: #757575; } #t4p_container #t4p-sbm-menu ul ul li { margin-bottom: 4px; } #t4p_container #t4p-sbm-menu ul ul li span { display: none} ul#t4p-sbm-menu_ul li a span { color: #999; } #t4p_container h3 { margin: 0 0 10px 0} #t4p_container h3 span { font-size: 12px; color: #aaa} #t4p_container .t4p-sbm-tip { display:block; padding: 15px 15px 15px 15px; margin-bottom: 10px; font: italic 13px/1.5em 'Cabin', serif;} #t4p_container #t4p-sbm-get-links { display: none; } #t4p-sbm-toggle-info { float: right; margin: 3px 5px 0 0; text-decoration: none; text-transform: uppercase; font-size: 11px; } #t4p-sbm-toggle-info img { vertical-align: top; padding: 0 0 0 5px; } #t4p_container .t4p-sbm-builder { position: relative} #t4p_container .t4p-sbm-builder .nav-tabs-nav { margin: 0 0 0 10px; } #t4p_container .t4p-sbm-builder .nav-tab { background: #F4F4F4; font-size: 11px; border-bottom: 1px solid #ccc; } #t4p_container .t4p-sbm-builder .nav-tab-active { font-weight: bold; background: #ececec; border-bottom: 1px solid #ececec; } #t4p_container .t4p-sbm-builder .builder-header {padding: 10px; border: 1px solid #ccc; border-width: 1px 1px 0; background: url( "../images/gray-grad.png") repeat-x scroll left top #DFDFDF; border-top-right-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; } #t4p_container .t4p-sbm-builder label { display: block; margin-bottom: 0px; padding: 5px 0; font-size: 12px} #t4p_container .t4p-sbm-builder label span { float:left; width: 130px; font-weight: 700; text-align: right; margin-right: 10px} #t4p_container .t4p-sbm-builder #t4p-sbm-label-sb-name span { padding-top: 5px; } #t4p_container .t4p-sbm-builder #t4p-sbm-builder-body label span { font-size: 13px; color: #333; padding-top: 3px; } #t4p_container .t4p-sbm-builder #t4p-sbm-builder-body select { width: 330px; } #t4p_container .t4p-sbm-builder #sidebar-description { width: 330px!important; height: 80px; } #t4p_container .t4p-sbm-builder #sidebar-title { width: 330px; padding: 5px 0 6px 5px; } #t4p_container .t4p-sbm-builder .t4p-sbm-controls .button { width: 90px!important; margin-right: 23px; } #t4p_container .t4p-sbm-builder #t4p-sbm-more-info { text-align: center; display: block; font-size: 11px; text-transform: uppercase } #t4p_container .t4p-sbm-builder-edit { float:none; width: auto; margin:0; padding: 10px 0 0; border: 0; background: transparent none;} #t4p_container .t4p-sbm-builder-edit input { width: 230px; } #t4p_container #t4p-sbm-response-builder input { font-size: 12px; padding: 3px; width: 280px} #t4p_container #t4p-sbm-sidebars {margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee } #t4p_container #t4p-sbm-sidebars #menu-to-edit { padding: 0 0 30px; } #t4p_container #t4p-sbm-sidebars #menu-to-edit li dt { width: 492px; cursor: default; } #t4p_container #t4p-sbm-sidebars #menu-to-edit li .menu-item-settings .description-thin { width: 236px; } #t4p_container #t4p-sbm-sidebars #menu-to-edit li .menu-item-settings .description-wide { width: 481px; } #t4p_container #t4p-sbm-sidebars #menu-to-edit li .menu-item-settings p label input, #t4p_container #t4p-sbm-sidebars #menu-to-edit li .menu-item-settings p label select, #t4p_container #t4p-sbm-sidebars #menu-to-edit li .menu-item-settings p label textarea { margin-top: 5px;} #t4p_container #t4p-sbm-sidebars #menu-to-edit li .menu-item-settings p { margin-bottom: 20px; } #t4p_container #t4p-sbm-sidebars #menu-to-edit li .menu-item-settings .menu-item-actions { padding: 0; margin-top: -8px; } #t4p_container #t4p-sbm-sidebars #menu-to-edit li.menu-item-depth-1 { margin-left: 15px; } #t4p_container #t4p-sbm-sidebars #menu-to-edit li.menu-item-depth-1 dt { width: 477px; } #t4p_container #t4p-sbm-sidebars #menu-to-edit li.menu-item-depth-1 .menu-item-settings { width: 477px; } #t4p_container #t4p-sbm-sidebars #menu-to-edit li.menu-item-depth-1 .menu-item-settings .description-thin { width: 336px; } #t4p_container #t4p-sbm-sidebars #menu-to-edit li .menu-item-settings p label { z-index: 9999; position: relative; } #t4p_container .menu-item-depth-1 { margin-left: 30px; } #t4p_container #t4p-sbm-builder-meta { display: none; font-size: 11px; padding: 0px; background: #fff; color: #555; border: 1px solid #ccc; width: 320px; position: absolute; top:-185px; right:0; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; } #t4p_container #t4p-sbm-builder-meta label { font-size: 11px; border-bottom: #ccc 1px solid; padding: 5px 10px } #t4p_container #t4p-sbm-builder-meta label span { text-transform: uppercase; width: 40px; text-align: right; padding-right: 5px;} #t4p_container #t4p-sbm-builder-meta label.last { overflow:hidden; height:18px} #t4p_container #t4p-sbm-builder-body { padding: 10px; background: #f3f3f3;border: 1px solid; border-color: #fff #e3e3e3 #e3e3e3 #ddd;} #t4p_container #t4p-sbm-builder-body label { border:0px;} #t4p_container #t4p-sbm-builder-body label span { color:#999; font-family: georgia,arial; font-size: 1.2em; font-weight: 100; font-style:italic} #t4p_container .t4p-sbm-builder label span { position: relative; z-index: 9999; } #t4p_container #t4p-sbm-builder-meta-top { padding: 5px 10px; background: #ccc; color: #000; font-size: 14px; text-transform: uppercase } #t4p_container #t4p-sbm-builder-meta-bottom {} #t4p_container #t4p-sbm-builder-part-assign { display: none} #t4p_container #t4p-sbm-builder-message { display:block; font-size: 11px; padding: 10px 0; cursor: pointer; text-decoration: underline; color:green; font-weight: 700;} #t4p_container #t4p-sbm-builder-message:hover { text-decoration: none;} #t4p_container .last { border-bottom: 0px!important;} #t4p_container .t4p-sbm-controls {height:20px; margin-top: 15px} #t4p_container .t4p-sbm-controls .button { float:right} #t4p_container .saved_sidebar { background: #D7E6F2; border:1px solid #C2CFDF; font-size: 13px; margin-bottom: 3px; padding: 5px 10px} #t4p_container .piggy { margin-left: 6px; background: #C9D9E6; padding: 0px 10px;font-size: 11px} #t4p_container .delete-sidebar { float:right; font-size: 9px; color: red; margin-left: 15px} #t4p_container .edit-sidebar { float:right; font-size: 9px; color: green} /* Nav Menu - From wordpress */ #menu-container .inside { padding-bottom: 10px; } .menu { padding-top:1em; } #menu-to-edit { padding: 1em 0; } .menu ul { width: 100%; } .menu ul.sub-menu { } .menu li { margin-bottom: 0; position:relative; } .menu-item-bar { clear:both; line-height:1.5em; position:relative; margin-top: 13px; } .menu-item-handle { border: 1px solid #E6E6E6; position: relative; padding-left: 10px; height: auto; width: 400px; line-height: 35px; text-shadow: 0 1px 0 #FFFFFF; font-weight:bold; overflow: hidden; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; word-wrap: break-word; } .menu-item-edit-active .menu-item-handle { -moz-border-radius: 6px 6px 0 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-right-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .no-js .menu-item-edit-active .item-edit { display: none; } .js .menu-item-handle { cursor: move; } .menu li.deleting .menu-item-handle { background-color: #f66; background-image: none; text-shadow: 0 0 0 #ccc; } .menu-item-handle .item-title { padding: 7px 0; line-height: 20px; display:block; margin-right:13em; } .item-type { text-transform: uppercase; font-size: 11px; color: #999999; padding-right: 10px; } .item-controls { font-size: 11px; position: absolute; right: 20px; top: -1px; } .item-controls a { text-decoration: none; } .item-controls a:hover { cursor: pointer; } .item-controls .item-order { padding-right: 10px;} .item-controls .item-order a { font-weight:bold; } body.js .item-order { display:none; } .item-controls .menu-item-delete:hover { color: #ff0000; } /* Menu editing */ .menu-instructions-inactive { display: none; } .menu-item-settings { background: #F9F9F9; display:block; width: 492px; padding: 10px 0 10px 10px; border: solid #E6E6E6; border-width: 0 1px 1px 1px; -moz-border-radius: 0 0 6px 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-right-radius: 6px; -khtml-border-bottom-left-radius: 6px; } .menu-item-settings:after { clear: both; content: '.'; display: block; height: 0px; visibility: hidden; } .menu-item-settings input { width: 100%!important} .menu-item-edit-active .menu-item-settings { display:block; } .menu-item-edit-inactive .menu-item-settings { display:none; } .add-menu-item-pagelinks { margin:.5em auto; text-align:center; } .link-to-original { display: block; margin: 0 0 10px; padding: 3px 5px 5px; font-size: 11px; color: #777; font-style: italic; border: 1px solid #dfdfdf; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; } .link-to-original a { padding-left: 4px; font-style: normal; } .hidden-field { display: none; } .menu-item-settings .description-thin, .menu-item-settings .description-wide { margin-right: 10px; float: left; } .description-thin { width: 190px; height: 40px; } .description-wide { width: 390px; } .menu-item-actions { padding-top: 15px; } #cancel-save { cursor: pointer; } #cancel-save:hover { color: #fff !important; } #update-menu-item { color: #fff !important; } #update-menu-item:hover, #update-menu-item:active, #update-menu-item:focus { color: #eaf2fa !important; border-color: #13455b !important; } /* String Builder */ .add_button { height: 50px;} .string_option { margin-bottom: 5px; padding: 7px 12px; font-size: 12px; background: #f7f7f7; border: 1px solid #dfdfdf; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; } .string_option span { font-weight: 700;} .string_option .delete { text-transform: uppercase; font-size:10px; float: right; color: red} /*-------------------------------------------------------------------------------------------*/ /* Icons Option panel */ /*-------------------------------------------------------------------------------------------*/ .ui-tabs-nav a {padding-left:50px!important;} .ui-tabs-nav li.styling a { background-image:url(../images/option-icon-styling.png); background-repeat: no-repeat; background-position: 15px center; } .ui-tabs-nav li.typography a { background-image:url(../images/option-icon-typography.png); background-repeat: no-repeat; background-position: 15px center; } .ui-tabs-nav li.layout a { background-image:url(../images/option-icon-layout.png); background-repeat: no-repeat; background-position: 15px center; } .ui-tabs-nav li.header a { background-image:url(../images/option-icon-header.png); background-repeat: no-repeat; background-position: 15px center; } .ui-tabs-nav li.footer a { background-image:url(../images/option-icon-footer.png); background-repeat: no-repeat; background-position: 15px center; } .ui-tabs-nav li.nav a { background-image:url(../images/option-icon-nav.png); background-repeat: no-repeat; background-position: 15px center; } .ui-tabs-nav li.post a { background-image:url(../images/option-icon-post.png); background-repeat: no-repeat; background-position: 15px center; } .ui-tabs-nav li.connect a { background-image:url(../images/option-icon-connect.png); background-repeat: no-repeat; background-position: 15px center; } .ui-tabs-nav li.css a { background-image:url(../images/option-icon-css.png); background-repeat: no-repeat; background-position: 15px center; } .ui-tabs-nav li.bootstrap a { background-image:url(../images/option-icon-bootstrap.png); background-repeat: no-repeat; background-position: 15px center; } .ui-tabs-nav li.parallax a { background-image:url(../images/option-icon-parallax.png); background-repeat: no-repeat; background-position: 15px center; } .ui-tabs-nav li.posts a { background-image:url(../images/option-icon-posts.png); background-repeat: no-repeat; background-position: 15px center; } .ui-tabs-nav li.backup a { background-image:url(../images/option-icon-backup.png); background-repeat: no-repeat; background-position: 15px center; } .ui-tabs-nav li.contact a { background-image:url(../images/option-icon-contact.png); background-repeat: no-repeat; background-position: 15px center; } .ui-tabs-nav li.contentboxes a { background-image:url(../images/option-icon-contentboxes.png); background-repeat: no-repeat; background-position: 15px center; } .ui-tabs-nav li.layout.ui-tabs-active a { background:url(../images/option-icon-layout.png) no-repeat scroll 15px 10px, -moz-linear-gradient(left center , #E6E6E6, #FCFCFC) repeat scroll 0 0 rgba(0, 0, 0, 0); background:url(../images/option-icon-layout.png) no-repeat scroll 15px 10px, -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-layout.png) no-repeat scroll 15px 10px,-o-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-layout.png) no-repeat scroll 15px 10px, -ms-linear-gradient(top, #E6E6E6, #FCFCFC); /* IE10 */ background:url(../images/option-icon-layout.png) no-repeat scroll 15px 10px,-o-linear-gradient(top, #E6E6E6, #FCFCFC); /* Opera 11.10+ */ background:url(../images/option-icon-layout.png) no-repeat scroll 15px 10px,linear-gradient(top, #E6E6E6, #FCFCFC); /* W3C */ } .ui-tabs-nav li.styling.ui-tabs-active a { background:url(../images/option-icon-styling.png) no-repeat scroll 15px 10px, -moz-linear-gradient(left center , #E6E6E6, #FCFCFC) repeat scroll 0 0 rgba(0, 0, 0, 0); background:url(../images/option-icon-styling.png) no-repeat scroll 15px 10px, -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-styling.png) no-repeat scroll 15px 10px,-o-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-styling.png) no-repeat scroll 15px 10px, -ms-linear-gradient(top, #E6E6E6, #FCFCFC); /* IE10 */ background:url(../images/option-icon-styling.png) no-repeat scroll 15px 10px,-o-linear-gradient(top, #E6E6E6, #FCFCFC); /* Opera 11.10+ */ background:url(../images/option-icon-styling.png) no-repeat scroll 15px 10px,linear-gradient(top, #E6E6E6, #FCFCFC); /* W3C */ } .ui-tabs-nav li.typography.ui-tabs-active a { background:url(../images/option-icon-typography.png) no-repeat scroll 15px 10px, -moz-linear-gradient(left center , #E6E6E6, #FCFCFC) repeat scroll 0 0 rgba(0, 0, 0, 0); background:url(../images/option-icon-typography.png) no-repeat scroll 15px 10px, -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-typography.png) no-repeat scroll 15px 10px,-o-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-typography.png) no-repeat scroll 15px 10px, -ms-linear-gradient(top, #E6E6E6, #FCFCFC); /* IE10 */ background:url(../images/option-icon-typography.png) no-repeat scroll 15px 10px,-o-linear-gradient(top, #E6E6E6, #FCFCFC); /* Opera 11.10+ */ background:url(../images/option-icon-typography.png) no-repeat scroll 15px 10px,linear-gradient(top, #E6E6E6, #FCFCFC); /* W3C */ } .ui-tabs-nav li.header.ui-tabs-active a { background:url(../images/option-icon-header.png) no-repeat scroll 15px 10px, -moz-linear-gradient(left center , #E6E6E6, #FCFCFC) repeat scroll 0 0 rgba(0, 0, 0, 0); background:url(../images/option-icon-header.png) no-repeat scroll 15px 10px, -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-header.png) no-repeat scroll 15px 10px,-o-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-header.png) no-repeat scroll 15px 10px, -ms-linear-gradient(top, #E6E6E6, #FCFCFC); /* IE10 */ background:url(../images/option-icon-header.png) no-repeat scroll 15px 10px,-o-linear-gradient(top, #E6E6E6, #FCFCFC); /* Opera 11.10+ */ background:url(../images/option-icon-header.png) no-repeat scroll 15px 10px,linear-gradient(top, #E6E6E6, #FCFCFC); /* W3C */ } .ui-tabs-nav li.footer.ui-tabs-active a { background:url(../images/option-icon-footer.png) no-repeat scroll 15px 10px, -moz-linear-gradient(left center , #E6E6E6, #FCFCFC) repeat scroll 0 0 rgba(0, 0, 0, 0); background:url(../images/option-icon-footer.png) no-repeat scroll 15px 10px, -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-footer.png) no-repeat scroll 15px 10px,-o-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-footer.png) no-repeat scroll 15px 10px, -ms-linear-gradient(top, #E6E6E6, #FCFCFC); /* IE10 */ background:url(../images/option-icon-footer.png) no-repeat scroll 15px 10px,-o-linear-gradient(top, #E6E6E6, #FCFCFC); /* Opera 11.10+ */ background:url(../images/option-icon-footer.png) no-repeat scroll 15px 10px,linear-gradient(top, #E6E6E6, #FCFCFC); /* W3C */ } .ui-tabs-nav li.nav.ui-tabs-active a { background:url(../images/option-icon-nav.png) no-repeat scroll 15px 10px, -moz-linear-gradient(left center , #E6E6E6, #FCFCFC) repeat scroll 0 0 rgba(0, 0, 0, 0); background:url(../images/option-icon-nav.png) no-repeat scroll 15px 10px, -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-nav.png) no-repeat scroll 15px 10px,-o-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-nav.png) no-repeat scroll 15px 10px, -ms-linear-gradient(top, #E6E6E6, #FCFCFC); /* IE10 */ background:url(../images/option-icon-nav.png) no-repeat scroll 15px 10px,-o-linear-gradient(top, #E6E6E6, #FCFCFC); /* Opera 11.10+ */ background:url(../images/option-icon-nav.png) no-repeat scroll 15px 10px,linear-gradient(top, #E6E6E6, #FCFCFC); /* W3C */ } .ui-tabs-nav li.post.ui-tabs-active a { background:url(../images/option-icon-post.png) no-repeat scroll 15px 10px, -moz-linear-gradient(left center , #E6E6E6, #FCFCFC) repeat scroll 0 0 rgba(0, 0, 0, 0); background:url(../images/option-icon-nav.png) no-repeat scroll 15px 10px, -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-nav.png) no-repeat scroll 15px 10px,-o-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-nav.png) no-repeat scroll 15px 10px, -ms-linear-gradient(top, #E6E6E6, #FCFCFC); /* IE10 */ background:url(../images/option-icon-nav.png) no-repeat scroll 15px 10px,-o-linear-gradient(top, #E6E6E6, #FCFCFC); /* Opera 11.10+ */ background:url(../images/option-icon-nav.png) no-repeat scroll 15px 10px,linear-gradient(top, #E6E6E6, #FCFCFC); /* W3C */ } .ui-tabs-nav li.connect.ui-tabs-active a { background:url(../images/option-icon-connect.png) no-repeat scroll 15px 10px, -moz-linear-gradient(left center , #E6E6E6, #FCFCFC) repeat scroll 0 0 rgba(0, 0, 0, 0); background:url(../images/option-icon-connect.png) no-repeat scroll 15px 10px, -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-connect.png) no-repeat scroll 15px 10px,-o-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-connect.png) no-repeat scroll 15px 10px, -ms-linear-gradient(top, #E6E6E6, #FCFCFC); /* IE10 */ background:url(../images/option-icon-connect.png) no-repeat scroll 15px 10px,-o-linear-gradient(top, #E6E6E6, #FCFCFC); /* Opera 11.10+ */ background:url(../images/option-icon-connect.png) no-repeat scroll 15px 10px,linear-gradient(top, #E6E6E6, #FCFCFC); /* W3C */ } .ui-tabs-nav li.css.ui-tabs-active a { background:url(../images/option-icon-css.png) no-repeat scroll 15px 10px, -moz-linear-gradient(left center , #E6E6E6, #FCFCFC) repeat scroll 0 0 rgba(0, 0, 0, 0); background:url(../images/option-icon-css.png) no-repeat scroll 15px 10px, -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-css.png) no-repeat scroll 15px 10px,-o-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-css.png) no-repeat scroll 15px 10px, -ms-linear-gradient(top, #E6E6E6, #FCFCFC); /* IE10 */ background:url(../images/option-icon-css.png) no-repeat scroll 15px 10px,-o-linear-gradient(top, #E6E6E6, #FCFCFC); /* Opera 11.10+ */ background:url(../images/option-icon-css.png) no-repeat scroll 15px 10px,linear-gradient(top, #E6E6E6, #FCFCFC); /* W3C */ } .ui-tabs-nav li.parallax.ui-tabs-active a { background:url(../images/option-icon-parallax.png) no-repeat scroll 15px 10px, -moz-linear-gradient(left center , #E6E6E6, #FCFCFC) repeat scroll 0 0 rgba(0, 0, 0, 0); background:url(../images/option-icon-parallax.png) no-repeat scroll 15px 10px, -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-parallax.png) no-repeat scroll 15px 10px,-o-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-parallax.png) no-repeat scroll 15px 10px, -ms-linear-gradient(top, #E6E6E6, #FCFCFC); /* IE10 */ background:url(../images/option-icon-parallax.png) no-repeat scroll 15px 10px,-o-linear-gradient(top, #E6E6E6, #FCFCFC); /* Opera 11.10+ */ background:url(../images/option-icon-parallax.png) no-repeat scroll 15px 10px,linear-gradient(top, #E6E6E6, #FCFCFC); /* W3C */ } .ui-tabs-nav li.bootstrap.ui-tabs-active a { background:url(../images/option-icon-bootstrap.png) no-repeat scroll 15px 10px, -moz-linear-gradient(left center , #E6E6E6, #FCFCFC) repeat scroll 0 0 rgba(0, 0, 0, 0); background:url(../images/option-icon-bootstrap.png) no-repeat scroll 15px 10px, -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-bootstrap.png) no-repeat scroll 15px 10px,-o-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-bootstrap.png) no-repeat scroll 15px 10px, -ms-linear-gradient(top, #E6E6E6, #FCFCFC); /* IE10 */ background:url(../images/option-icon-bootstrap.png) no-repeat scroll 15px 10px,-o-linear-gradient(top, #E6E6E6, #FCFCFC); /* Opera 11.10+ */ background:url(../images/option-icon-bootstrap.png) no-repeat scroll 15px 10px,linear-gradient(top, #E6E6E6, #FCFCFC); /* W3C */ } .ui-tabs-nav li.posts.ui-tabs-active a { background:url(../images/option-icon-posts.png) no-repeat scroll 15px 10px, -moz-linear-gradient(left center , #E6E6E6, #FCFCFC) repeat scroll 0 0 rgba(0, 0, 0, 0); background:url(../images/option-icon-posts.png) no-repeat scroll 15px 10px, -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-posts.png) no-repeat scroll 15px 10px,-o-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-posts.png) no-repeat scroll 15px 10px, -ms-linear-gradient(top, #E6E6E6, #FCFCFC); /* IE10 */ background:url(../images/option-icon-posts.png) no-repeat scroll 15px 10px,-o-linear-gradient(top, #E6E6E6, #FCFCFC); /* Opera 11.10+ */ background:url(../images/option-icon-posts.png) no-repeat scroll 15px 10px,linear-gradient(top, #E6E6E6, #FCFCFC); /* W3C */ } .ui-tabs-nav li.backup.ui-tabs-active a { background:url(../images/option-icon-backup.png) no-repeat scroll 15px 10px, -moz-linear-gradient(left center , #E6E6E6, #FCFCFC) repeat scroll 0 0 rgba(0, 0, 0, 0); background:url(../images/option-icon-backup.png) no-repeat scroll 15px 10px, -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-backup.png) no-repeat scroll 15px 10px,-o-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-backup.png) no-repeat scroll 15px 10px, -ms-linear-gradient(top, #E6E6E6, #FCFCFC); /* IE10 */ background:url(../images/option-icon-backup.png) no-repeat scroll 15px 10px,-o-linear-gradient(top, #E6E6E6, #FCFCFC); /* Opera 11.10+ */ background:url(../images/option-icon-backup.png) no-repeat scroll 15px 10px,linear-gradient(top, #E6E6E6, #FCFCFC); /* W3C */ } .ui-tabs-nav li.contact.ui-tabs-active a { background:url(../images/option-icon-contact.png) no-repeat scroll 15px 10px, -moz-linear-gradient(left center , #E6E6E6, #FCFCFC) repeat scroll 0 0 rgba(0, 0, 0, 0); background:url(../images/option-icon-contact.png) no-repeat scroll 15px 10px, -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-contact.png) no-repeat scroll 15px 10px,-o-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-contact.png) no-repeat scroll 15px 10px, -ms-linear-gradient(top, #E6E6E6, #FCFCFC); /* IE10 */ background:url(../images/option-icon-contact.png) no-repeat scroll 15px 10px,-o-linear-gradient(top, #E6E6E6, #FCFCFC); /* Opera 11.10+ */ background:url(../images/option-icon-contact.png) no-repeat scroll 15px 10px,linear-gradient(top, #E6E6E6, #FCFCFC); /* W3C */ } .ui-tabs-nav li.contentboxes.ui-tabs-active a { background:url(../images/option-icon-contentboxes.png) no-repeat scroll 15px center, -moz-linear-gradient(left center , #E6E6E6, #FCFCFC) repeat scroll 0 0 rgba(0, 0, 0, 0); background:url(../images/option-icon-contentboxes.png) no-repeat scroll 15px center, -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-contentboxes.png) no-repeat scroll 15px center,-o-gradient(linear,left top,left bottom,color-stop(.2, #E6E6E6),color-stop(1, #FCFCFC)); background:url(../images/option-icon-contentboxes.png) no-repeat scroll 15px center, -ms-linear-gradient(top, #E6E6E6, #FCFCFC); /* IE10 */ background:url(../images/option-icon-contentboxes.png) no-repeat scroll 15px center,-o-linear-gradient(top, #E6E6E6, #FCFCFC); /* Opera 11.10+ */ background:url(../images/option-icon-contentboxes.png) no-repeat scroll 15px center,linear-gradient(top, #E6E6E6, #FCFCFC); /* W3C */ } /*-------------------------------------------------------------------------------------------*/ /* GENERAL STYLES */ /*-------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }