/* File: custom.css Description: Custom styles for Thesis 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/ */ /* ADD A 3EM PADDING to BOTTOM OF LOGO */ .custom #header {padding-bottom:3em;} /* End Code */ /* ADD IN SITE TAGLINE UNDER LOGO */ .custom #header #tagline { height: 0em; position:relative; left:0em; top:-0.5em; font-size: 1.5em; font-weight: bold; color: #663300; padding: 0.7em 0.4em; } /* End Code */ /* Move NAV MENU SLIGHTLY TO THE RIGHT AND EXTEND NAV MENU ALL THE WAY ACROSS */ .custom .menu { background-color:#663300; } /* End Code */ /* CHANGE PAGE WIDTH */ .custom #content_area .page {width:108em;} .custom #header_area .page {width:108em;} .custom #nav_area .page {width:108em;} .custom #footer_area .page {width:108em;} /* End Code */ /* MAKE PAGE HEADING (H2,H3 TAG) UNBOLD */ .custom H2 {font-weight:normal;} .custom H3 {font-weight:normal;} /* End Code */ /* REMOVE ITALICS FROM IMAGE CAPTIONS */ .wp-caption {font-style:normal; font-weight:bold;} /* End Code */ /* FOOTER CUSTOMIZATION */ .custom #footer { border-top:0.3em solid #566335; text-align:right; } /* End Code*/ /* ADD BORDER TO RIGHT OF CONTENT BOX THAT EXTENDS ALL THE WAY TO THE BOTTOM */ .custom #content { border-right:0.1em dotted #f0eec2; } /* FORMAT SUBSCRIBE BUTTON IN EMAIL SUBSCRIPTION BOX */ .button { background-color: #d45218; border: 0.5em solid #d45218; font-weight: bold; color:#ffffff; } /* FORMAT FONT COLOR IN EMAIL SUBSCRIPTION BOX */ .background { color:#ffffff; font-weight:bold; } /* FORMAT SIDEBAR TITLE FOR SUBSCRIPTION BOX AND ADD SEPARATOR LINE */ .custom p.sidebartitles { font-size: 1.05em; color: #646c3c; font-weight:bold; border-bottom:0.1em dotted #dddddd; } /* GLOBAL FORMAT OF ALL SIDEBAR TITLES TO BE IN GREEN WITH A DOTTED BORDER BELOW */ .custom .widget h3 { font-weight:bold; font-size: 1.05em; border-bottom:0.1em dotted #dddddd; text-transform:uppercase; font-variant:normal; letter-spacing:0px; background-color:#ffffff; } /* FORMAT RECENT POSTS WIDGET & ALL SIDEBAR WIDGETS WITH A LIST */ .custom #sidebars li.widget li { background-color:#f7f7f7; line-height:1.4em; padding-top:2px; padding-bottom:2px; } /* REDUCE SPACING BETWEEN SIDEBAR WIDGETS */ .custom #sidebars li.widget{ margin-bottom:2em; } /* HOME PAGE CUSTOMIZATION (5 STEPS) */ /* STEP 1. TEASER BOX BACKGROUND COLOR, PADDING & TEXT JUSTIFY */ .custom .teaser { width: 43%; height:30em; margin-top: 1em; margin-bottom: 0.5em; margin-right: 0.2em; padding: 2em; border: 0.1em dotted #dddddd; background-color: #f7f7f7; text-align: justify; } .custom .teasers_box { padding-top: 0; padding-bottom:0; border-top: 0; } /* End Code */ /* STEP 2: FIX TEASER READ MORE TEXT */ .custom .format_teaser a.read_link { font-size: 1.05em; color: #dd6801; font-weight:bold; line-height: 1.5em; text-decoration: none !important; } .custom .format_teaser a.read_link:hover { color: #2361A1; } .custom .format_teaser p.read_more { margin-top: 1em; } /* End Code */ /* STEP 3: INCREASE SPACE BETWEEN NAV BAR AND TOP OF BLOG POSTS (NOTE THIS WILL ALSO INCREASE SPACE ABOVE PAGE TITLES SO BE CAREFUL) */ .custom #content_box { padding-top: 0.3em; } /* End Code */ /* STEP 4: PAGE NAVIGATION FOR HOME PAGE NAVIGATION (WP-PAGENAVI PLUGIN)*/ .custom #content .wp-pagenavi { margin: 1.2em 0em 1.2em 1em; } .custom #content .wp-pagenavi a, .custom #content .wp-pagenavi a:link { font-size:14px; padding: 5px 9px; margin: 2px; text-decoration: none; border: 1px solid #e1e1c8; color: #413f36; background-color: #eeeeee; } .custom #content .wp-pagenavi a:visited { font-size:14px; padding: 5px 9px; margin: 2px; text-decoration: none; border: 1px solid #e1e1c8; color: #413f36; background-color: #eeeeee; } .custom #content .wp-pagenavi a:hover { font-size:14px; border: 1px solid #608e7a; color: #FFF; background-color: #566335; } .custom #content .wp-pagenavi a:active { font-size:14px; padding: 5px 9px; margin: 2px; text-decoration: none; border: 1px solid #e1e1c8; color: #413f36; background-color: #eeeeee; } .custom #content .wp-pagenavi span.pages { font-size:14px; padding: 5px 9px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #e1e1c8; color: #413f36; background-color: #eeeeee; } .custom #content .wp-pagenavi span.current { font-size:14px; padding: 5px 9px; margin: 2px; font-weight: bold; border: 1px solid #608e7a; color: #FFF; background-color: #566335; } .custom #content .wp-pagenavi span.extend { font-size:14px; padding: 5px 9px; margin: 2px; border: 1px solid #608e7a; color: #FFF; background-color: #566335; } /* End Code */ /* STEP 5: PREVIOUS AND NEXT POST LINKS ON INDIVIDUAL POST PAGES */ div.post_nav p { color: #566335; } .post_nav a { text-decoration: none; } /* End Code */ /* END OF HOME PAGE CUSTOMIZATION */ /* TABLE CSS CUSTOMIZATION */ /* NUMBER 1: BOOKS DOWNLOAD TABLE CSS */ table.download { border-spacing:0em; } td.download { text-align:justify; border: 1px dotted #f7f7f7; background-color:#f7f7f7; padding: 0.4em 0.4em 0.4em 0.4em; vertical-align:middle; color: #000000; } /* End Code */ /* NUMBER 2: BOOK-STORE TABLE CSS */ table.bookstore { border-spacing:0em; } td.bookstore { text-align:justify; border: 1px dotted #f7f7f7; background-color:#f7f7f7; padding: 0.4em 0.4em 0em 0.4em; vertical-align:top; height:1em; color: #000000; } td.bookstoreside { text-align:justify; border: 1px dotted #f7f7f7; background-color:#f7f7f7; padding: 0.4em 0.4em 0.4em 0.4em; vertical-align:top; height:1em; color: #000000; } /* End Code */ /* WORDS OF WISDOM BLOCKQUOTE CUSTOMIZATION */ /* NUMBER 1: SUN BLOCKQUOTE */ .custom blockquote.sun{ background-color: #ffffff; border-left: 0.1em dotted #ffffff; border-bottom:0.1em dotted #778A4A; padding: 0.3em 0.3em 0em 4.8em; background-image: url(http://www.spiritualbee.com/media/Sun.png); background-repeat:no-repeat; background-position:0.5em 0.3em; color: #000000; line-height:1.8em; text-align: justify; } /*End Code */ /* NUMBER 2: GREEN LEAF BLOCKQUOTE */ .custom blockquote.greenleaf{ background-color: #ffffff; border-left: 0.1em dotted #ffffff; border-bottom:0.1em dotted #778A4A; padding: 0.3em 0.3em 0em 4.8em; background-image: url(http://www.spiritualbee.com/media/Leaf-Green.gif); background-repeat:no-repeat; background-position:0.5em 0.3em; color: #000000; line-height:1.8em; text-align: justify; } /*End Code */ /* NUMBER 3: BROWN LEAF BLOCKQUOTE */ .custom blockquote.brownleaf{ background-color: #ffffff; border-left: 0.1em dotted #ffffff; border-bottom:0.1em dotted #778A4A; padding: 0.3em 0.3em 0em 4.8em; background-image: url(http://www.spiritualbee.com/media/Leaf-Brown.gif); background-repeat:no-repeat; background-position:0.5em 0.3em; color: #000000; line-height:1.8em; text-align: justify; } /*End Code */ /* NUMBER 4: RED LEAF BLOCKQUOTE */ .custom blockquote.redleaf{ background-color: #ffffff; border-left: 0.1em dotted #ffffff; border-bottom:0.1em dotted #778A4A; padding: 0.3em 0.3em 0em 4.8em; background-image: url(http://www.spiritualbee.com/media/Leaf-Red.gif); background-repeat:no-repeat; background-position:0.5em 0.3em; color: #000000; line-height:1.8em; text-align: justify; } /*End Code */ /* NUMBER 5: YELLOW FLOWER BLOCKQUOTE */ .custom blockquote.yellowflower{ background-color: #ffffff; border-left: 0.1em dotted #ffffff; border-bottom:0.1em dotted #778A4A; padding: 0.3em 0.3em 0em 4.8em; background-image: url(http://www.spiritualbee.com/media/yellow-flowers.gif); background-repeat:no-repeat; background-position:0.5em 0.3em; color: #000000; line-height:1.8em; text-align: justify; } /*End Code */ /* NUMBER 6: LITTLE GIRL BLOCKQUOTE */ .custom blockquote.girl{ background-color: #ffffff; border-left: 0.1em dotted #ffffff; border-bottom:0.1em dotted #778A4A; padding: 0.3em 0.3em 0em 4.8em; background-image: url(http://www.spiritualbee.com/media/little-girl.png); background-repeat:no-repeat; background-position:0.5em 0.4em; color: #000000; line-height:1.8em; text-align: justify; } /*End Code */ /* NUMBER 7: LOVE QUOTES ANGEL */ .custom blockquote.loveangel{ background-color: #ffffff; border-left: 0.1em dotted #ffffff; border-bottom:0.1em dotted #778A4A; padding: 0.3em 0.3em 0em 4.8em; background-image: url(http://www.spiritualbee.com/media/love-angel.png); background-repeat:no-repeat; background-position:0.5em 0.4em; color: #000000; line-height:1.8em; text-align: justify; } /*End Code */ /* NUMBER 8: ORANGE BOAT BLOCKQUOTE */ .custom blockquote.orangeboat{ background-color: #ffffff; border-left: 0.1em dotted #ffffff; border-bottom:0.1em dotted #778A4A; padding: 0.3em 0.3em 0em 4.8em; background-image: url(http://www.spiritualbee.com/media/orange-boat.jpg); background-repeat:no-repeat; background-position:0.3em 0.5em; color: #000000; line-height:1.8em; text-align: justify; } /*End Code */ /* NUMBER 9: CONTACT US - TELEPHONE RIGHT QUOTE */ .custom blockquote.phone{ float:right; width:12em; background-color: #f4f0db; border:0.1em dotted #dddddd; margin:0 0 10px 15px; padding: 0.6em 0.6em 0em 3.5em; background-image: url(http://www.spiritualbee.com/media/Phone.png); background-repeat:no-repeat; background-position:0.4em 0.7em; color: #000000; line-height:1.8em; text-align: left; } /*End Code */ /* NUMBER 10: CONTACT US - GREY BLOCKQUOTE FOR CONTACT FORM (NO IMAGE) */ .custom blockquote.grey { background-color: #f7f7f7; border: 0.1em dotted #dddddd; color: #000000; padding: 0.5em 0.5em 0.5em 0.5em; text-align: justify; } /* End Code */ /* RIGHT & LEFT BLOCK QUOTES (PULL OUT QUOTES) FOR HIGHLIGHTING SALIENT POINTS IN CONTENT */ /* NUMBER 11: RIGHT BLOCKQUOTE (Used on Quotes Pages) */ .custom blockquote.rightquote{ float:right; width:9em; border-left: 0.1em solid #ffffff; background-color: #f4f0db; margin:0 0 10px 15px; padding: 0.6em 0.6em 0em 0.6em; color: #00406c; text-align: center; font-size:1.24em; line-height:1.5em; font-weight:bold; } /*End Code */ /* NUMBER 12: RIGHT BLOCKQUOTE WIDE (Used on Quotes Pages) */ .custom blockquote.rightquotewide{ float:right; width:11em; border-left: 0.1em solid #ffffff; background-color: #f4f0db; margin:0 0 10px 15px; padding: 0.6em 0.6em 0em 0.6em; color: #00406c; text-align: center; font-size:1.24em; line-height:1.5em; font-weight:bold; } /*End Code */ /* NUMBER 13: LEFT BLOCKQUOTE (Used on Quotes Pages) */ .custom blockquote.leftquote{ float:left; width:9em; border-right: 0.1em solid #ffffff; background-color: #f4f0db; margin:0 15px 10px 0px; padding: 0.6em 0.6em 0em 0.6em; color: #00406c; text-align: center; font-size:1.24em; line-height:1.5em; font-weight:bold; } /*End Code */ /* NUMBER 14: LEFT BLOCKQUOTE WIDE (Used on Quotes Pages) */ .custom blockquote.leftquotewide{ float:left; width:11em; border-right: 0.1em solid #ffffff; background-color: #f4f0db; margin:0 15px 10px 0px; padding: 0.6em 0.6em 0em 0.6em; color: #00406c; text-align: center; font-size:1.24em; line-height:1.5em; font-weight:bold; } /*End Code */ /* NUMBER 15: LEFT BLOCKQUOTE SUPER WIDE (Used on Life Poems Page) */ .custom blockquote.leftquotesuperwide{ float:left; width:14.5em; border-right: 0.1em solid #ffffff; background-color: #f4f0db; margin:0 15px 10px 0px; padding: 0.6em 0.6em 0em 0.6em; color: #00406c; text-align: center; font-size:1.24em; line-height:1.5em; font-weight:bold; } /*End Code */ /* NUMBER 16: RELATED PAGES BLOCKQUOTE */ .custom blockquote.relatedpages { background-color: #f7f7f7; border: 0.1em dotted #dddddd; padding: 0.5em 0.5em 0.5em 0.5em; color: #000000; text-align: justify; line-height:2.2em; padding: 0.3em 0.3em 0em 4.8em; background-image: url(http://www.spiritualbee.com/media/book.gif); background-repeat:no-repeat; background-position:0.3em 0.6em; } /*End Code */ /* NUMBER 17: WORDS OF WISDOM QUOTES INDEX - PLAIN GREY BLOCKQUOTE (NO IMAGE) */ .custom blockquote.quotesindex { background-color: #f7f7f7; border: 0.1em dotted #dddddd; color: #000000; padding: 1em 1em 0.5em 1em; text-align: justify; } /* End Code */ /* NUMBER 18: NOTE ON HINDUISM - PARAGRAPH STYLING */ .custom p.hinduism { border-bottom:0.1em dotted #778A4A; padding: 0em 0em 1.2em 0em; } /* End Code */ /* NUMBER 19: FREE BOOKS BLOCKQUOTE */ .custom blockquote.freebooks{ background-color: #f7f7f7; border: 0.1em dotted #dddddd; padding: 0.5em 0.5em 0em 0.5em; color: #000000; text-align: justify; } /*End Code */ /* NUMBER 20: FACEBOOK & TWITTER Paragraph */ .custom blockquote.share{ background-color: #f4f0db; border: 0.1em dotted #f4f0db; padding: 1em 1em 0em 1em; color: #00406c; text-align: justify; font-size:1.0em; line-height:1.8em; font-weight:bold; } /*End Code */