diff --git a/comicpress-options-config.php b/comicpress-options-config.php index 7e5c271..0d2efb4 100644 --- a/comicpress-options-config.php +++ b/comicpress-options-config.php @@ -208,6 +208,11 @@ $options = array ( "id" => "comicpress-disable_footer_text", "default" => "no", "type" => "comicpress-disable_footer_text"), + + array( + "id" => "comicpress-themepack_directory", + "default" => "silver", + "type" => "comicpress-themepack_directory"), array("type" => "close") ); diff --git a/comicpress-options.php b/comicpress-options.php index 10fb7cb..b3680a7 100644 --- a/comicpress-options.php +++ b/comicpress-options.php @@ -126,6 +126,59 @@ function comicpress_admin() { + + Themepack

Choose a Themepack to use.
+ + + + + + + + +
+
+ + <?php echo $themepack_dir_name; ?> + +
+ +
+ +
+ +
+
+ + + + + diff --git a/footer.php b/footer.php index 35ea289..ba92328 100644 --- a/footer.php +++ b/footer.php @@ -24,4 +24,4 @@ - \ No newline at end of file + diff --git a/functions.php b/functions.php index dabbd6d..86aa116 100644 --- a/functions.php +++ b/functions.php @@ -5,7 +5,7 @@ if (function_exists('id_get_comment_number')) { remove_filter('comments_number','id_get_comment_number'); } -$comicpress_version = '2.8.1.2'; +$comicpress_version = '2.8.1.3'; // Remove the wptexturizer from changing the quotes and squotes. // remove_filter('the_title', 'wptexturize'); @@ -83,13 +83,15 @@ if (get_option('upload_path') !== false) { 'calendar_directory' => 'calendar_directory', 'contact_in_menubar' => 'contact_in_menubar', 'disable_dynamic_menubar_links' => 'disable_dynamic_menubar_links', - 'disable_footer_text' => 'disable_footer_text' ) as $options => $variable_name) { + 'disable_footer_text' => 'disable_footer_text', + 'themepack_directory' => 'themepack_directory' ) as $options => $variable_name) { $variables_to_extract[$variable_name] = get_option("comicpress-${options}"); } extract($variables_to_extract); } +if (empty($themepack_directory)) $themepack_directory = 'silver'; if (empty($graphicnav_directory)) $graphicnav_directory = 'default'; if (empty($moods_directory)) $moods_directory = 'default'; if (empty($calendar_directory)) $calendar_directory = 'default'; @@ -738,8 +740,6 @@ function copyrightDate() { return false; } - - function cp_copyright_year() { global $wpdb; $copyright_dates = $wpdb->get_results(" diff --git a/functions/displayblogpost.php b/functions/displayblogpost.php index 19362b0..1f41ae4 100644 --- a/functions/displayblogpost.php +++ b/functions/displayblogpost.php @@ -41,7 +41,7 @@ function display_blog_post() { - comment_status) { ?> + comment_status) { ?>
diff --git a/functions/displaycomicpost.php b/functions/displaycomicpost.php index afafbb5..800f586 100644 --- a/functions/displaycomicpost.php +++ b/functions/displaycomicpost.php @@ -50,7 +50,7 @@ function display_comic_post() { '); ?> - comment_status) { ?> + comment_status) { ?>
diff --git a/header.php b/header.php index 1272268..beec598 100644 --- a/header.php +++ b/header.php @@ -18,6 +18,10 @@ ?> + + + diff --git a/style.css b/style.css index f570a3a..88fa514 100644 --- a/style.css +++ b/style.css @@ -21,8 +21,7 @@ body { font-weight: normal; text-transform: none; letter-spacing: normal; - color: #333; - background: #fff url('images/bgs/background.png') top repeat-x; + color: #000; z-index: 0; } @@ -114,18 +113,16 @@ form { .button { height: 25px; padding: 0 5px; - background: #aaa url('images/menu.png'); color: #000; font-family: 'Arial', sans-serif; font-size: 13px; line-height: 13px; - border: 1px solid #999; cursor: pointer; } .button:hover { color: #fff; - background: #f00 url('images/menu.png') 0 -75px; + background: #f00; } .sfhover { @@ -202,11 +199,11 @@ h3, h3 a { } #header a { - color: #fff; + color: #000; } #header .description { - color: #ddd; + color: #555; padding: 0 0 10px 0; font-size: 14px; font-style: italic; @@ -216,11 +213,8 @@ h3, h3 a { /* THE MENU */ #menubar { - background: url('images/menu.png'); + background: #000; text-align: left; - border-width: 1px 1px 1px 0; - border-style: solid; - border-color: #999; list-style: none; } @@ -229,24 +223,28 @@ h3, h3 a { text-align: center; } +#menunav a { + color: #fff; +} + .menunav-search { padding: 1px 1px 0 0; float: left; } .menunav-rss { - width: 25px; + width: 30px; height: 25px; + line-height: 25px; + padding: 0 7px 0 5px; margin: 0 0 0 4px; display: block; float: left; - text-indent: -9999px; overflow: hidden; - background: url('images/menu-nav.png') no-repeat; } - .menunav-rss:hover { - background-position: 0 -25px; + background: #b00; + color: #fff; } .menunav-prev, .menunav-next { @@ -261,25 +259,24 @@ h3, h3 a { .menunav-prev a, .menunav-next a { width: 25px; height: 25px; + line-height: 20px; + font-size: 28px; display: block; - text-indent: -9999px; overflow: hidden; } .menunav-prev a { - background: url('images/menu-nav.png') -25px 0 no-repeat; } .menunav-prev a:hover { - background-position: -25px -25px; + background: #b00; } .menunav-next a { - background: url('images/menu-nav.png') -50px 0 no-repeat; } .menunav-next a:hover { - background-position: -50px -25px; + background: #b00; } #menu { @@ -289,13 +286,12 @@ h3, h3 a { float: left; line-height: 25px; font-size: 13px; - border-right: 1px solid #aaa; } #menu a { padding: 0px 10px 0 10px; display: block; - color: #000; + color: #fff; text-decoration: none; } @@ -309,19 +305,15 @@ h3, h3 a { } #menu li a { - border-left: 1px solid #aaa; - border-right: 1px solid #fff; } #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('images/menu.png') 0 -75px; + } #menu li:hover, #menu li.sfhover { - /* Main menu highlighted background color */ + background: #b00; /* Main menu highlighted background color */ } /* For submenu dropdowns - this order must be maintained */ @@ -371,27 +363,21 @@ h3, h3 a { #menu .current_page_item a { color: #fff; - border-left: 1px solid #555; - border-right: 1px solid #555; - background: url('images/menu.png') 0 -50px; + background: #555; } /* THE COMIC */ #comic-head { - padding-top: 5px; } #comic { - background: #fff; - border: 1px solid #999; + padding: 5px; text-align: center; z-index: 100; - padding: 5px; } #comic-foot { - padding-bottom: 5px; } /* THE FOOTER */ @@ -617,40 +603,25 @@ a.navi-comments:hover span { line-height: 20px; font-family: 'Arial', sans-serif; font-weight: bold; + font-size: smaller; text-align: right; } .comment-link a { - color: #333; - } - - .comment-link a:hover { color: #800; } + .comment-link a:hover { + color: #ff0000; + } + .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('images/comment-balloon.png') no-repeat; } .comment-link a:hover .comment-balloon { - color: #fff; - background-position: 0 -25px; } .comment-balloon-empty { - font-size: 20px; - line-height: 30px; } /* THE BLOG HEADER */ @@ -684,27 +655,15 @@ a.navi-comments:hover span { .comment { padding: 2px; - margin: 10px 0 0 0; clear: both; min-height: 64px; } .comment .comment { - margin-left: 10px; + margin-left: 30px; padding-bottom: 10px; } - .comment .comment .comment { - margin-left: 30px; - padding: 5px; - margin-top: 2px; - border: 1px dotted #ccc; - } - - .comment .comment .comment .comment { - background: transparent; - border: none; - } .comment .avatar { margin: 0 10px 5px 0; @@ -719,10 +678,6 @@ a.navi-comments:hover span { padding: 5px; } - .comment .comment .bypostauthor, .comment .comment .comment .bypostauthor { - background: #efefef; - } - .comment-author { display: inline; } @@ -818,10 +773,12 @@ ul.children { #sidebar-left { float: left; width: 210px; + padding-top: 5px; } /* Right Sidebar Themes */ #sidebar-right { + padding-top: 5px; float: right; width: 210px; } @@ -904,11 +861,9 @@ ul.children { } .archive-dropdown-wrap { - background: url('images/browse-search.png') no-repeat; } .archive-dropdown-wrap:hover { - background-position: 0 -23px; } .archive-dropdown { @@ -918,9 +873,6 @@ ul.children { height: 23px; font-size: 12px; font-family: 'Arial' , sans-serif; - border: none; - opacity: 0; - filter: alpha(opacity=0); cursor: pointer; } @@ -934,8 +886,6 @@ ul.children { } #wp-calendar { - border: solid 1px #000; - background: #efefef; width: 165px; margin: 0 auto; } @@ -1014,38 +964,26 @@ ul.children { width: 138px; padding: 4px 0 0 5px; font-size: 12px; - height: 19px; + height: 15px; font-family: 'Arial' , sans-serif; color: #000; - border: none; float: left; - background: url('images/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; + height: 24px; width: 23px; - line-height: 0; - font-size: 0; + line-height: 20px; cursor: pointer; - text-indent: -9999px; - background: url('images/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 { @@ -1057,9 +995,7 @@ ul.children { .gallery-image { width: 518px; - border: 1px solid #000; overflow: hidden; - background: #000; text-align: center; } @@ -1072,8 +1008,6 @@ ul.children { padding: 5px; margin: 0; text-align: center; - color: #fff; - background: #000; } .imagenav-wrap { @@ -1095,7 +1029,6 @@ ul.children { float: left; color: #000; text-align: center; - border: 1px solid #000; overflow: hidden; } @@ -1444,9 +1377,7 @@ li.pingback div p, li.trackback div p { /* Pagination */ #wp-paginav { - background: url('images/menu.png'); text-align: left; - border: 1px solid #999; } #paginav { @@ -1456,7 +1387,6 @@ li.pingback div p, li.trackback div p { float: left; line-height: 25px; font-size: 13px; - border-right: 1px solid #aaa; } #paginav .paginav-pages, #paginav .paginav-extend { @@ -1481,8 +1411,7 @@ li.pingback div p, li.trackback div p { } #paginav li a { - border-left: 1px solid #aaa; - border-right: 1px solid #ccc; + color: #555; } #paginav .paginav-next, #paginav .paginav-previous { @@ -1491,16 +1420,12 @@ li.pingback div p, li.trackback div p { #paginav .paginav-current, #paginav .current { padding: 0px 10px 0 10px; - color: #fff; - border-left: 1px solid #aaa; - background: url('images/menu.png') 0 -150px; + color: #000; + font-size: larger; } #paginav li:hover a { - border-left: 1px solid #8b160f; - border-right: 1px solid #c28380; - color: #fff; - background: url('images/menu.png') 0 -75px; + color: #ff0000; } /* Tool Tips */ diff --git a/themepack/silver/background.png b/themepack/silver/background.png new file mode 100644 index 0000000..3c9344c Binary files /dev/null and b/themepack/silver/background.png differ diff --git a/themepack/silver/browse-search.png b/themepack/silver/browse-search.png new file mode 100644 index 0000000..320e8d6 Binary files /dev/null and b/themepack/silver/browse-search.png differ diff --git a/themepack/silver/comment-balloon.png b/themepack/silver/comment-balloon.png new file mode 100644 index 0000000..78b23f6 Binary files /dev/null and b/themepack/silver/comment-balloon.png differ diff --git a/themepack/silver/menu-nav.png b/themepack/silver/menu-nav.png new file mode 100644 index 0000000..3177046 Binary files /dev/null and b/themepack/silver/menu-nav.png differ diff --git a/themepack/silver/menu.png b/themepack/silver/menu.png new file mode 100644 index 0000000..cd43703 Binary files /dev/null and b/themepack/silver/menu.png differ diff --git a/themepack/silver/notes.php b/themepack/silver/notes.php new file mode 100644 index 0000000..69e8513 --- /dev/null +++ b/themepack/silver/notes.php @@ -0,0 +1,6 @@ +ThemePack: Silver
+Author: Tyler Martin
+
+Installation Notes:
+None, works with all styles.
+
diff --git a/themepack/silver/screenshot.png b/themepack/silver/screenshot.png new file mode 100644 index 0000000..bcad0f6 Binary files /dev/null and b/themepack/silver/screenshot.png differ diff --git a/themepack/silver/style.css b/themepack/silver/style.css new file mode 100644 index 0000000..3720c0d --- /dev/null +++ b/themepack/silver/style.css @@ -0,0 +1,508 @@ +/* +ThemePack Name: Silver +ThemePack URI: http://comicpress.org +Description: +Author: Tyler Martin +Author URI: http://mindfaucet.com/ +Version: 0.1.0 +. +The CSS, XHTML and design is released under GPL v3: +http://www.opensource.org/licenses/gpl-3.0.html +. +*/ + +/* STANDARD TAGS */ + +body { + margin: 0; + font-family: 'Arial', sans-serif; + color: #333; + background: #fff url('background.png') top repeat-x; +} + + .button { + background: #aaa url('menu.png'); + color: #000; + font-family: 'Arial', sans-serif; + font-size: 13px; + line-height: 13px; + border: 1px solid #999; + cursor: pointer; + } + + .button:hover { + color: #fff; + background: #f00 url('menu.png') 0 -75px; + } + +/* THE HEADER */ + +#header { + text-align: center; +} + + #header a { + color: #eee; + } + + #header .description { + color: #555; + padding: 0 0 10px 0; + font-size: 14px; + font-style: italic; + letter-spacing: 2px; + } + + +/* THE MENU */ + +#menubar { + background: url('menu.png'); + border-width: 1px 1px 1px 0; + border-style: solid; + border-color: #999; +} + +.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 { + padding: 0; + margin: 0; + list-style: none; + float: left; + line-height: 25px; + font-size: 13px; + border-right: 1px solid #aaa; +} + + #menu a { + padding: 0px 10px 0 10px; + display: block; + color: #000; + text-decoration: none; + } + + #menu li .rss { + padding: 5px 0 5px 0; + } + + #menu li { + float: left; + cursor:pointer; + } + + #menu li a { + border-left: 1px solid #aaa; + border-right: 1px solid #fff; + } + + #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: 175px; + line-height: 1; + } + #menu li li { + width: 165px; + padding: 4px 5px; + color: #fff; + } + #menu li li a { + width: 174px; + padding: 0; + color: #fff; + border: none; + } + #menu li ul ul { + margin: -17px 0 0 170px; + } + #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; + } + +/* THE COMIC */ + +#comic-head { + padding-top: 5px; +} + +#comic { + background: #fff; + border: 1px solid #999; + text-align: center; + z-index: 100; + padding: 5px; +} + +#comic-foot { + padding-bottom: 5px; +} + + +/* COMMENT LINK */ + +.comment-link { + height: 25px; + line-height: 20px; + font-family: 'Arial', sans-serif; + font-weight: bold; + text-align: right; +} + + .comment-link a { + color: #800; + font-size: inherit; + } + + .comment-link a:hover { + color: #b00; + } + + .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: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 #999; +} + +#paginav { + padding: 0; + margin: 0; + list-style: none; + float: left; + line-height: 25px; + font-size: 13px; + border-right: 1px solid #aaa; +} + + #paginav .paginav-pages, #paginav .paginav-extend { + padding: 0 15px 0 15px; + } + + #paginav a { + padding: 0px 10px 0 10px; + display: block; + color: #000; + text-decoration: none; + } + + #paginav ul { + margin: 0; + padding: 0; + list-style: none; + } + + #paginav li { + float: left; + } + + #paginav li a { + border-left: 1px solid #aaa; + border-right: 1px solid #ccc; + } + + #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 #aaa; + background: url('menu.png') 0 -150px; + } + + #paginav li:hover a { + border-left: 1px solid #8b160f; + border-right: 1px solid #c28380; + color: #fff; + background: url('menu.png') 0 -75px; + } + + diff --git a/themepack/twopointfive/notes.php b/themepack/twopointfive/notes.php new file mode 100644 index 0000000..61721c7 --- /dev/null +++ b/themepack/twopointfive/notes.php @@ -0,0 +1,6 @@ +ThemePack: twopointfive
+Author: Philip M. Hofer (Frumph)
+
+Installation Notes:
+Search Field in Menubar doesnt look good, works with all styles.
+
diff --git a/themepack/twopointfive/screenshot.png b/themepack/twopointfive/screenshot.png new file mode 100644 index 0000000..49c44e8 Binary files /dev/null and b/themepack/twopointfive/screenshot.png differ diff --git a/themepack/twopointfive/style.css b/themepack/twopointfive/style.css new file mode 100644 index 0000000..96ffae2 --- /dev/null +++ b/themepack/twopointfive/style.css @@ -0,0 +1,73 @@ +/* +ThemePack Name: twopointfive +ThemePack URI: http://comicpress.org +Description: +Author: Tyler Martin +Author URI: http://mindfaucet.com/ +Version: 0.1.0 +. +The CSS, XHTML and design is released under GPL v3: +http://www.opensource.org/licenses/gpl-3.0.html +. +*/ + +/* STANDARD TAGS */ + +body { + background: #555; +} + +#header { + background: #333; +} + +#content-wrapper { + background: #dedede; +} + +#footer { + padding: 20px 0; + color: #fff; + background: #222; +} + +#comic_navi_wrapper, #comic, .pagenav { + background: #fff; +} + +.narrowcolumn, .widecolumn { + background: #efefef; +} + +#header h1 a, #header .description { + color: #fff; +} + +#page-wide, #page { + background: #ddd; + border-left: solid 2px #000; + border-right: solid 2px #000; + border-bottom: solid 2px #000; +} + +#sidebar-left, #sidebar-right { + padding-top: 5px; +} + +#comic-head { + padding: 0; + margin: 0; +} + +#comic { + margin: 0; + border: 0; +} + + +#footer a { + color: #ff0000; +} +#footer a:hover { + color: #fff; +}