Browse code

Restore original eFiction 3.0 skins

Clarissa Walker authored on 2026/07/15 07:41:54
Showing 1 changed files
1 1
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