diff --git a/style.css b/style.css index b402c76..58f904a 100644 --- a/style.css +++ b/style.css @@ -3,7 +3,7 @@ Theme Name: ComicPress Theme URI: http://comicpress.org Description: Publish a comic with WordPress. Visit the ComicPress Website. 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-style: normal; - margin: 0; - padding: 0; + font-family: 'Arial', sans-serif; + font-style: normal; + 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,52 +956,50 @@ 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; } .imagenav-link img { width: 75px; - height: 75px; -/* opacity: 0.50; filter: alpha(opacity=50); */ + height: 75px; + 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 { @@ -1505,6 +1431,4 @@ li.pingback div p, li.trackback div p { list-style: none; margin: 0; padding: 0; - } - -.nav { display: none; } + } \ No newline at end of file