/*---------------------------------------------------------------------------------------- File: custom.css Description: Custom stylesheet for Coupon Shoebox (Thesis theme) Copyright: 2010 Illusio Design by Chuck Spidell. Visit illusiodesign.com for more info. --------------------------------------------------------------------------------------------- BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ /*------------------------------------- GENERAL STYLES -------------------------------------*/ /* Tiling background */ body.custom { background: url(images/bg-orange.png) top left repeat; } /* Outer container for content */ .custom #container { width: 960px; margin: 0 auto; padding: 0; background: #fff; border: 0; } /* Tiling background for content */ .custom #page { background: #fff url(images/bg-page.png) left 199px repeat-y; padding: 0; } /* Header */ .custom #header_area { display:none; } .custom #logo { margin: 46px 0 0 183px; } .custom #header { width: 960px; height: 199px; padding: 0; margin: 0; background: url(images/header-cs-blank.png) left top no-repeat; border: 0; /* removes the double lines below the header */ } /*------------------------------------- SEARCH BOX -------------------------------------*/ /* Search Box positioning and styling */ .custom #store_search { position: relative; width: 209px !important; float: right; margin: 5px 70px 0 0; padding: 0;/* border: 1px solid #999; */ } .custom #store_search input { width: 208px !important; padding: 5px; font-size: 1.2em; color: #c46817; background: transparent; border: 0; } /* .custom #store_search p { margin-left: 4px; font-size:12pt; color: #1E1903; } /* .custom widget thesis_widget_search { background:#fff; } */ /*------------------------------------- SIDEBARS -------------------------------------*/ /* Sidebar - set up padding */ .sidebar ul.sidebar_list { padding: 20px 30px 30px 30px; } /* Sidebar - normalize margins */ li.widget ul li { margin-bottom: 0 !important; } /* Sidebar - headers */ .sidebar h3 { color: #d29601; font-size: 1.4em; line-height: 1em; margin-bottom: 5px; letter-spacing: 1px; text-transform: uppercase; } /* Sidebar - Coupon update clock */ #current-update { color: #787878; font-size: .8em; line-height: 1.35em; margin: -25px 0 5px 0; padding: 0 0 0 35px; background: url(images/icon-clock.png) left 55% no-repeat; } /* Sidebar - New Coupons - tab default */ .custom #sidebar_1 ul.domtabs { list-style: none; padding: 0; margin: 0; } .custom #sidebar_1 ul.domtabs li { float: left; padding: 5px 10px; margin: 4px 0 0 0; text-align: center; } .custom #sidebar_1 ul.domtabs li a { color: #d29601; font-size: .9em; font-weight: bold; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; } /* Sidebar - New Coupons - tab active */ .custom #sidebar_1 ul.domtabs li.active { background: #f4f2f2; text-transform: uppercase; border: 0; } .custom #sidebar_1 ul.domtabs li.active a { color: #d29601; } /* Sidebar - Divider tabs styling */ .custom .domtab div { border: 0; padding: 0; margin: 0; background: #f4f2f2; clear: both; } /* Sidebar - Add arrrows to Divider tabs & Coupon categories */ .custom .domtab div ul li, #coupon-categories li { background: #f4f2f2 url(images/icon-arrow.png) 7px 55% no-repeat; border-bottom: 1px solid #fff; padding: 6px 0 6px 30px; } .custom .domtab div ul li:hover, #coupon-categories li:hover { background: #e5e5e5 url(images/icon-arrow.png) 7px 55% no-repeat; cursor: pointer; } .custom .domtab div ul li a:hover, #coupon-categories li a:hover { color: #77a4cc; text-decoration: none; } #coupon-categories img, #random-posts img { float: right; margin-left: 10px; } /* Sidebar - What's Popular background */ .custom #coupon-categories-header { background: url(images/bg-sidebar-whatspopular.png) 7px top no-repeat; height: 79px; } .custom #coupon-categories-header h3 { padding-top: 42px; } /*------------------------------------- POST FORMATTING -------------------------------------*/ /* Set padding on posts */ .custom .post_box, .custom .no_sidebars .post_box { margin: 0 30px; } .custom .headline_area h1 { margin-bottom: 25px; padding-bottom: 5px; border-bottom: 1px dotted #bbb; } /* Post Sub-headers */ .custom .format_text h3 { color: #d29601; } /* So we don't have double borders */ .custom .format_text h3.bordered { border-bottom: 1px dotted #bbb; } /* More coupons text */ .custom p.headline_meta { font-size: 1em; line-height: 1.8em; font-style: normal; padding: 0 0 0 15px; margin: 0 0 0 -3px; background: url(images/icon-arrow-right.gif) left 55% no-repeat; } .custom p.headline_meta a { border: none; } .custom p.headline_meta a:hover { color: #2F6697; } /* Posts - list formatting */ .custom .format_text ul { margin: 0 0 20px 0; padding: 0; } .custom .format_text ul li { background: url(images/icon-star.png) left 5px no-repeat; list-style: none; padding-left: 22px; line-height: 2em; } .custom .format_text ul li a { color: #2f6697; text-decoration: none; } .custom .format_text ul li a:hover { color: #77a3cb; } /* Use Coupon button */ .custom .linkBox { float: right; width: 145px; height: 32px; font-size: 1.2em; text-transform: uppercase; line-height: 2em; margin-left: 15px; background: url(images/btn-usecoupon.png) left 55% no-repeat; } .custom .linkBox a { margin-left: 50px; color: #3c6f9d; text-decoration: none; } .custom .linkBox a:hover { color: #77a3cb; } /* remove "Comments Closed" on posts and pages */ .custom .comments_closed p { display: none; } /* Previous & Next formatting */ .custom .prev_next { color: #666; font-weight: bold; padding: 30px; letter-spacing: 1px; text-transform: uppercase; border-top: 1px dotted #ddd; clear:both; } .custom .prev_next p { padding-left: 18px; background: url(images/icon-arrow-right.gif) left 55% no-repeat; } .custom .post_nav .previous { margin-bottom: 0; } .custom .prev_next a { font-weight: normal; text-decoration: none; } .custom .prev_next a:hover { color: #77a3cb; text-decoration: none; } /* Search results */ .custom #archive_info { color: #c46817; margin: 0 30px 0 20px; padding: 25px 0 10px 0; border-bottom: 1px dotted #c46817; } .custom #archive_info p { font-size: 1.25em; letter-spacing: 1px; } /*------------------------------------- NEWSLETTER FORM STYLING -------------------------------------*/ .custom #newsletter { background: url(images/bg-btn-subscribe.png) right top no-repeat; height: 95px; font-size: .9em; color: #2F6697; } .custom #newsletter a { color: #2F6697; text-decoration: none; } .custom #newsletter a:hover { color: #77a4cc; } /* Email form */ .custom #newsletter input { width: 160px; font-family: "Trebuchet MS", Arial, sans-serif; color: #5d676a; font-size: .9em; padding: 4px 5px 4px 5px; background: #f4f2f2; border: 1px solid #c7cdd4; margin-top: 50px; } .custom #newsletter input.formbutton { position: relative; margin-left: 5px; width: 80px; font-family: "Trebuchet MS", Arial, sans-serif; color: #fff; font-size: .9em; font-weight: bold; text-transform: uppercase; background: #9ca3aa; border: none; cursor: pointer; } .custom #newsletter input.formbutton:hover { color: #bfddfb; background: #8ca7c2; } /*------------------------------------- COMMENTS -------------------------------------*/ .custom #comments { margin: 25px; } /* Header before input form */ .custom #comments form#commentform { border-top: 1px dotted #bbb; } .custom #comments form#commentform textarea, .custom #comments form#commentform input { width: 300px; font-family: "Trebuchet MS", Arial, sans-serif; color: #5d676a; font-size: .9em; padding: 4px 5px; background: #f4f2f2; border: 1px solid #c7cdd4; } /* Submit button */ .custom #comments form#commentform input.form_submit { position: relative; font-family: "Trebuchet MS", Arial, sans-serif; color: #fff; font-size: .9em; padding: 4px 10px; font-weight: bold; text-transform: uppercase; background: #9ca3aa; border: none; cursor: pointer; } .custom #comments form#commentform input.form_submit:hover { color: #bfddfb; background: #8ca7c2; } /*------------------------------------- FOOTER -------------------------------------*/ .custom #footer { padding: 20px; margin-top: 30px; }