Stripped it down for base theme.

This commit is contained in:
unknown 2009-11-16 18:37:19 -07:00
parent 00326de7e3
commit e7b057e898
1 changed files with 73 additions and 149 deletions

222
style.css
View File

@ -3,7 +3,7 @@ Theme Name: ComicPress
Theme URI: http://comicpress.org Theme URI: http://comicpress.org
Description: Publish a comic with WordPress. <a href="http://comicpress.org">Visit the ComicPress Website.</a> This is the ComicPress Core Framework. Description: Publish a comic with WordPress. <a href="http://comicpress.org">Visit the ComicPress Website.</a> This is the ComicPress Core Framework.
Author: Tyler Martin, John Bintz, Philip M. Hofer Author: Tyler Martin, John Bintz, Philip M. Hofer
Author URI: http://mindfaucet.com/ Author URI: http://comicpress.org
Version: 2.9 Version: 2.9
. .
The CSS, XHTML and design is released under GPL v3: The CSS, XHTML and design is released under GPL v3:
@ -62,18 +62,19 @@ blockquote {
margin: 10px; margin: 10px;
padding: 5px 10px 5px 20px; padding: 5px 10px 5px 20px;
font-family: 'Georgia', serif; font-family: 'Georgia', serif;
font-size: 16px;
border-width: 1px 1px 1px 5px; border-width: 1px 1px 1px 5px;
border-style: solid; border-style: solid;
border-color: #000; border-color: #000;
} }
cite { cite {
font-family: 'Arial', sans-serif; margin: 5px 0 0;
font-size: 14px; display: block;
font-weight: bold; font-weight: bold;
font-style: normal; font-family: 'Arial', sans-serif;
margin: 0; font-style: normal;
padding: 0; font-size: 12px;
} }
acronym, abbr, span.caps { acronym, abbr, span.caps {
@ -88,7 +89,7 @@ code {
padding: 5px; padding: 5px;
margin: 10px 0; margin: 10px 0;
display: block; display: block;
overflow: auto; overflow: scroll;
font-family: 'Courier', monospace; font-family: 'Courier', monospace;
border: 1px dotted #000; border: 1px dotted #000;
} }
@ -97,37 +98,33 @@ form {
margin: 0; margin: 0;
} }
input, textarea {
font-family: 'Arial', sans-serif;
font-size: 13px;
}
/* HEADINGS */ /* HEADINGS */
h1, h1 a { h1, h1 a {
padding: 10px 0 0 0; padding: 10px 0 0 0;
margin: 0; margin: 0;
color: #fff;
font-size: 56px; font-size: 56px;
font-family: 'Georgia' , serif;
font-weight: normal;
line-height: 46px; line-height: 46px;
text-decoration: none;
letter-spacing: -5px; letter-spacing: -5px;
font-variant: small-caps;
} }
h2, h2 a { h2, h2 a {
padding: 0 0 2px 0; padding: 0 0 2px 0;
margin: 0; margin: 0;
color: #333;
font-family: 'Trebuchet MS', sans-serif;
font-size: 24px; font-size: 24px;
line-height: 24px; line-height: 24px;
font-weight: normal;
letter-spacing: -1px; letter-spacing: -1px;
} }
h2.pagetitle, h2.pagetitle a { h2.pagetitle, h2.pagetitle a {
padding: 0 0 5px 0; padding: 0 0 5px 0;
font-family: 'Georgia' , serif; margin-top: 10px;
font-size: 32px; font-size: 32px;
font-weight: normal;
letter-spacing: -2px; letter-spacing: -2px;
clear: both; clear: both;
} }
@ -136,10 +133,6 @@ h3, h3 a {
padding: 0; padding: 0;
margin: 0; margin: 0;
font-size: 20px; font-size: 20px;
font-weight: normal;
text-align: left;
color: #333;
text-decoration: none;
clear: both; clear: both;
letter-spacing: -1px; letter-spacing: -1px;
} }
@ -162,16 +155,9 @@ h3, h3 a {
text-align: center; text-align: center;
} }
#header a {
color: #000;
}
#header .description { #header .description {
color: #555;
padding: 0 0 10px 0; padding: 0 0 10px 0;
font-size: 14px; font-size: 14px;
font-style: italic;
letter-spacing: 2px;
} }
/* THE MENU */ /* THE MENU */
@ -192,13 +178,14 @@ h3, h3 a {
} }
.menunav-search { .menunav-search {
padding: 1px 1px 0 0;
float: left; float: left;
height: 25px;
} }
.menunav-rss { .menunav-rss {
width: 30px; width: 30px;
height: 25px; height: 25px;
font-size: 11px;
line-height: 25px; line-height: 25px;
padding: 0 7px 0 5px; padding: 0 7px 0 5px;
margin: 0 0 0 4px; margin: 0 0 0 4px;
@ -207,7 +194,7 @@ h3, h3 a {
overflow: hidden; overflow: hidden;
} }
.menunav-rss:hover { .menunav-rss:hover {
background: #b00; background: #f00;
color: #fff; color: #fff;
} }
@ -225,22 +212,20 @@ h3, h3 a {
height: 25px; height: 25px;
line-height: 20px; line-height: 20px;
font-size: 28px; font-size: 28px;
font-weight: bold;
display: block; display: block;
overflow: hidden; overflow: hidden;
} }
.menunav-prev a {
}
.menunav-prev a:hover { .menunav-prev a:hover {
background: #b00; background: #f00;
} }
.menunav-next a { .menunav-next a {
} }
.menunav-next a:hover { .menunav-next a:hover {
background: #b00; background: #f00;
} }
#menu { #menu {
@ -249,7 +234,7 @@ h3, h3 a {
list-style: none; list-style: none;
float: left; float: left;
line-height: 25px; line-height: 25px;
font-size: 13px; font-size: 12px;
} }
#menu a { #menu a {
@ -268,16 +253,12 @@ h3, h3 a {
cursor:pointer; cursor:pointer;
} }
#menu li a {
}
#menu li:hover a, #menu li.sfhover a { #menu li:hover a, #menu li.sfhover a {
color: #fff; /* Main menu highlighted text color */ color: #fff; /* Main menu highlighted text color */
} }
#menu li:hover, #menu li.sfhover { #menu li:hover, #menu li.sfhover {
background: #b00; /* Main menu highlighted background color */ background: #f00; /* Main menu highlighted background color */
} }
.sfhover { .sfhover {
@ -308,7 +289,7 @@ h3, h3 a {
border: none; border: none;
} }
#menu li ul ul { #menu li ul ul {
margin: -17px 0 0 190px; margin: -16px 0 0 190px;
} }
#menu li ul li:hover a, #menu li ul li li:hover a, #menu li ul li li li:hover a, #menu li ul li li li:hover a { #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 */ color: #fff; /*Submenu highlighted text color */
@ -332,12 +313,13 @@ h3, h3 a {
#menu .current_page_item a { #menu .current_page_item a {
color: #fff; color: #fff;
background: #555; background: #800;
} }
/* THE COMIC */ /* THE COMIC */
#comic-head { #comic-head {
padding-top: 5px;
clear: both; clear: both;
} }
@ -363,42 +345,32 @@ h3, h3 a {
/* NAVIGATION */ /* NAVIGATION */
a.navi-comments:hover span {
color:#860b04;
}
.nav,.blognav { .nav,.blognav {
float: right; float: right;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
margin-right: 10px; padding: 5px 0;
padding: 8px 5px 5px 5px;
} }
.nav-first { .nav-first {
padding: 0 5px 0 0;
float: left; float: left;
} }
.nav-previous { .nav-previous {
padding: 0 5px; padding-left: 10px;
float: left; float: left;
} }
.nav-next { .nav-next {
padding: 0 5px; padding-left: 10px;
float: left; float: left;
} }
.nav-last { .nav-last {
padding: 0 0 0 5px; padding-left: 10px;
float: left; float: left;
} }
a.navi-comments:hover span {
color:#860b04;
}
.pagenav, .commentnav { .pagenav, .commentnav {
height: 25px; height: 25px;
color: #000; color: #000;
@ -422,9 +394,6 @@ a.navi-comments:hover span {
float: left; float: left;
} }
.nav a:hover, .pagenav a:hover, .nav-blog a:hover {
}
/* POSTS - PAGES */ /* POSTS - PAGES */
#pagewrap-right { #pagewrap-right {
@ -469,16 +438,11 @@ a.navi-comments:hover span {
padding: 1%; padding: 1%;
} }
.column_one_header {
}
.column_two { .column_two {
width: 48%; width: 48%;
float: left; float: left;
padding: 1%; padding: 1%;
} }
.column_two_header {
}
.post, .post-comic, .post-page { .post, .post-comic, .post-page {
clear: both; clear: both;
@ -489,8 +453,8 @@ a.navi-comments:hover span {
padding-top: 5px; padding-top: 5px;
} }
.post-foot { .post-foot, .post-comic-foot {
margin-bottom: 20px; margin-bottom: 40px;
} }
.post-info, .post-comic-info { .post-info, .post-comic-info {
@ -525,7 +489,9 @@ a.navi-comments:hover span {
height: 50px; height: 50px;
width: 45px; width: 45px;
background: url(images/calendar.png) center no-repeat; background: url(images/calendar.png) center no-repeat;
font: normal 22px Georgia; font-family: 'Georgia', serif;
font-size: 22px;
font-style: normal;
color: #000; color: #000;
text-align: center; text-align: center;
line-height: 100%; line-height: 100%;
@ -535,11 +501,14 @@ a.navi-comments:hover span {
.post-date .date span, .post-comic-date .date span { .post-date .date span, .post-comic-date .date span {
height: 16px; height: 16px;
padding: 1px 0 4px 0;
display: block; display: block;
font: normal 11px Verdana, Arial, Helvetica, sans-serif; font-family: 'Verdana', sans-serif;
color: #ffffff; font-size: 11px;
font-style: normal;
font-weight: normal;
color: #fff;
text-align: center; text-align: center;
padding-top: 5px;
} }
.comicdate { .comicdate {
@ -551,7 +520,7 @@ a.navi-comments:hover span {
} }
.entry { .entry {
line-height: 1.45em; line-height: 18px;
font-size: 14px; font-size: 14px;
padding: 3px 0; padding: 3px 0;
} }
@ -579,13 +548,13 @@ a.navi-comments:hover span {
} }
.post .members-only, .post-comic .members-only { .post .members-only, .post-comic .members-only {
border: dotted 1px #000; border: 1px dotted #000;
background: #fafafa; background: #fafafa;
padding: 3px; padding: 3px;
} }
.post .non-member, .post-comic .non-member { .post .non-member, .post-comic .non-member {
border: dotted 1px #000; border: 1px dotted #000;
background: #fafafa; background: #fafafa;
padding: 3px; padding: 3px;
} }
@ -598,7 +567,6 @@ a.navi-comments:hover span {
/* COMMENT LINK */ /* COMMENT LINK */
.comment-link { .comment-link {
font-family: 'Arial', sans-serif;
font-weight: bold; font-weight: bold;
text-align: right; text-align: right;
} }
@ -607,7 +575,7 @@ a.navi-comments:hover span {
#blogheader { #blogheader {
padding: 5px 0 5px 0; padding: 5px 0 5px 0;
border-top: 1px solid #999; border-top: 1px solid #000;
margin: 10px 0 20px 0; margin: 10px 0 20px 0;
} }
@ -640,7 +608,9 @@ a.navi-comments:hover span {
} }
.comment-note { .comment-note {
font-size: smaller; width: 400px;
display: block;
font-size: 11px;
} }
.comment-text { .comment-text {
@ -691,19 +661,6 @@ a.navi-comments:hover span {
font-size: 11px; font-size: 11px;
} }
#comment-textarea, #author, #email, #url {
padding: 2px;
color: #000;
font-family: 'Verdana' , sans-serif;
font-size: 12px;
background: #ccc;
border: 1px solid #888;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#comment-textarea { #comment-textarea {
width: 99%; width: 99%;
} }
@ -712,10 +669,6 @@ a.navi-comments:hover span {
width: 50%; width: 50%;
} }
#comment-textarea:hover, #author:hover, #email:hover, #url:hover, #comment-textarea:focus, #author:focus, #email:focus, #url:focus {
background: #fff;
}
.comment-submit { .comment-submit {
float: right; float: right;
} }
@ -856,14 +809,8 @@ ul.children {
} }
.archive-dropdown { .archive-dropdown {
margin: 0; margin: 0 0 0 4px;
padding: 0; padding: 2px;
width: 166px;
height: 23px;
font-size: 14px;
font-family: 'Arial' , sans-serif;
cursor: pointer;
border: solid 1px #555;
} }
/* CALENDAR */ /* CALENDAR */
@ -871,9 +818,9 @@ ul.children {
#wp-calendar-wrap { #wp-calendar-wrap {
margin: 0 auto; margin: 0 auto;
width: 170px; width: 170px;
background:#fff; background: #fff;
padding:10px; padding: 10px;
border:1px solid #999; border: 1px solid #000;
} }
#wp-calendar { #wp-calendar {
@ -952,22 +899,12 @@ ul.children {
/* SEARCH */ /* SEARCH */
#s-search, #s-transcript { #s-search, #s-transcript {
width: 138px; width: 140px;
padding: 4px 0 0 5px;
font-size: 12px;
height: 15px;
font-family: 'Arial' , sans-serif;
color: #000;
float: left;
} }
#searchform button, #searchform-transcript button {
height: 23px;
float: left;
}
.searchresults { .searchresults {
padding-left: 10px; padding: 0 0 30px 10px;
font-style: italic;
} }
/* GALLERY */ /* GALLERY */
@ -979,7 +916,9 @@ ul.children {
} }
.gallery-caption { .gallery-caption {
padding: 2px 0 0 0;
font-size: 11px; font-size: 11px;
line-height: 11px;
} }
.gallery-caption p { .gallery-caption p {
@ -1017,52 +956,50 @@ ul.children {
} }
.imagenav-bg { .imagenav-bg {
width: 75px; width: 77px;
height: 75px; height: 77px;
position: absolute; position: absolute;
z-index: 0; z-index: 0;
background: #ddd;
border: 1px solid #000;
overflow: hidden; overflow: hidden;
} }
.imagenav-bg img { .imagenav-bg img {
width: 75px; width: 75px;
height: 75px; height: 75px;
padding: 1px;
} }
.imagenav-arrow { .imagenav-arrow {
width: 75px; width: 77px;
height: 75px; height: 67px;
padding-bottom: 10px;
position: absolute; position: absolute;
z-index: 1; z-index: 1;
color: #fff; color: #fff;
font-size: 80px; font-size: 80px;
font-weight: bold; font-weight: bold;
line-height: 75px; line-height: 67px;
text-align: center; text-align: center;
border: 1px solid #000;
float: left; float: left;
} }
.imagenav-link { .imagenav-link {
width: 75px; width: 77px;
height: 75px; height: 77px;
position: absolute; position: absolute;
z-index: 2; z-index: 2;
border: 1px solid #000;
float: left; float: left;
overflow: hidden; overflow: hidden;
} }
.imagenav-link img { .imagenav-link img {
width: 75px; width: 75px;
height: 75px; height: 75px;
/* opacity: 0.50; filter: alpha(opacity=50); */ padding: 1px;
} }
.imagenav-link img:hover { #gallery-1 .attachment-thumbnail {
/* opacity: 0.00; filter: alpha(opacity=0); */ border: none;
} }
/* POSTED IMAGES */ /* POSTED IMAGES */
@ -1369,18 +1306,11 @@ li.pingback div p, li.trackback div p {
list-style: none; list-style: none;
float: left; float: left;
line-height: 25px; line-height: 25px;
font-size: 13px;
} }
#paginav .paginav-pages, #paginav .paginav-extend {
padding: 0 15px 0 15px;
}
#paginav a { #paginav a {
padding: 0px 10px 0 10px; padding: 0px 10px 0 10px;
display: block; display: block;
color: #000;
text-decoration: none;
} }
#paginav ul { #paginav ul {
@ -1393,18 +1323,14 @@ li.pingback div p, li.trackback div p {
float: left; float: left;
} }
#paginav li a {
color: #555;
}
#paginav .paginav-next, #paginav .paginav-previous { #paginav .paginav-next, #paginav .paginav-previous {
font-size: 20px; font-size: 20px;
} }
#paginav .paginav-current, #paginav .current { #paginav .paginav-current, #paginav .current {
padding: 0px 10px 0 10px; padding: 0px 10px 0 10px;
color: #000;
font-size: larger; font-size: larger;
font-weight: bold;
} }
#paginav li:hover a { #paginav li:hover a {
@ -1505,6 +1431,4 @@ li.pingback div p, li.trackback div p {
list-style: none; list-style: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.nav { display: none; }