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