Theme Packs

Signed-off-by: Philip M. Hofer (Frumph) <frumph_dragon@yahoo.com>
This commit is contained in:
Philip M. Hofer (Frumph) 2009-09-06 11:20:41 -07:00
parent 8d6c5b6e4c
commit 92defa739e
19 changed files with 700 additions and 120 deletions

View File

@ -209,6 +209,11 @@ $options = array (
"default" => "no", "default" => "no",
"type" => "comicpress-disable_footer_text"), "type" => "comicpress-disable_footer_text"),
array(
"id" => "comicpress-themepack_directory",
"default" => "silver",
"type" => "comicpress-themepack_directory"),
array("type" => "close") array("type" => "close")
); );
?> ?>

View File

@ -126,6 +126,59 @@ function comicpress_admin() {
</tr> </tr>
<?php break; <?php break;
case "comicpress-themepack_directory":
$current_themepack_directory = get_option($value['id']);
if (empty($current_themepack_directory)) $current_themepack_directory = 'silver';
$count = count($results = glob(get_template_directory() . '/themepack/'.$current_themepack_directory.'/*'));
$themepack_directories = glob(get_template_directory() . '/themepack/*');
?>
<tr>
<th scope="row"><strong>Themepack</strong><br /><br />Choose a Themepack to use.<br /></th>
<td valign="top">
<label>
<select name="<?php echo $value['id']; ?>" id="<?php echo $value['id']; ?>">
<option class="level-0" value="none" <?php if ($current_themepack_directory == "none") { ?>selected="selected"<?php } ?>>none</option>
<?php
foreach ($themepack_directories as $themepack_dirs) {
if (is_dir($themepack_dirs)) {
$themepack_dir_name = basename($themepack_dirs); ?>
<option class="level-0" value="<?php echo $themepack_dir_name; ?>" <?php if ($current_themepack_directory == $themepack_dir_name) { ?>selected="selected"<?php } ?>><?php echo $themepack_dir_name; ?></option>
<?php }
}
?>
</select>
</label>
</td>
</tr>
<tr>
<td></td>
<td valign="top" colspan="5">
<?php
foreach ($themepack_directories as $themepack_dirs) {
if (is_dir($themepack_dirs)) {
$themepack_dir_name = basename($themepack_dirs); ?>
<div style="width: 100%; padding: 2px;">
<div style="width: 180px; float: left;">
<?php if (file_exists(get_template_directory() .'/themepack/'.$themepack_dir_name.'/screenshot.png')) { ?>
<img src="<?php bloginfo('stylesheet_directory'); ?>/themepack/<?php echo $themepack_dir_name; ?>/screenshot.png" width="180" alt="<?php echo $themepack_dir_name; ?>" />
<?php } ?>
</div>
<?php if (file_exists(get_template_directory() .'/themepack/'.$themepack_dir_name.'/notes.php')) { ?>
<div style="float: left; margin-left: 10px;">
<?php include(get_template_directory() . '/themepack/'.$themepack_dir_name.'/notes.php'); ?>
</div>
<?php } ?>
<div style="clear:both;"></div>
</div>
<?php }
}
?>
</td>
</tr>
<?php break;
} }
} }
?> ?>

View File

@ -5,7 +5,7 @@ if (function_exists('id_get_comment_number')) {
remove_filter('comments_number','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 the wptexturizer from changing the quotes and squotes.
// remove_filter('the_title', 'wptexturize'); // remove_filter('the_title', 'wptexturize');
@ -83,13 +83,15 @@ if (get_option('upload_path') !== false) {
'calendar_directory' => 'calendar_directory', 'calendar_directory' => 'calendar_directory',
'contact_in_menubar' => 'contact_in_menubar', 'contact_in_menubar' => 'contact_in_menubar',
'disable_dynamic_menubar_links' => 'disable_dynamic_menubar_links', '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}"); $variables_to_extract[$variable_name] = get_option("comicpress-${options}");
} }
extract($variables_to_extract); extract($variables_to_extract);
} }
if (empty($themepack_directory)) $themepack_directory = 'silver';
if (empty($graphicnav_directory)) $graphicnav_directory = 'default'; if (empty($graphicnav_directory)) $graphicnav_directory = 'default';
if (empty($moods_directory)) $moods_directory = 'default'; if (empty($moods_directory)) $moods_directory = 'default';
if (empty($calendar_directory)) $calendar_directory = 'default'; if (empty($calendar_directory)) $calendar_directory = 'default';
@ -738,8 +740,6 @@ function copyrightDate() {
return false; return false;
} }
function cp_copyright_year() { function cp_copyright_year() {
global $wpdb; global $wpdb;
$copyright_dates = $wpdb->get_results(" $copyright_dates = $wpdb->get_results("

View File

@ -41,7 +41,7 @@ function display_blog_post() {
</div> </div>
<?php } ?> <?php } ?>
<?php if (!is_single()) { ?> <?php if (!is_single()) { ?>
<?php if ('open' == $post->comment_status) { ?><div class="comment-link"><?php comments_popup_link('<span class="comment-balloon comment-balloon-empty">&rdquo;</span>Comment ', '<span class="comment-balloon">1</span>Comment ', '<span class="comment-balloon">%</span>Comment '); ?></div><?php } ?> <?php if ('open' == $post->comment_status) { ?><div class="comment-link"><?php comments_popup_link('<span class="comment-balloon comment-balloon-empty">&nbsp;</span> No Comments ', '<span class="comment-balloon">1</span> Comment ', '<span class="comment-balloon">%</span> Comments '); ?></div><?php } ?>
<?php } ?> <?php } ?>
<div class="clear"></div> <div class="clear"></div>
<?php if ($enable_related_posts == 'yes') echo related_posts_shortcode(); ?> <?php if ($enable_related_posts == 'yes') echo related_posts_shortcode(); ?>

View File

@ -50,7 +50,7 @@ function display_comic_post() {
<?php the_tags('&#9492; Tags: ', ', ', '<br />'); ?> <?php the_tags('&#9492; Tags: ', ', ', '<br />'); ?>
</div> </div>
<?php } ?> <?php } ?>
<?php if ('open' == $post->comment_status) { ?><div class="comment-link"><?php comments_popup_link('<span class="comment-balloon comment-balloon-empty">&rdquo;</span>Comment ', '<span class="comment-balloon">1</span>Comment ', '<span class="comment-balloon">%</span>Comment '); ?></div><?php } ?> <?php if ('open' == $post->comment_status) { ?><div class="comment-link"><?php comments_popup_link('<span class="comment-balloon comment-balloon-empty">&nbsp;</span> No Comments ', '<span class="comment-balloon">1</span> Comment ', '<span class="comment-balloon">%</span> Comments '); ?></div><?php } ?>
<?php if ($enable_related_comics == 'yes') echo related_comics_shortcode(); ?> <?php if ($enable_related_comics == 'yes') echo related_comics_shortcode(); ?>
</div> </div>
<br class="clear-margins" /> <br class="clear-margins" />

View File

@ -18,6 +18,10 @@
?></title> ?></title>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" /> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url') ?>" type="text/css" media="screen" /> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url') ?>" type="text/css" media="screen" />
<?php global $themepack_directory;
if ($themepack_directory != 'none') { ?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/themepack/<?php echo $themepack_directory; ?>/style.css" type="text/css" media="screen" />
<?php } ?>
<?php global $graphicnav_directory; if (file_exists(get_template_directory() . '/images/nav/' .$graphicnav_directory. '/navstyle.css')) { ?> <?php global $graphicnav_directory; if (file_exists(get_template_directory() . '/images/nav/' .$graphicnav_directory. '/navstyle.css')) { ?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory') ?>/images/nav/<?php echo $graphicnav_directory; ?>/navstyle.css" type="text/css" media="screen" /> <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory') ?>/images/nav/<?php echo $graphicnav_directory; ?>/navstyle.css" type="text/css" media="screen" />
<?php } ?> <?php } ?>

151
style.css
View File

@ -21,8 +21,7 @@ body {
font-weight: normal; font-weight: normal;
text-transform: none; text-transform: none;
letter-spacing: normal; letter-spacing: normal;
color: #333; color: #000;
background: #fff url('images/bgs/background.png') top repeat-x;
z-index: 0; z-index: 0;
} }
@ -114,18 +113,16 @@ form {
.button { .button {
height: 25px; height: 25px;
padding: 0 5px; padding: 0 5px;
background: #aaa url('images/menu.png');
color: #000; color: #000;
font-family: 'Arial', sans-serif; font-family: 'Arial', sans-serif;
font-size: 13px; font-size: 13px;
line-height: 13px; line-height: 13px;
border: 1px solid #999;
cursor: pointer; cursor: pointer;
} }
.button:hover { .button:hover {
color: #fff; color: #fff;
background: #f00 url('images/menu.png') 0 -75px; background: #f00;
} }
.sfhover { .sfhover {
@ -202,11 +199,11 @@ h3, h3 a {
} }
#header a { #header a {
color: #fff; color: #000;
} }
#header .description { #header .description {
color: #ddd; color: #555;
padding: 0 0 10px 0; padding: 0 0 10px 0;
font-size: 14px; font-size: 14px;
font-style: italic; font-style: italic;
@ -216,11 +213,8 @@ h3, h3 a {
/* THE MENU */ /* THE MENU */
#menubar { #menubar {
background: url('images/menu.png'); background: #000;
text-align: left; text-align: left;
border-width: 1px 1px 1px 0;
border-style: solid;
border-color: #999;
list-style: none; list-style: none;
} }
@ -229,24 +223,28 @@ h3, h3 a {
text-align: center; text-align: center;
} }
#menunav a {
color: #fff;
}
.menunav-search { .menunav-search {
padding: 1px 1px 0 0; padding: 1px 1px 0 0;
float: left; float: left;
} }
.menunav-rss { .menunav-rss {
width: 25px; width: 30px;
height: 25px; height: 25px;
line-height: 25px;
padding: 0 7px 0 5px;
margin: 0 0 0 4px; margin: 0 0 0 4px;
display: block; display: block;
float: left; float: left;
text-indent: -9999px;
overflow: hidden; overflow: hidden;
background: url('images/menu-nav.png') no-repeat;
} }
.menunav-rss:hover { .menunav-rss:hover {
background-position: 0 -25px; background: #b00;
color: #fff;
} }
.menunav-prev, .menunav-next { .menunav-prev, .menunav-next {
@ -261,25 +259,24 @@ h3, h3 a {
.menunav-prev a, .menunav-next a { .menunav-prev a, .menunav-next a {
width: 25px; width: 25px;
height: 25px; height: 25px;
line-height: 20px;
font-size: 28px;
display: block; display: block;
text-indent: -9999px;
overflow: hidden; overflow: hidden;
} }
.menunav-prev a { .menunav-prev a {
background: url('images/menu-nav.png') -25px 0 no-repeat;
} }
.menunav-prev a:hover { .menunav-prev a:hover {
background-position: -25px -25px; background: #b00;
} }
.menunav-next a { .menunav-next a {
background: url('images/menu-nav.png') -50px 0 no-repeat;
} }
.menunav-next a:hover { .menunav-next a:hover {
background-position: -50px -25px; background: #b00;
} }
#menu { #menu {
@ -289,13 +286,12 @@ h3, h3 a {
float: left; float: left;
line-height: 25px; line-height: 25px;
font-size: 13px; font-size: 13px;
border-right: 1px solid #aaa;
} }
#menu a { #menu a {
padding: 0px 10px 0 10px; padding: 0px 10px 0 10px;
display: block; display: block;
color: #000; color: #fff;
text-decoration: none; text-decoration: none;
} }
@ -309,19 +305,15 @@ h3, h3 a {
} }
#menu li a { #menu li a {
border-left: 1px solid #aaa;
border-right: 1px solid #fff;
} }
#menu li:hover a, #menu li.sfhover a { #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 */ color: #fff; /* Main menu highlighted text color */
background: url('images/menu.png') 0 -75px;
} }
#menu li:hover, #menu li.sfhover { #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 */ /* For submenu dropdowns - this order must be maintained */
@ -371,27 +363,21 @@ h3, h3 a {
#menu .current_page_item a { #menu .current_page_item a {
color: #fff; color: #fff;
border-left: 1px solid #555; background: #555;
border-right: 1px solid #555;
background: url('images/menu.png') 0 -50px;
} }
/* THE COMIC */ /* THE COMIC */
#comic-head { #comic-head {
padding-top: 5px;
} }
#comic { #comic {
background: #fff; padding: 5px;
border: 1px solid #999;
text-align: center; text-align: center;
z-index: 100; z-index: 100;
padding: 5px;
} }
#comic-foot { #comic-foot {
padding-bottom: 5px;
} }
/* THE FOOTER */ /* THE FOOTER */
@ -617,40 +603,25 @@ a.navi-comments:hover span {
line-height: 20px; line-height: 20px;
font-family: 'Arial', sans-serif; font-family: 'Arial', sans-serif;
font-weight: bold; font-weight: bold;
font-size: smaller;
text-align: right; text-align: right;
} }
.comment-link a { .comment-link a {
color: #333;
}
.comment-link a:hover {
color: #800; color: #800;
} }
.comment-link a:hover {
color: #ff0000;
}
.comment-balloon { .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 { .comment-link a:hover .comment-balloon {
color: #fff;
background-position: 0 -25px;
} }
.comment-balloon-empty { .comment-balloon-empty {
font-size: 20px;
line-height: 30px;
} }
/* THE BLOG HEADER */ /* THE BLOG HEADER */
@ -684,27 +655,15 @@ a.navi-comments:hover span {
.comment { .comment {
padding: 2px; padding: 2px;
margin: 10px 0 0 0;
clear: both; clear: both;
min-height: 64px; min-height: 64px;
} }
.comment .comment { .comment .comment {
margin-left: 10px; margin-left: 30px;
padding-bottom: 10px; 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 { .comment .avatar {
margin: 0 10px 5px 0; margin: 0 10px 5px 0;
@ -719,10 +678,6 @@ a.navi-comments:hover span {
padding: 5px; padding: 5px;
} }
.comment .comment .bypostauthor, .comment .comment .comment .bypostauthor {
background: #efefef;
}
.comment-author { .comment-author {
display: inline; display: inline;
} }
@ -818,10 +773,12 @@ ul.children {
#sidebar-left { #sidebar-left {
float: left; float: left;
width: 210px; width: 210px;
padding-top: 5px;
} }
/* Right Sidebar Themes */ /* Right Sidebar Themes */
#sidebar-right { #sidebar-right {
padding-top: 5px;
float: right; float: right;
width: 210px; width: 210px;
} }
@ -904,11 +861,9 @@ ul.children {
} }
.archive-dropdown-wrap { .archive-dropdown-wrap {
background: url('images/browse-search.png') no-repeat;
} }
.archive-dropdown-wrap:hover { .archive-dropdown-wrap:hover {
background-position: 0 -23px;
} }
.archive-dropdown { .archive-dropdown {
@ -918,9 +873,6 @@ ul.children {
height: 23px; height: 23px;
font-size: 12px; font-size: 12px;
font-family: 'Arial' , sans-serif; font-family: 'Arial' , sans-serif;
border: none;
opacity: 0;
filter: alpha(opacity=0);
cursor: pointer; cursor: pointer;
} }
@ -934,8 +886,6 @@ ul.children {
} }
#wp-calendar { #wp-calendar {
border: solid 1px #000;
background: #efefef;
width: 165px; width: 165px;
margin: 0 auto; margin: 0 auto;
} }
@ -1014,38 +964,26 @@ ul.children {
width: 138px; width: 138px;
padding: 4px 0 0 5px; padding: 4px 0 0 5px;
font-size: 12px; font-size: 12px;
height: 19px; height: 15px;
font-family: 'Arial' , sans-serif; font-family: 'Arial' , sans-serif;
color: #000; color: #000;
border: none;
float: left; float: left;
background: url('images/browse-search.png') 0 -46px no-repeat;
} }
#s-search:hover, #s-search:focus, #s-transcript:hover, #s-transcript:focus { #s-search:hover, #s-search:focus, #s-transcript:hover, #s-transcript:focus {
color: #550000;
background-position: 0 -69px;
} }
#searchform button, #searchform-transcript button { #searchform button, #searchform-transcript button {
padding: 0; height: 24px;
margin: 0;
border: none;
height: 23px;
width: 23px; width: 23px;
line-height: 0; line-height: 20px;
font-size: 0;
cursor: pointer; cursor: pointer;
text-indent: -9999px;
background: url('images/browse-search.png') -143px -46px no-repeat;
} }
#searchform button:hover, #searchform-transcript button:hover { #searchform button:hover, #searchform-transcript button:hover {
background-position: -143px -69px;
} }
#searchform button:hover, #searchform-transcript button:-moz-focus-inner { #searchform button:hover, #searchform-transcript button:-moz-focus-inner {
border: 0;
} }
.searchresults { .searchresults {
@ -1057,9 +995,7 @@ ul.children {
.gallery-image { .gallery-image {
width: 518px; width: 518px;
border: 1px solid #000;
overflow: hidden; overflow: hidden;
background: #000;
text-align: center; text-align: center;
} }
@ -1072,8 +1008,6 @@ ul.children {
padding: 5px; padding: 5px;
margin: 0; margin: 0;
text-align: center; text-align: center;
color: #fff;
background: #000;
} }
.imagenav-wrap { .imagenav-wrap {
@ -1095,7 +1029,6 @@ ul.children {
float: left; float: left;
color: #000; color: #000;
text-align: center; text-align: center;
border: 1px solid #000;
overflow: hidden; overflow: hidden;
} }
@ -1444,9 +1377,7 @@ li.pingback div p, li.trackback div p {
/* Pagination */ /* Pagination */
#wp-paginav { #wp-paginav {
background: url('images/menu.png');
text-align: left; text-align: left;
border: 1px solid #999;
} }
#paginav { #paginav {
@ -1456,7 +1387,6 @@ li.pingback div p, li.trackback div p {
float: left; float: left;
line-height: 25px; line-height: 25px;
font-size: 13px; font-size: 13px;
border-right: 1px solid #aaa;
} }
#paginav .paginav-pages, #paginav .paginav-extend { #paginav .paginav-pages, #paginav .paginav-extend {
@ -1481,8 +1411,7 @@ li.pingback div p, li.trackback div p {
} }
#paginav li a { #paginav li a {
border-left: 1px solid #aaa; color: #555;
border-right: 1px solid #ccc;
} }
#paginav .paginav-next, #paginav .paginav-previous { #paginav .paginav-next, #paginav .paginav-previous {
@ -1491,16 +1420,12 @@ li.pingback div p, li.trackback div p {
#paginav .paginav-current, #paginav .current { #paginav .paginav-current, #paginav .current {
padding: 0px 10px 0 10px; padding: 0px 10px 0 10px;
color: #fff; color: #000;
border-left: 1px solid #aaa; font-size: larger;
background: url('images/menu.png') 0 -150px;
} }
#paginav li:hover a { #paginav li:hover a {
border-left: 1px solid #8b160f; color: #ff0000;
border-right: 1px solid #c28380;
color: #fff;
background: url('images/menu.png') 0 -75px;
} }
/* Tool Tips */ /* Tool Tips */

Binary file not shown.

After

Width:  |  Height:  |  Size: 310 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 KiB

BIN
themepack/silver/menu.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 343 B

View File

@ -0,0 +1,6 @@
<strong>ThemePack</strong>: Silver<br />
<strong>Author</strong>: Tyler Martin<br />
<br />
<strong>Installation Notes</strong>:<br />
None, works with all styles.<br />
<br />

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

508
themepack/silver/style.css Normal file
View File

@ -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;
}

View File

@ -0,0 +1,6 @@
<strong>ThemePack</strong>: twopointfive<br />
<strong>Author</strong>: Philip M. Hofer (Frumph)<br />
<br />
<strong>Installation Notes</strong>:<br />
Search Field in Menubar doesnt look good, works with all styles.<br />
<br />

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

View File

@ -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;
}