tylers CSS cleaning fixed IE problem with seeing the tabbed pages for IE by creating a seperate css for it which checks browser type

Signed-off-by: Philip M. Hofer (Frumph) <frumph_dragon@yahoo.com>
This commit is contained in:
Philip M. Hofer (Frumph) 2009-08-27 08:12:08 -07:00
parent 1a06082201
commit 93d6998ee8
10 changed files with 357 additions and 311 deletions

View File

@ -42,7 +42,7 @@ Template Name: Comic Year Archive
<div class="post-page">
<?php while (have_posts()) : the_post() ?>
<div class="entry">
<h2 class="pagetitle"><?php the_title() ?></h2>
<h2 class="pagetitle"><?php the_title(); ?></h2>
<?php the_content(); ?>
</div>
<?php endwhile; ?>

View File

@ -69,8 +69,9 @@
</ol>
<?php if(function_exists('wp_pagenavi')) { ?>
<div class="paginav">
<div id="wp-paginav">
<?php wp_pagenavi(); ?>
<div class="clear"></div>
</div>
<?php } else { ?>
<div class="pagenav">

View File

@ -22,6 +22,6 @@ $archive_comic_width = "380";
$rss_comic_width = "180";
//BLOG POSTCOUNT - the number of blog entries to appear on the home page (default "5").
$blog_postcount = "5";
$blog_postcount = "2";
?>

View File

@ -53,19 +53,6 @@ if ( have_comments() ) : ?>
</ol>
<?php endif; ?>
<?php global $enable_numbered_pagination; if ($enable_numbered_pagination == 'yes') { ?>
<div class="paginav">
<?php paginate_comments_links( $args ) ?>
</div>
<?php } else { ?>
<div class="commentnav">
<div class="commentnav-right"><?php next_comments_link('Newer Comments &uarr;') ?></div>
<div class="commentnav-left"><?php previous_comments_link('&darr; Previous Comments') ?></div>
<div class="clear"></div>
</div>
<?php } ?>
<?php else : // this is displayed if there are no comments so far ?>
<?php if ('open' == $post->comment_status) : ?>
@ -119,16 +106,38 @@ if ( have_comments() ) : ?>
<?php comment_id_fields(); ?>
</p>
<div class="clear"></div>
</form>
<?php endif; // If registration required and not logged in ?>
</div>
<?php global $enable_numbered_pagination; if ($enable_numbered_pagination == 'yes') { ?>
<?php
$pagelinks = paginate_comments_links(array('echo' => 0));
if (!empty($pagelinks)) {
$pagelinks = preg_replace('#\<a#', '<li><a', $pagelinks);
$pagelinks = preg_replace('#\<\/a\>#', '</a></li>', $pagelinks);
$pagelinks = preg_replace('#\<span#', '<li', $pagelinks);
$pagelinks = preg_replace('#\<\/span\>#', '</li>', $pagelinks); ?>
<div id="wp-paginav">
<div id="paginav">
<?php echo '<ul><li class="paginav-extend">Comment Pages</li>'. $pagelinks . '</ul>'; ?>
</div>
<div class="clear"></div>
</div>
<?php } ?>
<?php } else { ?>
<div class="commentnav">
<div class="commentnav-right"><?php next_comments_link('Newer Comments &uarr;') ?></div>
<div class="commentnav-left"><?php previous_comments_link('&darr; Previous Comments') ?></div>
<div class="clear"></div>
</div>
<?php } ?>
<?php endif; ?>
</div>

View File

@ -40,9 +40,11 @@ function display_blog_post() {
<?php the_tags('&#9492; Tags: ', ', ', '<br />'); ?>
</div>
<?php } ?>
<?php if (!is_single()) { ?>
<div class="comment-link">
<?php if ('open' == $post->comment_status) { comments_popup_link('&ldquo;Comment!&rdquo;', '&ldquo;1 Comment&rdquo;', '&ldquo;% Comments&rdquo;'); } ?>
</div>
<?php } ?>
<div class="clear"></div>
<?php if ($enable_related_posts == 'yes') echo related_posts_shortcode(); ?>
</div>

View File

@ -78,7 +78,7 @@ function wp_pagenavi($before = '', $after = '') {
if($max_page > 1 || intval($pagenavi_options['always_show']) == 1) {
$pages_text = str_replace("%CURRENT_PAGE%", number_format_i18n($paged), $pagenavi_options['pages_text']);
$pages_text = str_replace("%TOTAL_PAGES%", number_format_i18n($max_page), $pages_text);
echo $before.'<div id="paginav">'."\n";
echo $before.'<div id="paginav"><ul>'."\n";
switch(intval($pagenavi_options['style'])) {
case 1:
if(!empty($pages_text)) {
@ -91,9 +91,9 @@ function wp_pagenavi($before = '', $after = '') {
echo '<li class="paginav-extend">'.$pagenavi_options['dotleft_text'].'</li>';
}
}
echo "<li>";
echo '<li class="paginav-previous">';
previous_posts_link($pagenavi_options['prev_text']);
echo "</li>";
echo '</li>';
for($i = $start_page; $i <= $end_page; $i++) {
if($i == $paged) {
$current_page_text = str_replace("%PAGE_NUMBER%", number_format_i18n($i), $pagenavi_options['current_text']);
@ -103,12 +103,12 @@ function wp_pagenavi($before = '', $after = '') {
echo '<li><a href="'.clean_url(get_pagenum_link($i)).'" title="'.$page_text.'">'.$page_text.'</a></li>';
}
}
echo "<li>";
next_posts_link('<li>'.$pagenavi_options['next_text'].'</li>', $max_page);
echo "</li>";
echo '<li class="paginav-next">';
next_posts_link($pagenavi_options['next_text'], $max_page);
echo '</li>';
if ($end_page < $max_page) {
if(!empty($pagenavi_options['dotright_text'])) {
echo '<li>'.$pagenavi_options['dotright_text'].'</li>';
echo '<li class="paginav-extend">'.$pagenavi_options['dotright_text'].'</li>';
}
$last_page_text = str_replace("%TOTAL_PAGES%", number_format_i18n($max_page), $pagenavi_options['last_text']);
echo '<li><a href="'.clean_url(get_pagenum_link($max_page)).'" title="'.$last_page_text.'">'.$last_page_text.'</a></li>';
@ -134,7 +134,7 @@ function wp_pagenavi($before = '', $after = '') {
echo "</form>\n";
break;
}
echo '</div>'.$after."\n";
echo '</ul></div>'.$after."\n";
}
}
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,60 @@
#cpadmin {
font: 11px verdana,arial,sans-serif;
padding: 5px 0 0 0;
line-height: 5px;
margin: 0 0 -1px 0;
}
#cpadmin div.off {
color: #000;
height: 23px;
margin: -1px 2px -1px 0;
line-height: 23px;
padding: 0 10px;
float: left;
background: url(tabs_0.gif) repeat-x left bottom;
border-top: 1px solid #ddd;
border-left: solid 1px #ddd;
border-right: solid 1px #ddd;
position: relative;
cursor: pointer;
z-index: 20;
}
#cpadmin div.on {
color: #c00;
padding: 0 10px;
margin: 0 2px 0 0 0;
float: left;
background: url(tabs_2.gif) repeat-x left bottom;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
cursor: pointer;
height: 23px;
line-height: 22px;
position: relative;
z-index: 100;
}
div.hide {
display: none;
width: 0;
overflow: hidden;
}
div.show {
clear: left;
display: run-in;
background: #fff;
border: 1px solid #000;
padding: 20px;
z-index: 50;
font: 11px verdana, arial, sans-serif;
line-height: 18px;
}
div.show img {
float: left;
margin: 0 10px 10px 0;
}
.clear {
clear: both;
}

363
style.css
View File

@ -11,14 +11,18 @@ http://www.opensource.org/licenses/gpl-3.0.html
.
*/
/* STANDARD TAGS */
body {
margin: 0;
font-size: 14px;
font-family: 'Arial' , sans-serif;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
color: #333;
background: #fff url('images/background.jpg') top repeat-x;
z-index: 0;
}
@ -48,19 +52,16 @@ img {
padding: 0;
}
small {
font-size: 11px;
}
hr {
height: 1px;
color: #000;
border: 0px;
}
blockquote {
margin: 10px;
padding: 5px 10px 5px 20px;
@ -69,20 +70,17 @@ blockquote {
border-color: #000;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
cite {
font-size: 13px;
font-weight: bold;
font-style: normal;
}
code {
padding: 10px;
display: block;
@ -91,56 +89,55 @@ code {
overflow: scroll;
}
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #000;
}
form {
margin: 0;
}
.button {
background: #aaa url('images/menu.png');
height: 25px;
}
.sfhover {
padding: 0;
margin: 0;
}
/* HEADINGS */
h1, h1 a {
padding: 10px 0 0 0;
margin: 0;
color: #000;
font-size: 60px;
font-family: 'Georgia' , serif;
color: #fff;
font-size: 56px;
font-family: 'georgia' , serif;
font-weight: normal;
line-height: 50px;
line-height: 46px;
text-decoration: none;
letter-spacing: -4px;
letter-spacing: -5px;
font-variant: small-caps;
}
h2, h2 a {
margin: 0;
color: #000;
font-weight: bold;
color: #333;
font-weight: normal;
letter-spacing: -1px;
font-size: 24px;
line-height: 24px;
padding-bottom: 2px;
font-family: 'trebuchet ms';
}
h2.pagetitle, h2.pagetitle a {
h2.pagetitle, h2.pagetitle a {
padding: 0 0 5px 0;
margin: 0 0 20px 0;
font-family: 'Georgia' , serif;
@ -148,55 +145,51 @@ h2.pagetitle, h2.pagetitle a {
font-weight: normal;
letter-spacing: -2px;
clear: both;
}
}
h3, h3 a {
padding: 0;
margin: 0;
font-size: 20px;
font-weight: bold;
font-weight: normal;
text-align: left;
color: #000;
color: #333;
text-decoration: none;
clear: both;
letter-spacing: -1px;
font-family: 'verdana';
}
/* THE PAGE WRAPPER */
/* Change this width to set the entire site's width - increase/reduce #content width by the same amount */
#page {
width: 780px;
margin: 0px auto;
}
#page-wide {
width: 980px;
margin: 0px auto;
}
/* THE HEADER */
#header {
text-align: center;
}
#header a {
color: #fff;
}
.description {
#header .description {
color: #ddd;
padding: 0 0 10px 0;
font-size: 14px;
font-style: italic;
letter-spacing: 2px;
}
}
/* THE MENU */
@ -227,9 +220,9 @@ h3, h3 a {
background: url('images/menu-nav.png') no-repeat;
}
.menunav-rss:hover {
.menunav-rss:hover {
background-position: 0 -25px;
}
}
.menunav-prev, .menunav-next {
display: block;
@ -240,29 +233,29 @@ h3, h3 a {
margin: 0 0 0 5px;
}
.menunav-prev a, .menunav-next a {
.menunav-prev a, .menunav-next a {
width: 25px;
height: 25px;
display: block;
text-indent: -9999px;
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;
}
}
.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;
}
}
#menu {
padding: 0;
@ -274,41 +267,41 @@ h3, h3 a {
border-right: 1px solid #aaa;
}
#menu a {
#menu a {
padding: 0px 10px 0 10px;
display: block;
color: #000;
text-decoration: none;
}
}
#menu li .rss {
#menu li .rss {
padding: 5px 0 5px 0;
}
}
#menu li {
#menu li {
float: left;
}
}
#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 */
background: url('images/menu.png') 0 -75px;
}
}
#menu li:hover, #menu li.sfhover {
#menu li:hover, #menu li.sfhover {
/* Main menu highlighted background color */
}
}
/* For submenu dropdowns - this order must be maintained */
#menu ul {
#menu ul {
padding: 0;
margin: 0;
list-style: none;
@ -316,53 +309,50 @@ h3, h3 a {
left: -9999px;
width: 175px;
line-height: 1;
}
#menu li li {
}
#menu li li {
width: 165px;
padding: 4px 5px;
color: #fff;
}
#menu li li a {
}
#menu li li a {
width: 174px;
padding: 0;
color: #fff;
border: none;
}
#menu li ul ul {
}
#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 {
}
#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 {
}
#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 {
}
#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 {
}
#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 {
}
#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 {
#menu .current_page_item a {
color: #fff;
border-left: 1px solid #555;
border-right: 1px solid #555;
background: url('images/menu.png') 0 -50px;
}
}
/* THE COMIC */
#comic {
background: #fff;
padding: 10px 0;
@ -371,34 +361,28 @@ h3, h3 a {
z-index: 100;
}
.comic-left {
#comic .comic-left {
float: left;
}
}
.comic-right {
#comic .comic-right {
float: right;
}
}
.comic-content {
#comic .comic-content {
z-index: 100;
}
}
/* THE FOOTER */
#footer {
padding: 5px 0;
text-align: center;
}
/* NAVIGATION */
.nav {
float: right;
font-size: 12px;
@ -427,7 +411,6 @@ h3, h3 a {
float: left;
}
.pagenav, .commentnav {
height: 25px;
color: #000;
@ -488,30 +471,26 @@ h3, h3 a {
overflow: hidden;
}
.narrowcolumn {
.narrowcolumn {
width: 560px;
margin: 0 auto;
float: left;
}
}
.widecolumn {
.widecolumn {
margin: 0 auto;
}
}
.column {
margin: 0 5px 0 5px;
padding: 5px 0;
}
.post, .post-comic, .post-page {
clear: both;
padding: 0 5px;
}
.post-head, .post-page-head, .post-comic-head {
}
@ -592,30 +571,25 @@ h3, h3 a {
font-size: 11px;
}
.comment-link {
font-family: 'Georgia' , serif;
font-size: 13px;
text-align: right;
}
.related_posts {
margin-top: 10px;
font-weight: 700;
}
.related_posts ul {
list-style: none;
font-weight: normal;
font-size: 12px;
}
/* THE BLOG HEADER */
#blogheader {
font-family: 'Georgia' , serif;
padding: 5px 0 5px 0;
@ -625,17 +599,12 @@ h3, h3 a {
margin-top: 10px;
}
/* COMMENTS */
.comment-wrap {
padding: 0 20px;
}
.comment-wrap h3 {
margin: 0;
padding: 20px 0 0 0;
@ -645,42 +614,58 @@ h3, h3 a {
font-family: 'Georgia' , serif;
}
.commentlist {
}
.comment {
padding: 10px;
padding: 2px;
margin: 10px 0 0 0;
clear: both;
min-height: 64px;
}
.comment .avatar {
border: solid 1px #000;
margin: 0 10px 0 0;
float: left;
}
.comment .comment {
margin-left: 10px;
padding-bottom: 10px;
background: #fff;
}
.comment .trackping {
float: left;
}
.comment .comment {
.comment .comment .comment {
margin-left: 30px;
}
padding: 5px;
margin-top: 2px;
border: 1px dotted #ccc;
background: #fff;
}
.comment .comment .comment {
}
.comment .comment .comment .comment {
background: transparent;
border: none;
background: #fff;
}
.comment .avatar {
margin: 0 10px 5px 0;
float: left;
}
.comment #respond {
}
.comment .trackping {
float: left;
}
.comment #respond {
padding: 5px;
}
.comment .comment .bypostauthor, .comment .comment .comment .bypostauthor {
background: #efefef;
}
.comment-author {
display: inline;
}
.comment-meta {
display: inline;
padding: 0 0 0 5px;
@ -688,7 +673,6 @@ h3, h3 a {
border-left: 1px solid #000;
}
.says {
display: none;
}
@ -699,32 +683,22 @@ h3, h3 a {
font-size: 11px;
}
#comment {
width: 99%;
font-size: 12px;
font-family: 'Arial' , sans-serif;
}
#author, #email, #url {
font-size: 12px;
font-family: 'Arial' , sans-serif;
}
#submit {
margin: 0 0 20px 0;
float: right;
}
.commentlist ul {
list-style: none;
margin-bottom: 30px;
}
ol.commentlist {
margin: 0;
padding: 0;
@ -732,33 +706,24 @@ ol.commentlist {
list-style: none;
}
ol.commentlist p {
margin: 10px 0 0 74px;
}
ul.children {
margin: 0;
padding: 0;
list-style: none;
}
.reply {
padding: 10px 0 0 0;
text-align: right;
}
/* ARCHIVE */
/* For the built-in WordPress archive pages (by month or category) as well as search result pages */
.comicarchiveframe {
padding: 5px;
border: 1px solid #000;
@ -769,47 +734,41 @@ ul.children {
.comicarchiveframe:hover {
}
.comicarchiveframe h3 {
margin: 0;
}
.comicarchiveframe a small {
display: block;
color: #000;
}
.archive-year {
font-size: 48px;
}
.archive-yearlist {
padding: 0 0 10px 0;
font-size: 14px;
}
/* SIDEBAR */
/* Left Sidebar Themes */
#sidebar-left {
float: left;
width: 210px;
}
/* Right Sidebar Themes */
#sidebar-right {
float: right;
width: 210px;
}
#sidebar-overcomic {
padding: 20px 0 0 0;
}
.customsidebar ul, .customsidebar li {
margin: 0;
@ -817,11 +776,16 @@ ul.children {
list-style: none;
}
.widget {
margin: 0 auto;
}
.widget_comicpress_comictitle {
font-size: 36px;
font-family: georgia;
letter-spacing: -2px;
text-align: center;
}
/* Sidebar Class */
@ -894,9 +858,16 @@ ul.children {
/* CALENDAR */
#wp-calendar-wrap {
background:#fff;
padding:10px;
border:1px solid #999;
margin:10px 0 0 0;
}
#wp-calendar {
border: solid 1px #000;
background: #efefef;
width: 165px;
margin: 0 auto;
}
@ -1155,14 +1126,13 @@ ul.children {
float: left;
}
/* TRANSCRIPT */
a.transcript-title {
}
.transcript-border {border-color:#555;}
#transcript {border-color:#333;}
#transcript {
padding: 0 10px;
font-size: 11px;
@ -1170,7 +1140,6 @@ ul.children {
border-right: 4px dotted #000;
}
.transcript-border {
padding: 0 5px;
margin: 15px 0;
@ -1179,28 +1148,29 @@ ul.children {
clear: both;
}
a.transcript-title {
padding: 0 0 5px 0;
margin: 0 0 5px 0;
display: block;
font-family: 'Georgia' , serif;
font-style: italic;
font-size: 16px;
letter-spacing: -1px;
border-bottom: 1px dashed #000;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 2em;
border-color: #777;
}
#transcript-content {
font-family: 'Courier New' , monospace;
overflow: hidden;
}
/* Pingbacks and Trackbacks */
li.pingback div p, li.trackback div p {
margin-left: 0;
}
@ -1448,46 +1418,52 @@ li.storyline-root {
border-right: 1px solid #aaa;
}
#paginav .paginav-pages {
#paginav .paginav-pages, #paginav .paginav-extend {
padding: 0 15px 0 15px;
}
}
#paginav a {
#paginav a {
padding: 0px 10px 0 10px;
display: block;
color: #000;
text-decoration: none;
}
}
#paginav li {
#paginav ul {
margin: 0;
padding: 0;
list-style: none;
}
#paginav li {
float: left;
}
}
#paginav li a {
#paginav li a {
border-left: 1px solid #aaa;
border-right: 1px solid #fff;
}
border-right: 1px solid #ccc;
}
#paginav .paginav-current {
#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('images/menu.png') 0 -150px;
}
}
#paginav li:hover a {
#paginav li:hover a {
border-left: 1px solid #8b160f;
border-right: 1px solid #c28380;
color: #fff;
background: url('images/menu.png') 0 -75px;
}
}
/* Drop Bar */
.dropbar {
position: absolute;
left: 0px;
@ -1511,17 +1487,14 @@ li.storyline-root {
background-image: url('images/dropbar.png');
}
/* members only */
.members-only {
border: solid 1px #000;
background: #ccc;
background: #eee;
padding: 3px;
}
/* Tool Tips */

View File

@ -25,13 +25,14 @@ class widget_comicpress_graphical_navigation extends WP_Widget {
$wp_query->is_single = true;
$prev_comic = get_previous_comic_permalink();
$next_comic = get_next_comic_permalink();
$prev_story = get_previous_storyline_start_permalink();
$next_story = get_next_storyline_start_permalink();
$wp_query->is_single = $temp_query;
$temp_query = null;
$first_comic = get_first_comic_permalink();
$last_comic = get_last_comic_permalink();
$prev_story = get_previous_storyline_start_permalink();
$next_story = get_next_storyline_start_permalink();
?>
<div id="comic_navi_wrapper">
@ -80,7 +81,7 @@ class widget_comicpress_graphical_navigation extends WP_Widget {
<?php }
}
if ($instance['story_next'] != 'off') {
if (!empty($next_story)) { ?>
if (!empty($next_story) && !is_home()) { ?>
<a href="<?php echo $next_story; ?>" class="navi navi-nextchap" title="<?php echo $instance['story_next_title']; ?>"><?php echo $instance['story_next_title']; ?></a>
<?php } else { ?>
<div class="navi navi-nextchap navi-void"><?php echo $instance['story_next_title']; ?></div>