Restore original eFiction 3.0 skins
--- /dev/null
+++ b/skins/CSSZen/README.txt
@@ -1,1 +1,60 @@
+// ----------------------------------------------------------------------
+// LICENSE
+//
+// This program is free software; you can redistribute it and/or
+// modify it under the terms of the GNU General Public License (GPL)
+// as published by the Free Software Foundation; either version 2
+// of the License, or (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU General Public License for more details.
+//
+// To read the license please visit http://www.gnu.org/copyleft/gpl.html
+// ----------------------------------------------------------------------
+
+Copyright 2006 by Tammy Keefer.
+
+This skin is pure CSS. No graphics. To change the color just change the colors within the stye.css file.
+There are a total of 4 colors in the skin (other than black and white). Just about any
+four shades of the same color seem to work well with this skin. (I suggest you back up the
+current style.css before you start playing.) Try a color palette generator for color scheme
+ideas:
+
+http://wellstyled.com/tools/colorscheme2/index-en.html
+http://www.colorcombos.com/
+http://www.visibone.com/colorlab/
+http://websitetips.com/colortools/sitepro/
+
+The variables.php file in here sets up the default blocks as the skin expects them
+to be set to prevent conflicts with the site's default block configuration. If you add a block,
+make sure to turn it back on in the variables.php by deleting/editing the lines for that block.
+
+To add items to the menus (top or bottom) add them in the variables.php. For instance,
+to add the top tens to the top menu you would change:
+
+$blocks["menu"]["content"] = array (
+ 0 => 'adminarea',
+ 1 => 'logout',
+ 2 => 'login',
+ 3 => 'search',
+ 4 => 'browse',
+ 5 => 'members',
+ 6 => 'home');
+
+to:
+
+$blocks["menu"]["content"] = array (
+ 0 => 'adminarea',
+ 1 => 'logout',
+ 2 => 'login',
+ 3 => 'search',
+ 4 => 'tens',
+ 5 => 'browse',
+ 6 => 'members',
+ 7 => 'home');
+
+NOTE: Because the menu items are floated right. Add your links in REVERSE order. Home
+comes last in the list but is displayed first!
--- /dev/null
+++ b/skins/CSSZen/challenges.tpl
@@ -1,1 +1,10 @@
-
+<!-- START BLOCK : challenge -->
+<div class="listbox">
+<div class="title">{title} by {author} [{responses} - {numresponses}]</div>
+<div class="content">
+<span class="classification">Summary: </span>{summary}<br />
+<span class="classification">Categories:</span> {category} <span class="classification">Characters: </span>{characters}
+{adminoptions}</div>
+<div class="tail">{respond}</div>
+</div>
+<!-- END BLOCK : challenge -->
--- /dev/null
+++ b/skins/CSSZen/footer.tpl
@@ -1,1 +1,9 @@
-
+<!-- START BLOCK : footer -->
+</div>
+ <div id="footer">
+ <div id="footertext">{footer}</div>
+ <div id="footernav">{footermenu_content}</div>
+ </div>
+</div>
+</body></html>
+<!-- END BLOCK : footer -->
--- /dev/null
+++ b/skins/CSSZen/header.tpl
@@ -1,1 +1,13 @@
-
+<!-- START BLOCK : header -->
+<body>
+<div id="{page_id}">
+ <div id="banner">
+ <div id="sitename">{sitename}</div>
+ <div id="slogan">{slogan}</div>
+ <div id="skin">{skinchange_content}</div>
+ <div id="rss">{rss}</div>
+ {menu_content}
+ {login_content}
+</div>
+<div id="mainpage">
+<!-- END BLOCK : header -->
--- /dev/null
+++ b/skins/CSSZen/index.php
--- /dev/null
+++ b/skins/CSSZen/index.tpl
@@ -1,1 +1,48 @@
-
+<!-- INCLUDE BLOCK : header -->
+<div id="leftindex">
+ <div class="block">
+ <div class="title">{info_title}</div>
+ <div class="content">{info_content}</div>
+ </div>
+ <div class="block">
+ <div class="title">{categories_title}</div>
+ <div class="content">{categories_content}</div>
+ </div>
+ <div class="block">
+ <div class="title">{shoutbox_title}</div>
+ <div class="content">{shoutbox_content}</div>
+ </div>
+
+ <div class="block">
+ <div class="title">{poll_title}</div>
+ <div class="content">{poll_content}</div>
+ </div>
+</div>
+<div id="rightindex">
+ <div id="welcome">{welcome}</div>
+ <div class="block">
+ <div class="title">{recent_title}</div>
+ <div class="content">
+<!-- START BLOCK : recentblock -->
+<div class="recentbox">
+<div class="title">{title} by {author} {roundrobin} [{reviews} - {numreviews}]</div>
+<div class="content"><span class="label">Summary: </span>{featuredstory}{summary}<br />
+<span class="label">Rated:</span> {rating} {score}<br />
+<span class="label">Categories:</span> {category} <br />
+<span class="label">Characters: </span> {characters}<br />
+{classifications}
+<span class="label">Series:</span> {serieslinks}<br />
+<span class="label">Chapters: </span> {numchapters} {toc}<br />
+<span class="label">Completed:</span> {completed}
+<span class="label">Word count:</span> {wordcount} <span class="label">Read Count:</span> {count}
+<span class="label"> Published: </span>{published} <span class="label">Updated:</span> {updated} </div>
+</div>
+<!-- END BLOCK : recentblock -->
+ </div>
+ </div>
+ <div class="block">
+ <div class="title">{news_title}</div>
+ <div class="content">{news_content}<div style='text-align: center'>{newsarchive}</div></div>
+ </div>
+</div>
+<!-- INCLUDE BLOCK : footer -->
--- /dev/null
+++ b/skins/CSSZen/listings.tpl
@@ -1,1 +1,34 @@
-
+<!-- START BLOCK : listings -->
+{seriesheader}
+<!-- START BLOCK : seriesblock -->
+<div class="listbox">
+ <div class="title">{title} by {author} {score} [{reviews} - {numreviews}] </div>
+ <div class="content"><span class="label">Summary: </span>{summary}<br />
+ <span class="label">Categories:</span> {category} <br />
+ <span class="label">Characters: </span>{characters}<br />
+ {classifications}
+ <span class="label">Open:</span> {open}
+ {adminoptions}
+ </div>
+ <div class="tail">{reportthis} </div>
+</div>
+{comment}
+<!-- END BLOCK : seriesblock -->
+{stories}
+<!-- START BLOCK : storyblock -->
+<div class="listbox">
+ <div class="title">{title} by {author} <span class="label">Rated:</span> {rating} {roundrobin} {score} [{reviews} - {numreviews}] {new} </div>
+ <div class="content"><span class="label">Summary: </span>{featuredstory}{summary}<br />
+ <span class="label">Categories:</span> {category} <span class="label">Characters: </span> {characters}<br />
+ {classifications}
+ <span class="label">Series:</span> {serieslinks}<br />
+ <span class="label">Chapters: </span> {numchapters} {toc}<br />
+ <span class="label">Completed:</span> {completed}
+ <span class="label">Word count:</span> {wordcount} <span class="label">Read Count:</span> {count}
+ {adminlinks}</div>
+ <div class="tail"><span class="label">{addtofaves} Published: </span>{published} <span class="label">Updated:</span> {updated} {reportthis}</div>
+</div>
+{comment}
+<!-- END BLOCK : storyblock -->
+{pagelinks}
+<!-- END BLOCK : listings -->
--- /dev/null
+++ b/skins/CSSZen/newsbox.tpl
@@ -1,1 +1,7 @@
-
+<!-- START BLOCK : newsbox -->
+<div class="news{oddeven}">
+<div class="newstitle">{newstitle}</div>
+<div class="newscontent">{newsstory}</div>
+<div class="newssig">{newsauthor} on {newsdate}<br />{adminoptions} [{newscomments}]</div>
+</div>
+<!-- END BLOCK : newsbox -->
--- /dev/null
+++ b/skins/CSSZen/reviewblock.tpl
@@ -1,1 +1,7 @@
-
+<!-- START BLOCK : reviewsblock -->
+<div class="listbox">
+<div class="title"><span class="label">Title: </span>{chapter} <span class="label">Reviewer: </span>{reviewer} <span class="label">{member}</span></div>
+<div class="content">{review}</div>
+<div class="tail"><span class="label">Date: </span>{reviewdate} {adminoptions} {reportthis}</div>
+</div>
+<!-- END BLOCK : reviewsblock -->
--- /dev/null
+++ b/skins/CSSZen/style.css
@@ -1,1 +1,576 @@
-
+BODY {
+ background: #D1E0EF;
+ color: #000;
+ margin: 0;
+ padding: 0;
+}
+
+IMG {
+ border: 0;
+ padding: 0;
+ margin: 0;
+}
+
+HR { color: #689ACC; background: #689ACC; height: 6px; border: 1px solid #000; width: 80%; }
+
+/* Header cells in tables throughout the site */
+TH {
+ background: #214263;
+ color: #FFF;
+ font-weight: bold;
+}
+/* links */
+A {
+ color: #369;
+ font-weight: bold;
+ text-decoration: none;
+}
+/* hovering links */
+A:hover {
+ text-decoration: underline overline;
+}
+/* the box at the top of the page */
+#banner {
+ text-align: center;
+ background: #214263;
+ padding-bottom: 3px;
+ border-bottom: 1px solid #000;
+}
+/* The appearance of your site's name in the banner area*/
+#sitename {
+ font-size: 64px;
+ font-weight: bold;
+ color: #D1E0EF;
+ height: 100px;
+ line-height: 100px;
+}
+/* The appearance of your site's slogan in the banner area */
+#slogan {
+ font-size: 26px;
+ font-weight: bold;
+ color: #D1E0EF;
+ text-align: right;
+ padding: 0px 20px;
+}
+/* The location of the div containing the skin change drop menu in the banner area */
+#skin {
+ position: absolute;
+ right: 30px;
+ top: 25px;
+}
+/* The location of the div containing the RSS link in the banner area */
+#rss {
+ position: absolute;
+ right: 50px;
+ top: 55px;
+}
+
+/* the following defines your menu inside the banner div */
+/* the box around the menu and aligning the text to right */
+#menu A, #footermenu A {
+ color: #214263;
+ text-decoration: none;
+ font-weight: bold;
+ width:100px;
+ height:20px;
+ position: relative;
+ border: 1px solid #000;
+ background: #689ACC;
+ display: block;
+ text-align: center;
+}
+#menu A:hover, #menu #current:hover, #footermenu A:hover, #footermenu #current:hover {
+ text-decoration: none;
+ width: 120px;
+ height: 28px;
+ z-index: 200;
+ background: #D1E0EF;
+ color: #214263;
+ line-height: 28px;
+ margin-top: -4px;
+ margin-left: -10px;
+ border: 1px solid #000;
+ overflow: hidden;
+ position: relative;
+}
+#menu #current, #footermenu #current {
+ color: #689ACC;
+ text-decoration: none;
+ font-weight: bold;
+ width:100px;
+ height:20px;
+ position: relative;
+ border: 1px solid #000;
+ background: #214263;
+ display: block;
+}
+#menu UL, #footermenu UL {
+ padding: 0;
+ margin: 5px 0;
+ list-style-type: none;
+}
+#menu LI, #menu #menu_current, #footermenu LI, #footermenu #menu_current {
+ width:100px;
+ height: 20px;
+ float: right;
+ margin-right: 5px;
+}
+
+#menu, #footermenu {
+ height: 32px;
+ border: 1px solid #000;
+ background: #369;
+ padding-right: 10px;
+}
+/* end menu setup */
+
+
+#loginblock {
+ margin: 3px 0 0 0;
+ padding: 3px 10px;
+ border: 1px solid #000;
+ background: #689ACC;
+ text-align: left;
+}
+#loginblock .textbox, #loginblock .checkbox {
+ font-size: 9px;
+ vertical-align: baseline;
+}
+#loginblock .button {
+ font-size: 8px;
+ padding: 0;
+ margin: 0;
+ font-weight: bold;
+ font-family: "Arial";
+ vertical-align: text-bottom;
+}
+#loginlinks {
+ display: inline;
+ margin: 0 1ex;
+}
+#loginlinks A {
+ color: #D1E0EF;
+}
+
+/* the footer box at the bottom of the page */
+#footer {
+ border-top: 2px solid #000;
+ background: #214263;
+ color: #D1E0EF;
+ clear: both;
+ padding: 3px 0 1em 0;
+}
+
+#footertext {
+ margin: 1em;
+}
+
+/* this is a carryover from 1.1. Generally it is used around tables and table cells. */
+.tblborder {
+ border: 1px solid #000;
+ padding: 6px;
+ border-collapse: collapse;
+}
+
+/* Main page surrounds the text between the header and the footer.
+For IE, height is set to 650 to force the footer down to the bottom of the page where the content is short.
+And the second declaration is for everyone else so that it will scroll if longer but be a minimum of 650px
+*/
+#mainpage {
+ height: 550px;
+ padding: 0 1em 1em;
+}
+html>body #mainpage {
+ height: auto;
+ min-height: 550px;
+}
+
+#viewuser #mainpage {
+ padding: 0;
+}
+
+/* Most pages use pagetitle to format the page's title */
+#pagetitle {
+ font-size: 25px;
+ color: #214263;
+ padding: 5px;
+ margin: 0 25% 1em;
+ padding-left: 1em;
+ border-bottom: 3px solid #214263;
+ text-align: Center;
+}
+
+/*
+Where there's a list of alphabet links #alphabet controls their look.
+Just to make things simpler #pagelinks controls the look of the links
+at the bottom of multi-page results and will be set here too.
+Generally, they look alike.
+*/
+#alphabet, #pagelinks {
+ text-align: center;
+ font-size: 13px;
+ margin: 1em 0;
+ line-height: 25px;
+}
+#alphabet A, #pagelinks A {
+ background: #214263;
+ border: 1px solid #000;
+ padding: 2px 4px;
+ margin: 0;
+ text-decoration: none;
+ color: #689ACC;
+}
+#alphabet A:hover, #pagelinks A:hover {
+ background: #689ACC;
+ border: 1px solid #000;
+ padding: 2px 4px;
+ margin: 0;
+ text-decoration: none;
+ color: #214263;
+}
+#alphabet #currentletter, #pagelinks #currentpage {
+ background: #689ACC;
+ color: #214263;
+ border: 1px solid #000;
+ padding: 2px 4px;
+ margin: 0;
+ text-decoration: none;
+ font-weight: bold;
+}
+.ellipses {
+ vertical-align: sub;
+ padding: 4px 5px 0px;
+}
+#plnext, #plprev { margin: 0 20px !important; }
+
+/* End alphabet and page link declarations */
+
+/* labels throughout the site in forms and in other places */
+LABEL, .label {
+ color: #214263;
+ font-weight: bold;
+}
+
+/* The listings of stories etc. */
+/* .sectionheader styles the headings "Stories" and "Series" */
+.sectionheader {
+ text-align: center;
+ font-size: 20px;
+ font-weight: bold;
+ color: #214263;
+ padding: 1ex;
+}
+
+/* The box around each individual story */
+.listbox {
+ margin: 1em 5%;
+}
+
+/* The title bar for each story box. */
+.listbox .title {
+ padding: 4px;
+ color: #D1E0EF;
+ border: 1px solid #000;
+ background: #214263;
+}
+.listbox .title A, .listbox .tail A {
+ color: #689ACC;
+}
+.listbox .title .label, .listbox .tail .label, .listbox .tail .adminoptions .label {
+ color: #D1E0EF;
+ font-weight: bold;
+}
+
+/* The content of the box...summary, categories, etc. */
+.listbox .content {
+ padding: 6px;
+ background: #FFF;
+ border: 1px solid #000;
+ border-top: 0;
+ border-bottom: 0;
+ margin: 0 5px;
+}
+
+/* The tail info published date etc. on the last line */
+.listbox .tail {
+ padding: 3px 7px;
+ color: #D1E0EF;
+ border: 1px solid #000;
+ background: #214263;
+}
+
+.listbox .tail .adminoptions { display: inline; }
+
+/*End story/series listings */
+
+/* titleblock is used for the title information in series and challenges */
+#titleblock {
+ margin: 0 10%;
+}
+
+/* The pulldown jump menus on several pages. */
+.jumpmenu {
+ text-align: right;
+ padding: 1ex;
+}
+
+/* On the story page, there's a jumpmenu at the bottom. It looks better centered, so this will replace the declaration above for that
+drop down list ONLY */
+#pagelinks .jumpmenu {
+ text-align: center;
+}
+
+/* This is used on series and challenges and other places where a response is solicited */
+.respond {
+ text-align: center;
+ padding: 6px;
+}
+
+.listbox .tail .respond {
+ padding: 0;
+ text-align: right;
+}
+
+/* The sort menu on the categories page */
+#sortform { text-align: center; margin: 1em; }
+
+
+/* On pages that don't use listings, the content is surrounded by a div labeled output */
+#output {
+ padding: 10px;
+}
+
+#profilecontainer {
+ background: #689ACC;
+ padding-top: 1em;
+}
+
+/* User Profile stuff */
+/* The top list of information */
+#profile {
+ margin: 0 10% 1em 10%;
+ border: 1px solid #000;
+ background: #FFF;
+ padding: 1em;
+}
+/* The sort menu in the profile */
+#sort {
+ text-align: right;
+ padding: 1ex 3em;
+ }
+/* The following declarations control the tabs */
+#tabs {
+ margin: 0;
+ padding: 0;
+ background: #689ACC;
+ margin-bottom: 1em;
+}
+#tabs UL {
+ padding: 3px 0;
+ margin: 0;
+ border-bottom: 1px solid #000;
+ font: bold 12px Verdana, sans-serif;
+}
+
+#tabs LI {
+ list-style: none;
+ margin: 0;
+ display: inline;
+}
+
+#tabs LI A {
+ padding: 3px 0.5em;
+ margin-left: 3px;
+ border: 1px solid #000;
+ border-bottom: none;
+ background: #214263;
+ text-decoration: none;
+ color: #D1E0EF;
+}
+
+#tabs LI A:hover {
+ color: #D1E0EF;
+ background: #369;
+ border-color: #000;
+}
+
+#tabs #active A{
+ background: #D1E0EF;
+ border-bottom: 1px solid #D1E0EF;
+ color: #214263;
+}
+
+/* This controls the look of the blocks on the index page. */
+
+/* Your welcome message */
+#welcome {
+ margin: 1em 20%;
+ border: 1px solid #000;
+ padding: 10px;
+ background: #689ACC;
+ color: #214263;
+ font-size: 120%;
+}
+
+/* The box around the block */
+.block {
+ margin: 1em;
+ border: 1px solid #000;
+}
+
+/* The block's title */
+.block .title {
+ background: #214263;
+ color: #FFF;
+ font-weight: bold;
+ padding: 6px;
+ border-bottom: 1px solid #000;
+}
+
+/* The block's content */
+.block .content {
+ padding: 6px;
+ background: #FFF;
+}
+
+.recentbox .title {
+ background: #FFF;
+ color: #214263;
+ margin: 0 15%;
+ border-bottom: 3px double #214263;
+ text-align: center;
+}
+
+.recentbox {
+ margin-bottom: 2em;
+}
+
+#leftindex {
+ width: 200px;
+ float: left;
+}
+html>body #leftindex {
+ margin-top: -1em;
+}
+
+#rightindex {
+ margin-left: 220px;
+}
+
+#info_left {
+ text-align: right;
+ font-weight: bold;
+}
+#info_right {
+ text-align: right !important;
+}
+#newestmember {
+ font-weight: bold;
+}
+
+
+/* The next link at the bottom of a multi-chapter story */
+#next {
+ float: right;
+}
+/* The previous link at the bottom of a multi-chapter story */
+#prev {
+ float: left;
+}
+
+#prev A, #next A{
+ margin: 1ex;
+ padding: 2px 4px;
+ border: 1px solid #000;
+ background: #214263;
+ color: #D1E0EF;
+}
+#prev A:hover, #next A:hover {
+ text-decoration: none;
+ background: #369;
+ color: #214263;
+}
+
+/* The story and chapter notes */
+.notes {
+ margin: 1ex 20%;
+ border: 1px solid #000;
+ background: #FFF;
+}
+
+.notes .title {
+ background: #214263;
+ padding: 2px 4px;
+}
+.notes .title .label {
+ color: #D1E0EF;
+ font-weight: bold;
+}
+
+.noteinfo {
+ padding: 5px;
+}
+
+/* End story and chapter notes */
+
+.storyinfo {
+ padding: 0 15px;
+}
+
+#story {
+ padding: 1em;
+}
+
+.jumpmenu2 { text-align: center; }
+
+.newstitle {
+ font-size: 110%;
+ margin: 0 40% 0 0;
+ padding: 4px;
+ border-bottom: 3px double #214263;
+}
+
+.newssig {
+ text-align: right;
+ margin: 0 0 1em 40%;
+ border-bottom: 3px double #214363;
+}
+
+.comment {
+ padding: 7px;
+ margin: 1ex 10%;
+ background: #FFF;
+ border: 1px solid #689ACC;
+ border-left: 10px solid #689ACC;
+ border-right: 10px solid #689ACC;
+}
+.commentsig {
+ font-style: italic;
+ margin-left: 20px;
+}
+
+.new {
+ color: #C00;
+ font-style: italic;
+ font-weight: bold;
+}
+
+.listbox .title .new {
+ color: #F33;
+ padding: 2px 3px;
+}
+
+#titleblock {
+ border: 1px solid #689ACC;
+ border-left: 10px solid #689ACC;
+ border-right: 10px solid #689ACC;
+ background: #FFF;
+ margin: 1em 10%;
+ padding: 7px;
+}
+
+#titleinfo { text-align: center; }
+
+#viewstory .listbox { border: 1px solid #000; background: #FFF; padding: 7px;}
+#viewstory .listbox .content { border: 0; }
+#viewstory .listbox .adminoptions { padding: 0 7px; margin: 0;}
--- /dev/null
+++ b/skins/CSSZen/user.tpl
@@ -1,1 +1,18 @@
-
+<!-- INCLUDE BLOCK : header -->
+<div id="profilecontainer">
+<!-- INCLUDE BLOCK : profile -->
+{adminoptions}
+<div id="sort">{sort}</div>
+
+</div>
+ <div id="tabs"><ul>
+<!-- START BLOCK : paneltabs -->
+<li {class}>{linkcount}</li>
+<!-- END BLOCK : paneltabs -->
+ </ul></div>
+<div id='output'>
+{output}
+</div>
+<!-- INCLUDE BLOCK : listings -->
+</div>
+<!-- INCLUDE BLOCK : footer -->
--- /dev/null
+++ b/skins/CSSZen/variables.php
@@ -1,1 +1,43 @@
-
+<?php
+$blocks["categories"]["status"] = 2;
+$blocks["categories"]["template"] = "{image} {link} [{count}]";
+$blocks["categories"]["columns"] = 0;
+$blocks["featured"]["status"] = '0';
+$blocks["info"]["status"] = 2;
+$blocks["menu"]["status"] = '1';
+$blocks["menu"]["content"] = array (
+ 0 => 'adminarea',
+ 1 => 'logout',
+ 2 => 'login',
+ 3 => 'search',
+ 4 => 'tens',
+ 5 => 'browse',
+ 6 => 'members',
+ 7 => 'home');
+$blocks["menu"]["style"] = 0;
+$blocks["footermenu"] = array(
+ "title" => "",
+ "status" => "1",
+ "file" => "menu/menu.php",
+ "style" => 0,
+ "content" => array (
+ 0 => 'help',
+ 1 => 'rules',
+ 2 => 'contactus'
+ )
+);
+$blocks["login"]["status"] = 1;
+$blocks['login']['acctlink'] = 0;
+unset($blocks["login"]["template"]);
+$blocks["login"]["form"] = 1; // Long form with register and lost password options
+$blocks["random"]["status"] = 0;
+$blocks["recent"]["status"] = 2;
+$blocks["recent"]["tpl"] = 1;
+$blocks["skinchange"]["status"] = '1';
+$blocks["news"]["status"] = 2;
+$blocks['news']['num'] = 3;
+$new = "<span class='new'>New!</span>";
+$displayprofile = 0;
+$linkstyle = 0;
+$displayindex = 1;
+?>
--- /dev/null
+++ b/skins/Zenlike/ZENLIKE_READ_ME.txt
@@ -1,1 +1,63 @@
-
+Skin Name: Zenlike
+Skin Download: http://sally.lunaescence.com/tag/zenlike
+Description: A light green and white skin with very few graphics
+Author: Sally Anderson
+Author E-Mail: sally@lunaescence.com
+Author URI: http://sally.lunaescence.com/
+
+
+
+------------------------------------------
+Brushes and Stock Photos Used in this Set
+------------------------------------------
+Brush: Ink
+Download From: Miss M - http://missm.paperlilies.com/
+Where Used: Header Graphic, near Bamboo. It looks like a white blur.
+
+Stock Photo: Bamboo
+Download from: ManixTT - http://manixtt-stock.deviantart.com/
+Where Used: Header Graphic and Section Header Background
+
+Both of these artists require a link back to their sites in order to use their work. By default, I've included this credit to them in the footer. If you use this skin, please leave the credit to these wonderful people intact unless you completely remove their artwork.
+
+
+
+------------------------------------------
+Custom Graphics
+------------------------------------------
+This is a very lightweight skin that uses NO custom header graphics. Everything is based on CSS text, font, and background effects. If you'd like to make some custom header graphics, I can provide raw files in *.psp, *.psd, Fireworks *.png,*.ai, and several other formats. (See the skin download link above.)
+
+
+
+------------------------------------------
+How to Customize
+------------------------------------------
+
+CSS CUSTOMIZATIONS
+=================
+The biggest thing you may need to customize is the title. I liked the effect of having it on the green area, though you may wish to move it somewhere else.
+
+To do this, you need to open style.css and scroll down until you reach:
+
+/* Main Title Position and Style */
+
+.bgfttl controls the upper portion, which should be your site's title and .udrttl controls the lower portion (which should be your site's slogan).
+
+For those not familiar with CSS, these positions are controlled by the "position:absolute;left:##px;top:##px". Position in CSS basically assumes that the Web page layout begins at the top, left corner of the viewing area (the place where you view Web sites). It's 100% wide, or 800 pixels, 1024, 1152, 1200, 1600, or whatever setting you have your resolution at minus the width of the scrollbar (20 to 30 pixels).
+
+In this case, I have the top title set to display exactly 90 pixels down from the top of the viewing area and 100 pixels over.
+
+If you want to move it over to the white section, you may have to experiment, since I don't know your browser. You could try changing the "left:##px" measurements to percentage (left:##%), and try 90% and subtract from there until it's where you want it.
+
+
+
+PROFILE CUSTOMIZATIONS
+====================
+I have NOT included the {authorfields} tag in profile.tpl so the skin kept its original look. If you add additional fields and want them to appear, you'll have to add them in yourself. By default, I include {website}, {aol}, {icq}, {msn}, and {yahoo}.
+
+Simply open profile.tpl and add your custom tag in where you want it.
+
+
+
+
+Enjoy!
--- /dev/null
+++ b/skins/Zenlike/challenges.tpl
@@ -1,1 +1,9 @@
-
+<!-- START BLOCK : challenge -->
+<div class="listbox {oddeven} clearfix">
+<div class="title">{title} by {author}</div>
+<strong>Summary: </strong>{summary}<br />
+<strong>Categories:</strong> {category} <strong>Characters: </strong>{characters}<br />
+{adminoptions}
+<div style="text-align: center;">{respond}</div>
+</div>
+<!-- END BLOCK : challenge -->
--- /dev/null
+++ b/skins/Zenlike/comments.tpl
@@ -1,1 +1,7 @@
-
+<!-- START BLOCK : commentbox -->
+<div class="comment {oddeven}">
+{comment}
+<div class="commentsig">- {uname} on {date}</div>
+<div class="adminoptions"> {adminoptions}</div>
+</div>
+<!-- END BLOCK : commentbox -->
--- /dev/null
+++ b/skins/Zenlike/default.tpl
@@ -1,1 +1,4 @@
-
+<!-- INCLUDE BLOCK : header -->
+<div id="output">{output}</div>
+<!-- INCLUDE BLOCK : listings -->
+<!-- INCLUDE BLOCK : footer -->
--- /dev/null
+++ b/skins/Zenlike/footer.tpl
@@ -1,1 +1,10 @@
-
+<!-- START BLOCK : footer -->
+</td>
+ </tr>
+ <tr>
+ <td colspan="2" class="footer"><div style="float:right">{skinchange_content}<br />{xml}</div>{footer}<br /><br />Skin designed by <a href="http://sally.lunaescence.com" target="_new" title="Sally Anderson's Design Portfolio">Sally Anderson</a>. Brushes by <a href="http://www.rebel-heart.net/brushes/" title="Brushes by Miss M" target="_new">Miss M</a>. Bamboo photography © 2004 <a href="http://manixtt-stock.deviantart.com/" target="_new" title="Stock photography by ManixTT">ManixTT</a>, All Rights Reserved.</td>
+ </tr>
+ </table>
+</body>
+</html>
+<!-- END BLOCK : footer -->
--- /dev/null
+++ b/skins/Zenlike/header.tpl
@@ -1,1 +1,25 @@
-
+<!-- START BLOCK : header -->
+<body>
+
+ <table border="0" cellpadding="0" cellspacing="0" style="position:absolute;top:0;left:0;z-index:1">
+ <tr>
+ <td width="124"><img src="skins/Zenlike/images/01.jpg" width="124" height="200" border="0" alt="" /></td>
+ <td width="124"><img src="skins/Zenlike/images/02.jpg" width="124" height="200" border="0" alt="" /></td>
+ <td width="124"><img src="skins/Zenlike/images/03.jpg" width="124" height="200" border="0" alt="" /></td>
+ <td width="30%" class="finalfrm"> </td>
+ <td width="124"><img src="skins/Zenlike/images/04.jpg" width="124" height="200" border="0" alt="" /></td>
+ </tr>
+ </table>
+
+<!-- This controls the display your of site name and slogan. Please refer to the readme file for more information on styling these. -->
+ <div class="bgfttl">{sitename}</div><div class="udrttl">{slogan}</div>
+<!-- End title display section. -->
+
+ {menu_content}
+
+ <div class="line" style="position:absolute;top:230px;left:0;z-index:2"></div>
+
+ <table width="98%" border="0" cellpadding="0" cellspacing="0" style="position:absolute;top:260px;left:0;z-index:2;">
+ <tr>
+ <td class="main">
+<!-- END BLOCK : header -->
Binary files /dev/null and b/skins/Zenlike/images/01.jpg differ
Binary files /dev/null and b/skins/Zenlike/images/02.jpg differ
Binary files /dev/null and b/skins/Zenlike/images/03.jpg differ
Binary files /dev/null and b/skins/Zenlike/images/04.jpg differ
Binary files /dev/null and b/skins/Zenlike/images/bkgrd.jpg differ
Binary files /dev/null and b/skins/Zenlike/images/bkgrd2.jpg differ
Binary files /dev/null and b/skins/Zenlike/images/cats.gif differ
Binary files /dev/null and b/skins/Zenlike/images/topper.gif differ
--- /dev/null
+++ b/skins/Zenlike/index.tpl
@@ -1,1 +1,23 @@
-
+<!-- INCLUDE BLOCK : header -->
+
+ {welcome}<br /><br />
+
+ <div align="center"><table width="75%" border="0" cellpadding="0" cellspacing="0">
+ <tr>
+ <td class="c1">{categories_title}</td>
+ </tr>
+ <tr>
+ <td class="c2">{categories_content}</td>
+ </tr>
+ </table><br /><br /></div>
+<hr />
+ <div class="n1">{news_title}</div><div align="center">{news_content}</div>
+</td>
+ <td class="m2">
+
+ <div class="m3">{info_title}</div><div class="m4">{login_content}<br /><br />{info_content}</div>
+
+<br /><br />
+
+<div class="m3">{random_title}</div><div class="m4">{random_content}<br /><br /></div>
+<!-- INCLUDE BLOCK : footer -->
--- /dev/null
+++ b/skins/Zenlike/listings.tpl
@@ -1,1 +1,29 @@
-
+<!-- START BLOCK : listings -->
+<div class='cleaner' style='clear:both;'> </div>
+{seriesheader}
+<!-- START BLOCK : seriesblock -->
+<div class="listbox {oddeven} clearfix">
+<div class="title">{title} by {author} {new} {score} [{reviews} - {numreviews}] </div>
+<div class="storinfo"><span class="label">Summary: </span>{summary}<br />
+<span class="label">Categories:</span> {category} <span class="label">Characters: </span>{characters}<br>
+{classifications}
+<span class="label">Challenges:</span> {challengelinks}<br /><span class="label">Open:</span> {open}
+{comment}<br />{adminoptions}</div>
+</div><br /><br />
+<!-- END BLOCK : seriesblock -->
+{stories}
+<!-- START BLOCK : storyblock -->
+<div class="listbox {oddeven} clearfix">
+<div class="title">{title} by {author} {new} <span class="label">Rated:</span> {rating} {roundrobin} {score} [{reviews} - {numreviews}] </div>
+<div class="storinfo"><span class="label">Summary: </span>{featuredstory}{summary}<br />
+<span class="label">Categories:</span> {category} <span class="label">Characters: </span> {characters}<br />
+{classifications}
+<span class="label">Challenges:</span> {challengelinks}<br /> <span class="label">Series:</span> {serieslinks}<br />
+<span class="label">Chapters: </span> {numchapters} <span class="label">Completed:</span> {completed}
+<span class="label">Word count:</span> {wordcount}
+{comment}<br />{adminlinks}</div>
+<div class="tail"><span class="label">{addtofaves} {reportthis} Published: </span>{published} <span class="label">Updated:</span> {updated} </div>
+</div><br /><br />
+<!-- END BLOCK : storyblock -->
+{pagelinks}
+<!-- END BLOCK : listings -->
--- /dev/null
+++ b/skins/Zenlike/newsbox.tpl
@@ -1,1 +1,6 @@
-
+<!-- START BLOCK : newsbox -->
+<div class="newsbox">
+<div class="newstitle"><div style="float:right;font-size:10px;font-weight:normal">{newscomments}</div>{newstitle} {adminoptions}</div>
+<small style="padding-left:45px">by {newsauthor} on {newsdate}</small><br /><br />
+{newsstory}</div><br /><br />
+<!-- END BLOCK : newsbox -->
--- /dev/null
+++ b/skins/Zenlike/profile.tpl
@@ -1,1 +1,20 @@
-
+<!-- START BLOCK : profile -->
+<div id="bio"><div style="float:right">{image}</div>
+ <span class="label">Penname: </span>{userpenname}<br />
+ <span class="label">Real name: </span>{realname}<br />
+ <span class="label">Status: </span>{userlevel}<br />
+ <span class="label">Member Since: </span>{membersince}<br />
+
+ <!-- Website Profile Link -->
+ <span class="label">Website: </span>{website}<br />
+ <!-- End Website Profile Link -->
+
+ <span class="label">Beta-reader:</span> {betareader}
+ <blockquote>{bio}<br /></blockquote>
+
+ <!-- Instant Messenger Links -->
+ <div style="text-align:right">{aol} {icq} {msn} {yahoo}</div>
+ <!-- End Instant Messenger Links -->
+</div>
+{adminoptions} {reportthis}
+<!-- END BLOCK : profile -->
--- /dev/null
+++ b/skins/Zenlike/reviews.tpl
@@ -1,1 +1,15 @@
-
+<!-- INCLUDE BLOCK : header -->
+{pagetitle}
+{output}
+<!-- START BLOCK : reviewsblock -->
+
+
+<div class="listbox {oddeven} clearfix">
+<span class="classification">Reviewer: </span>{reviewer} <span style="font-size:xx-small">({member})</span> · <span class="classification">Date: </span>{reviewdate} · <span class="classification">On:</span> {chapter}
+<p><blockquote>{review}</blockquote></p>
+<div class="adminoptions">{adminoptions}</div>
+</div>
+<!-- END BLOCK : reviewsblock -->
+{reviewpagelinks}
+{reviewslink}
+<!-- INCLUDE BLOCK : footer -->
--- /dev/null
+++ b/skins/Zenlike/style.css
@@ -1,1 +1,82 @@
+/*
+ Skin Name: Zenlike
+ Skin Download: http://sally.lunaescence.com/tag/zenlike
+ Description: A light green and white skin with very few graphics
+ Author: Sally Anderson
+ Author E-Mail: sally@lunaescence.com
+ Author URI: http://sally.lunaescence.com/
+*/
+/* Basic Styles. */
+A:link,A:active,A:visited {text-decoration:none;color:#066}
+A:hover {text-decoration:underline}
+BODY {color:#000;background:#FFF url(images/bkgrd.jpg) repeat-x scroll top left;font:normal normal 10px verdana,helvetica,tahoma,arial,sans-serif;margin:0 2px 5px 0}
+HR {border-top:4px double #A4ACAC;border-left:0;border-right:0;border-bottom:0;width:500px;height:5px;text-align:center}
+INPUT,TEXTAREA,SELECT {color:#000;z-index:3;margin-top:1px;border:1px solid #A4ACAC;background:#FFF;font:12px normal verdana,helvetica,arial,tahoma,sans-serif}
+TD {vertical-align:top;display:table-cell}
+
+
+
+/* Layout and Text Styles in Alphabetical Order. */
+/* Alternating Cells */
+.even { background: #E4EAEA; }
+.odd { background: #E3EEEF; }
+
+/* Footer.tpl Styles */
+.footer {padding-top:50px;margin-top:50px;text-align:left;font-size:9px;color:#A4ACAC}
+.footer A {color:#A4ACAC;text-decoration:none;font-weight:bold}
+
+/* General Styles, used in multiple places throughout the page */
+#alphabet {text-align:center;font-size:12px;line-height:1.5em;padding-bottom:1em}
+.jumpmenu {text-align:right}
+.m2 {width:200px;padding-left:20px;font-size:9px;text-align:right}
+.m4 {border:1px solid #A4ACAC;width:200px;padding:3px}
+.n1 {text-align:center;font-weight:bold;font-size:14px;letter-spacing:.1em}
+#pagelinks {width:90%;text-align:center;padding:1em;background:#FFF}
+#pagetitle {font-size:15px;font-weight:800;text-align:center;margin-bottom:14px}
+.sectionheader {background:#CAD1CB;color:#000;letter-spacing:.1em;text-align:center;width:100%;clear:both}
+#sort {float:right}
+#story {clear:both}
+.tblborder {border:1px solid #A4ACAC}
+.title {letter-spacing:.1em}
+
+/* Layout Styles */
+.c1 {font-size:14px;letter-spacing:.1em;vertical-align:bottom;background:url(images/cats.gif) no-repeat;padding-left:35px}
+.c2 {border:1px solid #A4ACAC;width:50%;padding:3px;line-height:1.6em;text-align:left;}
+.storinfo {margin-bottom:12px;border-bottom:1px solid #DDE7E8}
+.notes {background: #E3EEEF;clear:both;margin-bottom:5px;}
+.notes .content {margin-left:25px;font-size:12px;}
+.comment {margin-bottom:2em}
+.finalfrm {background:url(images/bkgrd2.jpg) repeat-x scroll top left}
+.m3 {font-size:14px;letter-spacing:.1em;vertical-align:bottom;background:url(images/topper.gif) no-repeat;padding-left:2px}
+.main {padding-left:5px;width:90%;font-size:12px;text-align:left}
+
+/* Main Title Position and Style */
+.bgfttl {color:#3F4D4D;position:absolute;left:100px;top:90px;z-index:3;font:500 35px/25px georgia,times,palatino,"times roman","times new roman",serif}
+.udrttl {font-size:12px;font-weight:lighter;color:#808080;position:absolute;left:140px;top:115px;z-index:3}
+
+/* Menu Styles */
+.line {border-top:4px double #A4ACAC;height:5px;border-left:0;border-right:0;width:100%;text-align:center}
+#menu {width:100%;height:25px;position:absolute;left:0;top:190px;text-align:center;vertical-align:middle;margin:0;padding-top:5px;padding-bottom:3px;display:block}
+#menu OL {position:relative;left:0;top:0;margin-bottom:10px;color:#888868;list-style-type:none}
+#menu LI {display:inline;vertical-align:middle;text-align:center;line-height:25px;margin:0;padding-right:.58em;padding-left:.58em;font-size:11px}
+#menu A {color:#606048;text-decoration:none;padding:0}
+#menu A:hover {color:#606048;background:#DBE5E5}
+
+/* News Styles */
+#newsarchive,#sortform,.respond {text-align:center}
+.newsbox {border:1px solid #A4ACAC;width:75%;text-align:left}
+.newstitle {font-size:14px;font-weight:100;text-align:left;padding:0;background:url(images/cats.gif) no-repeat;padding-left:35px}
+
+/* User.tpl styles */
+.label {font-weight:bold}
+#tabs {padding:0;margin:0;clear:both;border-top:1px solid #A4ACAC;width:100%;}
+#tabs DIV {width:14.2%;height:20px;float:left;font-size:11px;color:#000;text-align:left;text-indent:10px;line-height:25px;vertical-align:middle;z-index:1;}
+#tabs #centertab {width:auto;}
+#tabs a {color:#000}
+#tabs a:active,a:hover {text-decoration:underline;color:#000}
+#tabs #active {width:14.2%;color:#000;z-index:8}
+#tabs #active a {color:#000}
+#tabs #active a:active,a:hover {text-decoration:underline;color:#000}
+html>body #tabs {padding: 3px 0 0 0;width:100%;}
+html>body #tabs div {margin-right: 0px;}
--- /dev/null
+++ b/skins/Zenlike/user.tpl
@@ -1,1 +1,17 @@
-
+<!-- INCLUDE BLOCK : header -->
+<div id="profile">
+<!-- INCLUDE BLOCK : profile -->
+<div id="sort">{sort}</div>
+</div>
+<div class='cleaner' style='clear:both;'> </div>
+<div id="tabs" class="clearfix">
+<!-- START BLOCK : paneltabs -->
+<div {class}>{link} {count}</div>
+<!-- END BLOCK : paneltabs -->
+</div>
+
+<div class='cleaner' style='clear:both;'> </div>
+ </div>
+ <div style="clear:both">{output}</div>
+<!-- INCLUDE BLOCK : listings -->
+<!-- INCLUDE BLOCK : footer -->
--- /dev/null
+++ b/skins/Zenlike/variables.php
@@ -1,1 +1,89 @@
+<?php
+/*
+ Skin Name: Zenlike
+ Skin Download: http://sally.lunaescence.com/tag/zenlike
+ Description: A light green and white skin with very few graphics
+ Author: Sally Anderson
+ Author E-Mail: sally@lunaescence.com
+ Author URI: http://sally.lunaescence.com/
+*/
+
+
+
+/* CATEGORY BLOCK
+ Categories are to show only on the index.
+ I currently have it set to display:
+ The image, then the link, the story count in brackets, and then the description in a div tag. (template)
+ Three columns (columns)*/
+$blocks["categories"]["status"] = '2';
+$blocks["categories"]["template"] = "{image} {link} [{count}] <div>{description}</div>";
+$blocks["categories"]["columns"] = '3';
+
+
+/* FEATURED BLOCK
+ By default, the featured stories is off.*/
+$blocks["featured"]["status"] = '0';
+
+
+/* INFO BLOCK
+ Info is set to display only on the home page. I don't bother to style it.*/
+$blocks["info"]["status"] = '2';
+
+
+/* MENU BLOCK
+ The menu is set to display on all pages.
+ Additional styles include:
+ As an inline list. (style=2)
+ Links to home, recent, authors, categories,titles,series,search,top tens, browse by, help, contact us, and the login info. */
+$blocks["menu"]["status"] = '1';
+$blocks["menu"]["content"] = array (
+ 0 => 'home',
+ 1 => 'recent',
+ 2 => 'authors',
+ 3 => 'catslink',
+ 4 => 'titles',
+ 5 => 'series',
+ 6 => 'search',
+ 7 => 'tens',
+ 8 => 'browse',
+ 9 => 'help',
+ 10 => 'contactus',
+ 11 => 'login',
+ 12 => 'logout',
+ 13 => 'adminarea');
+$blocks["menu"]["style"] = 0;
+
+
+/* LOG-IN BLOCK
+ The login form is set to display on all pages, even though I only actually call it on the index. It can safely be changed to just the index, but I did this to address a possible bug.
+ I currently have it set to display:
+ In long format (form) */
+$blocks["login"]["status"] = '1';
+$blocks["login"]["form"] = '1';
+
+
+/* RANDOM STORIES BLOCK
+ Status is set to display on just the index page.*/
+$blocks["random"]["status"] = '2';
+
+
+/* RECENT STORIES BLOCK
+ By default, the recent stories block is off.*/
+$blocks["recent"]["status"] = '0';
+
+
+/* SKIN CHANGER
+ Status is set to display on all pages. */
+$blocks["skinchange"]["status"] = '1';
+
+
+/* NEWS BLOCK
+ Status is set to display on just the index page. */
+$blocks["news"]["status"] = '2';
+
+
+/* NEW STORY INDICATOR
+ Styled: Plain text surrounded with the superscript HTML tag with font-size set to extra small and italic.*/
+$new = "<sup style='font-size:xx-small;font-style:italic'>New!</sup>";
+?>
--- /dev/null
+++ b/skins/Zenlike/viewstory.tpl
@@ -1,1 +1,19 @@
-
+<!-- INCLUDE BLOCK : header -->
+<div id="pagetitle">{title} by {author} {new}</div>
+
+<div id="sort"> [{reviews} - {numreviews}] {printicon}<br />{toc} {adminlinks}<br>{textsizer}</div>
+<div class="jumpmenu">{jumpmenu}</div>
+<!-- START BLOCK : storynotes -->
+<div class='notes'><div class='title'><span class='label'>Story Notes:</span></div><div class='noteinfo'>{storynotes}</div></div>
+<!-- END BLOCK : storynotes -->
+<!-- START BLOCK : notes -->
+<div class='notes'><div class='title'><span class='label'>Author's Chapter Notes:</span></div><div class='noteinfo'>{notes}</div></div>
+<!-- END BLOCK : notes -->
+<div id="story">{story}</div>
+<!-- START BLOCK : endnotes -->
+<div class='notes'><div class='title'><span class='label'>Chapter End Notes:</span></div><div class='noteinfo'>{endnotes}</div></div>
+<!-- END BLOCK : endnotes -->
+<div id="pagelinks"><div id="prev">{prev}</div><div class="jumpmenu">{jumpmenu2}</div><div id="next">{next}</div></div>
+<div class="respond">{roundrobin}</div>
+<div id="reviewform">{reviewform}</div>
+<!-- INCLUDE BLOCK : footer -->
--- /dev/null
+++ b/skins/elegance/challenges.tpl
@@ -1,1 +1,12 @@
+<!-- START BLOCK : challenge -->
+ <div class="block">
+ <div class="tl"><div class="tr">
+ <div class="storytitle">{title} by {author}</DIV>
+ </div></div>
+ <div class="content">{summary}
+ <div class="small">Categories: {category} Characters: {characters}</div>
+ </div>
+ <div class="bottom">{respond} {adminoptions}
+</div>
+<!-- END BLOCK : challenge -->
--- /dev/null
+++ b/skins/elegance/comments.tpl
@@ -1,1 +1,7 @@
-
+<!-- START BLOCK : commentbox -->
+<div class="block">
+<div class="content">{comment}</div>
+<div class="bottom">Posted by: {uname} on {date} <br />
+{adminoptions}</div>
+</div>
+<!-- END BLOCK : commentbox -->
--- /dev/null
+++ b/skins/elegance/favcomment.tpl
@@ -1,1 +1,7 @@
+<!-- START BLOCK : comment -->
+<div class="block">
+<div class="content">{comment}</div>
+<div class="bottom">{commentoptions}</div>
+</div>
+<!-- END BLOCK : comment -->
--- /dev/null
+++ b/skins/elegance/footer.tpl
@@ -1,1 +1,7 @@
-
+<!-- START BLOCK : footer -->
+</div>
+<div id="footer">{footer}</div>
+</div>
+</body>
+</html>
+<!-- END BLOCK : footer -->
--- /dev/null
+++ b/skins/elegance/header.tpl
@@ -1,1 +1,15 @@
+<!-- START BLOCK : header -->
+<body>
+<div id="{page_id}">
+<div id="bannerback">
+ <div id="banner">
+ <h1>{sitename}</h1>
+ <h2>{slogan}</h2>
+ </div> <div id="skin">{skinchange_content}</div>
+ <div id="rss">{rss}</div>
+</div>
+{menu_content}
+
+<div id="mainpage">
+<!-- END BLOCK : header -->
Binary files /dev/null and b/skins/elegance/images/back.gif differ
Binary files /dev/null and b/skins/elegance/images/bl.gif differ
Binary files /dev/null and b/skins/elegance/images/br.gif differ
Binary files /dev/null and b/skins/elegance/images/elegance.jpg differ
Binary files /dev/null and b/skins/elegance/images/tl.gif differ
Binary files /dev/null and b/skins/elegance/images/tr.gif differ
--- /dev/null
+++ b/skins/elegance/index.tpl
@@ -1,1 +1,37 @@
+<!-- INCLUDE BLOCK : header -->
+<div id="leftindex">
+ <div class="block">
+ <div class="tl"><div class="tr">
+ <div class="title">{info_title}</div>
+ </div></div>
+ <div class="content">{info_content}<br>{login_content}</div>
+ </div>
+
+</div>
+
+<div id="rightindex">
+
+ <div class="block">
+ <div class="tl"><div class="tr">
+ <div class="title">{categories_title}</div>
+ </div></div>
+ <div class="content">{categories_content}</div>
+ </div>
+
+</div>
+
+<div id="middleindex">
+
+ <div class="block">
+ <div class="tl"><div class="tr">
+ <div class="title">Welcome!</div>
+ </div></div>
+ <div class="content">{welcome}</div>
+ </div>
+
+ {news_content}
+</div>
+
+
+<!-- INCLUDE BLOCK : footer -->
--- /dev/null
+++ b/skins/elegance/listings.tpl
@@ -1,1 +1,46 @@
+<!-- START BLOCK : listings -->
+{seriesheader}
+<!-- START BLOCK : seriesblock -->
+ <div class="block">
+ <div class="tl"><div class="tr">
+ <div class="storytitle"><div class="left">{title} by {author}</div> <div class="right"> [{reviews} - {numreviews}]</div>
+ <div class="clear"></div>
+ </div>
+ </div></div>
+
+ <div class="content">{summary}
+ <div class="small">Parent Series: {parentseries}; Categories: {category}; Characters: {characters}; {classifications}
+ </div>
+ </div>
+ <div class="bottom"><div class="left">Open: {open}</div>
+ <div class="right">{reportthis} {adminoptions}</div>
+<div class="clear"></div>
+ </div>
+</div>
+{comment}
+<!-- END BLOCK : seriesblock -->
+{stories}
+<!-- START BLOCK : storyblock -->
+ <div class="block">
+ <div class="tl"><div class="tr">
+ <div class="storytitle"><div class="left">{new} {title} by {author} [{rating}]</div> <div class="right">{roundrobin} {score} [{reviews} - {numreviews}]</div>
+ <div class="clear"></div>
+ </div>
+ </div></div>
+
+ <div class="content">{featuredstory}{summary}
+ <div class="small">
+ Categories: {category}; Characters: {characters}; {classifications} Chapters: {numchapters} {toc} Series: {serieslinks}<br>
+ Word count: {wordcount}; Read Count: {count}; Completed: {completed}
+ </div>
+ </div>
+ <div class="bottom"><div class="left">Updated: {updated}; Published: {published}</div>
+ <div class="right">{addtofaves} {reportthis} {adminlinks}</div>
+<div class="clear"></div>
+ </div>
+</div>
+{comment}
+<!-- END BLOCK : storyblock -->
+{pagelinks}
+<!-- END BLOCK : listings -->
--- /dev/null
+++ b/skins/elegance/newsbox.tpl
@@ -1,1 +1,15 @@
+<!-- START BLOCK : newsbox -->
+<div class="block">
+ <div class="tl"><div class="tr">
+ <div class="newstitle">{newstitle}</div>
+ </div></div>
+ <div class="content">
+ {newsstory}
+ </div>
+ <div class="bottom">
+ Posted by: {newsauthor} on {newsdate}({newscomments})<br>
+ {adminoptions}
+ </div>
+</div>
+<!-- END BLOCK : newsbox -->
--- /dev/null
+++ b/skins/elegance/profile.tpl
@@ -1,1 +1,18 @@
+<!-- START BLOCK : profile -->
+<div class="block">
+ <div class="content">
+ <div class="left">
+ <b>Penname: </b>{userpenname} <br />
+ <b>Real name: </b>{realname}
+ <b>Member Since: </b>{membersince}<br />
+ <b>Membership status:</b> {userlevel}<br /></div>
+ <div class="right">{image}</div>
+ <div class="clear">{bio}<br />
+ {authorfields}
+ </div>
+ </div>
+ <div class="bottom">{adminoptions} {reportthis}</div>
+</div>
+
+<!-- END BLOCK : profile -->
--- /dev/null
+++ b/skins/elegance/reviewblock.tpl
@@ -1,1 +1,10 @@
-
+<!-- START BLOCK : reviewsblock -->
+ <div class="block">
+ <div class="tl"><div class="tr">
+ <div class="storytitle"><div class="left">Reviewer: {reviewer} ({member}) </div><div class="right">{reviewdate}</div><div class="clear"></div></div>
+ </div></div>
+ <div class="content">{review}</div>
+<div class="bottom"><div class="left">{chapter}</div><div class="right">{adminoptions} {reportthis}</div><div class="clear"></div>
+ </div>
+</div>
+<!-- END BLOCK : reviewsblock -->
--- /dev/null
+++ b/skins/elegance/reviews.tpl
@@ -1,1 +1,12 @@
-
+<!-- INCLUDE BLOCK : header -->
+{pagetitle}
+<br />
+<div class="left">{reviewslink}</div>
+<div class="right">{jumpmenu}</div>
+<div class="clear"></div>
+<br />
+{output}
+<!-- INCLUDE BLOCK : reviewsblock -->
+{reviewpagelinks}
+{reviewform}
+<!-- INCLUDE BLOCK : footer -->
--- /dev/null
+++ b/skins/elegance/series_title.tpl
@@ -1,1 +1,15 @@
+<!-- START BLOCK : series -->
+<div id="pagetitle">{pagetitle} {rating}</div>
+<p>[{reviews} - {numreviews}]</p>
+<p>{summary}</p>
+<div class="small">
+Categories: {categories}<br />
+Characters:{characters}<br />
+{classifications}
+Challenges: {challenges}<br />
+Parent Series: {parentseries}<br />
+{adminoptions}<br />
+</div>
+<div class="jumpmenu">{jump}</div>
+<!-- END BLOCK : series -->
--- /dev/null
+++ b/skins/elegance/storyindex.tpl
@@ -1,1 +1,32 @@
+<!-- INCLUDE BLOCK : header -->
+<div id="pagetitle">{title} by {author} [{rating}]</div>
+<div class="jumpmenu">{jumpmenu}</div>
+<div class="block">
+<div class="tl"><div class="tr"><div class="storytitle">
+<div class="left">[{reviews} - {numreviews}] {score}</div><div class="right">{printicon}</div><div class="clear"></div>
+</div></div></div>
+<div class="content">{featuredstory}{summary}
+<div class="small">
+Categories: {category}; Characters: {characters}; {classifications}<br />
+Challenges: {challengelinks}; Series: {serieslinks}<br />
+Chapters: {numchapters}; Completed: {completed}<br />
+Word count: {wordcount} Read: {count}</div>
+</div>
+ <div class="bottom"><div class="left">Published: {published} Updated: {updated}</div>
+<div class="right">{addtofaves}{adminlinks}</div><div class="clear"></div>
+</div>
+</div>
+
+<!-- START BLOCK : storynotes -->
+<div class='notes'><b>Story Notes:</span></b>{storynotes}</div>
+<!-- END BLOCK : storynotes -->
+<!-- START BLOCK : storyindexblock -->
+ <p><b>{chapternumber}. {title} </b>by {author} [{reviews} - {numreviews}] {ratingpics} ({wordcount} words)<br />
+ {chapternotes}{adminoptions}</p>
+<!-- END BLOCK : storyindexblock -->
+<div id="pagelinks"><div class="jumpmenu">{jumpmenu2}</div></div>
+<div class="respond">{roundrobin}</div>
+{reviewform}
+</div>
+<!-- INCLUDE BLOCK : footer -->
--- /dev/null
+++ b/skins/elegance/style.css
@@ -1,1 +1,282 @@
-
+/* Some definitions used everywhere */
+body {
+ margin: 0px;
+ padding: 0px;
+ background-color: #BDCC6D;
+ color: #3B4325;
+ line-height: 1.2em;
+ font-family: verdana, arial, san-serif;
+ font-size: 90%;
+}
+
+/* links */
+a {
+ color: #333;
+ font-weight: bold;
+ text-decoration: underline;
+}
+/* hovering links */
+a:hover {
+ text-decoration: underline;
+}
+
+/*small fonts */
+.small {font-size: 80%;}
+
+/*rounded top corners used in various places */
+.tl {background: #758F39 url(images/tl.gif) no-repeat top left;}
+.tr {background: url(images/tr.gif) no-repeat top right;}
+
+/* Left and right floats used in some blocks */
+.left {float: left; width: 55%; text-align: left;}
+.right {float: right; width: 30%; text-align: right;}
+.clear {clear: both;}
+
+/* the background of the banner. this allows us to make the banner fit the width of the page, no matter how wide */
+#bannerback {
+ height: 150px;
+ margin: 0px;
+ background: #B5C9BA url('images/back.gif') repeat top left;
+}
+
+/* the image in the banner */
+#banner {
+ height: 150px;
+ margin: 0px;
+ background: url('images/elegance.jpg') no-repeat top left;
+}
+
+/* search engines like headings so we will use them for sitename and
+slogan, but we don't want them to appear on the page and mess up our banner */
+ #banner h1, #banner h2 {display: none;}
+
+/* The location of the div containing the skin change drop menu in the banner area */
+#skin {
+ position: absolute;
+ right: 50px;
+ top: 25px;
+}
+/* The location of the div containing the RSS link in the banner area */
+#rss {
+ position: absolute;
+ right: 50px;
+ top: 55px;
+}
+
+/* the following defines your menu below the banner div */
+#menu {
+ position: absolute;
+ top: 98px;
+ right: 0px;
+ text-align: right;
+ color: #517059;
+ font-weight: bold;
+ font-size: 95%;
+}
+
+/*The rounded off left edge image.*/
+#menu ul {
+ margin: 0px;
+ background: #758F39 url(images/bl.gif) no-repeat bottom left; padding: 5px;
+}
+
+#menu ul li {display: inline; padding: 1px;}
+
+/* links in the menu */
+#menu a {
+ color: #CEDCAE;
+ font-weight: bold;
+ font-size: 95%;
+ text-decoration: none;
+ text-transform: uppercase;
+ border-right: 1px solid #CEDCAE;
+ padding: 0px 5px;
+}
+
+/* Hovered links in the menu */
+#menu a:hover {
+ color: #CEDCAE;
+ background: #93B348;
+ border-right: 1px solid #CEDCAE;
+}
+
+/* The link for the currently displayed page in the menu */
+#menu #current {text-decoration: underline;}
+
+/* end menu setup */
+
+
+/* the footer box at the bottom of the page */
+#footer {
+ padding: 0px;
+ border-top: 5px solid #758F39;
+ text align: center;
+ clear: both;
+}
+
+/* End universal page setup */
+
+
+/*Index page*/
+/*left and right columns--line-height fixes a disappearing float IE bug */
+#leftindex {
+ width: 25%;
+ float: left;
+ line-height: 1.3em;
+}
+
+#rightindex {
+ width: 25%;
+ float: right;
+ line-height: 1.3em;
+}
+
+#middleindex {margin: 3px 26%;}
+
+/* This controls the look of the blocks on a few pages */
+/* The box around the block */
+.block {margin: 0px 0px 15px 0px;}
+
+/* The block's title */
+.block .title {
+ color: #CEDCAE;
+ font-weight: bold;
+ text-align: center;
+ padding: 4px;
+}
+
+.block .newstitle, .block .storytitle {
+ color: #CEDCAE;
+ font-weight: bold;
+ text-align: left;
+ padding: 4px 7px 0px 7px;
+}
+
+/* The block's content */
+.block .content {
+ background: #FFFFFF;
+ border-top: 5px solid #758F39;
+ border-right: 1px solid #758F39;
+ border-bottom: 5px solid #758F39;
+ border-left: 1px solid #758F39;
+ padding: 5px;
+}
+
+.block .bottom {
+ color: #CEDCAE;
+ background: #758F39;
+ padding: 2px 5px;
+ font-weight: bold;
+ font-size: 80%;
+}
+
+
+
+/*main content on the page */
+#mainpage {margin: 0px 2%;}
+
+
+
+
+
+#pagetitle, .sectionheader {
+ text-align: center;
+ font-weight: bold;
+ font-size: 105%;
+ margin: 10px;
+}
+
+/* Where there's a list of alphabet links #alphabet controls their look. Just to make things simpler #pagelinks controls the look of the links at the bottom of multi-page results and will be set here too. Generally, they look alike.*/
+#alphabet, #pagelinks {
+ text-align: center;
+ font-size: 13px;
+ margin: 1em 0;
+ line-height: 25px;
+}
+
+#alphabet a, #pagelinks a {
+ background: #758F39;
+ border: 1px solid #000;
+ padding: 2px 4px;
+ margin: 0;
+ text-decoration: none;
+ color: #CEDCAE;
+}
+
+#alphabet a:hover, #pagelinks a:hover {
+ background: #CEDCAE;
+ border: 1px solid #000;
+ padding: 2px 4px;
+ margin: 0;
+ text-decoration: none;
+ color: #758F39;
+}
+
+#alphabet #currentletter, #pagelinks #currentpage {
+ background: #CEDCAE;
+ color: #758F39;
+ border: 1px solid #000;
+ padding: 2px 4px;
+ margin: 0;
+ text-decoration: none;
+ font-weight: bold;
+}
+
+#sortform {text-align: center; margin: 10px;}
+
+/* To center column divs so they don't look so off-balance. This is for 2 columns. You'll want to play with the width if you have more */
+#columncontainer {
+ margin: 5px auto;
+ width: 60%;
+ min-width: 60%;
+ text-align: center;
+}
+html>body #columncontainer {text-align: left;}
+
+.jumpmenu, #sort {margin: 5px;}
+
+.notes {margin: 5px auto; width: 65%; min-width: 65%; text-align: center;}
+html>body .notes {text-align: left;}
+
+#story {padding: 0px 10px;}
+
+The following declarations control the tabs */
+#tabs {
+ margin: 0;
+ padding: 0;
+ background: #758F39;
+ margin-bottom: 1em;
+}
+
+
+#tabs ul {
+ padding: 3px 0; margin: 0;
+ border-bottom: 1px solid #000;
+ font: bold 12px Verdana, sans-serif;
+}
+
+#tabs li {
+ list-style: none;
+ margin: 0;
+ display: inline;
+}
+
+#tabs li a {
+ padding: 3px 0.5em;
+ margin-left: 3px;
+ border: 1px solid #000;
+ border-bottom: none;
+ background: #214263;
+ text-decoration: none;
+ color: #CEDCAE;
+}
+
+#tabs li a:hover {
+ color: #000000;
+ background: #369;
+ border-color: #000;
+}
+
+#tabs #active a {background:#BDCC6D; color: #758F39;}
+
+
--- /dev/null
+++ b/skins/elegance/user.tpl
@@ -1,1 +1,15 @@
-
+<!-- INCLUDE BLOCK : header -->
+<div id="profile">
+<!-- INCLUDE BLOCK : profile -->
+{adminoptions}
+<div id="sort">{sort}</div>
+</div>
+ <div id="tabs">
+<!-- START BLOCK : paneltabs -->
+<span {class}>{link} {count}</span>
+<!-- END BLOCK : paneltabs -->
+<div class="cleaner" style="clear: both;"> </div>
+ </div>
+{output}
+<!-- INCLUDE BLOCK : listings -->
+<!-- INCLUDE BLOCK : footer -->
--- /dev/null
+++ b/skins/elegance/viewstory.tpl
@@ -1,1 +1,32 @@
+<!-- INCLUDE BLOCK : header -->
+<div class="right">{reportthis}</div>
+<div id="pagetitle">{title} by {author}</div>
+<div class="block">
+<div class="content">
+<div class="left"> [{reviews} - {numreviews}]<br>{toc}<br>{adminlinks}</div>
+ <div class="right"><br>{printicon}<div class="jumpmenu">{textsizer}{jumpmenu}</div></div>
+
+<!-- START BLOCK : storynotes -->
+<blockquote>
+<p><b>Story Notes:</b><br>
+ {storynotes}</p>
+</blockquote>
+<!-- END BLOCK : storynotes -->
+
+<!-- START BLOCK : notes -->
+<blockquote>
+<p><b>Author's Chapter Notes:</b><br>{notes}</p></blockquote>
+<!-- END BLOCK : notes -->
+<div id="story">{story}</div>
+<!-- START BLOCK : endnotes -->
+<blockquote<p><b>Chapter End Notes:</b><br>{endnotes}</p>
+</blockquote>
+<!-- END BLOCK : endnotes -->
+<div class="left">{prev}{next}</div>
+<div class="right">
+<div class="jumpmenu">{jumpmenu2}</div></div>
+{addtofaves} {roundrobin}</div>
+</div>
+{reviewform}
+<!-- INCLUDE BLOCK : footer -->
