/*-------------------------------------------------------------------------------------------*/ /* storefrontThemes admin styles */ /*-------------------------------------------------------------------------------------------*/ .updated {display:none!important} /* disable the admin notices */ #storefront_container { margin: 15px; width: 785px; position:relative; z-index: 0 } #storefront_container #header { height: auto /* changed by matt */; background: none /* changed by matt */; border: none /* changed by matt */; border-top-left-radius: 15px; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; border-top-right-radius: 15px; -moz-border-radius-topright: 15px; } #storefront_container #header .logo { float: left; margin: 4px 0 10px 5px /* changed by matt */; height: 60px; } #storefront_container #header .theme-info { float: right; margin: 16px 5px 0 0 /* changed by matt */;} #storefront_container #header .theme-info span { display: block; line-height: 15px; text-transform: uppercase; text-align: right; color: #4e4e4e; text-shadow: 1px 1px 0 #fff; } #storefront_container #header .theme-info .theme { font-size: 15px; font-weight: bold; } #storefront_container #header .theme-info .framework { font-size: 12px; } #storefront_container #header .theme-info b { font-size: 11px; text-transform: none; color: #444; font-weight: 100; } /* changed by matt */ #storefront_container #support-links { height: 45px /* Changed By Matt from 32 */; padding: 0 0 0 12px; background-color: #aaa; /* changed by matt;*/ background: url(images/support-links-bg.png) #ededed; border-top: 1px solid #d8d8d8 /* changed by matt */; border-bottom: 1px solid #d8d8d8/* changed by matt */; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px;} #storefront_container #support-links ul li { display: inline; margin: 0 15px 0 0; } #woo_container #support-links ul li a:link, #support-links ul li a:visited { line-height: 32px; font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #155876; /* text-shadow: 1px 1px 0 #fff; removed by Matt */ } #woo_container #support-links ul li a:hover { color: #155876; } #storefront_container #support-links ul li.changelog { padding: 2px 0 2px 20px; background: url(images/ico-changelog.png) no-repeat left center; } #storefront_container #support-links ul li.docs { padding: 1px 0 1px 20px; background: url(images/ico-docs.png) no-repeat left top; } #storefront_container #support-links ul li.forum { padding: 1px 0 1px 20px; background: url(images/ico-forum.png) no-repeat left top; } #storefront_container #support-links ul li.right { float:right; margin-right:6px; /* added by matt */margin-top:4px; } /* SAVE CHANGES BUTTON */ #storefront_container #support-links ul li.right input.submit-button {background:url(images/storefront-admin-buttons.png); border-radius:0px !important; width:124px; height:24px; border:0px; margin-top:3px; color:#fff; text-shadow: none; font-weight:bold; font-size:14px; background-position:-140px 0px;text-shadow:0 1px 0 #555 !important;} .reset-button {background-position:-280px 0px !important; background-image:url(images/storefront-admin-buttons.png);} input.reset-button:hover {background-position:-280px -30px !important;} #storefront_container #support-links ul li.right input.submit-button:hover, #storefront_container .save_bar_top input[type=submit].submit-button:hover {background-position:-140px -30px;} #storefront_container .save_bar_top input[type=submit].submit-button {background:url(images/storefront-admin-buttons.png); background-position:-140px 0px; border-radius:0px !important; width:124px; height:24px; border:0px; color:#fff; text-shadow: none; font-weight:bold; font-size:14px;} /* IE HACKS */ #storefront_container #support-links .ie ul li.right input.submit-button, #storefront_container .ie .save_bar_top input[type=submit].submit-button, #storefront_container .ie .save_bar_top input[type=submit].reset-button {width:140px; height:30px;} #storefront_container .ie .save_bar_top input[type=submit].submit-button {float:left; margin-left:480px;} #storefront_container .ie .save_bar_top input[type=submit].reset-button {margin-left:5px;} #storefront_container .save_bar_top {height:40px;background: url(images/support-links-bg.png) #ededed;} /* SUPPORT SECTION */ #storefront_container #support-links a.expand_options {font-weight:bold; font-size:18px;} a.support-button {float:right; height:38px; width:250px; text-align:center; background:url('images/storefront-support-button.png'); color:#fff; text-decoration:none; margin-top:12px; margin-bottom:12px;padding-top:18px; font-weight:bold; font-size:16px;} a.support-button:hover {background-position:0px -56px;} #storefront_container #support-links button.support-button {float:left; height:25px; width:140px; text-align:center; background:url('images/storefront-admin-buttons.png'); color:#fff; text-decoration:none; margin-top:12px; padding-top:7px;} .support-section h3.support-title {font-size:20px;} .support-divider {height:1px; max-height:1px; background:#ccc;} .support-section-icon {float:left; height:75px; width:75px; background:#ccc; margin:10px; background:url('images/storefront-support-icons.png');} #storefront-option-themesupport .video-icon {background-position:0px 0px;} #storefront-option-themesupport .forums-icon {background-position:0px -75px;} #storefront-option-themesupport .gift-icon {background-position:0px -150px;} h4.support-section-title {font-weight:bold; font-size:15px; margin:0;padding:10px 0px 0px; line-height:1;} .goldcart-section-icon {float:left; height:75px; width:75px; background:#ccc; margin:10px; background:url('images/storefront-goldcart-icons.png');} #storefront-option-goldcart .grid-icon {background-position:0px 0px;} #storefront-option-goldcart .gallery-icon {background-position:0px -75px;} #storefront-option-goldcart .search-icon {background-position:0px -150px;} #storefront_container #main { background-color: #f1f1f1/* Changed By Matt from #f1f1f1 */; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; } #storefront_container #storefront-nav { float: left; position: relative; z-index: 9999; width: 170px /* Changed By Matt from 170 */; } #storefront_container #storefront-nav li { margin-bottom:0} #storefront_container #storefront-nav ul li a:link, #storefront-nav ul li a:visited { display: block; padding: 10px 8px 10px 10px; font-family: Georgia, Serif; font-size: 13px; text-decoration: none; color: #797979 /* Changed By Matt from #797979 */; border-bottom: 1px solid #d8d8d8; } #storefront_container #storefront-nav ul li a:hover { color: #797979 /* Added by matt */;} /* ========================== Icons Section ========================== */ #storefront-nav ul li a span.storefront-nav-icon {display:inline; width:20px; height:20px; float:left; background:url('images/storefront-admin-icons.png'); margin-top:-2px; margin-left:-3px; margin-right:7px; background-position-y:20px;} #storefront-nav ul li a:hover span.storefront-nav-icon, #storefront-nav ul li.current a span.storefront-nav-icon {background-position-y:0px;} #storefront-nav ul li a.blog span.storefront-nav-icon {background-position:-280px -20px;} #storefront-nav ul li a.blog:hover span.storefront-nav-icon, #storefront-nav ul li.current a.blog span.storefront-nav-icon {background-position:-280px 0px;} #storefront-nav ul li a.settings span.storefront-nav-icon {background-position:-100px -20px;} #storefront-nav ul li a.settings:hover span.storefront-nav-icon, #storefront-nav ul li.current a.settings span.storefront-nav-icon {background-position:-100px 0px;} #storefront-nav ul li a.shop span.storefront-nav-icon {background-position:-80px -20px;} #storefront-nav ul li a.shop:hover span.storefront-nav-icon, #storefront-nav ul li.current a.shop span.storefront-nav-icon {background-position:-80px 0px;} #storefront-nav ul li a.style span.storefront-nav-icon {background-position:-200px -20px;} #storefront-nav ul li a.style:hover span.storefront-nav-icon, #storefront-nav ul li.current a.style span.storefront-nav-icon {background-position:-200px 0px;} #storefront-nav ul li a.colors span.storefront-nav-icon {background-position:-20px -20px;} #storefront-nav ul li a.colors:hover span.storefront-nav-icon, #storefront-nav ul li.current a.colors span.storefront-nav-icon {background-position:-20px 0px;} #storefront-nav ul li a.typography span.storefront-nav-icon {background-position:-40px -20px;} #storefront-nav ul li a.typography:hover span.storefront-nav-icon, #storefront-nav ul li.current a.typography span.storefront-nav-icon {background-position:-40px 0px;} #storefront-nav ul li a.navigation span.storefront-nav-icon {background-position:-140px -20px;} #storefront-nav ul li a.navigation:hover span.storefront-nav-icon, #storefront-nav ul li.current a.navigation span.storefront-nav-icon {background-position:-140px 0px;} #storefront-nav ul li a.homepage-slider span.storefront-nav-icon {background-position:0px -20px;} #storefront-nav ul li a.homepage-slider:hover span.storefront-nav-icon, #storefront-nav ul li.current a.homepage-slider span.storefront-nav-icon {background-position:0px 0px;} #storefront-nav ul li a.homepage-middle span.storefront-nav-icon {background-position:0px -20px;} #storefront-nav ul li a.homepage-middle:hover span.storefront-nav-icon, #storefront-nav ul li.current a.homepage-middle span.storefront-nav-icon {background-position:0px 0px;} #storefront-nav ul li a.homepage-carousel span.storefront-nav-icon {background-position:0px -20px;} #storefront-nav ul li a.homepage-carousel:hover span.storefront-nav-icon, #storefront-nav ul li.current a.homepage-carousel span.storefront-nav-icon {background-position:0px 0px;} #storefront-nav ul li a.footer span.storefront-nav-icon {background-position:-160px -20px;} #storefront-nav ul li a.footer:hover span.storefront-nav-icon, #storefront-nav ul li.current a.footer span.storefront-nav-icon {background-position:-160px 0px;} #storefront-nav ul li a.analytics span.storefront-nav-icon {background-position:-180px -20px;} #storefront-nav ul li a.analytics:hover span.storefront-nav-icon, #storefront-nav ul li.current a.analytics span.storefront-nav-icon {background-position:-180px 0px;} #storefront-nav ul li a.theme-support span.storefront-nav-icon {background-position:-220px -20px;} #storefront-nav ul li a.theme-support:hover span.storefront-nav-icon, #storefront-nav ul li.current a.theme-support span.storefront-nav-icon {background-position:-220px 0px;} #storefront-nav ul li a.gold-cart span.storefront-nav-icon {background-position:-240px -20px;} #storefront-nav ul li a.gold-cart:hover span.storefront-nav-icon, #storefront-nav ul li.current a.gold-cart span.storefront-nav-icon {background-position:-240px 0px;} /* ========================== Colors ========================== */ #storefront_container #content #storefront-option-colors .section-color {width:250px; max-width:250px; height:140px;float:left; margin:10px;} #storefront_container #content #storefront-option-colors .explain {width:auto;} #storefront_container #storefront-nav ul li.current a, #storefront-nav ul li a:hover { color: #21759b; background-color: #fff; } #storefront_container #content { float: left; min-height: 550px; width: 585px /* Changed By Matt from 595 */; margin-left: -1px; padding: 0 14px; font-family: "Lucida Grande", Sans-serif; background-color: #fff; border-left: 1px solid #d8d8d8; } #storefront_container #content .section { margin-bottom: 10px;} #storefront_container #content .section h3.heading { font-family: ;margin: 10px 0 10px 0; padding: 7px 0px; /* background: #f1f1f1 url(images/headingtop.jpg) repeat-x left top; */ border-bottom: 1px solid #e7e7e7; } #storefront_container #content .section .controls { float: left; width: 335px /* Changed By Matt from 345 */; margin: 0 15px 0 0; } #storefront_container #content .section .explain { float: left; width: 225px; padding: 0 10px 0 0; font-size: 11px; color: #999999; } #storefront_container #content .section-checkbox .controls { width:25px} #storefront_container #content .section-checkbox .explain { width:530px /* Changed By Matt from 540 */} #storefront_container #content .section-color .controls { width:125px} #storefront_container #content .section-color .explain { width:440px} #storefront_container #content .section-info h3.heading { font-size: 12px; font-weight: 100; border: 0; margin-top: 20px; letter-spacing: 1px; border-top: 1px solid #FFF298; margin-bottom: 0; background:#EFE186; padding: 10px 20px; } #storefront_container #content .section-info .controls { margin: 0 0 20px; padding: 15px 20px; width: auto; line-height: 1.5em; font-size: 14px; font-style: italic; font-family: Georgia,arial; background: #FFF298; border:1px solid #ECD852; color:#424242;} #storefront_container #content .section-info .controls small { font-size: 12px} #storefront_container #content .section-info h3.heading { -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; } #storefront_container #content .section-info .controls{ -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; } #storefront_container textarea, #storefront_container input, #storefront_container select { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border-style:solid; border-width:1px; } #storefront_container .controls input,#storefront_container .controls select,#storefront_container .controls textarea { margin-bottom: 9px !important; background-color: #f1f1f1; border: 1px solid; border-color: #ccc #e6e6e6 #e6e6e6 #ccc; width: 330px /* Changed By Matt from 340 */; padding: 4px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana,sans-serif; font-size: 12px; } #storefront_container .controls select { padding: 0 0 0 4px; width: 330px /* Changed By Matt from 340 */} #storefront_container .controls textarea {width: 335px; /* Changed By Matt from 345 */} #storefront_container input[type=text] { width: 330px; /* Changed By Matt from 340 */} #storefront_container input.storefront-input-calendar { width: 320px; } #storefront_container input.checkbox { width: 30px; } #storefront_container input.storefront-radio { width: 30px; } #storefront_container .controls .input-text-small { width: 60px; margin-right:10px} #storefront_container .meta-two { margin-right:10px} #storefront_container .controls .storefront-color {float:left; width: 80px; margin-left:5px; /* font-size:20px; height:34px;*/} #storefront_container #content .section-typography .controls { width:425px } #storefront_container #content .section-typography .explain { width:140px } #storefront_container .controls .storefront-typography-size { width:80px; float:left} #storefront_container .controls .storefront-typography-unit { width:50px; float:left} #storefront_container .controls .storefront-typography-face { width:100px; float:left} #storefront_container .controls .storefront-typography-style { width:80px; float:left} #storefront_container .controls .storefront-radio-img-img { border:3px solid #fff; margin:0 5px 10px 0; display:none; cursor:pointer;} #storefront_container .controls .storefront-radio-img-selected { border:3px solid #ccc} #storefront_container .controls .storefront-radio-img-img:hover { opacity:.8; } #storefront_container .controls .storefront-border-width { width:80px; float:left} #storefront_container .controls .storefront-border-style { width:120px; float:left} #storefront_container .group { padding-bottom:20px} #storefront_container .group h2 { display:none; border-bottom:3px solid #e7e7e7} #storefront_container input:focus,#storefront_container select:focus, #storefront_container textarea:focus { background:#fff;} #storefront_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; } #storefront_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; } #storefront_container .update_available { background: #FFFEEB no-repeat 10px center;; border: solid #CCCCCC; border-width: 0px 1px 1px 1px; color: #333; font-weight: bold; padding: 10px; text-align: center; } /* #storefront_container .storefront-uploaded-image { border:2px solid #dedede; -moz-border-radius: 3px; display:block;} #storefront_container .storefront-uploaded-image img {margin:5px;display:block} */ #storefront_container .storefront-save-popup { position:absolute; -moz-border-radius:12px; background:rgba(0,0,0,0.4); color:#fff; font-size:24px; text-align:center; display:none} #storefront_container .storefront-save-save { background:url(images/happy.png) 20px 50% no-repeat; padding:30px 30px 30px 70px} #storefront_container .storefront-save-reset { background:url(images/warning.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} .reset-button { background:#99001e none;color:white!important;text-shadow:0 1px 0 #555 !important;} /* changed by matt */ .save_bar_top { background: #f3f3f3; border:solid #ccc; border-width:0px 1px 1px 1px; padding: 6px 6px 0px 6px; height: 34px; text-align: right; /* changed by matt */ background: url(images/support-links-bg.png); border-bottom-left-radius: 5px; -moz-border-radius-bottom-left: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottom-right: 5px;} .hide {display:none} .ajax-loading-img-top { margin: 8px 4px 0; float:left} .ajax-loading-img-bottom {} .storefront-option-image { max-width:340px; } #storefront_container .mini .controls select, #storefront_container #content .section .mini .controls {width: 70px; } #storefront_container .mini .controls input, #storefront_container #content .mini .controls {width: 70px; } #storefront_container #content .mini .explain { width:500px; } .storefront-notice { background: #ffd1d1 ; border:1px solid #DFA8A7; -moz-border-radius:8px; text-align: center; margin-bottom: 15px } /*-------------------------------------------------------------------------------------------*/ /* FEEDS PAGE */ /*-------------------------------------------------------------------------------------------*/ .themes-page div.info { height:30px;} .themes-page div.info a { float:left; margin: 0 10px 0 0; padding:3px 10px; background:#D7E6F2; -moz-border-radius:4px} .themes-page div.info a:link, .themes-page div.info a:visited { color:#21759B; font-size:10px; font-weight:bold; text-decoration:none; text-shadow:1px 1px 0 #FFFFFF;} .themes-page div.info a:active, .themes-page div.info a:hover{color:#155876;} ul.themes li.theme {border-bottom: 1px #ddd solid; padding: 20px 0; height:230px} ul.themes li.theme span{ display:block; float: left} ul.themes li.theme span img{ } ul.themes li.theme div {margin-left: 310px; } ul.themes li.theme div h2 { font-size: 20px; background: #eee; padding: 0px 10px; margin-bottom: 10px; border-bottom:1px #ddd solid; border-top:1px #e1e1e1 solid} ul.themes li.theme div h2 a:link, ul.themes li.theme div h2 a:visited { color: #555; text-decoration: none; font-style: normal;} ul.themes li.theme div p { width: 450px; padding-left: 5px;} ul.themes li.theme div p{ font-size: 12px!important; margin: 10px 10px 10px 10px; } ul.themes li.theme div ul {padding-left: 0px; color: #ccc; float:left; border-top:#eee 1px solid; padding-top: 10px;margin-left:20px } ul.themes li.theme div ul li { list-style: disc; list-style-position:inside; } ul.themes li.theme div ul li a:link, ul.themes li.theme div ul li a:visited { font-size: 12px!important; text-decoration: none;} ul.themes li.theme div ul li a:hover, ul.themes li.theme div ul li a:active { text-decoration: underline ;} /*-------------------------------------------------------------------------------------------*/ /* 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; }