Theme Packs
Signed-off-by: Philip M. Hofer (Frumph) <frumph_dragon@yahoo.com>
|
@ -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")
|
||||
);
|
||||
|
|
|
@ -126,6 +126,59 @@ function comicpress_admin() {
|
|||
</tr>
|
||||
|
||||
<?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;
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
|
|
@ -24,4 +24,4 @@
|
|||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
@ -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("
|
||||
|
|
|
@ -41,7 +41,7 @@ function display_blog_post() {
|
|||
</div>
|
||||
<?php } ?>
|
||||
<?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">”</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"> </span> No Comments ', '<span class="comment-balloon">1</span> Comment ', '<span class="comment-balloon">%</span> Comments '); ?></div><?php } ?>
|
||||
<?php } ?>
|
||||
<div class="clear"></div>
|
||||
<?php if ($enable_related_posts == 'yes') echo related_posts_shortcode(); ?>
|
||||
|
|
|
@ -50,7 +50,7 @@ function display_comic_post() {
|
|||
<?php the_tags('└ Tags: ', ', ', '<br />'); ?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<?php if ('open' == $post->comment_status) { ?><div class="comment-link"><?php comments_popup_link('<span class="comment-balloon comment-balloon-empty">”</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"> </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(); ?>
|
||||
</div>
|
||||
<br class="clear-margins" />
|
||||
|
|
|
@ -18,6 +18,10 @@
|
|||
?></title>
|
||||
<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" />
|
||||
<?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')) { ?>
|
||||
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory') ?>/images/nav/<?php echo $graphicnav_directory; ?>/navstyle.css" type="text/css" media="screen" />
|
||||
<?php } ?>
|
||||
|
|
151
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 */
|
||||
|
|
After Width: | Height: | Size: 310 B |
After Width: | Height: | Size: 9.4 KiB |
After Width: | Height: | Size: 2.1 KiB |
After Width: | Height: | Size: 8.6 KiB |
After Width: | Height: | Size: 343 B |
|
@ -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 />
|
After Width: | Height: | Size: 42 KiB |
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
@ -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 />
|
After Width: | Height: | Size: 22 KiB |
|
@ -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;
|
||||
}
|