/** * Theme Name: Spring * Theme URI: * Description: A Webcomic theme. * Version: 0.1.0 * Author: Michelle Bottorff * Author URI: http://www.lshelby.com/ * Tags: blue, green, one-column, right-sidebar, flexible-width, webcomic * Template: lavender */ @font-face { font-family: "Running shoe"; src: url( RUNNINGS.eot ); /* IE */ src: local("Running shoe"), url( RUNNINGS.TTF ) format("truetype"); /* non-IE */ } html {background: url(Images/sky.png) #ccccff; color:#000000;} h1 {text-align:center; color: blue; font-family:Running shoe, Papyrus, Verdana, san-serif; font-size:xx-large; font-weight:normal; margin:10px; padding:10px;} h2 {color: blue; font-family: Running shoe, Papyrus, Verdana, sans-serif; font-size:x-large} h3 {color: blue; font-family: Running shoe, Papyrus, Verdana, sans-serif; font-size:large} h4 {color: blue;} a:link {color: blue; text-decoration: none;} a:visited {color: green; text-decoration: none;} a:hover {color: #5577bb; text-decoration: underline;} a:link img {border: 0; text-decoration: none; margin: 0;} a:visited img {border: 0; text-decoration: none; margin: 0;} a:hover img {border:0; text-decoration: none; margin: 0;} div {border: 0;} td {border: 0;} .alignleft {float:left;} /*Site Structural Elements*/ div.wrapper {max-width: 1300px; margin:auto; text-align:center;} #page {margin:0px;} #content {max-width: 45em; margin:auto; } div.comments {max-width: 35em;} #sidebar {display:inline-block; width: 12em; float: right; margin: 10px;} #sidebar div.interior {margin:10px; padding:1em; background:#dddddd; text-align: center; overflow:hidden; border: ridge #77aadd thick;} #sidebar ul {margin:0; padding:0; list-style-type: none; list-style-image: none;} #sidebar h2 {text-align: center; margin: 20px 5px 5px 5px;} li.cat-item { padding-left: 15px; list-style: none; } div#login{text-align: right; float: right; height: 180px; vertical-align: top; padding:0 5px; margin:0;} .text-block {text-align:left; max-width:35em; padding:1em;} .text-block p {text-indent: 2em;} .meta {font-size:small;} textarea { width:98%; max-width: 26em; } /* Comic Stuctural Elements */ div#show-latest {display:inline-block;} div#comic {width:600px; display:inline-block; margin: auto;} div.volumelist {height:310px;} div.chapterlist {width: 30%; display:inline-block; margin:10px} .pagethumb {display:inline-block; padding:0 20px; text-align: center;} .current-comic {visibility:hidden;} .comic-nav {font-family: Running shoe, Papyrus, Verdana, sans-serif;} div.bookmark {font-size: small;} div.bookmark span {display:inline-block;} /* Navigation Bars */ #navcol {font-size:120%; font-family: Running shoe, Papyrus, Verdana, sans-serif;} div.pagelink {width: 7em; padding: 1em; margin: 10px; display: inline-block; background:#dddddd; text-align:center; border: ridge #77aadd thick;} div.navtoo {width 600px; clear: all;} #navcol a {text-decoration:none;} div.navi {margin:auto;} div.navi li {display: inline; } .comic-nav ul {padding: 0; text-align:center; list-style-type: none; list-style-image: none; margin: 0;} .comic-nav li {display: inline-block; vertical-align: bottom; width: 120px; padding: 5px 10px 5px 10px; font-size:110%; } .comic-nav a {text-decoration:none;} .current_page_item {/*trying to make it so that links to the page you are on, do not show up in menus */ display:none; } .hide { /*general class for anything that I want hidden. */ display:none;} /* site name */ #page-title .name {font-size:300%; font-family: Running shoe, Papyrus, Verdana, sans-serif;} /* site description */ #page-title .description { font:italic 150%/1em Constantia, Palatino, Times, serif; } /* foot */ #foot { font-size:small; text-align:center; } /*Comic Navigation Images*/ li.first{display:inline-block; background: url(Images/firstON.png) no-repeat; text-decoration:none; border:0; width:120px; height:60px; margin: 0; padding:0;} li.first img {display: inline-block; background: url(Images/first.png); width:120px; height: 60px; text-decoration:none; border: 0; margin: 0;} li.first img:hover {background: none} li.prev{display:inline-block; background: url(Images/prevON.png) no-repeat; text-decoration:none; border:0; width:120px; height:60px; margin: 0; padding:0;} li.prev img {display: inline-block; background: url(Images/prev.png); width:120px; height: 60px; text-decoration:none; border: 0; margin: 0;} li.prev img:hover {background: none} li.next{display:inline-block; background: url(Images/nextON.png) no-repeat; text-decoration:none; border:0; width:120px; height:60px; margin: 0; padding:0;} li.next img {display: inline-block; background: url(Images/next.png); width:120px; height: 60px; text-decoration:none; border: 0; margin: 0;} li.next img:hover {background: none} li.last{display:inline-block; background: url(Images/lastON.png) no-repeat; text-decoration:none; border:0; width:120px; height:60px; margin: 0; padding:0;} li.last img {display: inline-block; background: url(Images/last.png); width:120px; height: 60px; text-decoration:none; border: 0; margin: 0;} li.last img:hover {background: none} li.bookmark{display:inline-block; background: url(Images/bookmarkON.png) no-repeat; text-decoration:none; border:0; width:120px; height:60px; margin: 0; padding:0;} li.bookmark img {display: inline-block; background: url(Images/bookmark.png); width:120px; height: 60px; text-decoration:none; border: 0; margin: 0;} li.bookmark img:hover {background: none} li.pulldown {height: 60px; width:120px; overflow:hidden;} /*Page Border Elements*/ div.wrapper {max-width: 1300px; margin:auto;} table {margin:0; padding:0; cell-padding:0 margin:auto;} #border {margin:auto; width:100%;} #lefttop {background: url(Images/sosUL.png); margin:0; padding:0; width: 50px; height:200px;} #navtop {background: url(Images/sosUN.png) no-repeat; margin:0; width:8em; height:200px;} #page-title {margin:0; height:160px; overflow:hidden;} #righttop {background: url(Images/sosUR.png); margin:0; width: 100px; height:200px;} #leftside {background: url(Images/sosML.png); margin:0; width: 50px;} #navcol {background: url(Images/sosMN.png) repeat-y; margin:0;} #inner-space {margin:0; text-align: center;} #rightside {background: url(Images/sosMR.png) repeat-y; margin:0;} #leftbottom { margin:0; width: 50px; height:140px;} #navbottom { margin:0; height:140px;} #mainbottom { margin:0; height:140px;} #rightbottom { margin:0; width: 100px; height:140px;}