/* custom.css — custom styles for any WordPress theme that YOU define ------------------------------------------------------------------ This stylesheet will allow you to futureproof your CSS changes against future releases and upgrades on ANY WordPress theme. I know you work hard on your modified styles, and I don't want you to feel like every theme upgrade is a total drag! Also, if you're a designer who makes use of GPL themes in your work, you'll find this incredibly handy! You can come up with a set of core modifications for any WordPress theme, and by isolating these mods in a separate stylesheet, you'll be better able to track the changes that you make and their associated effects. Best of all, when the theme's designer releases a new version, you won't have to go back through and make all your changes anew. Plus, this is *definitely* the smartest way to scale out sites if you find yourself using one or two theme frameworks consistently. Instructions: Modifying existing theme styles to your liking is a breeze with this handy stylesheet. In order to turn on the CSS styles that you define here, you'll need to append the tag (usually found within the header.php file) with a CSS class called "custom". Thanks to this, you now have the ability to override ANY style that's declared in the theme's original stylesheet. In practice, you simply need to copy the CSS for the element that you want to change (from style.css) and then paste it here. Prefix the new CSS declaration with .custom, and then make your tweaks as necessary. Here's an example: To change the default color of the tag (let's say you want to make them a cherry red [#c00]) and to remove the default underline, this is what you would do: .custom a { color: #c00; text-decoration: none; } Oh, but remember, none of these changes will work unless you call custom.css from wihtin your header file! Cool? Now get to hackin! */ /*---------------/ / Sitewide / /---------------*/ body.custom /* main definition for standard text */ { background: #D8E8F8 url(images/backgrounds/isleheader4.jpg) repeat-x scroll -610px 0px; /* was -140 */ /* #111111 url(images/backgrounds/satori2.jpg) no-repeat fixed 0% -15px; #111111 url(images/backgrounds/lblue169.gif) repeat scroll; */ font-family: "Lucida Grande","Lucida Sans Unicode", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #333; margin-bottom: 0px; } .custom strong /* any bolded text */ { color: #111; } .custom h1, h1 a, h1 a:hover, h1 a:visited, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited /* all headers */ { font-family: garamond; color: #103; } .custom a, a:hover, a:visited /* links */ { color: #206; border-bottom: none; } .custom a:hover /* links onHover */ { background: #ffc; } .custom .alt { background-color: #aaa; } .custom blockquote { background: #E8E8E8; border-color: #AAA; color: #444; padding: 6px 10px; margin: 10px 10px 10px 10px; } h4 { margin-top: 18px; margin-bottom: -8px; font-size: 1.1em; } /*---------------------------------------/ / HEADER, FOOTER, Other Sections / /---------------------------------------*/ .custom .navigation /* article navigation blocks */ { display: table; padding: 0px 10px; width: 100%; margin-bottom: 30px; } .custom .navigation div { background: #fff; margin: 0px 0px 6px; opacity: 0.95; padding: 2px 10px 3px; border: 2px outset; } /*display: inline; (to have it display on the left and right) .custom .navigation .alignleft { width: 40%; } .custom .navigation .alignright { width: 40%; } */ .custom #header /* header */ { background: transparent none repeat scroll 0% 50%; height: 90px; font-size: 10px; color: #103; } .custom .description /* site description */ { font-family: garamond; color: #103; font-size: 18px; margin-left: 30px; } .custom #content /* left side (not including header and footer) */ { margin-right: 315px; width: 600px; } .custom #footer /* footer */ { background: transparent url(images/white_overlay_90.png) repeat scroll 0%; margin-top: -20px; } /* !!! maybe not ... change if ever do anything with footer */ .custom #footer p { padding: 8px; } .custom #page { background: transparent url(images/tile.gif) repeat-y scroll 0%; margin: 0px auto 0px; } .custom .pages /* menu */ { /*display: none;*/ border-bottom: medium none; margin-bottom: 35px; text-align: left; left: 515px; width: 10px; } .custom .pages a:hover { color: #D8E8F8; background: transparent url(images/patterns/wood137_2.gif) no-repeat scroll; border-top: none; } .custom .pages a, .pages a:hover, .pages a:visited { background: transparent url(images/patterns/wood137_2.gif) no-repeat scroll; /* border: 1px solid #654; */ color: #FFF; font: 12px tahoma; font-variant: small-caps; font-weight: 500; padding: 0px 6px; letter-spacing: -0.01em !important; } /*---------------/ / POSTS / /---------------*/ .custom .post /* post block */ { background: #fff; border: 4px groove; color: #000000; margin: 0px -8px 20px; } .custom .entry { position: relative; } /* to itself, allows nested positioning */ .custom .entry a /* link in post */ { background-color: #d8e8f8; padding: 0px 3px 0px 3px; } .custom .entry a:hover /* link in post onHover */ { background: #ffc; } .custom .entry ol, ul /* list in post */ { margin-left: 20px; } .custom .postinfo /* end block in post */ { background: #A8B8C8 none repeat scroll 0% 50%; border: 2px -moz-bg-inset; padding-top: 4px; } .custom .cal /* date in post header */ { background:#666688 none repeat scroll 0%; color: #eeeeee; margin-left: 4px; } .custom .postmetadata { margin-top: 4px; } #references { margin-top: 4px; margin-bottom: 4px; } #series_notify { position: absolute; /* tab at top right of post */ left: 380px; right: -19px; top: -146px; padding: 6px 8px 13px; border-width: 4px; border-style: groove groove none groove; border-color: #555 #555 #FFF #555; background-color: #FFE; color: #111; } #postendspace { height:25px; } .custom div.entry ol li { line-height: 18px; } /*---------------/ / COMMENTS / /---------------*/ .custom div#sexycomments h3 { color: #556; font-size: 1.7em; margin-bottom: 10px; } .custom #sexycomments ol .bio { background: #E6E6E6; } .custom #sexycomments ol .comment { padding: 0px 20px 0px 10px; } .custom #sexycomments ol li { background: #F4F4F4; } .custom #sexycomments ol li.odd { background: #F4F4FF; } .custom #sexycomments ol li.even { background: #F4FFF4; } .custom #sexycomments ol li.author { background: #FFFFFF; border-top: 1px solid #AAA; border-bottom: 1px solid #AAA; } .custom #sexycomments ol li.author .bio { background: #FFFFFF; } .custom h3#respond { color:#556; font-size: 1.7em; margin: 25px 0px 10px; } .custom #commentform, #commentform a, #commentform p { color: #778; } .custom #commentform input, textarea { border: 2px inset #eee; } .custom #commentform textarea { padding: 8px; width: 97%; line-height: 1.5em; } .custom #commentform #submit { border: thin -moz-bg-outset; } /*---------------/ / SIDEBAR / /---------------*/ .custom #sidebar1, #sidebar2 /* right sides (not including header and footer) */ { background: transparent url(images/white_overlay_90.png) repeat scroll 0% 50%; font-size: 1.1em; width: auto; top: -10px; left: 680px; } .custom #sidebar1 { min-width: 265px; } .custom #sidebar2 { min-width: 310px; } .custom .sidebars h2 /* widgets header */ { background: #606060 url(images/widgetheader.png) repeat scroll 0% 0%; padding: 3px 5px 3px 10px; } .custom .sidebars ul li /* default bullet */ { list-style-image: url(images/patterns/bullets_stars_blue_001s.gif); } /*---------------/ / WIDGETS / /---------------*/ .custom #translate.widget h2 /* translate */ { margin-bottom: 6px; } .custom #translate { margin-bottom: 0px !important; } .custom #text-5.widget h2 /* google ads */ { display: none; } .custom #tag-cloud.widget a /* tags / labels */ { padding: 0px 14px 0px 0px; } .custom #tag-cloud.widget h2 { margin-bottom: 6px; } .custom #links.widget ul li /* blogroll */ { list-style-image: none; display: inline; font-size: 1.1em; padding-right: 15px; padding-bottom: 10px; } .custom #related-posts.widget ul li /* related posts */ { list-style-image: url(images/patterns/bullets_stars_blgr_001s.gif); } .custom #recent-posts.widget ul li /* recent posts */ { list-style-image: url(images/patterns/bullets_stars_green_001s.gif); } .custom #category-cloud.widget a /* article categories */ { padding: 0px 6px 0px 0px; } .custom #active-discussions ul li /* active discussions */ { list-style-image: url(images/patterns/bullets_stars_pp_001s.gif); } .custom #active-discussions /* (if placed in the bottom section) */ { background: white; margin-top: 15px; } .custom #active-discussions h2 { background: #ccd; padding: 3px 5px 3px 7px; margin-bottom: 5px; } .custom .wp-polls-loading { display: none; } .custom .wp-polls ul li { background-image: none !important; list-style-image: none !important; list-style-type: none !important; } .custom .widget_mybloglog h2 /* mybloglog */ { display: none; } /*.custom .mbl_h { display: none; } */ .custom .amzn_wdgt .wdgt_ft /* amazon referrals */ { display: none; } .custom .amzn_wdgt .wdgt_pgn { padding-top: 4px; padding-bottom: 6px; font-size: 1.4em; } .custom .amzn_wdgt .wdgt_pgn .pgn_cnt a { padding: 0px 3px !important; } .custom .amzn_wdgt a { background: transparent none repeat scroll 0% !important; padding: 0px !important; } /*---------------/ / ETC | OLD / /---------------*/ /* .custom .inline-widgets { background:transparent url(images/white_overlay_50.png) repeat scroll 0%; } .custom .pages (original menu section) { display: none; border-bottom:medium none; text-align: right; left: 340px; width: 300px; } .custom .pages a, .pages a:hover, .pages a:visited { background: #E8E9B7; color: #554411; padding: 3px 7px 5px 7px; font-size: 1.2em; font-weight: 500; letter-spacing: -0.01em !important; } .custom h3#comments, h3#respond (original comments section) { color:#556; font-size: 22px; font-weight:800; } .custom .commentlist li.alt { background-color: #B0B0BB; color: #111; } .custom .commentlist li { background-color: #B0BBB0; color: #111; } */ /* NOTE: Also look throughout php files for comments like: REMOVED BY BK, EDITED BY BK, ADDED BY BK */