summary refs log tree commit diff stats
path: root/theme
diff options
context:
space:
mode:
authorStarla Insigna <hatkirby@fourisland.com>2010-05-17 19:51:43 -0400
committerStarla Insigna <hatkirby@fourisland.com>2010-05-17 19:51:43 -0400
commitccabcbf3a48d1e96b429cc54c5b755e8fb966b48 (patch)
tree1cbe4d88d94447f542c903fa6f00c0b040a43d17 /theme
parent9466c3d016a0d8f19ce22f42b8e617df222329f1 (diff)
downloadfourisland-ccabcbf3a48d1e96b429cc54c5b755e8fb966b48.tar.gz
fourisland-ccabcbf3a48d1e96b429cc54c5b755e8fb966b48.tar.bz2
fourisland-ccabcbf3a48d1e96b429cc54c5b755e8fb966b48.zip
Created Subtle Mode (SEVERE BETA, LOL IT LOOKS GROSS)
Diffstat (limited to 'theme')
-rwxr-xr-xtheme/css.php2
-rwxr-xr-xtheme/layouts/6.2/layout.tpl1
-rw-r--r--theme/layouts/subtle/layout.tpl242
-rw-r--r--theme/layouts/subtle/style.php1337
4 files changed, 1581 insertions, 1 deletions
diff --git a/theme/css.php b/theme/css.php index 74e7c09..30a1523 100755 --- a/theme/css.php +++ b/theme/css.php
@@ -25,9 +25,9 @@ header('Content-type: text/css');
25include('../includes/functions.php'); 25include('../includes/functions.php');
26 26
27include('css/website.css'); 27include('css/website.css');
28include('css/bubbles.css');
28include('layouts/' . getLayout() . '/style.php'); 29include('layouts/' . getLayout() . '/style.php');
29include('css/blog.php'); 30include('css/blog.php');
30include('css/bubbles.css');
31include('css/quotes.css'); 31include('css/quotes.css');
32 32
33?> 33?>
diff --git a/theme/layouts/6.2/layout.tpl b/theme/layouts/6.2/layout.tpl index 49884f1..0f0d586 100755 --- a/theme/layouts/6.2/layout.tpl +++ b/theme/layouts/6.2/layout.tpl
@@ -169,6 +169,7 @@
169 <p> 169 <p>
170 <strong>Theme Switcher</strong>: 170 <strong>Theme Switcher</strong>:
171 <select style="width: 55%" onchange="document.location='<!--ME-->?layout='+this.options[this.selectedIndex].value"> 171 <select style="width: 55%" onchange="document.location='<!--ME-->?layout='+this.options[this.selectedIndex].value">
172 <option value="subtle">Subtle Mode (beta)</option>
172 <option value="7">7</option> 173 <option value="7">7</option>
173 <option value="6.2" selected="selected">6.2</option> 174 <option value="6.2" selected="selected">6.2</option>
174 <option value="4.5">4.5</option> 175 <option value="4.5">4.5</option>
diff --git a/theme/layouts/subtle/layout.tpl b/theme/layouts/subtle/layout.tpl new file mode 100644 index 0000000..e23bb8d --- /dev/null +++ b/theme/layouts/subtle/layout.tpl
@@ -0,0 +1,242 @@
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
3<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
4 <head>
5 <title><!--EXTRATITLE-->Four Island</title>
6 <link href="/fourm/styles/prosilver/theme/print.css" rel="stylesheet" type="text/css">
7 <link rel="stylesheet" type="text/css" href="/theme/css.php" />
8 <!--[if IE]><link rel="stylesheet" type="text/css" href="/theme/css/ie.css" /><![endif]-->
9 <link rel="stylesheet" type="text/css" href="/theme/css/print.css" media="print" />
10 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
11 <meta http-equiv="Content-Language" content="en" />
12 <link rel="alternate" type="application/rss+xml" href="http://feeds.feedburner.com/FourIsland?format=xml" title="Four Island" />
13 <link rel="shortcut" href="/images/kirbyfolder.ico" />
14 <link rel="icon" href="/images/kirbyfolder.ico" />
15 <link rel="pingback" href="http://fourisland.com/xmlrpc.php" />
16 <script type="text/javascript" src="/theme/js/jquery.js"></script>
17 </head>
18
19 <body id="<!--CATEGORY-->">
20 <div id="flash"><!--FLASH--></div>
21
22 <div id="header">
23 <div id="banner"><a href="/">Four Island</a></div>
24 </div>
25
26 <div id="page-content">
27 <div id="content">
28 <ul class="navbar">
29 <li<!--BLOGACTIVE-->>
30 <a href="/">
31 <img src="/theme/images/icons/newspaper.png" alt="Blog" />
32 <span>Blog</span>
33 </a>
34 </li>
35
36 <li>
37 <a href="http://projects.fourisland.com/">Projects</a>
38 </li>
39
40 <li<!--FOURMACTIVE-->>
41 <a href="/fourm/">
42 <img src="/theme/images/icons/comment.png" alt="The Fourm" />
43 <span>The Fourm</span>
44 </a>
45 </li>
46
47 <li<!--WIKIACTIVE-->>
48 <a href="/wiki/">
49 <img src="/theme/images/icons/report.png" alt="Wiki" />
50 <span>Wiki</span>
51 </a>
52 </li>
53
54 <li<!--POLLACTIVE-->>
55 <a href="/poll/">
56 <img src="/theme/images/icons/overlays.png" alt="Polls" />
57 <span>Polls</span>
58 </a>
59 </li>
60
61 <li<!--QUOTESACTIVE-->>
62 <a href="/quotes/">
63 <img src="/theme/images/icons/16-file-page.png" alt="Quotes" />
64 <span>Quotes</span>
65 </a>
66 </li>
67
68 <!--BEGIN MEMBERS-->
69 <li<!--LOGACTIVE-->>
70 <a href="/fourm/ucp.php?mode=log<!--LOGDATA-->&amp;redirect=<!--REDIRPAGE-->&amp;sid=<!--SID-->">
71 <img src="/theme/images/icons/door_in.png" alt="Log<!--LOGDATA-->" />
72 <span>Log<!--LOGDATA--></span>
73 </a>
74 </li>
75 <!--END MEMBERS-->
76
77 <!--BEGIN ADMIN-->
78 <li<!--PANELACTIVE-->>
79 <a href="/admin/">
80 <img src="/theme/images/icons/rainbow.png" alt="Admin" />
81 <span>Admin</span>
82 </a>
83 </li>
84 <!--END ADMIN-->
85 </ul>
86
87 <hr />
88
89 <!--BEGIN CREATE_HATNAV-->
90 <ul class="navbar">
91 <!--END CREATE_HATNAV-->
92
93 <!--BEGIN HATNAV-->
94 <li>
95 <a href="<!--HATNAV.URL-->">
96 <img src="/theme/images/icons/<!--HATNAV.ICON-->.png" alt="<!--HATNAV.TITLE-->" />
97 <span><!--HATNAV.TITLE--></span>
98 </a>
99 </li>
100 <!--END HATNAV-->
101
102 <!--BEGIN CREATE_HATNAV-->
103 </ul>
104 <!--END CREATE_HATNAV-->
105
106 <div id="actual-content">
107 <!--CONTENT-->
108 </div>
109 </div>
110
111 <div id="sidebar">
112 <!--EXTRASIDEBAR-->
113
114 <div class="module rounded sidebar">
115 <h3>Poll of the Week</h3>
116
117 <!--POTW-->
118 </div>
119
120 <div class="module rounded sidebar">
121 <h3>Affiliates</h3>
122
123 <ul>
124 <!--BEGIN AFFILIATES-->
125 <li>
126 <img src="/theme/images/icons/tag_<!--AFFILIATES.COLOR-->.png" alt="<!--AFFILIATES.TITLE-->" />
127 <a href="<!--AFFILIATES.URL-->"><!--AFFILIATES.TITLE--></a>
128 </li>
129 <!--END AFFILIATES-->
130 </ul>
131 </div>
132
133 <div class="module rounded sidebar">
134 <h3>Website Projects</h3>
135
136 <ul>
137 <!--BEGIN WEBPROJS-->
138 <li>
139 <img src="/theme/images/icons/tag_<!--WEBPROJS.COLOR-->.png" alt="<!--WEBPROJS.TITLE-->" />
140 <a href="<!--WEBPROJS.URL-->"><!--WEBPROJS.TITLE--></a>
141 </li>
142 <!--END WEBPROJS-->
143 </ul>
144 </div>
145
146 <div class="module rounded sidebar">
147 <h3>HatBar</h3>
148
149 <p>
150 Hits: <!--HITS--><br />
151 Today: <!--TODAY--><br />
152 <!--DATEFINDER-->
153 </p>
154
155 <p align="center">
156 <a href="/addresses.php" title="goodemail@happybobby.com"><img src="/images/btn_bot.png" alt="Addresses galore!" /></a>
157 <a href="http://www.prchecker.info/" target="_blank"><img src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL2ZvdXJpc2xhbmQuY29t&amp;tag=3" alt="Page Rank Check" border="0" /></a>
158 <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/us/80x15.png" /></a>
159 <a href="http://whos.amung.us/show/t1sj4g2u"><img src="http://whos.amung.us/swidget/t1sj4g2u.gif" alt="website stats" width="80" height="15" border="0" /></a>
160 <a href="http://feeds2.feedburner.com/FourIsland"><img src="http://feeds2.feedburner.com/~fc/FourIsland?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a>
161 </p>
162
163 <p>
164 <strong>Theme Switcher</strong>:
165 <select style="width: 55%" onchange="document.location='<!--ME-->?layout='+this.options[this.selectedIndex].value">
166 <option value="subtle" selected="selected">Subtle Mode</option>
167 <option value="7">7</option>
168 <option value="6.2">6.2</option>
169 <option value="4.5">4.5</option>
170 </select>
171 </p>
172 </div>
173 </div>
174
175 <div class="cleardiv"></div>
176 </div>
177
178 <div id="footer">
179 <div class="foot-module">
180 <h3>Recent Comments</h3>
181
182 <ul>
183 <!--BEGIN COMMENTS-->
184 <li style="font-size: 0.9em"><!--COMMENTS.AUTHOR--> on <a href="/<!--COMMENTS.AREA-->/<!--COMMENTS.CODED--><!--COMMENTS.ENDING-->#comment-<!--COMMENTS.ID-->"><!--COMMENTS.TITLE--></a></li>
185 <!--END COMMENTS-->
186 </ul>
187 </div>
188
189 <div class="foot-module">
190 <h3>Recent Fourm Posts</h3>
191
192 <ul>
193 <!--BEGIN FOURM-->
194 <li style="font-size: 0.9em"><!--FOURM.USERNAME--> on <a href="/fourm/viewtopic.php?t=<!--FOURM.TOPIC-->&amp;p=<!--FOURM.POST-->#p<!--FOURM.POST-->"><!--FOURM.SUBJECT--></a></li>
195 <!--END FOURM-->
196 </ul>
197 </div>
198
199 <div class="foot-module">
200 <h3>Top Commenters</h3>
201
202 <ul>
203 <!--BEGIN TOP-->
204 <li style="font-size: 0.9em"><!--TOP.USERNAME--> (<!--TOP.COUNT-->)</li>
205 <!--END TOP-->
206 </ul>
207 </div>
208
209 <div class="foot-module">
210 <h3>Popular Posts</h3>
211
212 <ul>
213 <!--BEGIN POPULAR-->
214 <li style="font-size: 0.9em"><a href="/blog/<!--POPULAR.CODED-->/"><!--POPULAR.TITLE--></a></li>
215 <!--END POPULAR-->
216 </ul>
217 </div>
218
219 <div class="cleardiv"></div>
220
221 <p>
222 Four Island (<a href="http://code.fourisland.com/fourisland/">r<!--REVISION--></a>) is by <a href="http://fourisland.com">Starla Insigna</a>.
223 Licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/">Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License</a>.
224 <a href="http://jigsaw.w3.org/css-validator/"><img src="/theme/images/icons/css_valid.png" alt="Valid CSS" /></a>
225 <a href="http://validator.w3.org/check/referer"><img src="/theme/images/icons/xhtml_valid.png" alt="Valid XHTML" /></a>
226 <a class="noVisit" href="/rss.php"><img src="/theme/images/icons/feed.png" alt="RSS Feed" /></a>
227 </p>
228 </div>
229
230 <!--Google Analytics-->
231 <script type="text/javascript">
232 var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
233 document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
234 </script>
235 <script type="text/javascript">
236 var pageTracker = _gat._getTracker("UA-2895652-1");
237 pageTracker._initData();
238 pageTracker._trackPageview();
239 </script>
240 <!--Google Analytics-->
241 </body>
242</html>
diff --git a/theme/layouts/subtle/style.php b/theme/layouts/subtle/style.php new file mode 100644 index 0000000..055b5bd --- /dev/null +++ b/theme/layouts/subtle/style.php
@@ -0,0 +1,1337 @@
1#banner a {
2 font-weight: bold;
3 color: #111111;
4}
5
6.navbar {
7 text-align: right;
8 display: block;
9}
10
11.navbar li {
12 display: inline;
13}
14
15.navbar li a {
16 color: #111111;
17}
18
19.navbar li img {
20 display: none;
21}
22
23.navbar li+li:before {
24 content: "-";
25}
26
27.navbar li.active {
28 text-decoration: underline;
29}
30
31#banner {
32 text-align: right;
33 font-size: 2em;
34}
35
36body {
37 background-color: #67E6EC;
38 font-family: Helvetica, sans;
39 padding-right: 20px;
40 padding-left: 20px;
41 color: #111111;
42}
43
44div.module {
45 background: none !important;
46 border: none;
47 color: #111111;
48}
49
50a, a:link, a:hover, a:active, a:visited, a:focus {
51 color: #111111;
52}
53
54div.module + cite,
55div.module.rounded + cite,
56div.module.pimped + cite {
57 background: none;
58}
59
60div#footer {
61 width: 100%;
62 padding-top: 20px;
63 padding-bottom: 20px;
64}
65
66div#footer div.foot-module {
67 margin: 0 auto;
68 float: left;
69 width: 20%;
70 margin-left: 4%;
71 color: #111111;
72 font-size: 0.9em;
73}
74
75div#footer a {
76 color: #111111;
77 border-bottom: 1px dotted white;
78}
79
80div#footer div.foot-module ul {
81 list-style-type: square;
82}
83
84div#footer p {
85 font-size: 0.5em;
86 color: #111111;
87 text-align: center;
88}
89
90.quote-header a {
91 color: #111111;
92}
93
94.post-title, #newComment form {
95 color: #111111;
96}
97
98code, .comment {
99 color: #111111;
100}
101
102cite {
103 color: #111111;
104 position: static;
105}
106
107h4 {
108 /* Forum and topic list titles */
109 font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
110 font-size: 1.3em;
111}
112
113ul.topiclist {
114 display: block;
115 list-style-type: none;
116 margin: 0;
117}
118
119
120ul.topiclist li {
121 display: block;
122 list-style-type: none;
123 color: #777777;
124 margin: 0;
125}
126
127ul.topiclist dl {
128 position: relative;
129}
130
131ul.topiclist li.row dl {
132 padding: 2px 0;
133}
134
135ul.topiclist dt {
136 display: block;
137 float: left;
138 width: 50%;
139 font-size: 1.1em;
140 padding-left: 5px;
141 padding-right: 5px;
142}
143
144ul.topiclist dd {
145 display: block;
146 float: left;
147 border-left: 1px solid #FFFFFF;
148 padding: 4px 0;
149}
150
151ul.topiclist dfn {
152 /* Labels for post/view counts */
153 display: none;
154}
155
156ul.topiclist li.row dt a.subforum {
157 background-image: none;
158 background-position: 0 50%;
159 background-repeat: no-repeat;
160 position: relative;
161 white-space: nowrap;
162 padding: 0 0 0 12px;
163}
164
165.forum-image {
166 padding-top: 5px;
167 margin-right: 5px;
168 float: left;
169}
170
171li.row {
172 clear: both;
173}
174
175li.row strong {
176 font-weight: normal;
177 color: #000000;
178}
179
180dl.icon {
181 min-height: 35px;
182 background-position: 10px 50%; /* Position of folder icon */
183 background-repeat: no-repeat;
184}
185
186dl.icon dt {
187 padding-left: 45px; /* Space for folder icon */
188 background-repeat: no-repeat;
189 background-position: 5px 95%; /* Position of topic icon */
190}
191
192dd.posts, dd.topics, dd.views {
193 width: 8%;
194 text-align: center;
195 line-height: 2.2em;
196 font-size: 1.2em;
197}
198
199dd.lastpost {
200 width: 25%;
201 font-size: 1.1em;
202}
203
204dd.redirect {
205 font-size: 1.1em;
206 line-height: 2.5em;
207}
208
209dd.moderation {
210 font-size: 1.1em;
211}
212
213dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
214 display: block;
215 padding-left: 5px;
216}
217
218dd.time {
219 width: auto;
220 line-height: 200%;
221 font-size: 1.1em;
222}
223
224dd.extra {
225 width: 12%;
226 line-height: 200%;
227 text-align: center;
228 font-size: 1.1em;
229}
230
231dd.mark {
232 float: right !important;
233 width: 9%;
234 text-align: center;
235 line-height: 200%;
236 font-size: 1.2em;
237}
238
239dd.info {
240 width: 30%;
241}
242
243dd.option {
244 width: 15%;
245 line-height: 200%;
246 text-align: center;
247 font-size: 1.1em;
248}
249
250dd.searchby {
251 width: 47%;
252 font-size: 1.1em;
253 line-height: 1em;
254}
255
256ul.topiclist dd.searchextra {
257 margin-left: 5px;
258 padding: 0.2em 0;
259 font-size: 1.1em;
260 color: #333333;
261 border-left: none;
262 clear: both;
263 width: 98%;
264 overflow: hidden;
265}
266
267/* Container for post/reply buttons and pagination */
268.topic-actions {
269 margin-bottom: 3px;
270 font-size: 1.1em;
271 height: 28px;
272 min-height: 28px;
273}
274div[class].topic-actions {
275 height: auto;
276}
277
278/* Topic review panel
279----------------------------------------*/
280#review {
281 margin-top: 2em;
282}
283
284#topicreview {
285 padding-right: 5px;
286 overflow: auto;
287 height: 300px;
288}
289
290#topicreview .postbody {
291 width: auto;
292 float: none;
293 margin: 0;
294 height: auto;
295}
296
297#topicreview .post {
298 height: auto;
299}
300
301#topicreview h2 {
302 border-bottom-width: 0;
303}
304
305/* Content container styles
306----------------------------------------*/
307.content {
308 min-height: 3em;
309 overflow: hidden;
310 line-height: 1.4em;
311 font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
312 font-size: 1em;
313 color: #333333;
314}
315
316.content h2, .panel h2 {
317 font-weight: normal;
318 color: #989898;
319 border-bottom: 1px solid #CCCCCC;
320 font-size: 1.6em;
321 margin-top: 0.5em;
322 margin-bottom: 0.5em;
323 padding-bottom: 0.5em;
324}
325
326.panel h3 {
327 margin: 0.5em 0;
328}
329
330.panel p {
331 font-size: 1.2em;
332 margin-bottom: 1em;
333 line-height: 1.4em;
334}
335
336.content p {
337 font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
338 font-size: 1.2em;
339 margin-bottom: 1em;
340 line-height: 1.4em;
341}
342
343dl.faq {
344 font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
345 font-size: 1.1em;
346 margin-top: 1em;
347 margin-bottom: 2em;
348 line-height: 1.4em;
349}
350
351dl.faq dt {
352 font-weight: bold;
353 color: #333333;
354}
355
356.content dl.faq {
357 font-size: 1.2em;
358 margin-bottom: 0.5em;
359}
360
361.content li {
362 list-style-type: inherit;
363}
364
365.content ul, .content ol {
366 margin-bottom: 1em;
367 margin-left: 3em;
368}
369
370.posthilit {
371 background-color: #f3f3f3;
372 color: #BCBCBC;
373 padding: 0 2px 1px 2px;
374}
375
376.announce, .unreadpost {
377 /* Highlight the announcements & unread posts box */
378 border-left-color: #BCBCBC;
379 border-right-color: #BCBCBC;
380}
381
382/* Post author */
383p.author {
384 margin: 0 15em 0.6em 0;
385 padding: 0 0 5px 0;
386 font-family: Verdana, Helvetica, Arial, sans-serif;
387 font-size: 1em;
388 line-height: 1.2em;
389}
390
391/* Post signature */
392.signature {
393 margin-top: 1.5em;
394 padding-top: 0.2em;
395 font-size: 1.1em;
396 border-top: 1px solid #CCCCCC;
397 clear: left;
398 line-height: 140%;
399 overflow: hidden;
400 width: 100%;
401}
402
403dd .signature {
404 margin: 0;
405 padding: 0;
406 clear: none;
407 border: none;
408}
409
410/* Post noticies */
411.notice {
412 font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
413 width: auto;
414 margin-top: 1.5em;
415 padding-top: 0.2em;
416 font-size: 1em;
417 border-top: 1px dashed #CCCCCC;
418 clear: left;
419 line-height: 130%;
420}
421
422/* Jump to post link for now */
423ul.searchresults {
424 list-style: none;
425 text-align: right;
426 clear: both;
427}
428
429/* BB Code styles
430----------------------------------------*/
431/* Quote block */
432#phpBB3-page-body blockquote {
433 background: #ebebeb none 6px 8px no-repeat;
434 border: 1px solid #dbdbdb;
435 font-size: 0.95em;
436 margin: 0.5em 1px 0 25px;
437 overflow: hidden;
438 padding: 5px;
439}
440
441blockquote blockquote {
442 /* Nested quotes */
443 background-color: #bababa;
444 font-size: 1em;
445 margin: 0.5em 1px 0 15px;
446}
447
448blockquote blockquote blockquote {
449 /* Nested quotes */
450 background-color: #e4e4e4;
451}
452
453blockquote cite {
454 /* Username/source of quoter */
455 font-style: normal;
456 font-weight: bold;
457 margin-left: 20px;
458 display: block;
459 font-size: 0.9em;
460}
461
462blockquote cite cite {
463 font-size: 1em;
464}
465
466blockquote.uncited {
467 padding-top: 25px;
468}
469
470/* Code block */
471dl.codebox {
472 padding: 3px;
473 background-color: #FFFFFF;
474 border: 1px solid #d8d8d8;
475 font-size: 1em;
476}
477
478dl.codebox dt {
479 text-transform: uppercase;
480 border-bottom: 1px solid #CCCCCC;
481 margin-bottom: 3px;
482 font-size: 0.8em;
483 font-weight: bold;
484 display: block;
485}
486
487blockquote dl.codebox {
488 margin-left: 0;
489}
490
491dl.codebox code {
492 /* Also see tweaks.css */
493 overflow: auto;
494 display: block;
495 height: auto;
496 max-height: 200px;
497 white-space: normal;
498 padding-top: 5px;
499 font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
500 line-height: 1.3em;
501 color: #8b8b8b;
502 margin: 2px 0;
503}
504
505.syntaxbg { color: #FFFFFF; }
506.syntaxcomment { color: #000000; }
507.syntaxdefault { color: #bcbcbc; }
508.syntaxhtml { color: #000000; }
509.syntaxkeyword { color: #585858; }
510.syntaxstring { color: #a7a7a7; }
511
512/* Attachments
513----------------------------------------*/
514.attachbox {
515 float: left;
516 width: auto;
517 margin: 5px 5px 5px 0;
518 padding: 6px;
519 background-color: #FFFFFF;
520 border: 1px dashed #d8d8d8;
521 clear: left;
522}
523
524.pm-message .attachbox {
525 background-color: #f3f3f3;
526}
527
528.attachbox dt {
529 font-family: Arial, Helvetica, sans-serif;
530 text-transform: uppercase;
531}
532
533.attachbox dd {
534 margin-top: 4px;
535 padding-top: 4px;
536 clear: left;
537 border-top: 1px solid #d8d8d8;
538}
539
540.attachbox dd dd {
541 border: none;
542}
543
544.attachbox p {
545 line-height: 110%;
546 color: #666666;
547 font-weight: normal;
548 clear: left;
549}
550
551.attachbox p.stats
552{
553 line-height: 110%;
554 color: #666666;
555 font-weight: normal;
556 clear: left;
557}
558
559.attach-image {
560 margin: 3px 0;
561 width: 100%;
562 max-height: 350px;
563 overflow: auto;
564}
565
566.attach-image img {
567 border: 1px solid #999999;
568/* cursor: move; */
569 cursor: default;
570}
571
572/* Inline image thumbnails */
573div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
574 display: block;
575 margin-bottom: 4px;
576}
577
578div.inline-attachment p {
579 font-size: 100%;
580}
581
582dl.file {
583 font-family: Verdana, Arial, Helvetica, sans-serif;
584 display: block;
585}
586
587dl.file dt {
588 text-transform: none;
589 margin: 0;
590 padding: 0;
591 font-weight: bold;
592 font-family: Verdana, Arial, Helvetica, sans-serif;
593}
594
595dl.file dd {
596 color: #666666;
597 margin: 0;
598 padding: 0;
599}
600
601dl.thumbnail img {
602 padding: 3px;
603 border: 1px solid #666666;
604 background-color: #FFF;
605}
606
607dl.thumbnail dd {
608 color: #666666;
609 font-style: italic;
610 font-family: Verdana, Arial, Helvetica, sans-serif;
611}
612
613.attachbox dl.thumbnail dd {
614 font-size: 100%;
615}
616
617dl.thumbnail dt a:hover {
618 background-color: #EEEEEE;
619}
620
621dl.thumbnail dt a:hover img {
622 border: 1px solid #d2d2d2;
623}
624
625/* Post poll styles
626----------------------------------------*/
627fieldset.polls {
628 font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
629}
630
631fieldset.polls dl {
632 margin-top: 5px;
633 border-top: 1px solid #e2e2e2;
634 padding: 5px 0 0 0;
635 line-height: 120%;
636 color: #666666;
637}
638
639fieldset.polls dl.voted {
640 font-weight: bold;
641 color: #000000;
642}
643
644fieldset.polls dt {
645 text-align: left;
646 float: left;
647 display: block;
648 width: 30%;
649 border-right: none;
650 padding: 0;
651 margin: 0;
652 font-size: 1.1em;
653}
654
655fieldset.polls dd {
656 float: left;
657 width: 10%;
658 border-left: none;
659 padding: 0 5px;
660 margin-left: 0;
661 font-size: 1.1em;
662}
663
664fieldset.polls dd.resultbar {
665 width: 50%;
666}
667
668fieldset.polls dd input {
669 margin: 2px 0;
670}
671
672fieldset.polls dd div {
673 text-align: right;
674 font-family: Arial, Helvetica, sans-serif;
675 color: #FFFFFF;
676 font-weight: bold;
677 padding: 0 2px;
678 overflow: visible;
679 min-width: 2%;
680}
681
682.pollbar1 {
683 background-color: #aaaaaa;
684 border-bottom: 1px solid #747474;
685 border-right: 1px solid #747474;
686}
687
688.pollbar2 {
689 background-color: #bebebe;
690 border-bottom: 1px solid #8c8c8c;
691 border-right: 1px solid #8c8c8c;
692}
693
694.pollbar3 {
695 background-color: #D1D1D1;
696 border-bottom: 1px solid #aaaaaa;
697 border-right: 1px solid #aaaaaa;
698}
699
700.pollbar4 {
701 background-color: #e4e4e4;
702 border-bottom: 1px solid #bebebe;
703 border-right: 1px solid #bebebe;
704}
705
706.pollbar5 {
707 background-color: #f8f8f8;
708 border-bottom: 1px solid #D1D1D1;
709 border-right: 1px solid #D1D1D1;
710}
711
712/* Poster profile block
713----------------------------------------*/
714.postprofile {
715 /* Also see tweaks.css */
716 margin: 5px 0 10px 0;
717 min-height: 80px;
718 color: #666666;
719 border-left: 1px solid #FFFFFF;
720 width: 22%;
721 float: right;
722 display: inline;
723}
724.pm .postprofile {
725 border-left: 1px solid #DDDDDD;
726}
727
728.postprofile dd, .postprofile dt {
729 line-height: 1.2em;
730 margin-left: 8px;
731}
732
733.postprofile strong {
734 font-weight: normal;
735 color: #000000;
736}
737
738.avatar {
739 border: none;
740 margin-bottom: 3px;
741}
742
743.online {
744 background-image: none;
745 background-position: 100% 0;
746 background-repeat: no-repeat;
747}
748
749/* Poster profile used by search*/
750.search .postprofile {
751 width: 30%;
752}
753
754/* pm list in compose message if mass pm is enabled */
755dl.pmlist dt {
756 width: 60% !important;
757}
758
759dl.pmlist dt textarea {
760 width: 95%;
761}
762
763dl.pmlist dd {
764 margin-left: 61% !important;
765 margin-bottom: 2px;
766}
767
768hr {
769 /* Also see tweaks.css */
770 border: 0 none #FFFFFF;
771 border-top: 1px solid #CCCCCC;
772 height: 1px;
773 margin: 5px 0;
774 display: block;
775 clear: both;
776}
777
778hr.dashed {
779 border-top: 1px dashed #CCCCCC;
780 margin: 10px 0;
781}
782
783hr.divider {
784 display: none;
785}
786
787/* Search box
788--------------------------------------------- */
789#search-box {
790 color: #FFFFFF;
791 position: relative;
792 margin-top: 30px;
793 margin-right: 5px;
794 display: block;
795 float: right;
796 text-align: right;
797 white-space: nowrap; /* For Opera */
798}
799
800#search-box #keywords {
801 width: 95px;
802 background-color: #FFF;
803}
804
805#search-box input {
806 border: 1px solid #b0b0b0;
807}
808
809/* .button1 style defined later, just a few tweaks for the search button version */
810#search-box input.button1 {
811 padding: 1px 5px;
812}
813
814#search-box li {
815 text-align: right;
816 margin-top: 4px;
817}
818
819#search-box img {
820 vertical-align: middle;
821 margin-right: 3px;
822}
823
824
825/* Round cornered boxes and backgrounds
826---------------------------------------- */
827
828.post {
829 padding: 0 10px;
830 margin-bottom: 4px;
831 background-repeat: no-repeat;
832 background-position: 100% 0;
833}
834
835.post:target .content {
836 color: #000000;
837}
838
839.post:target h3 a {
840 color: #000000;
841}
842
843
844.rowbg {
845 margin: 5px 5px 2px 5px;
846}
847
848.ucprowbg {
849 background-color: #e2e2e2;
850}
851
852.fieldsbg {
853 /*border: 1px #DBDEE2 solid;*/
854 background-color: #eaeaea;
855}
856
857span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
858 font-size: 1px;
859 line-height: 1px;
860 display: block;
861 height: 5px;
862 background-repeat: no-repeat;
863}
864
865span.corners-top {
866 background-image: none;
867 background-position: 0 0;
868 margin: 0 -5px;
869}
870
871span.corners-top span {
872 background-image: none;
873 background-position: 100% 0;
874}
875
876span.corners-bottom {
877 background-image: none;
878 background-position: 0 100%;
879 margin: 0 -5px;
880 clear: both;
881}
882
883span.corners-bottom span {
884 background-image: none;
885 background-position: 100% 100%;
886}
887
888.headbg span.corners-bottom {
889 margin-bottom: -1px;
890}
891
892.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
893 margin: 0 -10px;
894}
895
896.rules span.corners-top {
897 margin: 0 -10px 5px -10px;
898}
899
900.rules span.corners-bottom {
901 margin: 5px -10px 0 -10px;
902}
903
904/* Horizontal lists
905----------------------------------------*/
906ul.linklist {
907 display: block;
908 margin: 0;
909}
910
911ul.linklist li {
912 display: block;
913 list-style-type: none;
914 float: left;
915 width: auto;
916 margin-right: 5px;
917 font-size: 1.1em;
918 line-height: 2.2em;
919}
920
921ul.linklist li.rightside, p.rightside {
922 float: right;
923 margin-right: 0;
924 margin-left: 5px;
925 text-align: right;
926}
927
928ul.navlinks {
929 padding-bottom: 1px;
930 margin-bottom: 1px;
931 border-bottom: 1px solid #FFFFFF;
932 font-weight: bold;
933}
934
935ul.leftside {
936 float: left;
937 margin-left: 0;
938 margin-right: 5px;
939 text-align: left;
940}
941
942ul.rightside {
943 float: right;
944 margin-left: 5px;
945 margin-right: -5px;
946 text-align: right;
947}
948
949/* Table styles
950----------------------------------------*/
951table.table1 {
952 /* See tweaks.css */
953}
954
955#ucp-main table.table1 {
956 padding: 2px;
957}
958
959table.table1 thead th {
960 font-weight: normal;
961 text-transform: uppercase;
962 color: #FFFFFF;
963 line-height: 1.3em;
964 font-size: 0.8em; /* 1em */
965 padding: 0 0 4px 3px;
966}
967
968table.table1 thead th span {
969 padding-left: 7px;
970}
971
972table.table1 tbody tr {
973 border: 1px solid #cfcfcf;
974}
975
976table.table1 tbody tr:hover, table.table1 tbody tr.hover {
977 background-color: #f6f6f6;
978 color: #000;
979}
980
981table.table1 td {
982 color: #6a6a6a;
983 font-size: 0.8em; /* 1.1em*/
984}
985
986table.table1 tbody td {
987 padding: 5px;
988 border-top: 1px solid #FAFAFA;
989}
990
991table.table1 tbody th {
992 padding: 5px;
993 border-bottom: 1px solid #000000;
994 text-align: left;
995 color: #333333;
996 background-color: #FFFFFF;
997}
998
999/* Specific column styles */
1000table.table1 .name { text-align: left; }
1001table.table1 .posts { text-align: center !important; width: 7%; }
1002table.table1 .joined { text-align: left; width: 15%; }
1003table.table1 .active { text-align: left; width: 15%; }
1004table.table1 .mark { text-align: center; width: 7%; }
1005table.table1 .info { text-align: left; width: 30%; }
1006table.table1 .info div { width: 100%; white-space: nowrap; overflow: hidden; }
1007table.table1 .autocol { line-height: 2em; white-space: nowrap; }
1008table.table1 thead .autocol { padding-left: 1em; }
1009
1010table.table1 span.rank-img {
1011 float: right;
1012 width: auto;
1013}
1014
1015table.info td {
1016 padding: 3px;
1017}
1018
1019table.info tbody th {
1020 padding: 3px;
1021 text-align: right;
1022 vertical-align: top;
1023 color: #000000;
1024 font-weight: normal;
1025}
1026
1027.forumbg table.table1 {
1028 margin: 0 -2px -1px -1px;
1029}
1030
1031/* Misc layout styles
1032---------------------------------------- */
1033/* column[1-2] styles are containers for two column layouts
1034 Also see tweaks.css */
1035.column1 {
1036 float: left;
1037 clear: left;
1038 width: 49%;
1039}
1040
1041.column2 {
1042 float: right;
1043 clear: right;
1044 width: 49%;
1045}
1046
1047/* General classes for placing floating blocks */
1048.left-box {
1049 float: left;
1050 width: auto;
1051 text-align: left;
1052}
1053
1054.right-box {
1055 float: right;
1056 width: auto;
1057 text-align: right;
1058}
1059
1060dl.details {
1061 /*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
1062 font-size: 1.1em;
1063}
1064
1065dl.details dt {
1066 float: left;
1067 clear: left;
1068 width: 30%;
1069 text-align: right;
1070 color: #000000;
1071 display: block;
1072}
1073
1074dl.details dd {
1075 margin-left: 0;
1076 padding-left: 5px;
1077 margin-bottom: 5px;
1078 color: #828282;
1079 float: left;
1080 width: 65%;
1081}
1082
1083/* Pagination
1084---------------------------------------- */
1085.pagination {
1086 height: 1%; /* IE tweak (holly hack) */
1087 width: auto;
1088 text-align: right;
1089 margin-top: 5px;
1090 float: right;
1091}
1092
1093.pagination span.page-sep {
1094 display: none;
1095}
1096
1097li.pagination {
1098 margin-top: 0;
1099}
1100
1101.pagination strong, .pagination b {
1102 font-weight: normal;
1103}
1104
1105.pagination span strong {
1106 padding: 0 2px;
1107 margin: 0 2px;
1108 font-weight: normal;
1109 color: #FFFFFF;
1110 background-color: #bfbfbf;
1111 border: 1px solid #bfbfbf;
1112 font-size: 0.9em;
1113}
1114
1115.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
1116 font-weight: normal;
1117 text-decoration: none;
1118 color: #747474;
1119 margin: 0 2px;
1120 padding: 0 2px;
1121 background-color: #eeeeee;
1122 border: 1px solid #bababa;
1123 font-size: 0.9em;
1124 line-height: 1.5em;
1125}
1126
1127.pagination span a:hover {
1128 border-color: #d2d2d2;
1129 background-color: #d2d2d2;
1130 color: #FFF;
1131 text-decoration: none;
1132}
1133
1134.pagination img {
1135 vertical-align: middle;
1136}
1137
1138/* Pagination in viewforum for multipage topics */
1139.row .pagination {
1140 display: block;
1141 float: right;
1142 width: auto;
1143 margin-top: 0;
1144 padding: 1px 0 1px 15px;
1145 font-size: 0.9em;
1146 background: none 0 50% no-repeat;
1147}
1148
1149.row .pagination span a, li.pagination span a {
1150 background-color: #FFFFFF;
1151}
1152
1153.row .pagination span a:hover, li.pagination span a:hover {
1154 background-color: #d2d2d2;
1155}
1156
1157/* proSilver Button Styles
1158---------------------------------------- */
1159
1160/* Rollover buttons
1161 Based on: http://wellstyled.com/css-nopreload-rollovers.html
1162----------------------------------------*/
1163.buttons {
1164 float: left;
1165 width: auto;
1166 height: auto;
1167}
1168
1169/* Rollover state */
1170.buttons div {
1171 float: left;
1172 margin: 0 5px 0 0;
1173 background-position: 0 100%;
1174}
1175
1176/* Rolloff state */
1177.buttons div a {
1178 display: block;
1179 width: 100%;
1180 height: 100%;
1181 background-position: 0 0;
1182 position: relative;
1183 overflow: hidden;
1184}
1185
1186/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
1187/*.buttons div span { display: none; }*/
1188/*.buttons div a:hover { background-image: none; }*/
1189.buttons div span { position: absolute; width: 100%; height: 100%; cursor: pointer;}
1190.buttons div a:hover span { background-position: 0 100%; }
1191
1192/* Big button images */
1193.reply-icon span { background: transparent none 0 0 no-repeat; }
1194.post-icon span { background: transparent none 0 0 no-repeat; }
1195.locked-icon span { background: transparent none 0 0 no-repeat; }
1196.pmreply-icon span { background: none 0 0 no-repeat; }
1197.newpm-icon span { background: none 0 0 no-repeat; }
1198.forwardpm-icon span { background: none 0 0 no-repeat; }
1199
1200/* Big button images */
1201 .reply-icon span { background-image: url("./styles/prosilver/imageset/en_us/button_topic_reply.gif") ; }
1202 .post-icon span { background-image: url("./styles/prosilver/imageset/en_us/button_topic_new.gif") ; }
1203 .locked-icon span { background-image: url("./styles/prosilver/imageset/en_us/button_topic_locked.gif") ; }
1204 .pmreply-icon span { background-image: url("./styles/prosilver/imageset/en_us/button_pm_reply.gif") !important;}
1205 .newpm-icon span { background-image: url("./styles/prosilver/imageset/en_us/button_pm_new.gif") !important;}
1206 .forwardpm-icon span { background-image: url("./styles/prosilver/imageset/en_us/button_pm_forward.gif") !important;}
1207
1208 a.print {
1209 background-image: url("./styles/prosilver/theme/images/icon_print.gif") ;
1210 }
1211
1212 a.sendemail {
1213 background-image: url("./styles/prosilver/theme/images/icon_sendemail.gif") ;
1214 }
1215
1216 a.fontsize {
1217 background-image: url("./styles/prosilver/theme/images/icon_fontsize.gif") ;
1218 }
1219
1220/* Sub-header (navigation bar)
1221--------------------------------------------- */
1222a.print, a.sendemail, a.fontsize {
1223 display: block;
1224 overflow: hidden;
1225 height: 18px;
1226 text-indent: -5000px;
1227 text-align: left;
1228 background-repeat: no-repeat;
1229}
1230
1231a.print {
1232 background-image: none;
1233 width: 22px;
1234}
1235
1236a.sendemail {
1237 background-image: none;
1238 width: 22px;
1239}
1240
1241a.fontsize {
1242 background-image: none;
1243 background-position: 0 -1px;
1244 width: 29px;
1245}
1246
1247a.fontsize:hover {
1248 background-position: 0 -20px;
1249 text-decoration: none;
1250}
1251
1252/* Icon images
1253---------------------------------------- */
1254.sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout,
1255.icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search {
1256 background-position: 0 50%;
1257 background-repeat: no-repeat;
1258 background-image: none;
1259 padding: 1px 0 0 17px;
1260}
1261
1262/* Poster profile icons
1263----------------------------------------*/
1264ul.profile-icons {
1265 padding-top: 10px;
1266 list-style: none;
1267}
1268
1269/* Rollover state */
1270ul.profile-icons li {
1271 float: left;
1272 margin: 0 6px 3px 0;
1273 background-position: 0 100%;
1274}
1275
1276/* Rolloff state */
1277ul.profile-icons li a {
1278 display: block;
1279 width: 100%;
1280 height: 100%;
1281 background-position: 0 0;
1282}
1283
1284/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
1285ul.profile-icons li span { display:none; }
1286ul.profile-icons li a:hover { background: none; }
1287
1288/* Positioning of moderator icons */
1289.postbody ul.profile-icons {
1290 float: right;
1291 width: auto;
1292 padding: 0;
1293}
1294
1295.postbody ul.profile-icons li {
1296 margin: 0 3px;
1297}
1298
1299/* Profile & navigation icons */
1300.email-icon, .email-icon a { background: none top left no-repeat; }
1301.aim-icon, .aim-icon a { background: none top left no-repeat; }
1302.yahoo-icon, .yahoo-icon a { background: none top left no-repeat; }
1303.web-icon, .web-icon a { background: none top left no-repeat; }
1304.msnm-icon, .msnm-icon a { background: none top left no-repeat; }
1305.icq-icon, .icq-icon a { background: none top left no-repeat; }
1306.jabber-icon, .jabber-icon a { background: none top left no-repeat; }
1307.pm-icon, .pm-icon a { background: none top left no-repeat; }
1308.quote-icon, .quote-icon a { background: none top left no-repeat; }
1309
1310/* Moderator icons */
1311.report-icon, .report-icon a { background: none top left no-repeat; }
1312.warn-icon, .warn-icon a { background: none top left no-repeat; }
1313.edit-icon, .edit-icon a { background: none top left no-repeat; }
1314.delete-icon, .delete-icon a { background: none top left no-repeat; }
1315.info-icon, .info-icon a { background: none top left no-repeat; }
1316
1317/* Set profile icon dimensions */
1318ul.profile-icons li.email-icon { width: {IMG_ICON_CONTACT_EMAIL_WIDTH}px; height: {IMG_ICON_CONTACT_EMAIL_HEIGHT}px; }
1319ul.profile-icons li.aim-icon { width: {IMG_ICON_CONTACT_AIM_WIDTH}px; height: {IMG_ICON_CONTACT_AIM_HEIGHT}px; }
1320ul.profile-icons li.yahoo-icon { width: {IMG_ICON_CONTACT_YAHOO_WIDTH}px; height: {IMG_ICON_CONTACT_YAHOO_HEIGHT}px; }
1321ul.profile-icons li.web-icon { width: {IMG_ICON_CONTACT_WWW_WIDTH}px; height: {IMG_ICON_CONTACT_WWW_HEIGHT}px; }
1322ul.profile-icons li.msnm-icon { width: {IMG_ICON_CONTACT_MSNM_WIDTH}px; height: {IMG_ICON_CONTACT_MSNM_HEIGHT}px; }
1323ul.profile-icons li.icq-icon { width: {IMG_ICON_CONTACT_ICQ_WIDTH}px; height: {IMG_ICON_CONTACT_ICQ_HEIGHT}px; }
1324ul.profile-icons li.jabber-icon { width: {IMG_ICON_CONTACT_JABBER_WIDTH}px; height: {IMG_ICON_CONTACT_JABBER_HEIGHT}px; }
1325ul.profile-icons li.pm-icon { width: {IMG_ICON_CONTACT_PM_WIDTH}px; height: {IMG_ICON_CONTACT_PM_HEIGHT}px; }
1326ul.profile-icons li.quote-icon { width: {IMG_ICON_POST_QUOTE_WIDTH}px; height: {IMG_ICON_POST_QUOTE_HEIGHT}px; }
1327ul.profile-icons li.report-icon { width: {IMG_ICON_POST_REPORT_WIDTH}px; height: {IMG_ICON_POST_REPORT_HEIGHT}px; }
1328ul.profile-icons li.edit-icon { width: {IMG_ICON_POST_EDIT_WIDTH}px; height: {IMG_ICON_POST_EDIT_HEIGHT}px; }
1329ul.profile-icons li.delete-icon { width: {IMG_ICON_POST_DELETE_WIDTH}px; height: {IMG_ICON_POST_DELETE_HEIGHT}px; }
1330ul.profile-icons li.info-icon { width: {IMG_ICON_POST_INFO_WIDTH}px; height: {IMG_ICON_POST_INFO_HEIGHT}px; }
1331ul.profile-icons li.warn-icon { width: {IMG_ICON_USER_WARN_WIDTH}px; height: {IMG_ICON_USER_WARN_HEIGHT}px; }
1332
1333/* Fix profile icon default margins */
1334ul.profile-icons li.edit-icon { margin: 0 0 0 3px; }
1335ul.profile-icons li.quote-icon { margin: 0 0 0 10px; }
1336ul.profile-icons li.info-icon, ul.profile-icons li.report-icon { margin: 0 3px 0 0; }
1337