/* ThemePack Name: Tuned Out ThemePack URI: http://comicpress.org Author: Philip M. Hofer (Frumph) Author URI: http://frumph.net/ Version: 0.1.0 */ /* STANDARD TAGS */ body { color: #000; background: #2B2E37 url('background.jpg') repeat; } #comic img { width: 100%; border: solid 1px #000; } #header {width: 780px; height: 200px; background: url('header.jpg') top center no-repeat; overflow: hidden;} #header h1 {padding: 0;} #header h1 a {display: block; width: 780px; height: 780px; text-indent: -9999px;} #header .description {display: none;} #content-wrapper { background: #d7dce9; } .narrowcolumn { width: 556px; padding: 0 2px; } .post, .post-comic, .post-page { background: #fff; } #page, #page-wide { background: #ddd; border-left: solid 1px #000; border-right: solid 1px #000; border-bottom: solid 1px #000; } #page-wrap { padding: 0 10px; background: url('classic-background-narrow.png') top center repeat-y; } #page-wrap-wide { padding: 0 10px; background: url('classic-background-wide.png') top center repeat-y; } .page .narrowcolumn { padding-top: 5px; } #footer { border-top: 1px solid #000; background: #414653; color: #fff; } #footer a { color: #fff000; } #footer a:hover { color: #fff000; } /* THE MENU */ #menubar { background: url('menu.png'); border-width: 1px 1px 1px 0; border-style: solid; border-color: #000; } .menunav-rss { width: 25px; height: 25px; margin: 0 0 0 4px; padding: 0; display: block; float: left; text-indent: -9999px; overflow: hidden; background: url('menu-nav.png') no-repeat; } .menunav-rss:hover { background: Transparent url('menu-nav.png') 0 -25px no-repeat; } .menunav-prev, .menunav-next { display: block; float: left; } .menunav a:hover { background: #fff; } .menunav-prev { margin: 0 0 0 5px; } .menunav-prev a, .menunav-next a { width: 25px; height: 25px; display: block; text-indent: -9999px; overflow: hidden; } .menunav-prev a { background: transparent url('menu-nav.png') -25px 0 no-repeat; } .menunav-prev a:hover { background: transparent url('menu-nav.png') -25px -25px no-repeat; } .menunav-next a { background: url('menu-nav.png') -50px 0 no-repeat; } .menunav-next a:hover { background: transparent url('menu-nav.png') -50px -25px no-repeat; } #menu { border-right: 1px solid #111; text-transform: uppercase; } #menu a { padding: 0px 10px 0 10px; display: block; color: #fff; text-decoration: none; } #menu li .rss { padding: 5px 0 5px 0; } #menu li { float: left; cursor:pointer; } #menu li a { border-left: 1px solid #333; border-right: 1px solid #555; } #menu li:hover a, #menu li.sfhover a { border-left: 1px solid #8b160f; border-right: 1px solid #c28380; color: #fff; /* Main menu highlighted text color */ background: url('menu.png') 0 -75px; } #menu li:hover, #menu li.sfhover { /* Main menu highlighted background color */ } /* For submenu dropdowns - this order must be maintained */ #menu ul { padding: 0; margin: 0; list-style: none; position: absolute; left: -9999px; width: 195px; line-height: 1; } #menu li li { width: 185px; padding: 4px 5px; color: #fff; } #menu li li a { width: 194px; padding: 0; color: #fff; border: none; } #menu li ul ul { margin: -17px 0 0 190px; } #menu li ul li:hover a, #menu li ul li li:hover a, #menu li ul li li li:hover a, #menu li ul li li li:hover a { color: #fff; /*Submenu highlighted text color */ } #menu li:hover li a, #menu li li:hover li a, #menu li li li:hover li a, #menu li li li li:hover li a { color: #fff; /*Submenu text color */ border: none; background: none; } #menu li li:hover { background: #f00; /*Submenu highlighted background color */ } #menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul { left: -9999px; } #menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul { left: auto; background: #000; /* Submenu background color */ text-transform: none; } #menu .current_page_item a { color: #fff; border-left: 1px solid #555; border-right: 1px solid #555; background: url('menu.png') 0 -50px; } .narrowcolumn { } .button { background: #aaa url('menu.png'); color: #fff; font-family: 'Arial', sans-serif; font-size: 13px; line-height: 13px; border: 1px solid #333; cursor: pointer; } .button:hover { color: #eee; background: #f00 url('menu.png') 0 -75px; } /* COMMENT LINK */ .comment-link { height: 25px; line-height: 20px; font-family: 'Arial', sans-serif; font-weight: bold; text-align: right; } .comment-balloon { width: 30px; height: 25px; display: block; margin: 0 0 0 5px; float: right; overflow: hidden; text-align: center; line-height: 16px; font-family: 'Georgia', serif; font-size: 16px; font-weight: normal; background: url('comment-balloon.png') no-repeat; } .comment-link a .comment-balloon { color: #000; } .comment-link a:hover .comment-balloon { color: #fff; background-position: 0 -25px; } .comment-balloon-empty { font-size: 20px; line-height: 30px; } /* WIDGETS */ .archive-dropdown-wrap { background: url('browse-search.png') no-repeat; } .archive-dropdown-wrap:hover { background-position: 0 -23px; } .archive-dropdown { margin: 0; padding: 0; width: 166px; height: 23px; font-size: 12px; font-family: 'Arial' , sans-serif; border: none; opacity: 0; filter: alpha(opacity=0); cursor: pointer; } /* SEARCH */ #s-search, #s-transcript { width: 138px; padding: 4px 0 0 5px; font-size: 12px; height: 19px; font-family: 'Arial' , sans-serif; color: #000; border: none; float: left; background: url('browse-search.png') 0 -46px no-repeat; } #s-search:hover, #s-search:focus, #s-transcript:hover, #s-transcript:focus { color: #550000; background-position: 0 -69px; } #searchform button, #searchform-transcript button { padding: 0; margin: 0; border: none; height: 23px; width: 23px; line-height: 0; font-size: 0; cursor: pointer; text-indent: -9999px; background: url('browse-search.png') -143px -46px no-repeat; } #searchform button:hover, #searchform-transcript button:hover { background-position: -143px -69px; } #searchform button:hover, #searchform-transcript button:-moz-focus-inner { border: 0; } .searchresults { float: right; padding: 5px; } /* GALLERY */ .gallery-image { width: 518px; border: 1px solid #000; overflow: hidden; background: #000; text-align: center; } .gallery-caption { font-size: 11px; } .gallery-caption p { width: 510px; padding: 5px; margin: 0; text-align: center; color: #fff; background: #000; } .imagenav-wrap { margin: 5px 0 0 0; } .imagenav { width: 77px; height: 77px; float: left; overflow: hidden; } .imagenav-center { width: 344px; height: 65px; margin: 0 5px; padding: 10px 5px 0 5px; float: left; color: #000; text-align: center; border: 1px solid #000; overflow: hidden; } .imagetitle { color: #000; font-size: 18px; } .imagenav-bg { width: 75px; height: 75px; position: absolute; z-index: 0; background: #ddd; border: 1px solid #000; overflow: hidden; } .imagenav-bg img { width: 75px; height: 75px; } .imagenav-arrow { width: 75px; height: 75px; position: absolute; z-index: 1; color: #fff; font-size: 80px; font-weight: bold; line-height: 75px; text-align: center; border: 1px solid #000; float: left; } .imagenav-link { width: 75px; height: 75px; position: absolute; z-index: 2; border: 1px solid #000; float: left; overflow: hidden; } .imagenav-link img { width: 75px; height: 75px; /* opacity: 0.50; filter: alpha(opacity=50); */ } .imagenav-link img:hover { /* opacity: 0.00; filter: alpha(opacity=0); */ } /* Pagination */ #wp-paginav { background: url('menu.png'); text-align: left; border: 1px solid #000; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #paginav { padding: 0; margin: 0; list-style: none; float: left; line-height: 25px; font-size: 13px; border-right: 1px solid #222; } #paginav .paginav-pages, #paginav .paginav-extend { padding: 0 15px 0 15px; } #paginav a { padding: 0px 10px 0 10px; display: block; color: #777; text-decoration: none; } #paginav ul { margin: 0; padding: 0; list-style: none; } #paginav li { float: left; } #paginav li a { border-left: 1px solid #111; border-right: 1px solid #444; color: #eee; } #paginav .paginav-next, #paginav .paginav-previous { font-size: 20px; } #paginav .paginav-current, #paginav .current { padding: 0px 10px 0 10px; color: #fff; border-left: 1px solid #222; background: url('menu.png') 0 -150px; } #paginav li:hover a { border-left: 1px solid #333; border-right: 1px solid #555; color: #fff; background: url('menu.png') 0 -75px; } #wp-calendar-wrap { background: #494e5e; color: #fff; border: solid 1px #333; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #wp-calendar a { color: #fff000; } #wp-calendar a:hover { background: #fff000; color: #000; } .wp-calendar-thumb img { -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } table#wp-calendar td { color: #fff; } .cpcal-day { color: #fff; border: solid 1px #eee; } .cpcal-monthtitle, .cpcal-dayletter { color: #444; } .cpcal-day a { color: #fff; } .cpcal-day a:hover { } /* SIDEBAR */ .sidebar h2 { font-weight: 700; letter-spacing: normal; } /* Navigation Style */ #comic_navi_wrapper a, #comic_navi_wrapper .navi, #comic_navi_wrapper .navi-void { text-indent: -99999px; } .widget_sociable_widget { margin: 0 auto; padding: 0 0; } .nav { display: none; }