/** * Theme Name: Toybox * Theme URI: http://toyboxturmoil.com * Description: Theme designed for the "Toybox Turmoil" comic by Alex Serra. * Author: Stefan Grambart * Author URI: http://stefangrambart.ca * Template: inkblot * Version: 1.0 */ /** Load the Cascade Failure CSS Framework - The CSS framework should always be loaded */ @import url( '../inkblot/includes/css/cf-reset.css' ); @import url( '../inkblot/includes/css/cf-layout.css' ); @import url( '../inkblot/includes/css/cf-typography.css' ); /** Load the default InkBlot styles - This gives us the basic InkBlot appearance to build upon */ @import url( '../inkblot/style.css' ); /* change the site width */ .group { width:760px; } .content-main { width:580px; } .sidebar-one { width:180px; } /* Uncomment this block and adjust widths as necessary to override InkBlot's default content and sidebar widths. By default, the content block will be 62% (for two-column layouts) or 50% (for three-column layouts) as wide as the site. By default, the sidebars will be 38% (for two-column layouts) or 25% (for three-column layouts) as wide as the site. This particular stylesheets assumes a two column layout, so we aren't using .sidebar-two. .sidebar-two { width: 0; } */ /* COLORS */ hr { border-top-color: #777; } a { color: #333; } .entry a, .meta a { text-decoration: underline; } a:hover { color: #000; } html { /* background color included in style */ } #topbanner { color: #CCC; } #body { background-color: #F3F3F3; } #transcript-title { color: #666; background-color: #D1D1D1; border-top-color: #777; } #transcript { color: #000; background-color: #D1D1D1; } #transcript-response { color: #FFF; } #transcript-response .error { background-color: #CCC } #transcript-response .success { background-color: #CCC; } .meta { border-top-color: #777; } .sidebar .interior ul { border-bottom-color: #777; } .bookmark-comic { background-color: #E1E1E1; } #s { border-color: #777; } .content h1, .content h2 a { border-bottom-color: #777; } .commentlist .comment,.commentlist .pingback { border-color: #777; } .commentlist .comment.bypostauthor { /* border color included in style */ } .commentlist .vcard img.avatar { border-color: #999; } .commentlist .comment-meta { color:#999; } .commentlist .even { background-color: #C1C1C1; } .commentlist .odd { background-color: #D7D7D7; } #foot { color: #666; background-color:#E1E1E1; } #foot a { color: #444; } #foot a:hover { color: #000; } /* END COLORS */ body, h1, h2, h3, { font-family: Arial, Helvetica, sans-serif; } img { border: none; } hr { border-top: 1px dashed; border-bottom: none; border-left: none; border-right: none; background: none; } /* change links */ a { text-decoration: none; } /* Remove the site trim and use background images isntead */ html { background: #FFF url(../toybox/images/background.jpg) left top fixed repeat-x; } #wrap-outer, #wrap-inner { background: none; padding: 0px; margin: 0; width: 100%; } #page { background: none; } #rating { background: url(../toybox/images/website_images.png) no-repeat; background-position: 0px -210px; width: 170px; height: 170px; position: absolute; right: 0; z-index: 999; margin: 0; padding: 0; } #topbanner { font: Arial, Helvetica, sans-serif; font-size: 10px; font-variant: small-caps; z-index: 0; } #body { margin-top: 0; } /* This rule ensures that our sidebar background doesn't show up in the "comic" area if our comic isn't as wide as the site */ #body .comic { background: none; padding-top:12px; } #head { height: 170px; padding:6px 0 0 0; text-align: center; } #body .content { background: none; } #body .post { background: none; } /* Use an image for the logo */ #head .interior { padding: 10px 0 5px 0; } #head .name { margin: 0; } #head .name span,#head .description { display: none; } #head .name a { background: url(../toybox/images/website_images.png) no-repeat center; background-position: 0 -50px; display: block; height: 160px; } /* Use images for comic navigation and always show all the navigation links */ .navi-comic { width: auto; background: none; float: right; padding: 1px 6px 0; } .navi-comic a span { display: none; } .navi-comic a { background: url(../toybox/images/website_images.png) no-repeat; height: 25px; width: 22px; float: left; margin: 4px 0; padding: 0; } .navi-comic .current-comic { display: none; } .navi-comic a.first-webcomic-link { background-position: -672px 0px; } .navi-comic a.previous-webcomic-link { background-position: -694px 0px; } .navi-comic a.next-webcomic-link { background-position: -716px 0px; } .navi-comic a.last-webcomic-link { background-position: -738px 0px; } .navi-comic a.first-webcomic-link:hover { background-position: -672px -25px; } .navi-comic a.previous-webcomic-link:hover { background-position: -694px -25px; } .navi-comic a.next-webcomic-link:hover { background-position: -716px -25px; } .navi-comic a.last-webcomic-link:hover { background-position: -738px -25px; } /* Main navigation, non-dynamic */ .navmain { width: 600px; margin: 0; padding: 16px 0 1px 0; float: left; padding-left: 6px; } .navmain li { list-style: none; float: left; } .navmain li a { display: block; background: url(../toybox/images/website_images.png) no-repeat; cursor: pointer; height:25px; } .navmain li a.home { background-position: 0px 0px; width: 57px; } .navmain li a.about { background-position: -57px 0px; width: 65px; } .navmain li a.cast { background-position: -122px 0px; width: 50px; } .navmain li a.archives { background-position: -172px 0px; width: 85px; } .navmain li a.downloads { background-position: -257px 0px; width: 106px; } .navmain li a.store { background-position: -363px 0px; width: 53px; } .navmain li a.contact { background-position: -416px 0px; width: 76px; } .navmain li a.subscribe { background-position: -495px 0px; width: 105px; } .navmain li a.home:hover { background-position: 0px -25px; width: 57px; } .navmain li a.about:hover { background-position: -57px -25px; width: 65px; } .navmain li a.cast:hover { background-position: -122px -25px; width: 50px; } .navmain li a.archives:hover { background-position: -172px -25px; width: 85px; } .navmain li a.downloads:hover { background-position: -257px -25px; width: 106px; } .navmain li a.store:hover { background-position: -363px -25px; width: 53px; } .navmain li a.contact:hover { background-position: -416px -25px; width: 76px; } .navmain li a.subscribe:hover { background-position: -495px -25px; width: 105px; } /* transcripts */ #transcript-title { border-top: .1em dashed; cursor: pointer; font-family: "Courier New", Courier, monospace; font-size: 16px; font-weight: bold; padding: 4px; } #transcript { display: none; padding: 4px; } #transcript label { display: block; float: left; width: 25%; } #transcript-response { margin: 0 0 1.5em; font-weight: bold; text-align: center; } #transcript-response span { display: block; padding: .75em; } .meta { border-top: .1em dashed; text-align: right; font-size: 10px; margin: 0 0 18px 0; padding-top: 6px; } .blog-title { margin: 0; border: none; } /* sidebars and widgetized areas */ .sidebar { overflow:hidden; } /* This rule prevents wide content from breaking the sidebar */ h2.widgettitle { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; padding: 0; margin-bottom: 4px; } .sidebar .interior ul { list-style: none; padding: 4px 0 8px 0; margin: 0 0 12px 0; border-bottom: .1em dashed; } .sidebar .interior ul li { text-indent: 0; padding: 0; margin: 0; } .bookmark-comic { width: 139px; margin: 0 0 12px 0; padding: 4px 0 4px 8px; } .bookmark-comic span { margin-right: 3px; cursor: pointer; font-size: 10px; } #s { width: 147px; border: solid .1em #777; } /* comic archive - chapter */ ol.comic-archive { list-style: none; padding: 4px 0 8px 0; margin: 0 0 12px 0; text-indent: none; border-bottom: .1em dashed;} ol.comic-archive .comic-series-item a { font: 14px Arial, Helvetica, sans-serif; margin: 0 0 .75em; } ol.comic-archive .comic-volume-item a { display: none; } ol.comic-archive .comic-chapter-item a { display: list-item; font: 12px Arial, Helvetica, sans-serif; margin: 4px 0; } ol.comic-archive .comic-chapter-pages { list-style: none; margin: 0; padding: 0; text-indent: 10px; } ol.comic-archive .comic-chapter-pages a { display: list-item; font: 10px Arial, Helvetica, sans-serif; margin: 0 0 4px 0;} ol.comic-volume-chapters { list-style: none; margin: 0; padding: 0; text-indent: none; } .object { margin-bottom: 12px; } .content h1, .content h2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .content h1, .content h2 a { font-size: 22px; display: block; border-bottom: 1px solid; } .content h2 { font-size: 18px; } .content h1.hide { display: none; } .navi-posts-above { display: none; } .navi-posts-below { display: block; height: 18px; margin-bottom: 12px; } .entry img { margin: 0 8px 8px 0; } /* comments */ #respond label { display: block; float: left; width: 25%; } .commentlist { list-style: none; margin: 0 0 3em; padding: 0; } .commentlist .comment,.commentlist .pingback { border: .1em solid; margin: 0 0 6px; padding: .75em .75em 0; } .commentlist .comment.bypostauthor { border: #777 .4em solid; } .commentlist .vcard { font-weight: bold; font-size: 16px; } .commentlist .vcard img.avatar { float: left; border: dotted .1em; margin: 0 1em 1em 0; } .commentlist .vcard span.says { display: none; } .commentlist .comment-meta { padding: 0 0 1em; font-size: 10px; } .commentlist .reply { padding-bottom: .75em; } .commentlist .children { list-style: none; margin: 0; padding: 0; } .navi-paged-above { margin-bottom: 6px; font-weight: bold; font-size: 14px; } .navi-paged-below { display: none; } .navi-paged a { border: none; } /* foot */ #foot { text-align: center; vertical-align: middle; font-size: 10px; } #foot a { cfont-weight: bold; text-decoration: none; } #foot .interior { line-height: 3em; padding: 4px 8px 6px 8px; } #foot div.copyright { width:100%; font-style:italic; text-align:left; padding:0 38px 0 38px; } #foot div.alignleft { padding-left:36px; } #foot div.alignright { padding-right:36px; } /* form */ h5 { padding: 12px 0 4px 0; margin:0; } .fib { display:none; } /* bot-catcher */