/** * Theme Name: Dragonfly * Theme URI: * Description: A Webcomic theme. * Version: 0.1.0 * Author: Michelle Bottorff * Author URI: http://www.lshelby.com/ * Tags: purple, green, one-column, right-sidebar, flexible-width, webcomic * Template: lavender */ body {background: #aaffaa url(images/greenbg.png); color:#000000;} h1 {text-align:center; color:green; font-family:"Cursive"; font-size:x-large; font-weight:normal; margin:10px; padding:10px;} h2 {color:green;} h3 {color:green;} h4 {color:green;} a:link {color:green; text-decoration:none;} a:visited {color:purple; text-decoration:none;} a:hover {color:#66cc66; 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;} DT {color:purple; font-weight: bold} IMG {margin:0px; padding:0px;} img.portrait {border-color: purple; border-style: ridge;} IMG.world {background:black url(GIF/space.gif); padding:10px; border:green ridge;} td.main P {text-indent: 20px;} td.main TABLE {margin:0px; padding:0px} /*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: 19em; float: right; margin 5px;} #sidebar div.interior {margin:0px 0px 0px 25px; padding:1em; background:#cccccc; text-align:left; overflow:hidden; border: ridge thick purple; } #sidebar ul {margin:0; padding:0; list-style-type: none; list-style-image: none; } #right-side {text-align: right; vertical-align: top;} #left-side {text-align: left; vertical-align: top;} div.alignleft {text-align: left; float: left; vertical-align: top;} div.alignright {text-align: right; float: right; vertical-align: top;} div.bottom-nav {margin:auto; text-align:center; width:400px; border:2px;} li.cat-item { padding-left: 15px; list-style: none; } div#login{text-align: right; float:right; height:155px; //corner height - 5. padding:0 5px; vertical-align: top; margin:0;} .text-block {text-align:left; max-width:35em;} .text-block p {text-indent: 2em;} .story {text-align:left; max-width:40em;} .story p {text-indent: 2em;} .meta {font-size:small; text-align: left;} .date-subhead {font-size:small; text-align: center;} div.blurb {background: #DDDDDD; padding:10px; border: thick purple ridge; margin:20px; text-align: center;} textarea { width:98%; max-width:34em; } div.progressbar {background: url(../../../Images/SiteGraphics/pbarbg.png) no-repeat; width: 300px, height:50px; text-align: left; margin-bottom:10px} img.progressbar {margin-top:2px; margin-bottom: 3px; margin-left: 5px; margin-right:0px;} img.progressend {margin-top:2px; margin-bottom: 3px; margin-left:0px; margin-right:0px;} span.navtext {background: url(images/button.png) no-repeat; margin:0px, text-align:bottom; text-style:bold; font-size:large; padding:20px; color:#BBBBBB} a span.navtext {background: url(images/button.png) no-repeat; color:green;} a span.navtext:hover {background: url(images/button2.png) no-repeat; } a span.navtext:visited {color:purple;} SPAN.booktitle {font-weight: bold} SPAN.shorttitle {font-style: italic} SPAN.seriestitle {font-weight: bolder} SPAN.quote {color:purple; font-style: italic} SPAN.quotebooktitle {font-weight: bold; font-size:smaller;} SPAN.quoteshorttitle {font-style: italic; font-size:smaller;} SPAN.quoteseriestitle {font-weight: bolder; font-size:smaller;} SPAN.smallprint {font-size: smaller; color:green;} SPAN.dateguess {font-size: smaller; color:blue;} SPAN.datereal {font-size: smaller; color:#83212B;} .bookcover {float:right; padding:20px;} /* Site Logo Link */ .logo {background: url(images/DragonflyWatermarkON.png); width:100px; height:100px;} .logo-link {display: block; background: url(images/DragonflyWatermarkON.png); width:100px; height:100px; text-decoration:none; border:none;} .logo-link img {background: url(images/DragonflyWatermark.png); width:100px; height:100px; text-decoration:none; border:none;} .logo-link img:hover {background: none} /* Navigation Bars */ div.navi {margin:auto;} .navi ul {padding: 0; text-align:center; list-style-type: none; list-style-image: none; } .navi li {display: inline; padding: 5px 20px 5px 20px; font-size:110%; } .navi a {text-decoration:none;} .worldbuttons {width:40px; float:left;} .worldbuttons ul {padding: 0; list-style-type: none; list-style-image: none; } } .worldbuttons li {display: inline-block; } .worldbuttons-left {width:40px; float:left;} li.current_page_item a:link {color:#66cc66;} li.current_page_item a:visited {color:#66cc66;} li.current_page_item a:hover {color:#66cc66; text-decoration:none;} } .invisible { /*general class for anything that I want hidden. */ display:none;} /* site name */ #upper-middle .name h1 { font:bold italic 250%/1em Consstantia, Palatino, Times, serif; margin:0 0 1em; color:purple; } /* site description */ #upper-middle .description { font: small Georgia, serif; color:green; } /* foot */ #foot { padding:35px 0 0 0; font-size:small; text-align:center; } /* World Button Graphic Links */ .cultivatorbutton {display:inline-block; background: url(images/c-button2.png); text-decoration:none; border:none; width:40px; height:40px; vertical-align:top; margin: 20 2;} .cultivatorbutton img {display: inline-block; background: url(images/c-button.png); width:40px; height:40px; text-decoration:none; border:none;} .cultivatorbutton img:hover {background: none} .ialfabutton {display:inline-block; background: url(images/i-button2.png); text-decoration:none; border:none; width:40px; height:40px; vertical-align:top; margin: 20 2;} .ialfabutton img {display: inline-block; background: url(images/i-button.png); width:40px; height:40px; text-decoration:none; border:none;} .ialfabutton img:hover {background: none} .raccimanbutton {display: inline-block; background: url(images/r-button2.png); text-decoration:none; border:none; width:40px; height:40px; vertical-align:top; margin: 20 2;} .raccimanbutton img {display: inline-block; background: url(images/r-button.png); width:40px; height:40px; text-decoration:none; border:none;} .raccimanbutton img:hover {background: none} .blackflagbutton {display: inline-block; background: url(images/c-button2.png); text-decoration:none; border:none; width:40px; height:40px; vertical-align:top; margin: 20 2;} .blackflagbutton img {display: inline-block; background: url(images/c-button.png); width:40px; height:40px; text-decoration:none; border:none;} .blackflagbutton img:hover {background: none} .verdaiabutton {display: inline-block; background: url(images/button2.png); text-decoration:none; border:none; width:40px; height:40px; vertical-align:top; margin: 20 2;} .verdaiabutton img {display: inline-block; background: url(images/button.png); width:40px; height:40px; text-decoration:none; border:none;} .verdaiabutton img:hover {background: none} /* Front Page Graphic Links */ table#frontpagemain {margin:30px auto;} .story-link {display:block; background: url(images/DragonFlyBookON.png); text-decoration:none; border:none; width:180px; height:120px; margin:1em;} .story-link img {display: block; background: url(images/DragonFlyBook.png); width:180px; height:120px; text-decoration:none; border:none;} .story-link img:hover {background: none} .me-link {display:block; background: url(images/DragonFlyMe.png); text-decoration:none; border:none; width:180px; height:120px; margin:1em;} .me-link img {display: block; background: url(images/DragonFlyMe.png); width:180px; height:120px; text-decoration:none; border:none;} .me-link img:hover {background: none} .explore-link {display:block; background: url(images/DragonFlyExploreON.png); text-decoration:none; border:none; width:180px; height:120px; margin:1em;} .explore-link img {display: block; background: url(images/DragonFlyExplore.png); width:180px; height:120px; text-decoration:none; border:none;} .explore-link img:hover {background: none} .fun-link {display:block; background: url(images/DragonFlyPlayON.png); text-decoration:none; border:none; width:180px; height:120px; margin:1em;} .fun-link img {display: block; background: url(images/DragonFlyPlay.png); width:180px; height:120px; text-decoration:none; border:none;} .fun-link img:hover {background: none} .writing-link {display:block; background: url(images/DragonFlyWriteON.png); text-decoration:none; border:none; width:180px; height:120px; margin:1em;} .writing-link img {display: block; background: url(images/DragonFlyWrite.png); width:180px; height:120px; text-decoration:none; border:none;} .writing-link img:hover {background: none} /*Page Border Elements*/ table#border {margin:0; padding:0; cellpadding:0 margin:auto; width:100%} #upper-left {background: url(images/DFF-LT.png); margin:0; padding:0; width: 140px; height:190px;} #upper-middle {background: url(images/DFF-MT.png); margin:0; height:190px; overflow:hidden; text-align:center;} #upper-right {background: url(images/DFF-RT.png); margin:0; width: 140px; height:190px;} #left-side {background: url(images/DFF-LS.png); margin:0; width: 140px;} #inner-space {margin:0; max-width:950px; min-width:300px;} #right-side {background: url(images/DFF-RS.png); margin:0; width: 140px;} #lower-left {background: url(images/DFF-LB.png); margin:0; width: 140px; height:190px;} #lower-middle {background: url(images/DFF-MB.png); margin:0; height:190px;} #lower-right {background: url(images/DFF-RB.png); margin:0; width: 140px; height:190px;} /* Border Elements*/ table.border {margin:0; padding:0; cellpadding:0 cellspacing:0; margin:auto;} table.border td {margin:0; border:0; padding:0;} table.border td.upper {height:95px;} table.border td.bottom {height:95px;} table.border td.left {width:70px;} table.border td.right {width:70px;} table.border td.upper.left {background: url(images/sDFF-UL.png);} table.border td.upper.center {background: url(images/sDFF-UC.png);} table.border td.upper.right {background: url(images/sDFF-UR2.png);} table.border td.middle.left {background: url(images/sDFF-ML.png);} table.border td.middle.center {} table.border td.middle.right {background: url(images/sDFF-MR.png);} table.border td.bottom.left {background: url(images/sDFF-BL.png);} table.border td.bottom.center {background: url(images/sDFF-BC.png);} table.border td.bottom.right {background: url(images/sDFF-BR.png);} table.border.racciman td.upper.left {background: url(images/sR-UL.png);} table.border.racciman td.upper.center {background: url(images/sR-UC.png);} table.border.racciman td.upper.right {background: url(images/sR-UR.png);} table.border.racciman td.middle.left {background: url(images/sR-ML.png);} table.border.racciman td.middle.center {background: url(images/sR-fill.png);} table.border.racciman td.middle.right {background: url(images/sR-MR.png);} table.border.racciman td.bottom.left {background: url(images/sR-BL.png);} table.border.racciman td.bottom.center {background: url(images/sR-BC.png);} table.border.racciman td.bottom.right {background: url(images/sR-BR.png);} table.border.blackflag {color: #dddddd} table.border.blackflag td.upper.left {background: url(images/sBF-UL.png);} table.border.blackflag td.upper.center {background: url(images/sBF-UC.png);} table.border.blackflag td.upper.right {background: url(images/sBF-UR.png);} table.border.blackflag td.middle.left {background: url(images/sBF-ML.png);} table.border.blackflag td.middle.center {background:#000000;} table.border.blackflag td.middle.right {background: url(images/sBF-MR.png);} table.border.blackflag td.bottom.left {background: url(images/sBF-BL.png);} table.border.blackflag td.bottom.center {background: url(images/sBF-BC.png);} table.border.blackflag td.bottom.right {background: url(images/sBF-BR.png);} table.border.cultivator td.upper.left {background: url(images/sC-UL.png);} table.border.cultivator td.upper.center {background: url(images/sC-UC.png);} table.border.cultivator td.upper.right {background: url(images/sC-UR.png);} table.border.cultivator td.middle.left {background: url(images/sC-ML.png);} table.border.cultivator td.middle.center {background: url(images/sC-fill.png);} table.border.cultivator td.middle.right {background: url(images/sC-MR.png);} table.border.cultivator td.bottom.left {background: url(images/sC-BL.png);} table.border.cultivator td.bottom.center {background: url(images/sC-BC.png);} table.border.cultivator td.bottom.right {background: url(images/sC-BR.png);} table.border.ialfa td.upper.left {background: url(images/sI-UL.png);} table.border.ialfa td.upper.center {background: url(images/sI-UC.png);} table.border.ialfa td.upper.right {background: url(images/sI-UR.png);} table.border.ialfa td.middle.left {background: url(images/sI-ML.png);} table.border.ialfa td.middle.center {background: url(images/sI-fill.png);} table.border.ialfa td.middle.right {background: url(images/sI-MR.png);} table.border.ialfa td.bottom.left {background: url(images/sI-BL.png);} table.border.ialfa td.bottom.center {background: url(images/sI-BC.png);} table.border.ialfa td.bottom.right {background: url(images/sI-BR.png);}