CW Cyrix's Git Repository Mirror
Browse code

Restore original eFiction 3.0 skins

Clarissa Walker authored on 2026/07/15 07:41:54
Showing 57 changed files
skins/CSSZen/README.txt
History View file @ a7c6008
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,59 @@
1 
+// ----------------------------------------------------------------------
2 
+// LICENSE
3 
+//
4 
+// This program is free software; you can redistribute it and/or
5 
+// modify it under the terms of the GNU General Public License (GPL)
6 
+// as published by the Free Software Foundation; either version 2
7 
+// of the License, or (at your option) any later version.
8 
+//
9 
+// This program is distributed in the hope that it will be useful,
10 
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
11 
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
12 
+// GNU General Public License for more details.
13 
+//
14 
+// To read the license please visit http://www.gnu.org/copyleft/gpl.html
15 
+// ----------------------------------------------------------------------
16 
+
17 
+Copyright 2006 by Tammy Keefer.
18 
+
19 
+This skin is pure CSS.  No graphics.  To change the color just change the colors within the stye.css file.
20 
+There are a total of 4 colors in the skin (other than black and white).  Just about any
21 
+four shades of the same color seem to work well with this skin. (I suggest you back up the
22 
+current style.css before you start playing.)  Try a color palette generator for color scheme
23 
+ideas:
24 
+
25 
+http://wellstyled.com/tools/colorscheme2/index-en.html
26 
+http://www.colorcombos.com/
27 
+http://www.visibone.com/colorlab/
28 
+http://websitetips.com/colortools/sitepro/
29 
+
30 
+The variables.php file in here sets up the default blocks as the skin expects them
31 
+to be set to prevent conflicts with the site's default block configuration.  If you add a block,
32 
+make sure to turn it back on in the variables.php by deleting/editing the lines for that block.
33 
+
34 
+To add items to the menus (top or bottom) add them in the variables.php.  For instance,
35 
+to add the top tens to the top menu you would change:
36 
+
37 
+$blocks["menu"]["content"] = array (
38 
+	0 => 'adminarea',
39 
+	1 => 'logout',
40 
+	2 => 'login',
41 
+	3 => 'search',
42 
+	4 => 'browse',
43 
+	5 => 'members',
44 
+	6 => 'home');
45 
+
46 
+to:
47 
+
48 
+$blocks["menu"]["content"] = array (
49 
+	0 => 'adminarea',
50 
+	1 => 'logout',
51 
+	2 => 'login',
52 
+	3 => 'search',
53 
+	4 => 'tens',
54 
+	5 => 'browse',
55 
+	6 => 'members',
56 
+	7 => 'home');
57 
+
58 
+NOTE: Because the menu items are floated right.  Add your links in REVERSE order.  Home
59 
+comes last in the list but is displayed first!
skins/CSSZen/challenges.tpl
History View file @ a7c6008
0 60 
new file mode 100644
... ... 
@@ -0,0 +1,10 @@
1 
+<!-- START BLOCK : challenge -->
2 
+<div class="listbox">
3 
+<div class="title">{title} by {author} [{responses} - {numresponses}]</div>
4 
+<div class="content">
5 
+<span class="classification">Summary: </span>{summary}<br />
6 
+<span class="classification">Categories:</span> {category} <span class="classification">Characters: </span>{characters}
7 
+{adminoptions}</div>
8 
+<div class="tail">{respond}</div>
9 
+</div>
10 
+<!-- END BLOCK : challenge -->
0 11 
\ No newline at end of file
skins/CSSZen/footer.tpl
History View file @ a7c6008
1 12 
new file mode 100644
... ... 
@@ -0,0 +1,9 @@
1 
+<!-- START BLOCK : footer -->
2 
+</div>
3 
+	<div id="footer">
4 
+		<div id="footertext">{footer}</div>
5 
+		<div id="footernav">{footermenu_content}</div>
6 
+	</div>
7 
+</div>
8 
+</body></html>
9 
+<!-- END BLOCK : footer -->
0 10 
\ No newline at end of file
skins/CSSZen/header.tpl
History View file @ a7c6008
1 11 
new file mode 100644
... ... 
@@ -0,0 +1,13 @@
1 
+<!-- START BLOCK : header -->
2 
+<body>
3 
+<div id="{page_id}">
4 
+	<div id="banner">
5 
+		<div id="sitename">{sitename}</div>
6 
+		<div id="slogan">{slogan}</div>
7 
+		<div id="skin">{skinchange_content}</div>
8 
+		<div id="rss">{rss}</div>
9 
+		{menu_content}
10 
+		{login_content}
11 
+</div>
12 
+<div id="mainpage">
13 
+<!-- END BLOCK : header -->
0 14 
\ No newline at end of file
skins/CSSZen/index.php
History View file @ a7c6008
1 15 
new file mode 100644
skins/CSSZen/index.tpl
History View file @ a7c6008
2 16 
new file mode 100644
... ... 
@@ -0,0 +1,48 @@
1 
+<!-- INCLUDE BLOCK : header -->
2 
+<div id="leftindex">
3 
+      <div class="block">
4 
+       <div class="title">{info_title}</div>
5 
+       <div class="content">{info_content}</div>
6 
+     </div>
7 
+     <div class="block">
8 
+       <div class="title">{categories_title}</div>
9 
+       <div class="content">{categories_content}</div>
10 
+     </div>
11 
+     <div class="block">
12 
+       <div class="title">{shoutbox_title}</div>
13 
+       <div class="content">{shoutbox_content}</div>
14 
+     </div>
15 
+
16 
+     <div class="block">
17 
+       <div class="title">{poll_title}</div>
18 
+       <div class="content">{poll_content}</div>
19 
+     </div>
20 
+</div>
21 
+<div id="rightindex">
22 
+     <div id="welcome">{welcome}</div>
23 
+     <div class="block">
24 
+       <div class="title">{recent_title}</div>
25 
+       <div class="content">
26 
+<!-- START BLOCK : recentblock -->
27 
+<div class="recentbox">
28 
+<div class="title">{title} by {author}  {roundrobin}  [{reviews} - {numreviews}]</div>
29 
+<div class="content"><span class="label">Summary: </span>{featuredstory}{summary}<br />
30 
+<span class="label">Rated:</span> {rating} {score}<br />
31 
+<span class="label">Categories:</span> {category} <br />
32 
+<span class="label">Characters: </span> {characters}<br />
33 
+{classifications}
34 
+<span class="label">Series:</span> {serieslinks}<br />
35 
+<span class="label">Chapters: </span> {numchapters} {toc}<br />
36 
+<span class="label">Completed:</span> {completed}
37 
+<span class="label">Word count:</span> {wordcount} <span class="label">Read Count:</span> {count}
38 
+<span class="label"> Published: </span>{published} <span class="label">Updated:</span> {updated} </div>
39 
+</div>
40 
+<!-- END BLOCK : recentblock -->
41 
+       </div>
42 
+     </div>
43 
+     <div class="block">
44 
+       <div class="title">{news_title}</div>
45 
+       <div class="content">{news_content}<div style='text-align: center'>{newsarchive}</div></div>
46 
+    </div>
47 
+</div>
48 
+<!-- INCLUDE BLOCK : footer -->
0 49 
\ No newline at end of file
skins/CSSZen/listings.tpl
History View file @ a7c6008
1 50 
new file mode 100644
... ... 
@@ -0,0 +1,34 @@
1 
+<!-- START BLOCK : listings -->
2 
+{seriesheader}
3 
+<!-- START BLOCK : seriesblock -->
4 
+<div class="listbox">
5 
+	<div class="title">{title} by {author} {score} [{reviews} - {numreviews}] </div>
6 
+	<div class="content"><span class="label">Summary: </span>{summary}<br />
7 
+		<span class="label">Categories:</span> {category} <br />
8 
+		<span class="label">Characters: </span>{characters}<br />
9 
+		{classifications}
10 
+		<span class="label">Open:</span> {open}
11 
+		{adminoptions}
12 
+	</div>
13 
+	<div class="tail">{reportthis}&nbsp;</div>
14 
+</div>
15 
+{comment}
16 
+<!-- END BLOCK : seriesblock -->
17 
+{stories}
18 
+<!-- START BLOCK : storyblock -->
19 
+<div class="listbox">
20 
+	<div class="title">{title} by {author} <span class="label">Rated:</span> {rating} {roundrobin} {score} [{reviews} - {numreviews}] {new} </div>
21 
+	<div class="content"><span class="label">Summary: </span>{featuredstory}{summary}<br />
22 
+		<span class="label">Categories:</span> {category} <span class="label">Characters: </span> {characters}<br />
23 
+		{classifications}
24 
+		<span class="label">Series:</span> {serieslinks}<br />
25 
+		<span class="label">Chapters: </span> {numchapters} {toc}<br />
26 
+		<span class="label">Completed:</span> {completed}
27 
+		<span class="label">Word count:</span> {wordcount} <span class="label">Read Count:</span> {count}
28 
+		{adminlinks}</div>
29 
+	<div class="tail"><span class="label">{addtofaves} Published: </span>{published} <span class="label">Updated:</span> {updated} {reportthis}</div>
30 
+</div>
31 
+{comment}
32 
+<!-- END BLOCK : storyblock -->
33 
+{pagelinks}
34 
+<!-- END BLOCK : listings -->
0 35 
\ No newline at end of file
skins/CSSZen/newsbox.tpl
History View file @ a7c6008
1 36 
new file mode 100644
... ... 
@@ -0,0 +1,7 @@
1 
+<!-- START BLOCK : newsbox -->
2 
+<div class="news{oddeven}">
3 
+<div class="newstitle">{newstitle}</div>
4 
+<div class="newscontent">{newsstory}</div>
5 
+<div class="newssig">{newsauthor} on {newsdate}<br />{adminoptions} [{newscomments}]</div>
6 
+</div>
7 
+<!-- END BLOCK : newsbox -->
0 8 
\ No newline at end of file
skins/CSSZen/reviewblock.tpl
History View file @ a7c6008
1 9 
new file mode 100644
... ... 
@@ -0,0 +1,7 @@
1 
+<!-- START BLOCK : reviewsblock -->
2 
+<div class="listbox">
3 
+<div class="title"><span class="label">Title: </span>{chapter} <span class="label">Reviewer: </span>{reviewer} <span class="label">{member}</span></div>
4 
+<div class="content">{review}</div>
5 
+<div class="tail"><span class="label">Date: </span>{reviewdate} {adminoptions} {reportthis}</div>
6 
+</div>
7 
+<!-- END BLOCK : reviewsblock -->
0 8 
\ No newline at end of file
skins/CSSZen/style.css
History View file @ a7c6008
1 9 
new file mode 100644
... ... 
@@ -0,0 +1,576 @@
1 
+BODY {
2 
+	background: #D1E0EF;
3 
+	color: #000;
4 
+	margin: 0;
5 
+	padding: 0;
6 
+}
7 
+
8 
+IMG {
9 
+	border: 0;
10 
+	padding: 0;
11 
+	margin: 0;
12 
+}
13 
+
14 
+HR { color: #689ACC; background: #689ACC; height: 6px; border: 1px solid #000; width: 80%; }
15 
+
16 
+/* Header cells in tables throughout the site */
17 
+TH {
18 
+	background: #214263;
19 
+	color: #FFF;
20 
+	font-weight: bold;
21 
+}
22 
+/* links */
23 
+A {
24 
+	color: #369;
25 
+	font-weight: bold;
26 
+	text-decoration: none;
27 
+}
28 
+/* hovering links */
29 
+A:hover {
30 
+	text-decoration: underline overline;
31 
+}
32 
+/* the box at the top of the page */
33 
+#banner {
34 
+	text-align: center;
35 
+	background: #214263;
36 
+	padding-bottom: 3px;
37 
+	border-bottom: 1px solid #000;
38 
+}
39 
+/* The appearance of your site's name in the banner area*/
40 
+#sitename {
41 
+	font-size: 64px;
42 
+	font-weight: bold;
43 
+	color: #D1E0EF;
44 
+	height: 100px;
45 
+	line-height: 100px;
46 
+}
47 
+/* The appearance of your site's slogan in the banner area */
48 
+#slogan {
49 
+	font-size: 26px;
50 
+	font-weight: bold;
51 
+	color: #D1E0EF;
52 
+	text-align: right;
53 
+	padding: 0px 20px;
54 
+}
55 
+/* The location of the div containing the skin change drop menu  in the banner area */
56 
+#skin {
57 
+	position: absolute;
58 
+	right: 30px;
59 
+	top: 25px;
60 
+}
61 
+/* The location of the div containing the RSS link in the banner area */
62 
+#rss {
63 
+	position: absolute;
64 
+	right: 50px;
65 
+	top: 55px;
66 
+}
67 
+
68 
+/* the following defines your menu inside the banner div */
69 
+/* the box around the menu and aligning the text to right */
70 
+#menu A, #footermenu A {
71 
+	color: #214263;
72 
+	text-decoration: none;
73 
+	font-weight: bold;
74 
+	width:100px;
75 
+	height:20px;
76 
+	position: relative;
77 
+	border: 1px solid #000;
78 
+	background: #689ACC;
79 
+	display: block;
80 
+	text-align: center;
81 
+}
82 
+#menu A:hover, #menu #current:hover, #footermenu A:hover, #footermenu #current:hover {
83 
+	text-decoration: none;
84 
+	width: 120px;
85 
+	height: 28px;
86 
+	z-index: 200;
87 
+	background: #D1E0EF;
88 
+	color: #214263;
89 
+	line-height: 28px;
90 
+	margin-top: -4px;
91 
+	margin-left: -10px;
92 
+	border: 1px solid #000;
93 
+	overflow: hidden;
94 
+	position: relative;
95 
+}
96 
+#menu #current, #footermenu #current {
97 
+	color: #689ACC;
98 
+	text-decoration: none;
99 
+	font-weight: bold;
100 
+	width:100px;
101 
+	height:20px;
102 
+	position: relative;
103 
+	border: 1px solid #000;
104 
+	background: #214263;
105 
+	display: block;
106 
+}
107 
+#menu UL, #footermenu UL {
108 
+	padding: 0;
109 
+	margin: 5px 0;
110 
+	list-style-type: none;
111 
+}
112 
+#menu LI, #menu #menu_current, #footermenu LI, #footermenu #menu_current {
113 
+	width:100px;
114 
+	height: 20px;
115 
+	float: right;
116 
+	margin-right: 5px;
117 
+}
118 
+
119 
+#menu, #footermenu {
120 
+	height: 32px;
121 
+	border: 1px solid #000;
122 
+	background: #369;
123 
+	padding-right: 10px;
124 
+}
125 
+/* end menu setup */
126 
+
127 
+
128 
+#loginblock {
129 
+	margin: 3px 0 0 0;
130 
+	padding: 3px 10px;
131 
+	border: 1px solid #000;
132 
+	background: #689ACC;
133 
+	text-align: left;
134 
+}
135 
+#loginblock .textbox, #loginblock .checkbox {
136 
+	font-size: 9px;
137 
+	vertical-align: baseline;
138 
+}
139 
+#loginblock .button {
140 
+	font-size: 8px;
141 
+	padding: 0;
142 
+	margin: 0;
143 
+	font-weight: bold;
144 
+	font-family: "Arial";
145 
+	vertical-align: text-bottom;
146 
+}
147 
+#loginlinks {
148 
+	display: inline;
149 
+	margin: 0 1ex;
150 
+}
151 
+#loginlinks A {
152 
+	color: #D1E0EF;
153 
+}
154 
+
155 
+/* the footer box at the bottom of the page */
156 
+#footer {
157 
+	border-top: 2px solid #000;
158 
+	background: #214263;
159 
+	color: #D1E0EF;
160 
+	clear: both;
161 
+	padding: 3px 0 1em 0;
162 
+}
163 
+
164 
+#footertext {
165 
+	margin: 1em;
166 
+}
167 
+
168 
+/* this is a carryover from 1.1.  Generally it is used around tables and table cells. */
169 
+.tblborder {
170 
+	border: 1px solid #000;
171 
+	padding: 6px;
172 
+	border-collapse: collapse;
173 
+}
174 
+
175 
+/* Main page surrounds the text between the header and the footer.
176 
+For IE, height is set to 650 to force the footer down to the bottom of the page where the content is short.
177 
+And the second declaration is for everyone else so that it will scroll if longer but be a minimum of 650px
178 
+*/
179 
+#mainpage {
180 
+	height: 550px;
181 
+	padding: 0 1em 1em;
182 
+}
183 
+html>body #mainpage {
184 
+	height: auto;
185 
+	min-height: 550px;
186 
+}
187 
+
188 
+#viewuser #mainpage {
189 
+	padding: 0;
190 
+}
191 
+
192 
+/* Most pages use pagetitle to format the page's title */
193 
+#pagetitle {
194 
+	font-size: 25px;
195 
+	color: #214263;
196 
+	padding: 5px;
197 
+	margin: 0 25% 1em;
198 
+	padding-left: 1em;
199 
+	border-bottom: 3px solid #214263;
200 
+	text-align: Center;
201 
+}
202 
+
203 
+/*
204 
+Where there's a list of alphabet links #alphabet controls their look.
205 
+Just to make things simpler #pagelinks controls the look of the links
206 
+at the bottom of multi-page results and will be set here too.
207 
+Generally, they look alike.
208 
+*/
209 
+#alphabet, #pagelinks {
210 
+	text-align: center;
211 
+	font-size: 13px;
212 
+	margin: 1em 0;
213 
+	line-height: 25px;
214 
+}
215 
+#alphabet A, #pagelinks A {
216 
+	background: #214263;
217 
+	border: 1px solid #000;
218 
+	padding: 2px 4px;
219 
+	margin: 0;
220 
+	text-decoration: none;
221 
+	color: #689ACC;
222 
+}
223 
+#alphabet A:hover, #pagelinks A:hover {
224 
+	background: #689ACC;
225 
+	border: 1px solid #000;
226 
+	padding: 2px 4px;
227 
+	margin: 0;
228 
+	text-decoration: none;
229 
+	color: #214263;
230 
+}
231 
+#alphabet #currentletter, #pagelinks #currentpage {
232 
+	background: #689ACC;
233 
+	color: #214263;
234 
+	border: 1px solid #000;
235 
+	padding: 2px 4px;
236 
+	margin: 0;
237 
+	text-decoration: none;
238 
+	font-weight: bold;
239 
+}
240 
+.ellipses {
241 
+	vertical-align: sub;
242 
+	padding: 4px 5px 0px;
243 
+}
244 
+#plnext, #plprev { margin: 0 20px !important; }
245 
+
246 
+/* End alphabet and page link declarations */
247 
+
248 
+/* labels throughout the site in forms and in other places */
249 
+LABEL, .label {
250 
+	color: #214263;
251 
+	font-weight: bold;
252 
+}
253 
+
254 
+/* The listings of stories etc. */
255 
+/* .sectionheader styles the headings "Stories" and "Series" */
256 
+.sectionheader {
257 
+	text-align: center;
258 
+	font-size: 20px;
259 
+	font-weight: bold;
260 
+	color: #214263;
261 
+	padding: 1ex;
262 
+}
263 
+
264 
+/* The box around each individual story */
265 
+.listbox {
266 
+	margin: 1em 5%;
267 
+}
268 
+
269 
+/* The title bar for each story box. */
270 
+.listbox .title {
271 
+	padding: 4px;
272 
+	color: #D1E0EF;
273 
+	border: 1px solid #000;
274 
+	background: #214263;
275 
+}
276 
+.listbox .title A, .listbox .tail A {
277 
+	color: #689ACC;
278 
+}
279 
+.listbox .title .label, .listbox .tail .label, .listbox .tail .adminoptions .label {
280 
+	color: #D1E0EF;
281 
+	font-weight: bold;
282 
+}
283 
+
284 
+/* The content of the box...summary, categories, etc. */
285 
+.listbox .content {
286 
+	padding: 6px;
287 
+	background: #FFF;
288 
+	border: 1px solid #000;
289 
+	border-top: 0;
290 
+	border-bottom: 0;
291 
+	margin: 0 5px;
292 
+}
293 
+
294 
+/* The tail info published date etc. on the last line */
295 
+.listbox .tail {
296 
+	padding: 3px 7px;
297 
+	color: #D1E0EF;
298 
+	border: 1px solid #000;
299 
+	background: #214263;
300 
+}
301 
+
302 
+.listbox .tail .adminoptions { display: inline; }
303 
+
304 
+/*End story/series listings */
305 
+
306 
+/* titleblock is used for the title information in series and challenges */
307 
+#titleblock {
308 
+	margin: 0 10%;
309 
+}
310 
+
311 
+/* The pulldown jump menus on several pages. */
312 
+.jumpmenu {
313 
+	text-align: right;
314 
+	padding: 1ex;
315 
+}
316 
+
317 
+/* On the story page, there's a jumpmenu at the bottom. It looks better centered, so this will replace the declaration above for that
318 
+drop down list ONLY */
319 
+#pagelinks .jumpmenu {
320 
+	text-align: center;
321 
+}
322 
+
323 
+/* This is used on series and challenges and other places where a response is solicited */
324 
+.respond {
325 
+	text-align: center;
326 
+	padding: 6px;
327 
+}
328 
+
329 
+.listbox .tail .respond {
330 
+	padding: 0;
331 
+	text-align: right;
332 
+}
333 
+
334 
+/* The sort menu on the categories page */
335 
+#sortform { text-align: center; margin: 1em; }
336 
+
337 
+
338 
+/* On pages that don't use listings, the content is surrounded by a div labeled output */
339 
+#output {
340 
+	padding: 10px;
341 
+}
342 
+
343 
+#profilecontainer {
344 
+	background: #689ACC;
345 
+	padding-top: 1em;
346 
+}
347 
+
348 
+/* User Profile stuff */
349 
+/* The top list of information */
350 
+#profile {
351 
+	margin: 0 10% 1em 10%;
352 
+	border: 1px solid #000;
353 
+	background: #FFF;
354 
+	padding: 1em;
355 
+}
356 
+/* The sort menu in the profile */
357 
+#sort {
358 
+	text-align: right;
359 
+	padding: 1ex 3em;
360 
+ }
361 
+/* The following declarations control the tabs */
362 
+#tabs {
363 
+	margin: 0;
364 
+	padding: 0;
365 
+	background: #689ACC;
366 
+	margin-bottom: 1em;
367 
+}
368 
+#tabs UL {
369 
+	padding: 3px 0;
370 
+	margin: 0;
371 
+	border-bottom: 1px solid #000;
372 
+	font: bold 12px Verdana, sans-serif;
373 
+}
374 
+
375 
+#tabs LI {
376 
+	list-style: none;
377 
+	margin: 0;
378 
+	display: inline;
379 
+}
380 
+
381 
+#tabs LI A {
382 
+	padding: 3px 0.5em;
383 
+	margin-left: 3px;
384 
+	border: 1px solid #000;
385 
+	border-bottom: none;
386 
+	background: #214263;
387 
+	text-decoration: none;
388 
+	color: #D1E0EF;
389 
+}
390 
+
391 
+#tabs LI A:hover {
392 
+	color: #D1E0EF;
393 
+	background: #369;
394 
+	border-color: #000;
395 
+}
396 
+
397 
+#tabs #active A{
398 
+	background: #D1E0EF;
399 
+	border-bottom: 1px solid #D1E0EF;
400 
+	color: #214263;
401 
+}
402 
+
403 
+/* This controls the look of the blocks on the index page.   */
404 
+
405 
+/* Your welcome message */
406 
+#welcome {
407 
+	margin: 1em 20%;
408 
+	border: 1px solid #000;
409 
+	padding: 10px;
410 
+	background: #689ACC;
411 
+	color: #214263;
412 
+	font-size: 120%;
413 
+}
414 
+
415 
+/* The box around the block */
416 
+.block {
417 
+	margin: 1em;
418 
+	border: 1px solid #000;
419 
+}
420 
+
421 
+/* The block's title */
422 
+.block .title {
423 
+	background: #214263;
424 
+	color: #FFF;
425 
+	font-weight: bold;
426 
+	padding: 6px;
427 
+	border-bottom: 1px solid #000;
428 
+}
429 
+
430 
+/* The block's content */
431 
+.block .content {
432 
+	padding: 6px;
433 
+	background: #FFF;
434 
+}
435 
+
436 
+.recentbox .title {
437 
+	background: #FFF;
438 
+	color: #214263;
439 
+	margin: 0 15%;
440 
+	border-bottom: 3px double #214263;
441 
+	text-align: center;
442 
+}
443 
+
444 
+.recentbox {
445 
+	margin-bottom: 2em;
446 
+}
447 
+
448 
+#leftindex {
449 
+	width: 200px;
450 
+	float: left;
451 
+}
452 
+html>body #leftindex {
453 
+	margin-top: -1em;
454 
+}
455 
+
456 
+#rightindex {
457 
+	margin-left: 220px;
458 
+}
459 
+
460 
+#info_left {
461 
+	text-align: right;
462 
+	font-weight: bold;
463 
+}
464 
+#info_right {
465 
+	text-align: right !important;
466 
+}
467 
+#newestmember {
468 
+	font-weight: bold;
469 
+}
470 
+
471 
+
472 
+/* The next link at the bottom of a multi-chapter story */
473 
+#next {
474 
+	float: right;
475 
+}
476 
+/* The previous link at the bottom of a multi-chapter story */
477 
+#prev {
478 
+	float: left;
479 
+}
480 
+
481 
+#prev A, #next A{
482 
+	margin: 1ex;
483 
+	padding: 2px 4px;
484 
+	border: 1px solid #000;
485 
+	background: #214263;
486 
+	color: #D1E0EF;
487 
+}
488 
+#prev A:hover, #next A:hover {
489 
+	text-decoration: none;
490 
+	background: #369;
491 
+	color: #214263;
492 
+}
493 
+
494 
+/* The story and chapter notes */
495 
+.notes {
496 
+	margin: 1ex 20%;
497 
+	border: 1px solid #000;
498 
+	background: #FFF;
499 
+}
500 
+
501 
+.notes .title {
502 
+	background: #214263;
503 
+	padding: 2px 4px;
504 
+}
505 
+.notes .title .label {
506 
+	color: #D1E0EF;
507 
+	font-weight: bold;
508 
+}
509 
+
510 
+.noteinfo {
511 
+	padding: 5px;
512 
+}
513 
+
514 
+/* End story and chapter notes */
515 
+
516 
+.storyinfo {
517 
+	padding: 0 15px;
518 
+}
519 
+
520 
+#story {
521 
+	padding: 1em;
522 
+}
523 
+
524 
+.jumpmenu2 { text-align: center; }
525 
+
526 
+.newstitle {
527 
+	font-size: 110%;
528 
+	margin: 0 40% 0 0;
529 
+	padding: 4px;
530 
+	border-bottom: 3px double #214263;
531 
+}
532 
+
533 
+.newssig {
534 
+	text-align: right;
535 
+	margin: 0 0 1em 40%;
536 
+	border-bottom: 3px double #214363;
537 
+}
538 
+
539 
+.comment {
540 
+	padding: 7px;
541 
+	margin: 1ex 10%;
542 
+	background: #FFF;
543 
+	border: 1px solid #689ACC;
544 
+	border-left: 10px solid #689ACC;
545 
+	border-right: 10px solid #689ACC;
546 
+}
547 
+.commentsig {
548 
+	font-style: italic;
549 
+	margin-left: 20px;
550 
+}
551 
+
552 
+.new {
553 
+	color: #C00;
554 
+	font-style: italic;
555 
+	font-weight: bold;
556 
+}
557 
+
558 
+.listbox .title .new {
559 
+	color: #F33;
560 
+	padding: 2px 3px;
561 
+}
562 
+
563 
+#titleblock {
564 
+	border: 1px solid #689ACC;
565 
+	border-left: 10px solid #689ACC;
566 
+	border-right: 10px solid #689ACC;
567 
+	background: #FFF;
568 
+	margin: 1em 10%;
569 
+	padding: 7px;
570 
+}
571 
+
572 
+#titleinfo { text-align: center; }
573 
+
574 
+#viewstory .listbox { border: 1px solid #000; background: #FFF; padding: 7px;}
575 
+#viewstory .listbox .content { border: 0; }
576 
+#viewstory .listbox .adminoptions { padding: 0 7px; margin: 0;}
0 577 
\ No newline at end of file
skins/CSSZen/user.tpl
History View file @ a7c6008
1 578 
new file mode 100644
... ... 
@@ -0,0 +1,18 @@
1 
+<!-- INCLUDE BLOCK : header -->
2 
+<div id="profilecontainer">
3 
+<!-- INCLUDE BLOCK : profile -->
4 
+{adminoptions}
5 
+<div id="sort">{sort}</div>
6 
+
7 
+</div>
8 
+	<div id="tabs"><ul>
9 
+<!-- START BLOCK : paneltabs -->
10 
+<li {class}>{linkcount}</li>
11 
+<!-- END BLOCK : paneltabs -->
12 
+	</ul></div>
13 
+<div id='output'>
14 
+{output}
15 
+</div>
16 
+<!-- INCLUDE BLOCK : listings -->
17 
+</div>
18 
+<!-- INCLUDE BLOCK : footer -->
0 19 
\ No newline at end of file
skins/CSSZen/variables.php
History View file @ a7c6008
1 20 
new file mode 100644
... ... 
@@ -0,0 +1,43 @@
1 
+<?php
2 
+$blocks["categories"]["status"] = 2;
3 
+$blocks["categories"]["template"] = "{image} {link} [{count}]";
4 
+$blocks["categories"]["columns"] = 0;
5 
+$blocks["featured"]["status"] =  '0';
6 
+$blocks["info"]["status"] = 2;
7 
+$blocks["menu"]["status"] = '1';
8 
+$blocks["menu"]["content"] = array (
9 
+	0 => 'adminarea',
10 
+	1 => 'logout',
11 
+	2 => 'login',
12 
+	3 => 'search',
13 
+	4 => 'tens',
14 
+	5 => 'browse',
15 
+	6 => 'members',
16 
+	7 => 'home');
17 
+$blocks["menu"]["style"] = 0;
18 
+$blocks["footermenu"] = array(
19 
+	"title" => "",
20 
+	"status" => "1",
21 
+	"file" => "menu/menu.php",
22 
+	"style" => 0,
23 
+	"content" => array (
24 
+		0 => 'help',
25 
+		1 => 'rules',
26 
+		2 => 'contactus'
27 
+	)
28 
+);
29 
+$blocks["login"]["status"] = 1;
30 
+$blocks['login']['acctlink'] = 0;
31 
+unset($blocks["login"]["template"]);
32 
+$blocks["login"]["form"] = 1; // Long form with register and lost password options
33 
+$blocks["random"]["status"] = 0;
34 
+$blocks["recent"]["status"] = 2;
35 
+$blocks["recent"]["tpl"] = 1;
36 
+$blocks["skinchange"]["status"] = '1';
37 
+$blocks["news"]["status"] = 2;
38 
+$blocks['news']['num'] = 3;
39 
+$new = "<span class='new'>New!</span>";
40 
+$displayprofile = 0;
41 
+$linkstyle = 0;
42 
+$displayindex = 1;
43 
+?>
0 44 
\ No newline at end of file
skins/Zenlike/ZENLIKE_READ_ME.txt
History View file @ a7c6008
1 45 
new file mode 100644
... ... 
@@ -0,0 +1,63 @@
1 
+Skin Name: Zenlike
2 
+Skin Download: http://sally.lunaescence.com/tag/zenlike
3 
+Description: A light green and white skin with very few graphics
4 
+Author: Sally Anderson
5 
+Author E-Mail: sally@lunaescence.com
6 
+Author URI: http://sally.lunaescence.com/
7 
+
8 
+
9 
+
10 
+------------------------------------------
11 
+Brushes and Stock Photos Used in this Set
12 
+------------------------------------------
13 
+Brush: Ink
14 
+Download From: Miss M - http://missm.paperlilies.com/
15 
+Where Used: Header Graphic, near Bamboo.  It looks like a white blur.
16 
+
17 
+Stock Photo: Bamboo
18 
+Download from: ManixTT - http://manixtt-stock.deviantart.com/
19 
+Where Used: Header Graphic and Section Header Background
20 
+
21 
+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.
22 
+
23 
+
24 
+
25 
+------------------------------------------
26 
+Custom Graphics
27 
+------------------------------------------
28 
+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.)
29 
+
30 
+
31 
+
32 
+------------------------------------------
33 
+How to Customize
34 
+------------------------------------------
35 
+
36 
+CSS CUSTOMIZATIONS
37 
+=================
38 
+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.
39 
+
40 
+To do this, you need to open style.css and scroll down until you reach:
41 
+
42 
+/* Main Title Position and Style */
43 
+
44 
+.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).
45 
+
46 
+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).
47 
+
48 
+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.
49 
+
50 
+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.
51 
+
52 
+
53 
+
54 
+PROFILE CUSTOMIZATIONS
55 
+====================
56 
+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}.
57 
+
58 
+Simply open profile.tpl and add your custom tag in where you want it.
59 
+
60 
+
61 
+
62 
+
63 
+Enjoy!
0 64 
\ No newline at end of file
skins/Zenlike/challenges.tpl
History View file @ a7c6008
1 65 
new file mode 100644
... ... 
@@ -0,0 +1,9 @@
1 
+<!-- START BLOCK : challenge -->
2 
+<div class="listbox {oddeven} clearfix">
3 
+<div class="title">{title} by {author}</div>
4 
+<strong>Summary: </strong>{summary}<br />
5 
+<strong>Categories:</strong> {category} <strong>Characters: </strong>{characters}<br />
6 
+{adminoptions}
7 
+<div style="text-align: center;">{respond}</div>
8 
+</div>
9 
+<!-- END BLOCK : challenge -->
0 10 
\ No newline at end of file
skins/Zenlike/comments.tpl
History View file @ a7c6008
1 11 
new file mode 100644
... ... 
@@ -0,0 +1,7 @@
1 
+<!-- START BLOCK : commentbox -->
2 
+<div class="comment {oddeven}">
3 
+{comment}
4 
+<div class="commentsig">- {uname} on {date}</div>
5 
+<div class="adminoptions"> {adminoptions}</div>
6 
+</div>
7 
+<!-- END BLOCK : commentbox -->
0 8 
\ No newline at end of file
skins/Zenlike/default.tpl
History View file @ a7c6008
1 9 
new file mode 100644
... ... 
@@ -0,0 +1,4 @@
1 
+<!-- INCLUDE BLOCK : header -->
2 
+<div id="output">{output}</div>
3 
+<!-- INCLUDE BLOCK : listings -->
4 
+<!-- INCLUDE BLOCK : footer -->
0 5 
\ No newline at end of file
skins/Zenlike/footer.tpl
History View file @ a7c6008
1 6 
new file mode 100644
... ... 
@@ -0,0 +1,10 @@
1 
+<!-- START BLOCK : footer -->
2 
+</td>
3 
+		</tr>
4 
+		<tr>
5 
+			<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 &copy; 2004 <a href="http://manixtt-stock.deviantart.com/" target="_new" title="Stock photography by ManixTT">ManixTT</a>, All Rights Reserved.</td>
6 
+		</tr>
7 
+	</table>
8 
+</body>
9 
+</html>
10 
+<!-- END BLOCK : footer -->
0 11 
\ No newline at end of file
skins/Zenlike/header.tpl
History View file @ a7c6008
1 12 
new file mode 100644
... ... 
@@ -0,0 +1,25 @@
1 
+<!-- START BLOCK : header -->
2 
+<body>
3 
+
4 
+	<table border="0" cellpadding="0" cellspacing="0" style="position:absolute;top:0;left:0;z-index:1">
5 
+		<tr>
6 
+			<td width="124"><img src="skins/Zenlike/images/01.jpg" width="124" height="200" border="0" alt="" /></td>
7 
+			<td width="124"><img src="skins/Zenlike/images/02.jpg" width="124" height="200" border="0" alt="" /></td>
8 
+			<td width="124"><img src="skins/Zenlike/images/03.jpg" width="124" height="200" border="0" alt="" /></td>
9 
+			<td width="30%" class="finalfrm">&nbsp;</td>
10 
+			<td width="124"><img src="skins/Zenlike/images/04.jpg" width="124" height="200" border="0" alt="" /></td>
11 
+		</tr>
12 
+	</table>
13 
+
14 
+<!-- This controls the display your of site name and slogan.  Please refer to the readme file for more information on styling these. -->
15 
+	<div class="bgfttl">{sitename}</div><div class="udrttl">{slogan}</div>
16 
+<!-- End title display section. -->
17 
+
18 
+	{menu_content}
19 
+
20 
+	<div class="line" style="position:absolute;top:230px;left:0;z-index:2"></div>
21 
+
22 
+	<table width="98%" border="0" cellpadding="0" cellspacing="0" style="position:absolute;top:260px;left:0;z-index:2;">
23 
+		<tr>
24 
+			<td class="main">
25 
+<!-- END BLOCK : header -->
0 26 
\ No newline at end of file
skins/Zenlike/images/01.jpg
History View file @ a7c6008
1 27 
new file mode 100644
2 28 
Binary files /dev/null and b/skins/Zenlike/images/01.jpg differ
skins/Zenlike/images/02.jpg
History View file @ a7c6008
3 29 
new file mode 100644
4 30 
Binary files /dev/null and b/skins/Zenlike/images/02.jpg differ
skins/Zenlike/images/03.jpg
History View file @ a7c6008
5 31 
new file mode 100644
6 32 
Binary files /dev/null and b/skins/Zenlike/images/03.jpg differ
skins/Zenlike/images/04.jpg
History View file @ a7c6008
7 33 
new file mode 100644
8 34 
Binary files /dev/null and b/skins/Zenlike/images/04.jpg differ
skins/Zenlike/images/bkgrd.jpg
History View file @ a7c6008
9 35 
new file mode 100644
10 36 
Binary files /dev/null and b/skins/Zenlike/images/bkgrd.jpg differ
skins/Zenlike/images/bkgrd2.jpg
History View file @ a7c6008
11 37 
new file mode 100644
12 38 
Binary files /dev/null and b/skins/Zenlike/images/bkgrd2.jpg differ
skins/Zenlike/images/cats.gif
History View file @ a7c6008
13 39 
new file mode 100644
14 40 
Binary files /dev/null and b/skins/Zenlike/images/cats.gif differ
skins/Zenlike/images/topper.gif
History View file @ a7c6008
15 41 
new file mode 100644
16 42 
Binary files /dev/null and b/skins/Zenlike/images/topper.gif differ
skins/Zenlike/index.tpl
History View file @ a7c6008
17 43 
new file mode 100644
... ... 
@@ -0,0 +1,23 @@
1 
+<!-- INCLUDE BLOCK : header -->
2 
+
3 
+				{welcome}<br /><br />
4 
+
5 
+				<div align="center"><table width="75%" border="0" cellpadding="0" cellspacing="0">
6 
+					<tr>
7 
+						<td class="c1">{categories_title}</td>
8 
+					</tr>
9 
+					<tr>
10 
+						<td class="c2">{categories_content}</td>
11 
+					</tr>
12 
+				</table><br /><br /></div>
13 
+<hr />
14 
+						<div class="n1">{news_title}</div><div align="center">{news_content}</div>
15 
+</td>
16 
+			<td class="m2">
17 
+
18 
+			<div class="m3">{info_title}</div><div class="m4">{login_content}<br /><br />{info_content}</div>
19 
+
20 
+<br /><br />
21 
+
22 
+<div class="m3">{random_title}</div><div class="m4">{random_content}<br /><br /></div>
23 
+<!-- INCLUDE BLOCK : footer -->
0 24 
\ No newline at end of file
skins/Zenlike/listings.tpl
History View file @ a7c6008
1 25 
new file mode 100644
... ... 
@@ -0,0 +1,29 @@
1 
+<!-- START BLOCK : listings -->
2 
+<div class='cleaner' style='clear:both;'>&nbsp;</div>
3 
+{seriesheader}
4 
+<!-- START BLOCK : seriesblock -->
5 
+<div class="listbox {oddeven} clearfix">
6 
+<div class="title">{title} by {author} {new} {score} [{reviews} - {numreviews}] </div>
7 
+<div class="storinfo"><span class="label">Summary: </span>{summary}<br />
8 
+<span class="label">Categories:</span> {category} <span class="label">Characters: </span>{characters}<br>
9 
+{classifications}
10 
+<span class="label">Challenges:</span> {challengelinks}<br /><span class="label">Open:</span> {open}
11 
+{comment}<br />{adminoptions}</div>
12 
+</div><br /><br />
13 
+<!-- END BLOCK : seriesblock -->
14 
+{stories}
15 
+<!-- START BLOCK : storyblock -->
16 
+<div class="listbox {oddeven} clearfix">
17 
+<div class="title">{title} by {author} {new} <span class="label">Rated:</span> {rating} {roundrobin} {score} [{reviews} - {numreviews}] </div>
18 
+<div class="storinfo"><span class="label">Summary: </span>{featuredstory}{summary}<br />
19 
+<span class="label">Categories:</span> {category} <span class="label">Characters: </span> {characters}<br />
20 
+{classifications}
21 
+<span class="label">Challenges:</span> {challengelinks}<br /> <span class="label">Series:</span> {serieslinks}<br />
22 
+<span class="label">Chapters: </span> {numchapters} <span class="label">Completed:</span> {completed}
23 
+<span class="label">Word count:</span> {wordcount}
24 
+{comment}<br />{adminlinks}</div>
25 
+<div class="tail"><span class="label">{addtofaves} {reportthis} Published: </span>{published} <span class="label">Updated:</span> {updated} </div>
26 
+</div><br /><br />
27 
+<!-- END BLOCK : storyblock -->
28 
+{pagelinks}
29 
+<!-- END BLOCK : listings -->
0 30 
\ No newline at end of file
skins/Zenlike/newsbox.tpl
History View file @ a7c6008
1 31 
new file mode 100644
... ... 
@@ -0,0 +1,6 @@
1 
+<!-- START BLOCK : newsbox -->
2 
+<div class="newsbox">
3 
+<div class="newstitle"><div style="float:right;font-size:10px;font-weight:normal">{newscomments}</div>{newstitle} {adminoptions}</div>
4 
+<small style="padding-left:45px">by {newsauthor} on {newsdate}</small><br /><br />
5 
+{newsstory}</div><br /><br />
6 
+<!-- END BLOCK : newsbox -->
0 7 
\ No newline at end of file
skins/Zenlike/profile.tpl
History View file @ a7c6008
1 8 
new file mode 100644
... ... 
@@ -0,0 +1,20 @@
1 
+<!-- START BLOCK : profile -->
2 
+<div id="bio"><div style="float:right">{image}</div>
3 
+	<span class="label">Penname: </span>{userpenname}<br />
4 
+	<span class="label">Real name: </span>{realname}<br />
5 
+	<span class="label">Status: </span>{userlevel}<br />
6 
+	<span class="label">Member Since: </span>{membersince}<br />
7 
+
8 
+	<!-- Website Profile Link -->
9 
+	<span class="label">Website: </span>{website}<br />
10 
+	<!-- End Website Profile Link -->
11 
+
12 
+	<span class="label">Beta-reader:</span> {betareader}
13 
+	<blockquote>{bio}<br /></blockquote>
14 
+
15 
+	<!-- Instant Messenger Links -->
16 
+	<div style="text-align:right">{aol}  {icq}  {msn} {yahoo}</div>
17 
+	<!-- End Instant Messenger Links -->
18 
+</div>
19 
+{adminoptions} {reportthis}
20 
+<!-- END BLOCK : profile -->
0 21 
\ No newline at end of file
skins/Zenlike/reviews.tpl
History View file @ a7c6008
1 22 
new file mode 100644
... ... 
@@ -0,0 +1,15 @@
1 
+<!-- INCLUDE BLOCK : header -->
2 
+{pagetitle}
3 
+{output}
4 
+<!-- START BLOCK : reviewsblock -->
5 
+
6 
+
7 
+<div class="listbox {oddeven} clearfix">
8 
+<span class="classification">Reviewer: </span>{reviewer} <span style="font-size:xx-small">({member})</span> &middot; <span class="classification">Date: </span>{reviewdate} &middot; <span class="classification">On:</span> {chapter}
9 
+<p><blockquote>{review}</blockquote></p>
10 
+<div class="adminoptions">{adminoptions}</div>
11 
+</div>
12 
+<!-- END BLOCK : reviewsblock -->
13 
+{reviewpagelinks}
14 
+{reviewslink}
15 
+<!-- INCLUDE BLOCK : footer -->
0 16 
\ No newline at end of file
skins/Zenlike/style.css
History View file @ a7c6008
1 17 
new file mode 100644
... ... 
@@ -0,0 +1,82 @@
1 
+/*
2 
+		Skin Name: Zenlike
3 
+		Skin Download: http://sally.lunaescence.com/tag/zenlike
4 
+		Description: A light green and white skin with very few graphics
5 
+		Author: Sally Anderson
6 
+		Author E-Mail: sally@lunaescence.com
7 
+		Author URI: http://sally.lunaescence.com/
8 
+*/
9 
+
10 
+/* Basic Styles. */
11 
+A:link,A:active,A:visited {text-decoration:none;color:#066}
12 
+A:hover {text-decoration:underline}
13 
+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}
14 
+HR {border-top:4px double #A4ACAC;border-left:0;border-right:0;border-bottom:0;width:500px;height:5px;text-align:center}
15 
+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}
16 
+TD {vertical-align:top;display:table-cell}
17 
+
18 
+
19 
+
20 
+/* Layout and Text Styles in Alphabetical Order. */
21 
+/* Alternating Cells */
22 
+.even { background: #E4EAEA; }
23 
+.odd { background: #E3EEEF; }
24 
+
25 
+/* Footer.tpl Styles */
26 
+.footer {padding-top:50px;margin-top:50px;text-align:left;font-size:9px;color:#A4ACAC}
27 
+.footer A {color:#A4ACAC;text-decoration:none;font-weight:bold}
28 
+
29 
+/* General Styles, used in multiple places throughout the page */
30 
+#alphabet {text-align:center;font-size:12px;line-height:1.5em;padding-bottom:1em}
31 
+.jumpmenu {text-align:right}
32 
+.m2 {width:200px;padding-left:20px;font-size:9px;text-align:right}
33 
+.m4 {border:1px solid #A4ACAC;width:200px;padding:3px}
34 
+.n1 {text-align:center;font-weight:bold;font-size:14px;letter-spacing:.1em}
35 
+#pagelinks {width:90%;text-align:center;padding:1em;background:#FFF}
36 
+#pagetitle {font-size:15px;font-weight:800;text-align:center;margin-bottom:14px}
37 
+.sectionheader {background:#CAD1CB;color:#000;letter-spacing:.1em;text-align:center;width:100%;clear:both}
38 
+#sort {float:right}
39 
+#story {clear:both}
40 
+.tblborder {border:1px solid #A4ACAC}
41 
+.title {letter-spacing:.1em}
42 
+
43 
+/* Layout Styles */
44 
+.c1 {font-size:14px;letter-spacing:.1em;vertical-align:bottom;background:url(images/cats.gif) no-repeat;padding-left:35px}
45 
+.c2 {border:1px solid #A4ACAC;width:50%;padding:3px;line-height:1.6em;text-align:left;}
46 
+.storinfo {margin-bottom:12px;border-bottom:1px solid #DDE7E8}
47 
+.notes {background: #E3EEEF;clear:both;margin-bottom:5px;}
48 
+.notes .content {margin-left:25px;font-size:12px;}
49 
+.comment {margin-bottom:2em}
50 
+.finalfrm {background:url(images/bkgrd2.jpg) repeat-x scroll top left}
51 
+.m3 {font-size:14px;letter-spacing:.1em;vertical-align:bottom;background:url(images/topper.gif) no-repeat;padding-left:2px}
52 
+.main {padding-left:5px;width:90%;font-size:12px;text-align:left}
53 
+
54 
+/* Main Title Position and Style */
55 
+.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}
56 
+.udrttl {font-size:12px;font-weight:lighter;color:#808080;position:absolute;left:140px;top:115px;z-index:3}
57 
+
58 
+/* Menu Styles */
59 
+.line {border-top:4px double #A4ACAC;height:5px;border-left:0;border-right:0;width:100%;text-align:center}
60 
+#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}
61 
+#menu OL {position:relative;left:0;top:0;margin-bottom:10px;color:#888868;list-style-type:none}
62 
+#menu LI {display:inline;vertical-align:middle;text-align:center;line-height:25px;margin:0;padding-right:.58em;padding-left:.58em;font-size:11px}
63 
+#menu A {color:#606048;text-decoration:none;padding:0}
64 
+#menu A:hover {color:#606048;background:#DBE5E5}
65 
+
66 
+/* News Styles */
67 
+#newsarchive,#sortform,.respond {text-align:center}
68 
+.newsbox {border:1px solid #A4ACAC;width:75%;text-align:left}
69 
+.newstitle {font-size:14px;font-weight:100;text-align:left;padding:0;background:url(images/cats.gif) no-repeat;padding-left:35px}
70 
+
71 
+/* User.tpl styles */
72 
+.label {font-weight:bold}
73 
+#tabs {padding:0;margin:0;clear:both;border-top:1px solid #A4ACAC;width:100%;}
74 
+#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;}
75 
+#tabs #centertab {width:auto;}
76 
+#tabs a {color:#000}
77 
+#tabs a:active,a:hover {text-decoration:underline;color:#000}
78 
+#tabs #active {width:14.2%;color:#000;z-index:8}
79 
+#tabs #active a {color:#000}
80 
+#tabs #active a:active,a:hover {text-decoration:underline;color:#000}
81 
+html>body #tabs {padding: 3px 0 0 0;width:100%;}
82 
+html>body #tabs div {margin-right: 0px;}
0 83 
\ No newline at end of file
skins/Zenlike/user.tpl
History View file @ a7c6008
1 84 
new file mode 100644
... ... 
@@ -0,0 +1,17 @@
1 
+<!-- INCLUDE BLOCK : header -->
2 
+<div id="profile">
3 
+<!-- INCLUDE BLOCK : profile -->
4 
+<div id="sort">{sort}</div>
5 
+</div>
6 
+<div class='cleaner' style='clear:both;'>&nbsp;</div>
7 
+<div id="tabs" class="clearfix">
8 
+<!-- START BLOCK : paneltabs -->
9 
+<div {class}>{link} {count}</div>
10 
+<!-- END BLOCK : paneltabs -->
11 
+</div>
12 
+
13 
+<div class='cleaner' style='clear:both;'>&nbsp;</div>
14 
+	</div>
15 
+	<div style="clear:both">{output}</div>
16 
+<!-- INCLUDE BLOCK : listings -->
17 
+<!-- INCLUDE BLOCK : footer -->
0 18 
\ No newline at end of file
skins/Zenlike/variables.php
History View file @ a7c6008
1 19 
new file mode 100644
... ... 
@@ -0,0 +1,89 @@
1 
+<?php
2 
+/*
3 
+		Skin Name: Zenlike
4 
+		Skin Download: http://sally.lunaescence.com/tag/zenlike
5 
+		Description: A light green and white skin with very few graphics
6 
+		Author: Sally Anderson
7 
+		Author E-Mail: sally@lunaescence.com
8 
+		Author URI: http://sally.lunaescence.com/
9 
+*/
10 
+
11 
+
12 
+
13 
+
14 
+/* CATEGORY BLOCK
15 
+		Categories are to show only on the index.
16 
+		I currently have it set to display:
17 
+		The image, then the link, the story count in brackets, and then the description in a div tag. (template)
18 
+		Three columns (columns)*/
19 
+$blocks["categories"]["status"] = '2';
20 
+$blocks["categories"]["template"] = "{image} {link} [{count}] <div>{description}</div>";
21 
+$blocks["categories"]["columns"] = '3';
22 
+
23 
+
24 
+/* FEATURED BLOCK
25 
+		By default, the featured stories is off.*/
26 
+$blocks["featured"]["status"] =  '0';
27 
+
28 
+
29 
+/* INFO BLOCK
30 
+		Info is set to display only on the home page.  I don't bother to style it.*/
31 
+$blocks["info"]["status"] = '2';
32 
+
33 
+
34 
+/* MENU BLOCK
35 
+		The menu is set to display on all pages.
36 
+		Additional styles include:
37 
+		As an inline list. (style=2)
38 
+		Links to home, recent, authors, categories,titles,series,search,top tens, browse by, help, contact us, and the login info. */
39 
+$blocks["menu"]["status"] = '1';
40 
+$blocks["menu"]["content"] = array (
41 
+  0 => 'home',
42 
+  1 => 'recent',
43 
+  2 => 'authors',
44 
+  3 => 'catslink',
45 
+  4 => 'titles',
46 
+  5 => 'series',
47 
+  6 => 'search',
48 
+  7 => 'tens',
49 
+  8 => 'browse',
50 
+  9 => 'help',
51 
+  10 => 'contactus',
52 
+  11 => 'login',
53 
+  12 => 'logout',
54 
+  13 => 'adminarea');
55 
+$blocks["menu"]["style"] = 0;
56 
+
57 
+
58 
+/* LOG-IN BLOCK
59 
+		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.
60 
+		I currently have it set to display:
61 
+		In long format (form) */
62 
+$blocks["login"]["status"] = '1';
63 
+$blocks["login"]["form"] = '1';
64 
+
65 
+
66 
+/* RANDOM STORIES BLOCK
67 
+		Status is set to display on just the index page.*/
68 
+$blocks["random"]["status"] = '2';
69 
+
70 
+
71 
+/* RECENT STORIES BLOCK
72 
+		By default, the recent stories block is off.*/
73 
+$blocks["recent"]["status"] = '0';
74 
+
75 
+
76 
+/* SKIN CHANGER
77 
+		Status is set to display on all pages. */
78 
+$blocks["skinchange"]["status"] = '1';
79 
+
80 
+
81 
+/* NEWS BLOCK
82 
+		Status is set to display on just the index page. */
83 
+$blocks["news"]["status"] = '2';
84 
+
85 
+
86 
+/* NEW STORY INDICATOR
87 
+		Styled: Plain text surrounded with the superscript HTML tag with font-size set to extra small and italic.*/
88 
+$new = "<sup style='font-size:xx-small;font-style:italic'>New!</sup>";
89 
+?>
0 90 
\ No newline at end of file
skins/Zenlike/viewstory.tpl
History View file @ a7c6008
1 91 
new file mode 100644
... ... 
@@ -0,0 +1,19 @@
1 
+<!-- INCLUDE BLOCK : header -->
2 
+<div id="pagetitle">{title} by {author} {new}</div>
3 
+
4 
+<div id="sort"> [{reviews} - {numreviews}] {printicon}<br />{toc} {adminlinks}<br>{textsizer}</div>
5 
+<div class="jumpmenu">{jumpmenu}</div>
6 
+<!-- START BLOCK : storynotes -->
7 
+<div class='notes'><div class='title'><span class='label'>Story Notes:</span></div><div class='noteinfo'>{storynotes}</div></div>
8 
+<!-- END BLOCK : storynotes -->
9 
+<!-- START BLOCK : notes -->
10 
+<div class='notes'><div class='title'><span class='label'>Author's Chapter Notes:</span></div><div class='noteinfo'>{notes}</div></div>
11 
+<!-- END BLOCK : notes -->
12 
+<div id="story">{story}</div>
13 
+<!-- START BLOCK : endnotes -->
14 
+<div class='notes'><div class='title'><span class='label'>Chapter End Notes:</span></div><div class='noteinfo'>{endnotes}</div></div>
15 
+<!-- END BLOCK : endnotes -->
16 
+<div id="pagelinks"><div id="prev">{prev}</div><div class="jumpmenu">{jumpmenu2}</div><div id="next">{next}</div></div>
17 
+<div class="respond">{roundrobin}</div>
18 
+<div id="reviewform">{reviewform}</div>
19 
+<!-- INCLUDE BLOCK : footer -->
0 20 
\ No newline at end of file
skins/elegance/challenges.tpl
History View file @ a7c6008
1 21 
new file mode 100644
... ... 
@@ -0,0 +1,12 @@
1 
+<!-- START BLOCK : challenge -->
2 
+  <div class="block">
3 
+	<div class="tl"><div class="tr">
4 
+	<div class="storytitle">{title} by {author}</DIV>
5 
+	</div></div>
6 
+	<div class="content">{summary}
7 
+	<div class="small">Categories: {category} Characters: {characters}</div>
8 
+	</div>
9 
+	<div class="bottom">{respond}    {adminoptions}
10 
+</div>
11 
+
12 
+<!-- END BLOCK : challenge -->
0 13 
\ No newline at end of file
skins/elegance/comments.tpl
History View file @ a7c6008
1 14 
new file mode 100644
... ... 
@@ -0,0 +1,7 @@
1 
+<!-- START BLOCK : commentbox -->
2 
+<div class="block">
3 
+<div class="content">{comment}</div>
4 
+<div class="bottom">Posted by: {uname} on {date} <br />
5 
+{adminoptions}</div>
6 
+</div>
7 
+<!-- END BLOCK : commentbox -->
0 8 
\ No newline at end of file
skins/elegance/favcomment.tpl
History View file @ a7c6008
1 9 
new file mode 100644
... ... 
@@ -0,0 +1,6 @@
1 
+<!-- START BLOCK : comment -->
2 
+<div class="block">
3 
+<div class="content">{comment}</div>
4 
+<div class="bottom">{commentoptions}</div>
5 
+</div>
6 
+<!-- END BLOCK : comment -->
skins/elegance/footer.tpl
History View file @ a7c6008
0 7 
new file mode 100644
... ... 
@@ -0,0 +1,7 @@
1 
+<!-- START BLOCK : footer -->
2 
+</div>
3 
+<div id="footer">{footer}</div>
4 
+</div>
5 
+</body>
6 
+</html>
7 
+<!-- END BLOCK : footer -->
0 8 
\ No newline at end of file
skins/elegance/header.tpl
History View file @ a7c6008
1 9 
new file mode 100644
... ... 
@@ -0,0 +1,15 @@
1 
+<!-- START BLOCK : header -->
2 
+<body>
3 
+<div id="{page_id}">
4 
+<div id="bannerback">
5 
+  <div id="banner">
6 
+    <h1>{sitename}</h1>
7 
+    <h2>{slogan}</h2>
8 
+  </div>  <div id="skin">{skinchange_content}</div>
9 
+  <div id="rss">{rss}</div>
10 
+</div>
11 
+
12 
+{menu_content}
13 
+
14 
+<div id="mainpage">
15 
+<!-- END BLOCK : header -->
0 16 
\ No newline at end of file
skins/elegance/images/back.gif
History View file @ a7c6008
1 17 
new file mode 100644
2 18 
Binary files /dev/null and b/skins/elegance/images/back.gif differ
skins/elegance/images/bl.gif
History View file @ a7c6008
3 19 
new file mode 100644
4 20 
Binary files /dev/null and b/skins/elegance/images/bl.gif differ
skins/elegance/images/br.gif
History View file @ a7c6008
5 21 
new file mode 100644
6 22 
Binary files /dev/null and b/skins/elegance/images/br.gif differ
skins/elegance/images/elegance.jpg
History View file @ a7c6008
7 23 
new file mode 100644
8 24 
Binary files /dev/null and b/skins/elegance/images/elegance.jpg differ
skins/elegance/images/tl.gif
History View file @ a7c6008
9 25 
new file mode 100644
10 26 
Binary files /dev/null and b/skins/elegance/images/tl.gif differ
skins/elegance/images/tr.gif
History View file @ a7c6008
11 27 
new file mode 100644
12 28 
Binary files /dev/null and b/skins/elegance/images/tr.gif differ
skins/elegance/index.tpl
History View file @ a7c6008
13 29 
new file mode 100644
... ... 
@@ -0,0 +1,37 @@
1 
+<!-- INCLUDE BLOCK : header -->
2 
+<div id="leftindex">
3 
+
4 
+  <div class="block">
5 
+	<div class="tl"><div class="tr">
6 
+	<div class="title">{info_title}</div>
7 
+	</div></div>
8 
+	<div class="content">{info_content}<br>{login_content}</div>
9 
+  </div>
10 
+
11 
+</div>
12 
+
13 
+<div id="rightindex">
14 
+
15 
+  <div class="block">
16 
+      	<div class="tl"><div class="tr">
17 
+	<div class="title">{categories_title}</div>
18 
+	</div></div>
19 
+       	<div class="content">{categories_content}</div>
20 
+  </div>
21 
+
22 
+</div>
23 
+
24 
+<div id="middleindex">
25 
+
26 
+  <div class="block">
27 
+      	<div class="tl"><div class="tr">
28 
+	<div class="title">Welcome!</div>
29 
+	</div></div>
30 
+       	<div class="content">{welcome}</div>
31 
+  </div>
32 
+
33 
+	{news_content}
34 
+</div>
35 
+
36 
+
37 
+<!-- INCLUDE BLOCK : footer -->
0 38 
\ No newline at end of file
skins/elegance/listings.tpl
History View file @ a7c6008
1 39 
new file mode 100644
... ... 
@@ -0,0 +1,46 @@
1 
+<!-- START BLOCK : listings -->
2 
+{seriesheader}
3 
+<!-- START BLOCK : seriesblock -->
4 
+   <div class="block">
5 
+	<div class="tl"><div class="tr">
6 
+	<div class="storytitle"><div class="left">{title} by {author}</div> <div class="right"> [{reviews} - {numreviews}]</div>
7 
+	<div class="clear"></div>
8 
+	</div>
9 
+	</div></div>
10 
+
11 
+ <div class="content">{summary}
12 
+	<div class="small">Parent Series: {parentseries}; Categories: {category}; Characters: {characters}; {classifications}
13 
+	 </div>
14 
+	</div>
15 
+	<div class="bottom"><div class="left">Open: {open}</div>
16 
+	<div class="right">{reportthis} {adminoptions}</div>
17 
+<div class="clear"></div>
18 
+	</div>
19 
+</div>
20 
+{comment}
21 
+<!-- END BLOCK : seriesblock -->
22 
+
23 
+{stories}
24 
+<!-- START BLOCK : storyblock -->
25 
+  <div class="block">
26 
+	<div class="tl"><div class="tr">
27 
+	<div class="storytitle"><div class="left">{new} {title} by {author} [{rating}]</div> <div class="right">{roundrobin} {score} [{reviews} - {numreviews}]</div>
28 
+	<div class="clear"></div>
29 
+	</div>
30 
+	</div></div>
31 
+
32 
+	<div class="content">{featuredstory}{summary}
33 
+	<div class="small">
34 
+	Categories: {category}; Characters:  {characters}; {classifications} Chapters:  {numchapters} {toc} Series: {serieslinks}<br>
35 
+	Word count: {wordcount};  Read Count: {count}; Completed: {completed}
36 
+	 </div>
37 
+	</div>
38 
+	<div class="bottom"><div class="left">Updated: {updated}; Published: {published}</div>
39 
+	<div class="right">{addtofaves} {reportthis} {adminlinks}</div>
40 
+<div class="clear"></div>
41 
+	</div>
42 
+</div>
43 
+{comment}
44 
+<!-- END BLOCK : storyblock -->
45 
+{pagelinks}
46 
+<!-- END BLOCK : listings -->
0 47 
\ No newline at end of file
skins/elegance/newsbox.tpl
History View file @ a7c6008
1 48 
new file mode 100644
... ... 
@@ -0,0 +1,15 @@
1 
+<!-- START BLOCK : newsbox -->
2 
+<div class="block">
3 
+  <div class="tl"><div class="tr">
4 
+    <div class="newstitle">{newstitle}</div>
5 
+  </div></div>
6 
+  <div class="content">
7 
+    {newsstory}
8 
+ </div>
9 
+  <div class="bottom">
10 
+   Posted by: {newsauthor} on {newsdate}({newscomments})<br>
11 
+   {adminoptions}
12 
+  </div>
13 
+</div>
14 
+
15 
+<!-- END BLOCK : newsbox -->
0 16 
\ No newline at end of file
skins/elegance/profile.tpl
History View file @ a7c6008
1 17 
new file mode 100644
... ... 
@@ -0,0 +1,18 @@
1 
+<!-- START BLOCK : profile -->
2 
+<div class="block">
3 
+	<div class="content">
4 
+	<div class="left">
5 
+	<b>Penname: </b>{userpenname} <br />
6 
+	<b>Real name: </b>{realname}
7 
+	<b>Member Since: </b>{membersince}<br />
8 
+	<b>Membership status:</b> {userlevel}<br /></div>
9 
+	<div class="right">{image}</div>
10 
+	<div class="clear">{bio}<br />
11 
+	{authorfields}
12 
+	</div>
13 
+	</div>
14 
+	<div class="bottom">{adminoptions} {reportthis}</div>
15 
+</div>
16 
+
17 
+
18 
+<!-- END BLOCK : profile -->
0 19 
\ No newline at end of file
skins/elegance/reviewblock.tpl
History View file @ a7c6008
1 20 
new file mode 100644
... ... 
@@ -0,0 +1,10 @@
1 
+<!-- START BLOCK : reviewsblock -->
2 
+  <div class="block">
3 
+	<div class="tl"><div class="tr">
4 
+	<div class="storytitle"><div class="left">Reviewer: {reviewer} ({member})  </div><div class="right">{reviewdate}</div><div class="clear"></div></div>
5 
+	</div></div>
6 
+	<div class="content">{review}</div>
7 
+<div class="bottom"><div class="left">{chapter}</div><div class="right">{adminoptions} {reportthis}</div><div class="clear"></div>
8 
+	</div>
9 
+</div>
10 
+<!-- END BLOCK : reviewsblock -->
0 11 
\ No newline at end of file
skins/elegance/reviews.tpl
History View file @ a7c6008
1 12 
new file mode 100644
... ... 
@@ -0,0 +1,12 @@
1 
+<!-- INCLUDE BLOCK : header -->
2 
+{pagetitle}
3 
+<br />
4 
+<div class="left">{reviewslink}</div>
5 
+<div class="right">{jumpmenu}</div>
6 
+<div class="clear"></div>
7 
+<br />
8 
+{output}
9 
+<!-- INCLUDE BLOCK : reviewsblock -->
10 
+{reviewpagelinks}
11 
+{reviewform}
12 
+<!-- INCLUDE BLOCK : footer -->
0 13 
\ No newline at end of file
skins/elegance/series_title.tpl
History View file @ a7c6008
1 14 
new file mode 100644
... ... 
@@ -0,0 +1,15 @@
1 
+<!-- START BLOCK : series -->
2 
+<div id="pagetitle">{pagetitle} {rating}</div>
3 
+<p>[{reviews} - {numreviews}]</p>
4 
+<p>{summary}</p>
5 
+<div class="small">
6 
+Categories: {categories}<br />
7 
+Characters:{characters}<br />
8 
+{classifications}
9 
+Challenges: {challenges}<br />
10 
+Parent Series: {parentseries}<br />
11 
+{adminoptions}<br />
12 
+</div>
13 
+
14 
+<div class="jumpmenu">{jump}</div>
15 
+<!-- END BLOCK : series -->
0 16 
\ No newline at end of file
skins/elegance/storyindex.tpl
History View file @ a7c6008
1 17 
new file mode 100644
... ... 
@@ -0,0 +1,32 @@
1 
+<!-- INCLUDE BLOCK : header -->
2 
+<div id="pagetitle">{title} by {author} [{rating}]</div>
3 
+<div class="jumpmenu">{jumpmenu}</div>
4 
+
5 
+<div class="block">
6 
+<div class="tl"><div class="tr"><div class="storytitle">
7 
+<div class="left">[{reviews} - {numreviews}] {score}</div><div class="right">{printicon}</div><div class="clear"></div>
8 
+</div></div></div>
9 
+<div class="content">{featuredstory}{summary}
10 
+<div class="small">
11 
+Categories: {category}; Characters: {characters}; {classifications}<br />
12 
+Challenges: {challengelinks}; Series: {serieslinks}<br />
13 
+Chapters:  {numchapters}; Completed: {completed}<br />
14 
+Word count: {wordcount} Read: {count}</div>
15 
+</div>
16 
+ <div class="bottom"><div class="left">Published: {published} Updated: {updated}</div>
17 
+<div class="right">{addtofaves}{adminlinks}</div><div class="clear"></div>
18 
+</div>
19 
+</div>
20 
+
21 
+<!-- START BLOCK : storynotes -->
22 
+<div class='notes'><b>Story Notes:</span></b>{storynotes}</div>
23 
+<!-- END BLOCK : storynotes -->
24 
+<!-- START BLOCK : storyindexblock -->
25 
+      <p><b>{chapternumber}. {title} </b>by {author} [{reviews} - {numreviews}] {ratingpics} ({wordcount} words)<br />
26 
+	{chapternotes}{adminoptions}</p>
27 
+<!-- END BLOCK : storyindexblock -->
28 
+<div id="pagelinks"><div class="jumpmenu">{jumpmenu2}</div></div>
29 
+<div class="respond">{roundrobin}</div>
30 
+{reviewform}
31 
+</div>
32 
+<!-- INCLUDE BLOCK : footer -->
0 33 
\ No newline at end of file
skins/elegance/style.css
History View file @ a7c6008
1 34 
new file mode 100644
... ... 
@@ -0,0 +1,281 @@
1 
+/* Some definitions used everywhere */
2 
+body {
3 
+	margin: 0px;
4 
+	padding: 0px;
5 
+	background-color: #BDCC6D;
6 
+	color: #3B4325;
7 
+	line-height: 1.2em;
8 
+	font-family: verdana, arial, san-serif;
9 
+	font-size: 90%;
10 
+}
11 
+
12 
+/* links */
13 
+a {
14 
+	color: #333;
15 
+	font-weight: bold;
16 
+	text-decoration: underline;
17 
+}
18 
+/* hovering links */
19 
+a:hover {
20 
+	text-decoration: underline;
21 
+}
22 
+
23 
+/*small fonts */
24 
+.small {font-size: 80%;}
25 
+
26 
+/*rounded top corners used in various places */
27 
+.tl {background: #758F39 url(images/tl.gif) no-repeat top left;}
28 
+.tr {background: url(images/tr.gif) no-repeat top right;}
29 
+
30 
+/* Left and right floats used in some blocks */
31 
+.left {float: left; width: 55%; text-align: left;}
32 
+.right {float: right; width: 30%; text-align: right;}
33 
+.clear {clear: both;}
34 
+
35 
+/* the background of the banner. this allows us to make the banner fit the width of the page, no matter how wide */
36 
+#bannerback {
37 
+	height: 150px;
38 
+	margin: 0px;
39 
+	background: #B5C9BA url('images/back.gif') repeat top left;
40 
+}
41 
+
42 
+/* the image in the banner */
43 
+#banner {
44 
+	height: 150px;
45 
+	margin: 0px;
46 
+	background: url('images/elegance.jpg') no-repeat top left;
47 
+}
48 
+
49 
+/* search engines like headings so we will use them for sitename and
50 
+slogan, but we don't want them to appear on the page and mess up our banner */
51 
+	#banner h1, #banner h2 {display: none;}
52 
+
53 
+/* The location of the div containing the skin change drop menu  in the banner area */
54 
+#skin {
55 
+	position: absolute;
56 
+	right: 50px;
57 
+	top: 25px;
58 
+}
59 
+/* The location of the div containing the RSS link in the banner area */
60 
+#rss {
61 
+	position: absolute;
62 
+	right: 50px;
63 
+	top: 55px;
64 
+}
65 
+
66 
+/* the following defines your menu below the banner div */
67 
+#menu {
68 
+	position: absolute;
69 
+	top: 98px;
70 
+	right: 0px;
71 
+	text-align: right;
72 
+	color: #517059;
73 
+	font-weight: bold;
74 
+	font-size: 95%;
75 
+}
76 
+
77 
+/*The rounded off left edge image.*/
78 
+#menu ul {
79 
+	margin: 0px;
80 
+	background: #758F39 url(images/bl.gif) no-repeat bottom left; 		padding: 5px;
81 
+}
82 
+
83 
+#menu ul li {display: inline; padding: 1px;}
84 
+
85 
+/* links in the menu */
86 
+#menu a {
87 
+ 	color: #CEDCAE;
88 
+	font-weight: bold;
89 
+	font-size: 95%;
90 
+	text-decoration: none;
91 
+	text-transform: uppercase;
92 
+	border-right: 1px solid #CEDCAE;
93 
+	padding: 0px 5px;
94 
+}
95 
+
96 
+/* Hovered links in the menu */
97 
+#menu a:hover {
98 
+	color: #CEDCAE;
99 
+	background: #93B348;
100 
+	border-right: 1px solid #CEDCAE;
101 
+}
102 
+
103 
+/* The link for the currently displayed page in the menu */
104 
+#menu #current {text-decoration: underline;}
105 
+
106 
+/* end menu setup */
107 
+
108 
+
109 
+/* the footer box at the bottom of the page */
110 
+#footer {
111 
+	padding: 0px;
112 
+	border-top: 5px solid #758F39;
113 
+	text align: center;
114 
+	clear: both;
115 
+}
116 
+
117 
+/* End universal page setup */
118 
+
119 
+
120 
+/*Index page*/
121 
+/*left and right columns--line-height fixes a disappearing float IE bug */
122 
+#leftindex {
123 
+	width: 25%;
124 
+	float: left;
125 
+	line-height: 1.3em;
126 
+}
127 
+
128 
+#rightindex {
129 
+	width: 25%;
130 
+	float: right;
131 
+	line-height: 1.3em;
132 
+}
133 
+
134 
+#middleindex {margin: 3px 26%;}
135 
+
136 
+/* This controls the look of the blocks on a few pages   */
137 
+/* The box around the block */
138 
+.block {margin: 0px 0px 15px 0px;}
139 
+
140 
+/* The block's title */
141 
+.block .title {
142 
+	color: #CEDCAE;
143 
+	font-weight: bold;
144 
+	text-align: center;
145 
+	padding: 4px;
146 
+}
147 
+
148 
+.block .newstitle, .block .storytitle {
149 
+	color: #CEDCAE;
150 
+	font-weight: bold;
151 
+	text-align: left;
152 
+	padding: 4px 7px 0px 7px;
153 
+}
154 
+
155 
+/* The block's content */
156 
+.block .content {
157 
+	background: #FFFFFF;
158 
+	border-top: 5px solid #758F39;
159 
+	border-right: 1px solid #758F39;
160 
+	border-bottom: 5px solid #758F39;
161 
+	border-left: 1px solid #758F39;
162 
+	padding: 5px;
163 
+}
164 
+
165 
+.block .bottom {
166 
+	color: #CEDCAE;
167 
+	background: #758F39;
168 
+	padding: 2px 5px;
169 
+	font-weight: bold;
170 
+	font-size: 80%;
171 
+}
172 
+
173 
+
174 
+
175 
+/*main content on the page */
176 
+#mainpage {margin: 0px 2%;}
177 
+
178 
+
179 
+
180 
+
181 
+
182 
+#pagetitle, .sectionheader {
183 
+	text-align: center;
184 
+	font-weight: bold;
185 
+	font-size: 105%;
186 
+	margin: 10px;
187 
+}
188 
+
189 
+/* 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.*/
190 
+#alphabet, #pagelinks {
191 
+ 	text-align: center;
192 
+ 	font-size: 13px;
193 
+ 	margin: 1em 0;
194 
+	line-height: 25px;
195 
+}
196 
+
197 
+#alphabet a, #pagelinks a {
198 
+ 	background: #758F39;
199 
+ 	border: 1px solid #000;
200 
+ 	padding: 2px 4px;
201 
+ 	margin: 0;
202 
+ 	text-decoration: none;
203 
+ 	color: #CEDCAE;
204 
+}
205 
+
206 
+#alphabet a:hover, #pagelinks a:hover {
207 
+ 	background: #CEDCAE;
208 
+	border: 1px solid #000;
209 
+	padding: 2px 4px;
210 
+ 	margin: 0;
211 
+ 	text-decoration: none;
212 
+ 	color: #758F39;
213 
+}
214 
+
215 
+#alphabet #currentletter, #pagelinks #currentpage {
216 
+ 	background: #CEDCAE;
217 
+ 	color: #758F39;
218 
+ 	border: 1px solid #000;
219 
+ 	padding: 2px 4px;
220 
+ 	margin: 0;
221 
+ 	text-decoration: none;
222 
+	font-weight: bold;
223 
+}
224 
+
225 
+#sortform {text-align: center; margin: 10px;}
226 
+
227 
+/* 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 */
228 
+#columncontainer {
229 
+	margin: 5px auto;
230 
+	width: 60%;
231 
+	min-width: 60%;
232 
+	text-align: center;
233 
+}
234 
+html>body #columncontainer {text-align: left;}
235 
+
236 
+.jumpmenu, #sort {margin: 5px;}
237 
+
238 
+.notes {margin: 5px auto; width: 65%; min-width: 65%; text-align: center;}
239 
+html>body .notes {text-align: left;}
240 
+
241 
+#story {padding: 0px 10px;}
242 
+
243 
+The following declarations control the tabs */
244 
+#tabs {
245 
+	margin: 0;
246 
+	padding: 0;
247 
+	background: #758F39;
248 
+	margin-bottom: 1em;
249 
+}
250 
+
251 
+
252 
+#tabs ul {
253 
+	padding: 3px 0;	margin: 0;
254 
+	border-bottom: 1px solid #000;
255 
+	font: bold 12px Verdana, sans-serif;
256 
+}
257 
+
258 
+#tabs li {
259 
+	list-style: none;
260 
+	margin: 0;
261 
+	display: inline;
262 
+}
263 
+
264 
+#tabs li a {
265 
+	padding: 3px 0.5em;
266 
+	margin-left: 3px;
267 
+	border: 1px solid #000;
268 
+	border-bottom: none;
269 
+	background: #214263;
270 
+	text-decoration: none;
271 
+	color: #CEDCAE;
272 
+}
273 
+
274 
+#tabs li a:hover {
275 
+	color: #000000;
276 
+	background: #369;
277 
+	border-color: #000;
278 
+}
279 
+
280 
+#tabs #active a {background:#BDCC6D; color: #758F39;}
281 
+
skins/elegance/user.tpl
History View file @ a7c6008
0 282 
new file mode 100644
... ... 
@@ -0,0 +1,15 @@
1 
+<!-- INCLUDE BLOCK : header -->
2 
+<div id="profile">
3 
+<!-- INCLUDE BLOCK : profile -->
4 
+{adminoptions}
5 
+<div id="sort">{sort}</div>
6 
+</div>
7 
+	<div id="tabs">
8 
+<!-- START BLOCK : paneltabs -->
9 
+<span {class}>{link} {count}</span>
10 
+<!-- END BLOCK : paneltabs -->
11 
+<div class="cleaner" style="clear: both;">&nbsp;</div>
12 
+	</div>
13 
+{output}
14 
+<!-- INCLUDE BLOCK : listings -->
15 
+<!-- INCLUDE BLOCK : footer -->
0 16 
\ No newline at end of file
skins/elegance/viewstory.tpl
History View file @ a7c6008
1 17 
new file mode 100644
... ... 
@@ -0,0 +1,32 @@
1 
+<!-- INCLUDE BLOCK : header -->
2 
+<div class="right">{reportthis}</div>
3 
+<div id="pagetitle">{title} by {author}</div>
4 
+<div class="block">
5 
+<div class="content">
6 
+<div class="left"> [{reviews} - {numreviews}]<br>{toc}<br>{adminlinks}</div>
7 
+ <div class="right"><br>{printicon}<div class="jumpmenu">{textsizer}{jumpmenu}</div></div>
8 
+
9 
+
10 
+<!-- START BLOCK : storynotes -->
11 
+<blockquote>
12 
+<p><b>Story Notes:</b><br>
13 
+	{storynotes}</p>
14 
+</blockquote>
15 
+<!-- END BLOCK : storynotes -->
16 
+
17 
+<!-- START BLOCK : notes -->
18 
+<blockquote>
19 
+<p><b>Author's Chapter Notes:</b><br>{notes}</p></blockquote>
20 
+<!-- END BLOCK : notes -->
21 
+<div id="story">{story}</div>
22 
+<!-- START BLOCK : endnotes -->
23 
+<blockquote<p><b>Chapter End Notes:</b><br>{endnotes}</p>
24 
+</blockquote>
25 
+<!-- END BLOCK : endnotes -->
26 
+<div class="left">{prev}{next}</div>
27 
+<div class="right">
28 
+<div class="jumpmenu">{jumpmenu2}</div></div>
29 
+{addtofaves} {roundrobin}</div>
30 
+</div>
31 
+{reviewform}
32 
+<!-- INCLUDE BLOCK : footer -->
0 33 
\ No newline at end of file