/* 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/ */ body.custom { background:#f06a21 url(images/BG.jpg) repeat-x top center; } .custom .page { background:#fff; } .custom #header { background:transparent; height:225px; width:1059px; margin:0; padding:0; border:0; } .custom #header_area { background: url(images/Kittyridge-Header-BG-2.jpg) repeat-x bottom center; margin:0; padding:0; border:0; } .custom #header #logo a { background:url(images/Kittyridge-Header-BG.jpg) no-repeat top center; text-indent:-9999px; display:block; height:225px; width:1059px; margin:0 0 0 -27px; padding:0; border:0; } /* tagline */ .custom #header #tagline { display:none; color:#900; margin:-35px 0 0 15px; } /* make navbar and header area transparent on the .page */ .custom #header_area .page, .custom #nav_area .page { background: transparent; } /* tabs */ .custom #nav_area ul {border:0;} .custom .menu a {background:transparent; color: #336699;} .custom .menu a:hover {background: transparent; color: #6699cc;} .custom .menu .current a {background: transparent; color: #6699cc;} /* Keeps the parent tab highlighted when hovering over its children. Change tab numbers to reflect those in your code. */ .custom .menu .tab.tab-3:hover a, .custom .menu .tab.tab-2:hover a {background: transparent; color: #6699cc;} /* When you are on a child link page, this will keep the parent tab highlited. Change tab numbers to reflect those in your code. */ .custom .menu .tab.tab-3.current-parent a, .custom .menu .tab.tab-2.current-parent a {background: transparent; color: #6699cc;} /* Styles the child links. Change tab numbers to reflect those in your code.*/ .custom .menu:hover .tab.tab-3 .submenu a, .custom .menu:hover .tab.tab-2 .submenu a {background:#01224d; color: #336699; border: 1px solid #6699cc;} .custom .menu:hover .tab.tab-3 .submenu a:hover, .custom .menu:hover .tab.tab-2 .submenu a:hover {background:#023e6e; color: #6699cc;} /* When the parent tab of the child links is selected, these will style the child links, which will likely be the same as those above. Change tab number and submenu numbers to reflect those in your code. */ .custom .menu .tab.tab-3.current .submenu-1 a, .custom .menu .tab.tab-2.current .submenu-1 a {background:#01224d;color:#336699;border:1px solid #6699cc;} .custom .menu .tab.tab-3.current .submenu-1 a:hover, .custom .menu .tab.tab-2.current .submenu-1 a:hover {background:#023e6e; color: #6699cc;} /* This will make the current child link highlighted in the drop down nav. Change the tab number to the tab you have your drop down on and change the item numbers to the child link numbers. If you have more than 3 child links, just copy and add addiitonal pieces of code, adding the child link item numbers. If you have other tabs with child links, just copy and add those too, changing the tab number and item numbers to reflect them. */ .custom .menu .tab.tab-2.current-parent .submenu.submenu-1 .item.item-1.current a, .custom .menu .tab.tab-2.current-parent .submenu.submenu-1 .item.item-2.current a, .custom .menu .tab.tab-2.current-parent .submenu.submenu-1 .item.item-3.current a, .custom .menu .tab.tab-2.current-parent .submenu.submenu-1 .item.item-4.current a, .custom .menu .tab.tab-2.current-parent .submenu.submenu-1 .item.item-5.current a, .custom .menu .tab.tab-2.current-parent .submenu.submenu-1 .item.item-6.current a, .custom .menu .tab.tab-3.current-parent .submenu.submenu-1 .item.item-7.current a, .custom .menu .tab.tab-3.current-parent .submenu.submenu-1 .item.item-8.current a, .custom .menu .tab.tab-3.current-parent .submenu.submenu-1 .item.item-9.current a, .custom .menu .tab.tab-3.current-parent .submenu.submenu-1 .item.item-10.current a, .custom .menu .tab.tab-3.current-parent .submenu.submenu-1 .item.item-11.current a {background:#023e6e; color: #6699cc;} .custom .menu li:hover ul, .custom .menu a:hover ul { left:0; } /* RSS */ .custom .menu .rss a { background: url('images/icon-rss.gif') 100% 50% no-repeat; color: #336699; } .custom .menu .rss a:hover { background: url('images/icon-rss.gif') 100% 50% no-repeat; color: #ffcc99; } div#post-1 { margin-top:-30px; } /* sitcky post byline and teaser block or stuff below post */ div#post-1 p.headline_meta {display:none;} div#post-1 .format_text .to_comments {display:none;} div#post-1 .post-teaser-block {display:none;} /* misc*/ .largetext { color:#F06A21; font-size:14pt; } .firstletter { color: #2361A1; font-size: 50pt; float: left; padding:15px 5px 15px 5px; margin:-12px 0 -12px 0; border:0; line-height:inherit; } /* sidebar */ .custom .widget { background: transparent; border:0; padding:5px 0 0 0; margin:0 auto; text-align:center; } .custom #sidebar_1 { border-right:1px solid #f06a21; padding:0; margin:0; } .custom #sidebar_2 { border:0; padding:0; margin:0; } .nook, .kindledx, .sonyprs505red, .bebookneo, .sonydailyedition, .coolerhotpink, .sonyprs505silver, .jetbookblack, .coolergreen, .cybookbookeen, .irex800, .coolerruby, .irexiliadblack, .coolerskyblue { margin-left:-10px; } .nook, .kindledx, .sonyprs505red, .bebookneo, .sonydailyedition, .coolerhotpink, .sonyprs505silver, .jetbookblack, .coolergreen, .cybookbookeen, .irex800, .coolerruby, .irexiliadblack, .coolerskyblue, .sonytouchred, .coolerpink, .sonyprs700, .springdesignalex, .ezreader, .irexiliadsilver, .jetbookred, .coolerblack, .sonytouchblack, .irex1000, .sonytouchsilver, .coolerviolet, .coolersilver, .iPad, .kindle { margin-top:50px; } /* multimedia box */ .custom #multimedia_box, .custom #image_box, .custom #video_box, .custom #custom_box, .custom #multimedia_box img { background:transparent; border:0; margin: -20px 0 0 0; } /* sidebar badges */ .RK { background: transparent; border:0; padding:0; margin:0 0 5px 0; width:125px; height:125px; } /* freebies page */ .myblockentry { display:block; width:655px; float:left; clear:both; } .myblockspacer { display:block; width:655px; height:50px; float:left; clear:both; } a.FreeDownload:link, a.FreeDownload:visited { background:transparent url(http://www.kittyridge.com/wp-content/uploads/2010/03/download.jpg) no-repeat; display:block; clear:both; float:left; width:365px; color:#fff; text-decoration:none; font-size:12pt; font-family:Verdana, Geneva, sans-serif; margin:0; padding:8px 0; text-align:center; } a.FreeDownloadBumper:link, a.FreeDownloadBumper:visited { background:transparent url(http://www.kittyridge.com/wp-content/uploads/2010/03/download.jpg) no-repeat; display:block; width:365px; color:#fff; text-decoration:none; font-size:12pt; font-family:Verdana, Geneva, sans-serif; margin:0 auto; padding:8px 0; text-align:center; } a.FreeDownload:hover, a.FreeDownload:active, a.FreeDownloadBumper:hover, a.FreeDownloadBumper:active { color:#2361a1; } a.DemoButton:link, a.DemoButton:visited { background: transparent url(http://www.kittyridge.com/wp-content/themes/thesis_17/custom/images/DemoButton.jpg) no-repeat; display:block; float:right; width:150px; color:#fff; text-decoration:none; font-size:12pt; font-family:Verdana, Geneva, sans-serif; margin:0; padding:8px 0; text-align:center; } a.DemoButton:hover, a.DemoButton:active { color:#ff8700; } a:link .freebieanchor { text-decoration:none; } .freebieanchor:hover { color:#ff8700; } /**** freebies comics page ******/ .kittyblock { display:block; width:325px; height:200px; border:0; padding:0; margin:25px auto 0 auto; float:left; text-align:center; } .kittyblockhead { display:block; width:250px; height:30px; border:0; padding:0; margin:auto; text-align:center; line-height:1em; } .kittyblockthumb { width:200px; border:3px solid #6699cc; padding:0; margin:auto 0; } /* ereaders page */ .ereaderblock { display:block; width:325px; height:385px; border-bottom:3px solid orange; padding:0 0 0 10px; margin:0 auto; text-align:center; float:left; } .ereaderdownload { display:block; width:150px; height:30px; border:0; padding:0; margin:0 auto; text-align:center; } .ereaderdownload a { background: transparent url(http://www.kittyridge.com/wp-content/themes/thesis_17/custom/images/small-download-button.png) no-repeat; display:block; width:150px; height:30px; border:0; padding:0; margin:0; float:left; } .ereaderdownload a:hover { background: transparent url(http://www.kittyridge.com/wp-content/themes/thesis_17/custom/images/small-download-button-hover.png) no-repeat; display:block; width:150px; height:30px; border:0; padding:0; margin:0; float:left; } /* donate small button in sidebar */ input.DonateFreebies2 { background:url(http://www.kittyridge.com/wp-content/uploads/2010/04/donate2.jpg) no-repeat; display:block; float:left; width:130px; height:33px; margin:0; padding:0; border:0; text-align:center; color:#ffffff; cursor:pointer; } .DonateFreebies2:hover { background: url(http://www.kittyridge.com/wp-content/uploads/2010/04/donateover2.jpg) no-repeat; cursor:pointer; } .FormFreebie { display:block; width:150px; height:38px; float:right; border:0; padding:0; margin:0; overflow:hidden; } /*footer*/ .custom #footer_area { background:url(images/Footer-BG.gif) repeat-x top; height:191px; } .custom #footer_area .page { background: #fff url(images/Footer-BG.gif) repeat-x top; height:191px; padding-bottom:0; } .custom #footer p { position:relative; top:138px; color:#330000; margin: 0; padding:0; text-align:center; } .custom #footer p a { color:#000099; text-decoration:none; border:0; } .custom #footer p a:hover { text-decoration:underline; border:0; }