/*======================================================================== ========================================================================== Theme Name:--- Milk Theme URI:---- http://www.aarcadethemes.com/product/milk Author:------- Aarcade Author URI:--- http://www.aarcadethemes.com Version:------ 2 Core Release:- 5 **IMPORTANT LINKS** Theme Readme:- http://theme.aarcadethemes.com/readme/milk Theme Support: http://support.aarcadethemes.com Theme News:--- http://featherw8.tumblr.com/tagged/aarcade ========================================================================== ========================================================================*/ /*==================================================== IMPORT STYLESHEETS - To import a style sheet you MUST enter the import code in this first section. ====================================================*/ @import url(http://fonts.googleapis.com/css?family=Arapey:400,400italic); /*==================================================== COLOURS Refer to instructions at http://goo.gl/dJTY0 ====================================================*/ /* = = = = = = = = = = = = = = = = = Layout & Header Colours */ /* - - - - Main Background */ body { background-color: #f7f8f3; } /* - - - - Page Background */ #wrap { background-color: #f7f8f3; } /* - - - - Shop Title & Header */ #header, #header form, #header_logo, #header_logo a { color: #3a3a39; } /* - - - - Header Form Text */ #header textarea, #header input[type=text], #header input[type=password], #header input[type=file] { color: #999999; } /* - - - - Header Form Input Background */ #header #content textarea, #header input[type=text], #header input[type=password], #header input[type=file] { background-color: #fcfcfc; } /* - - - - Header Form Input Border */ #header #content textarea, #header input[type=text], #header input[type=password], #header input[type=file] { border-color: #cccccc; } /* - - - - Header Form Input Focus Background */ #header #content textarea:focus, #header input[type=text]:focus, #header input[type=password]:focus, #header input[type=file]:focus { background-color: #ffffff; } /* - - - - Header Form Input Focus Border */ #header #content textarea:focus, #header input[type=text]:focus, #header input[type=password]:focus, #header input[type=file]:focus, #header #content textarea:hover, #header input[type=text]:hover, #header input[type=password]:hover, #header input[type=file]:hover { border-color: #aaaaaa; } /* - - - - Cart Link Empty */ #cart_nav a, #page_nav #cart_nav a, #category_nav #cart_nav a, #cart_nav a:hover, #page_nav #cart_nav a:hover, #category_nav #cart_nav a:hover { color: #aaaaaa; } /* - - - - Cart Link Not Empty */ #cart_nav.has_items a, #page_nav #cart_nav.has_items a, #category_nav #cart_nav.has_items a { color: #009900; } /* = = = = = = = = = = = = = = = = = Page Menu Colours */ /* - - - - Page Menu Background */ #page_nav { background-color: #414140; } /* - - - - Page Menu Dividers & Text */ #page_nav, #page_nav span.bul { color: #555555; } /* - - - - Page Menu Link */ #page_nav a, #page_nav form.gift_cert_form button, #page_nav li.artist > .link_text { color: #ffffff; } /* - - - - Page Menu Link Hover */ #page_nav a:hover, #page_nav form.gift_cert_form button:hover, #page_nav li.current a, #page_nav li.artist > .link_text:hover { color: #b8b8b8; } /* = = = = = = = = = = = = = = = = = Category Menu Colours */ /* - - - - Category Menu Bottom Border */ #category_nav { border-color: #cccccc; } /* - - - - Category Menu Dividers & Text */ #category_nav, #category_nav span.bul { color: #222222; } /* - - - - Category Menu Link */ #category_nav a, #category_nav form.gift_cert_form button, #category_nav li.artist > .link_text { color: #222222; } /* - - - - Category Menu Link Hover */ #category_nav a:hover, #category_nav form.gift_cert_form button:hover, #category_nav li.current a, #category_nav li.current_parent a, #category_nav li.artist > .link_text:hover { color: #9a9a9a; } /* = = = = = = = = = = = = = = = = = Footer Text & Menu Colours */ /* - - - - Footer Top Border */ #footer_inner { border-color: #cccccc; } /* - - - - Footer Menu Dividers & Text */ #footer_inner, #footer_inner span.bul { color: #aaaaaa; } /* - - - - Footer Link */ #footer_inner a, #footer_inner form.gift_cert_form button, #footer_inner li.artist > .link_text { color: #aaaaaa; } /* - - - - Footer Link Hover */ #footer_inner a:hover, #footer_inner form.gift_cert_form button:hover, #footer_inner li.current a, #footer_inner li.artist > .link_text:hover { color: #888888; } /* = = = = = = = = = = = = = = = = = Drop-Down Sub-Menus */ /* - - - - Sub-Menu Background */ #page_nav .nav_menu ul li.drpdwn ul, #category_nav .nav_menu ul li.drpdwn ul, #footer_inner .nav_menu ul li.drpdwn ul { background-color: #ffffff; } /* - - - - Sub-Menu Link Hover Background */ #page_nav .nav_menu ul li.drpdwn ul a:hover, #category_nav .nav_menu ul li.drpdwn ul a:hover, #footer_inner .nav_menu ul li.drpdwn ul a:hover { background-color: #f9f9f9; } /* - - - - Sub-Menu Link */ #page_nav .nav_menu ul li.drpdwn ul a, #category_nav .nav_menu ul li.drpdwn ul a, #footer_inner .nav_menu ul li.drpdwn ul a { color: #222222; } /* - - - - Sub-Menu Link Hover */ #page_nav .nav_menu ul li.drpdwn ul a:hover, #category_nav .nav_menu ul li.drpdwn ul a:hover, #footer_inner .nav_menu ul li.drpdwn ul a:hover { color: #222222; } /* - - - - Sub-Menu Link Border */ #page_nav .nav_menu ul li.drpdwn li, #category_nav .nav_menu ul li.drpdwn li, #footer_inner .nav_menu ul li.drpdwn li { border-color: #cccccc; } /* = = = = = = = = = = = = = = = = = Content */ /* - - - - Text */ body { color: #474747; } /* - - - - Heading */ h1, h2, h3, h4, h5, h6 { color: #252424; } /* - - - - Link */ a { color: #999999; } /* - - - - Link Hover */ a:hover { color: #bbbbbb; } /* - - - - Button Text */ button, input[type=submit], input[type=button], input[type=reset], #aarcade_theme_milk, #content button, #content input[type=submit], #content input[type=button], #content input[type=reset] { color: #ffffff; } /* - - - - Button Background */ button, input[type=submit], input[type=button], input[type=reset], #content button, #content input[type=submit], #content input[type=button], #content input[type=reset] { background-color: #14186c; } /* - - - - Button Hover Background */ button:hover, input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, #content button:hover, #content input[type=submit]:hover, #content input[type=button]:hover, #content input[type=reset]:hover { background-color: #272da8; } /* - - - - Input Text */ textarea, input[type=text], input[type=password], input[type=file], #content textarea, #content input[type=text], #content input[type=password], #content input[type=file] { color: #000000; } /* - - - - Input Background */ textarea, input[type=text], input[type=password], input[type=file], #content textarea, #content input[type=text], #content input[type=password], #content input[type=file] { background-color: #fcfcfc; } /* - - - - Input Border */ fieldset, textarea, input[type=text], input[type=password], input[type=file], #content textarea, #content input[type=text], #content input[type=password], #content input[type=file], form#contact_form #captcha_div img, #content select { border-color: #cccccc; } /* - - - - Input Focus Background */ textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=file]:focus, #content textarea:focus, #content input[type=text]:focus, #content input[type=password]:focus, #content input[type=file]:focus { background-color: #ffffff; } /* - - - - Input Focus Border */ textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=file]:focus, #content textarea:focus, #content input[type=text]:focus, #content input[type=password]:focus, #content input[type=file]:focus, textarea:hover, input[type=text]:hover, input[type=password]:hover, input[type=file]:hover, #content textarea:hover, #content input[type=text]:hover, #content input[type=password]:hover, #content input[type=file]:hover { border-color: #aaaaaa; } /* - - - - Borders */ blockquote p, h5.other_product_title, #product_share_container, #cart_updates, #content button#update_btn_footer, .address_map.static a img, .address_map.interactive iframe, body.custom #page_main img.border, .slide_main.box_2 .slide_wrap, .slide_main.box_3 .slide_wrap, #border_shift, .add_text.down, #content #success_main .success_inner h2, #content table#cart_sum .ic_row .ic_block { border-color: #cccccc; } hr, .short_col_wrap .short_col > .dvdr { background-color: #cccccc; } hr, span.bul { color: #cccccc; } /* - - - - Table Header Background */ #content table thead, #content table tfoot, body.custom #page_main img.border, #content #cart_table tbody tr.row_alt th, #content #cart_table tbody tr.row_alt td { background-color: #fafafa; } /* - - - - Table Borders */ #content table, #content table td, #content table th { border-color: transparent; } /* = = = = = = = = = = = = = = = = = Product */ /* - - - - Top Selling & Popular Products Title */ #special_products h3, #content #special_products h3 { color: #666666; } /* - - - - Top Selling & Popular Products Border */ #special_products h3, #content #special_products h3 { border-color: #aaaaaa; } /* - - - - Top Selling & Popular Products Background */ #special_products { background-color: #e9e9e9; } /* - - - - Product Title */ .shop_thumb a span.shop_thumb_title, #product_details h2.entry_title { color: #474747; } /* - - - - Product Price */ .shop_thumb a span.shop_thumb_price, #product_details h4.entry_price { color: #3d3d3d; } /* - - - - Product Sale Label */ .shop_thumb.sale a span.marker.ps, .shop_thumb.sale a span.product_status, #product_main.sale .product_img span.marker.ps, #product_details .product_label .product_status.sale { color: #FF0000; } /* - - - - Product Sold Out Label */ .shop_thumb.sold a span.marker.ps, .shop_thumb.sold a span.product_status, #product_main.sold .product_img span.marker.ps, #product_details .product_label .product_status.sold { color: #aaaaaa; } /* - - - - Product Coming Soon Label */ .shop_thumb.soon a span.marker.ps, .shop_thumb.soon a span.product_status, #product_main.soon .product_img span.marker.ps, #product_details .product_label .product_status.soon { color: #aaaaaa; } /* - - - - Product xd Label */ .shop_thumb a span.marker.ps.xd, .shop_thumb a span.product_status.xd, #product_main .product_img span.marker.ps.xd, #product_details .product_label.xd .product_status { color: #FF0000; } /* - - - - Product xe Label */ .shop_thumb a span.marker.ps.xe, .shop_thumb a span.product_status.xe, #product_main .product_img span.marker.ps.xe, #product_details .product_label.xe .product_status { color: #aaaaaa; } /* - - - - Special Selector Text */ #js_sel_inner, #content .for_cart_container #product-options.radio ul { color: #000000; } #js_sel .down_arr { border-top-color: #000000; } /* - - - - Special Selector Background */ #js_sel .js_opt, #js_sel.on #js_sel_inner, #content .for_cart_container #product-options.radio ul li label { background-color: #fcfcfc; } /* - - - - Special Selector Hover Background */ #js_sel.on .js_opt:hover, #content .for_cart_container #product-options.radio ul li label.on { background-color: #ededed; } /* - - - - Special Selector Border */ #js_sel .js_opt, #js_sel.on #js_sel_inner, #content .for_cart_container #product-options.radio ul li label { border-color: #dddddd; } /* - - - - Inventory Bars Text */ #content #inventory h3, #content #inventory li h5, #content #inventory li { color: #b5b5b5; } /* - - - - Inventory Bar Background */ #content #inventory .bar_outer { background-color: #eaeaea; } /* - - - - Inventory Bar */ #content #inventory .bar { background-color: #b5b5b5; } /*==================================================== FONTS Refer to instructions at http://goo.gl/jQtbg ====================================================*/ /* - - - - Shop Title */ h1#header_logo, #header_logo { font-family: "Arapey", serif; font-size: 60px; font-weight: normal; line-height: 1.0; /* set to - line-height: normal; - if the site title overlaps or inteferes with your category menu */ } /* - - - - Page Menu */ #page_nav, #page_nav #cart_nav, #page_nav li form.gift_cert_form, #page_nav li form.gift_cert_form button { font-family: "Arapey", serif; font-size: 15px; } /* - - - - Category Menu */ #category_nav, #category_nav #cart_nav, #category_nav li form.gift_cert_form, #category_nav li form.gift_cert_form button { font-family: "Arapey", serif; font-size: 14px; } /* - - - - Footer */ #footer, #footer_a, #footer_a li form.gift_cert_form, #footer_a li form.gift_cert_form button { font-family: "Arapey", serif; font-size: 13px; } /* - - - - Drop-Down Sub-Menus */ #page_nav .nav_menu ul li.drpdwn li, #category_nav .nav_menu ul li.drpdwn li, #footer_inner .nav_menu ul li.drpdwn li { font-family: "Arapey", serif; } /* - - - - Content */ #page_main { font-family: "Arapey", serif; font-size: 13px; } /* - - - - Headings - DO NOT ADD FONT SIZE HERE! */ h1, h2, h3, h4, h5, h6 { font-family: "Arapey", serif; font-weight: normal; } /* - - - - Headings - ADD FONT SIZES BELOW */ h1 { font-size: 21px; } h2 { font-size: 19px; } h3 { font-size: 17px; } h4 { font-size: 15px; } h5 { font-size: 14px; } h6 { font-size: 13px; } /* - - - - Product Page Title */ #content .product_title_container h2.entry_title { font-family: "Arapey", serif; } /* - - - - Product Page Price */ #content .product_title_container h4.entry_price { font-family: "Arapey", serif; } /* - - - - Product Thumbnail Titles */ #page_main .shop_thumb_title { font-family: "Arapey", serif; } /* - - - - Product Thumbnail Prices & Status */ #page_main .shop_thumb_price { font-family: "Arapey", serif; } /*==================================================== EXTRA STYLES Refer to instructions at http://goo.gl/vVp7b ====================================================*/ /* - - - - Page Shadow Displays page shadow on modern browsers Enable/Disable * #wrap { -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px rgba(0,0,0,0.3); } /**/ /* - - - - Header Margin Edit the margin around the header title/image */ #logo_block { margin-top: 18px; margin-bottom: 0px; margin-left: 10px; margin-right: 10px; } /* - - - - Social Icon Vertical Position Negative values are allowed */ .social_icon_block.large { bottom: 3px; } .social_icon_block.small { bottom: 1px; } /* - - - - Header Search, Newsletter, Like & Plus Vertical Position Negative values are allowed */ #formsoc_block { top: 0px; } /* - - - - Drop Down Menus Offset Only positive values are allowed */ .nav_menu li.drpdwn ul, .nav_menu li.drpno ul, #footer_nav_menu.nav_menu li.drpdwn ul { border-width: 3px; } /*==================================================== MENU PADDING Refer to instructions at http://goo.gl/8HBmc ====================================================*/ /* - - - - Page Menu Item Divider Change space between menu items */ #page_nav span.bul { padding-left: 10px; padding-right: 10px; } /* - - - - Category Menu Item Divider Change space between menu items */ #category_nav span.bul { padding-left: 8px; padding-right: 8px; } /* - - - - Footer Menu Item Divider Change space between menu items */ #footer span.bul { padding-left: 8px; padding-right: 8px; } /*==================================================== CUSTOM SYLES - add and override styles below Refer to instructions at http://goo.gl/mhVPn ====================================================*/ /* - - - - Products View Sale Label */ .shop_thumb.sale a span.marker.ps, .shop_thumb.sale a span.product_status { float: left; margin-right: 4px; } /* - - - - Product Page Sale Label */ #product_main.sale .product_img span.marker.ps, #product_main.sale #product_details .product_label { float: left; margin-right: 8px; } /* - - - - Public Notice Background */ .public_notice { background-color: #8b0101; } /* - - - - Public Notice Text */ .notice_inner { font-size: 11px; color: #ffffff; } /* - - - - Public Notice Links */ .public_notice a { color: #fff; text-decoration: underline; } /* ========================================================= ============================================================ START - AARCADE IMPORT BLOG PAGE REFER: http://ok.aarcadethemes.com/product-item/blog-page/ ============================================================ ========================================================= */ /* ======================================= EDIT COLOURS STARTING HERE TO APPLY THE DEFAULT COLOURS OF YOUR THEME DELETE ALL CODE FROM HERE......TO HERE END OF COLOUR STYLES ======================================= */ /* ======================================= EDIT FONT SIZES STARTING HERE ======================================= */ #blog_content #loading_blog, #blog_content #view_blog { font-size: 13px !important; } /* Entry Title */ #blog_content .post_title > h2 { font-size: 16px !important; } /* Entry Date */ #blog_content .post_title > p { font-size: 11px !important; } /* Entry Content */ #blog_content .post_content { font-size: 12px !important; } /* Entry Content Heading */ #blog_content .post_content > h1 { font-size: 17px !important; } #blog_content .post_content > h2 { font-size: 16px !important; } #blog_content .post_content > h3 { font-size: 15px !important; } #blog_content .post_content > h4 { font-size: 14px !important; } #blog_content .post_content > h5 { font-size: 13px !important; } #blog_content .post_content > h6 { font-size: 12px !important; } /* Sidebar */ #blog_content.with_side #side_jar, #blog_content.with_side #side_jar p, #blog_content #tweet_box .twtr-widget.twtr-widget-profile .twtr-hd > h4, #blog_content #tweet_box .twtr-widget.twtr-widget-profile { font-size: 11px !important; } /* Sidebar Heading */ #blog_content.with_side #side_jar h1, #blog_content.with_side #side_jar h2, #blog_content.with_side #side_jar h3, #blog_content.with_side #side_jar h4, #blog_content.with_side #side_jar h5, #blog_content.with_side #side_jar h6 { font-size: 12px !important; } /* Sidebar Lists */ #blog_content.with_side #side_jar ul { font-size: 11px !important; } /* ======================================= END OF FONT SIZES ======================================= */ /* ======================================= DO NOT EDIT BELOW THIS LINE ======================================= */ /* - - - - - - - - - - - - - Entries Layout */ #blog_content .post_wrap { padding-bottom: 60px !important; } #blog_content .post_title { padding-bottom: 20px !important; } #blog_content .post_title > h2 { padding: 0px !important; margin: 0px !important; line-height: 1.4 !important; } #blog_content .post_title > p { padding: 0px !important; padding-top: 2px !important; margin: 0px !important; line-height: 1.2 !important; } #blog_content .post_content img, #blog_content .post_content img[style] { max-width: 100% !important; height: auto !important; } #blog_content .clr { display: block; clear: both; float: none; height: 1px; } #blog_content #view_blog { padding-bottom: 13px !important; } /* - - - - - - - - - - - - - SideBar */ #blog_content.with_side #post_jar { width: 70%; float: left; } #blog_content.with_side #side_jar { width: 25%; float: right; } /* Sidebar Boxes */ #blog_content #tweet_box, #blog_content #like_box, #blog_content #top_box, #blog_content #bot_box { padding: 0 0 30px 0 !important; } #blog_content.with_side #side_jar, #blog_content.with_side #side_jar p, #blog_content #tweet_box .twtr-widget.twtr-widget-profile .twtr-hd > h4, #blog_content #tweet_box .twtr-widget.twtr-widget-profile { line-height: 1.2 !important; } /* Sidebar Lists */ #blog_content.with_side #side_jar ul { margin: 0px 0px 11px !important; padding: 0px !important; list-style: none outside !important; } #blog_content.with_side #side_jar div > ul > li { margin: 0px !important; padding: 2px 0px !important; } /* Twitter Widget */ #blog_content #tweet_box .twtr-widget.twtr-widget-profile .twtr-ft { display: none !important; } #blog_content #tweet_box .twtr-widget.twtr-widget-profile .twtr-hd { padding-bottom: 4px !important; padding-top: 0px !important; } #blog_content #tweet_box .twtr-widget.twtr-widget-profile .twtr-hd, #blog_content #tweet_box .twtr-widget.twtr-widget-profile .twtr-tweet-wrap { padding-left: 0px !important; padding-right: 0px !important; } /* - - - - - - - - - - - - - Entry Share Tools */ #blog_content .entry_share_container { border-top-width: 1px !important; border-top-style: solid !important; padding-top: 9px !important; margin-top: 28px !important; font-size: 11px !important; } #blog_content .entry_share_container .addthis_toolbox.addthis_default_style > a, #blog_content .entry_share_container .addthis_toolbox.addthis_default_style > a.at300b #blog_content .entry_share_container .addthis_toolbox.addthis_default_style > a.at300m { overflow: hidden !important; padding: 0 !important; margin: 0 4px 0 0 !important; } /* ========================================================= ============================================================ END - AARCADE IMPORT BLOG PAGE REFER: http://ok.aarcadethemes.com/product-item/blog-page/ ============================================================ ========================================================= */