/* Theme Name: wpShopBrown Theme URI: http://wpshop.sarah-neuber.de/ Description: A child theme of wpShop with brown tones. Template: wpShop Author: Sarah Neuber Author URI: http://www.sarah-neuber.de Version: 2.1 */ @import url(../wpShop/style.css); /*pj template */ #home-content { background-image: url(http://thebrownstonewoman.com/wp-content/themes/princess-jenkins/images/home.jpg); width: 760px; height: 500px; } /*General Styling for Links, Messages, Forms, Tables */ a { text-decoration:none;color:#ebcf8b;} a:hover, a:focus { color:#330000; text-decoration:underline;} .error {color:#c19393;} .success {color:#99cc00;} /* TABLES */ /* tables still need 'cellspacing="0"' in the markup */ table, thead, tbody, tr, th, td {font-size:1em} table { } caption, th, td { text-align:left;} th { font-weight: bold; } td { } th,td { padding:0.5em; } tfoot { font-style: italic; } caption { background: #ffc; } /* FORMS */ fieldset { margin: 0 0 18px 0;} legend { font-weight: bold; font-size:1.2em; margin-bottom:6px; } label, input, textarea, select {margin-bottom:6px;display:block;width:250px;} input.text, input[type='text'], textarea, select {border:1px solid #d9d6db; background:#edeade;} select {width:262px;cursor: pointer; } textarea {width:550px;height:225px;} label {font-size:1.1em;} input, textarea {padding:4px;} input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], button { cursor: pointer;width:auto;float:left;margin-right:6px; } input[type='hidden'] { display:none; } form br {clear:both;} /*hover and focus styles*/ textarea:focus, textarea:hover, input[type='text']:focus, input.text:focus, input[type='text']:hover, input[type='password']:focus, input[type='password']:hover, select:focus, select:hover { background: #fafafa; } /*Buttons*/ .btn, .button {background:#ebcf8b;border:1px solid #d9bc89;color:#333;padding:0 5px;letter-spacing:0.1em;float:left;} .btn:focus .btn:hover, .button:focus, .button:hover {background:#edeade;border:1px solid #d9d6db;text-decoration:none;} body2 {background:#993300 url(images/body_bgd3.jpg) repeat-x top left;font-family:Tahoma;} body {background:#993300 url(images/body_bgd.jpg) repeat-x top left;font-family:Tahoma;}/*if you want to change colours you might want to change the color and/or background and/or border property here*/ .body {background:#993300 url(images/body_bgd3.jpg) repeat-x top left;font-family:Tahoma;} #header, #floatswrap, #footer {padding:0 12px;} #header .container, #floatswrap .container, #footer .container { width:960px;margin:0 auto;} /*############## MAIN NAVI ###########################*/ #navi {clear:both;padding:32px 0 2px 0;} #navi ul { float:left;width:100%;} #navi ul li {display:inline;float:left;background:url(images/divider-trans.png) no-repeat right center;} #navi ul li a { display:block;float:left;font-size:1.2em;font-weight:bold;letter-spacing:1px;color:#888;padding:18px 20px 15px;} #navi ul li a:focus, #navi ul li a:hover, #navi ul li a:active, #navi ul .current_page_item a, body.home #navi ul .home a {color:#444;text-decoration:italic;} /*Shopping cart*/ #navi .cart {float:right;width:170px;background:url(images/cart-trans.png) no-repeat top right;} #navi .cart a, #navi .cart span {padding:5px 0 0 15px;display:block;color:#888;font-weight:bold;line-height:1.75em;background:url(images/divider-trans.png) no-repeat left center;} #navi .cart a:focus, #navi .cart a:hover, #navi .cart a:active {color:#444;text-decoration:none;} #navi .cart span {color:#663300;} #navi .cart .payloadz_mode {height:50px;} /*############## LOGO AND HEADER IMAGE ###########################*/ #logo {clear:both;} #logo img {float:right;} #logo h1 {float:left; width:366px; height:81px;background:url(images/logo-trans.png);text-indent:-9999em;margin-top:100px;} #logo h1 a { color:#555;cursor:pointer;display:block;height:81px; } /*############## MAIN_COL CONTENT ###########################*/ #floatswrap {position:relative;} #breadcrumb {margin-bottom:40px;padding-top:20px;color:#999;} #main_col { float:right;width:75%;display:inline;position:relative;color:#dbdbdb;} #sidebar { float:left; width:200px;display:inline;} /* breadcrumb links */ #breadcrumb a {color:#edeade;} /* Product holders */ .prod {float:left;width:221px;margin:0 0 15px 20px;background:url(images/prod_bgd-trans.png) no-repeat;text-align:center;display:inline;overflow:hidden;} .prod h5 {margin:0 0 2px 0;padding-top:7px;color:#663300;} .prod a {color:#663300;} .prod .img {display:block; position:relative;} .prod .img span {display:block; width:218px; height:174px;position:absolute;top:0;left:2px;background:url(images/image_overlay-trans.png) no-repeat;} .prod img {margin-top:7px;} .prod .prod_info {margin:20px 0 0 0;float:left;width:100%;} .prod .prod_info form {padding:0 0 0 10px;float:left;} .prod .prod_info form input {margin:0;} .prod .prod_info #the_product .buy_now {margin:4px;display:block;width:81px;height:28px;background:url(images/buy_now_small.png) no-repeat top left;text-indent:-9999em;} .prod .prod_info span.price {float:left;margin-left:8px;padding-top:13px;color:#663300;} .prod .prod_info span.was {color:#888;text-decoration:line-through;font-size:0.8em;} .prod .prod_info a.details {width:30px;padding:13px 0;float:right;} .prod .prod_info .cat_link {display:block;padding:13px 0;} /*styles for single product detail view*/ /*the thumbnail*/ body.singleprod_detailview .prod {background:url(images/single_prod_bgd-trans.png) no-repeat top left;margin-right:25px;width:262px;} body.singleprod_detailview .prod .img span {top:25px;left:22px;} body.singleprod_detailview .prod img {margin-top:32px;} /*other image views*/ .prod .other_views {margin-top:40px;color:#dbdbdb;text-align:left;} .prod .other_views h5 {color:#dbdbdb;letter-spacing:1px;} .gallery {overflow:hidden;} .gallery .gallery-item .gallery-icon {display:block;width:56px;border:1px solid #372b1d;} .gallery .gallery-item .gallery-icon a {display:block;border:1px solid #625648;} .gallery .gallery-item .gallery-icon img {border:0 none !important;margin:2px;} /*product details text area*/ .details_wrap {overflow:hidden;color:#dbdbdb;} .details_wrap h4 {letter-spacing:2px;} .details_wrap .price_value .price {font-size:1.275em;margin-right:18px;color:#c19393;} .details_wrap .price_value .endprice {margin-right:0;} .details_wrap .price_value .basisprice, .details_wrap .price_value .itemID {color:#ccc;} .details_wrap .price_value .was {color:#888;text-decoration:line-through;} .details_wrap .price_value .was, .details_wrap .price_value .basisprice {font-size:1em;} .details_wrap .price_value .itemID {font-size:0.8em;} .details_wrap select, .details_wrap label {margin:0px;} #the_product img {float:left;} #the_product input, #vCart input {margin:0;padding:0;} #vCart input {float:right;} #the_product .buy_now {display:block;width:110px;height:28px;background:url(images/buy_now.png) no-repeat top left;text-indent:-9999em;} /*displaying other products from same category*/ .related_prod {clear:both;margin-top:18px;overflow:hidden;border-top:1px solid #372b1d;} .related_prod h5 {color:#dbdbdb;letter-spacing:1px;padding-top:15px;border-top:1px solid #625648;} .related_prod .thumb_img {float:left;margin:0 18px 18px 0;border:1px solid #372b1d;} .related_prod .thumb_img img {border:1px solid #625648;padding:4px;} /*Product pagination*/ .wp-pagenavi {clear:both;} .wp-pagenavi a, .wp-pagenavi a:link {padding:4px 6px;margin:4px;border:1px solid #d9d6db;color:#777;background:#edeade;} .wp-pagenavi a:focus, .wp-pagenavi a:hover, .wp-pagenavi a:active {border:1px solid #d9bc89;color:#333;background:#ebcf8b;} .wp-pagenavi span.pages {padding:4px 6px;margin:4px;color:#333;border:1px solid #edeade;background:#fafafa;} .wp-pagenavi span.current {padding:4px 6px;margin:4px;font-weight:bold;border:1px solid #d9bc89;color:#333;background:#ebcf8b;} .wp-pagenavi span.extend {padding:4px 6px;margin:4px;color:#333;border:1px solid #edeade;background:#fafafa;} /*tooltips*/ .tooltip {position:absolute;z-index:999;left:-9999px;background:#edeade;padding:5px;border:1px solid #fff;width:250px;} .tooltip p {margin:0;padding:0;color:#fff;background:#504235;padding:2px 7px;} .page_post h2, .page_post h3 { border-bottom:0px solid #372b1d; font-style: italic; } .page_post h2 span, .page_post h3 span { display:block; border-bottom:0px solid #625648; padding:6px 0; font-style: italic; font-weight: bold; color: #ECBD00; } /*.page_post img {padding:4px;background:#ffffff;border:1px solid #372b1d;}*/ /*################ SIDEBAR ###################################################*/ /*general box styling*/ #sidebar div {padding-bottom:35px;color:#000000;} #sidebar h4 {text-align:center;letter-spacing:2px;font-weight:normal;background:url(images/sidebar_heading-trans.png) no-repeat top left;padding:7px 0;margin:0;} #sidebar1, #sidebar .textwidget, #sidebar ul, #sidebar1 #searchform, #sidebar #trackform, #sidebar #calendar_wrap, #sidebar .widget_tag_cloud div {background:#fafafa;border:0px solid #ebcf8b;border-top:none;} #sidebar .textwidget, #sidebar #calendar_wrap, #sidebar .widget_tag_cloud div {padding:8px;} #sidebar #searchform, #sidebar #trackform {padding:8px 0 8px 8px;} /*lists*/ #sidebar ul li {border-top:1px solid #edeade;} #sidebar ul li a {display:block;height:31px;padding:7px 0 0 8px;font-size:1.1em;color:#663300;} #sidebar ul li a:focus, #sidebar ul li a:hover, #sidebar ul li a:active, body.prod_cat #sidebar ul li.current-cat a, body.prod_cat #sidebar ul li.current-cat-parent a, body.singleprod_detailview #sidebar ul li.current-cat a , body.singleprod_detailview #sidebar ul li.current-cat-parent a {background:#edeade;color:#330000;text-decoration:none;} /*search box*/ #sidebar #searchform .hidden, #sidebar #trackform .hidden {display:none;} #sidebar #searchform input[type='text'], #sidebar #trackform input[type='text'] {width:100px;margin:0 8px 0 0;display:block; float:left;} #sidebar #searchform .btn, #sidebar #trackform .btn {padding:3px 2px;margin:0;} /*recently added*/ #sidebar .recently_added ul, #sidebar .recently_added ul li {overflow:hidden;} #sidebar .recently_added ul li a {height:auto;overflow:hidden;padding:7px 0 7px 8px;} #sidebar .recently_added ul li a img {float:left;margin-right:7px;border:2px solid #edeade;} /*############## FOOTER ###########################*/ #footer a {color:#666;} #footer .container {background:url(images/footer_divider.jpg) no-repeat top center;padding-top:20px;} #footer h6 {float:left;color:#888;font-weight:normal;margin:0 1em 0 0;} #footer h6.theme {float:right;margin:0;} /*############## SHOPPING CART ###########################*/ /*the table*/ #main_col form.order_table {padding-top:18px;} #main_col table.order_table {border:1px solid #372b1d;clear:both;margin-top:18px;width:100%;background:#5e4e3f;} #main_col table.order_table thead, #main_col table.order_table th {background:#dfdbd1;color:#663300;} #main_col .order_table .c_img_wrap, #main_col .order_table .c_img_wrap span {display:block;float:left;border:1px solid #372b1d;} #main_col .order_table .c_img_wrap span {border:1px solid #7b6c5b;padding:4px;} #main_col table.order_table td {vertical-align:middle;} #main_col table.order_table tr.sums {background:#413224;} #main_col table.order_table tr.sums td {vertical-align:top;background:#413224;} #main_col table.order_table input {margin:0;} #main_col table.order_table input.text {width:30px;} /*the buttons*/ #main_col .cont_shop {padding:6px;margin:0 12px;} #main_col .order_table .cont_shop, #main_col input.order, #main_col input.update {margin:0;} #main_col input.order, #main_col input.update, #main_col .next_step {padding:3px 6px;} #main_col .cont_shop, #main_col input.update, #main_col .next_step {border-color:#ffffcc;} #main_col input.order {background:#cc6633;border-color:#cc9966;color:#fff;} #main_col input.order:focus, #main_col input.order:hover {background:#edeade;border:1px solid #d9d6db;color:#663300;} #main_col input.update {margin-left:400px;} #main_col .order_now {float:right;} /*notes, messages, error, success*/ #main_col .order_table small {display:block;margin-top:12px;} #main_col .error, #main_col h4.cart_empty, #main_col .order_pending {color:#ff9999;} #main_col .order_success {color:#99cc00;} #main_col .order_success, #main_col .order_pending {margin-bottom:18px;} #main_col .order_table .total_cart_price {color:#99cc00;} #main_col .order_remark {clear:both;} /*order steps*/ #main_col .oSteps {border-bottom:1px solid #625648;} #main_col .oSteps td {border-top:0 none;border-bottom:1px solid #372b1d;} #main_col .oSteps td span {color:#666;margin-right:3px;} #main_col .oSteps td.aktiv {font-size: 1.5em;color:#99cc00;} #main_col .oSteps td.aktiv span {color:#99cc00;margin-right:6px;} #main_col .oSteps td.passiv {font-size: 1em;color:#888;} /*the headings going through checkout*/ #main_col .step1 h4, #main_col h4.step2, #main_col h4.step3 {padding:6px 12px;margin-bottom:18px;background:#dfdbd1;color:#663300;} #main_col form.step2 {background:#5e4e3f;padding:18px;} #main_col form.step2 label, #main_col form.step2 input, #main_col form.step2 select {margin-bottom:12px;} #main_col form.step2 label {width:120px;} #main_col table.order_table .sum td {background:#413224;border-top: 1px solid #5c4733;border-bottom: 1px solid #281f16;} #categorylist {font-size:12px; font-style:italic; text-transform:none;} #categorylist ul {list-style-type: none; list-style-image:none; margin:0; padding-bottom: 20px; } #categorylist li { display: inline; padding: 0px 5px;}