diff options
author | Starla Insigna <hatkirby@fourisland.com> | 2010-05-17 19:51:43 -0400 |
---|---|---|
committer | Starla Insigna <hatkirby@fourisland.com> | 2010-05-17 19:51:43 -0400 |
commit | ccabcbf3a48d1e96b429cc54c5b755e8fb966b48 (patch) | |
tree | 1cbe4d88d94447f542c903fa6f00c0b040a43d17 /theme | |
parent | 9466c3d016a0d8f19ce22f42b8e617df222329f1 (diff) | |
download | fourisland-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-x | theme/css.php | 2 | ||||
-rwxr-xr-x | theme/layouts/6.2/layout.tpl | 1 | ||||
-rw-r--r-- | theme/layouts/subtle/layout.tpl | 242 | ||||
-rw-r--r-- | theme/layouts/subtle/style.php | 1337 |
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'); | |||
25 | include('../includes/functions.php'); | 25 | include('../includes/functions.php'); |
26 | 26 | ||
27 | include('css/website.css'); | 27 | include('css/website.css'); |
28 | include('css/bubbles.css'); | ||
28 | include('layouts/' . getLayout() . '/style.php'); | 29 | include('layouts/' . getLayout() . '/style.php'); |
29 | include('css/blog.php'); | 30 | include('css/blog.php'); |
30 | include('css/bubbles.css'); | ||
31 | include('css/quotes.css'); | 31 | include('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-->&redirect=<!--REDIRPAGE-->&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&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&fg=444444&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-->&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 | |||
36 | body { | ||
37 | background-color: #67E6EC; | ||
38 | font-family: Helvetica, sans; | ||
39 | padding-right: 20px; | ||
40 | padding-left: 20px; | ||
41 | color: #111111; | ||
42 | } | ||
43 | |||
44 | div.module { | ||
45 | background: none !important; | ||
46 | border: none; | ||
47 | color: #111111; | ||
48 | } | ||
49 | |||
50 | a, a:link, a:hover, a:active, a:visited, a:focus { | ||
51 | color: #111111; | ||
52 | } | ||
53 | |||
54 | div.module + cite, | ||
55 | div.module.rounded + cite, | ||
56 | div.module.pimped + cite { | ||
57 | background: none; | ||
58 | } | ||
59 | |||
60 | div#footer { | ||
61 | width: 100%; | ||
62 | padding-top: 20px; | ||
63 | padding-bottom: 20px; | ||
64 | } | ||
65 | |||
66 | div#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 | |||
75 | div#footer a { | ||
76 | color: #111111; | ||
77 | border-bottom: 1px dotted white; | ||
78 | } | ||
79 | |||
80 | div#footer div.foot-module ul { | ||
81 | list-style-type: square; | ||
82 | } | ||
83 | |||
84 | div#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 | |||
98 | code, .comment { | ||
99 | color: #111111; | ||
100 | } | ||
101 | |||
102 | cite { | ||
103 | color: #111111; | ||
104 | position: static; | ||
105 | } | ||
106 | |||
107 | h4 { | ||
108 | /* Forum and topic list titles */ | ||
109 | font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif; | ||
110 | font-size: 1.3em; | ||
111 | } | ||
112 | |||
113 | ul.topiclist { | ||
114 | display: block; | ||
115 | list-style-type: none; | ||
116 | margin: 0; | ||
117 | } | ||
118 | |||
119 | |||
120 | ul.topiclist li { | ||
121 | display: block; | ||
122 | list-style-type: none; | ||
123 | color: #777777; | ||
124 | margin: 0; | ||
125 | } | ||
126 | |||
127 | ul.topiclist dl { | ||
128 | position: relative; | ||
129 | } | ||
130 | |||
131 | ul.topiclist li.row dl { | ||
132 | padding: 2px 0; | ||
133 | } | ||
134 | |||
135 | ul.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 | |||
144 | ul.topiclist dd { | ||
145 | display: block; | ||
146 | float: left; | ||
147 | border-left: 1px solid #FFFFFF; | ||
148 | padding: 4px 0; | ||
149 | } | ||
150 | |||
151 | ul.topiclist dfn { | ||
152 | /* Labels for post/view counts */ | ||
153 | display: none; | ||
154 | } | ||
155 | |||
156 | ul.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 | |||
171 | li.row { | ||
172 | clear: both; | ||
173 | } | ||
174 | |||
175 | li.row strong { | ||
176 | font-weight: normal; | ||
177 | color: #000000; | ||
178 | } | ||
179 | |||
180 | dl.icon { | ||
181 | min-height: 35px; | ||
182 | background-position: 10px 50%; /* Position of folder icon */ | ||
183 | background-repeat: no-repeat; | ||
184 | } | ||
185 | |||
186 | dl.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 | |||
192 | dd.posts, dd.topics, dd.views { | ||
193 | width: 8%; | ||
194 | text-align: center; | ||
195 | line-height: 2.2em; | ||
196 | font-size: 1.2em; | ||
197 | } | ||
198 | |||
199 | dd.lastpost { | ||
200 | width: 25%; | ||
201 | font-size: 1.1em; | ||
202 | } | ||
203 | |||
204 | dd.redirect { | ||
205 | font-size: 1.1em; | ||
206 | line-height: 2.5em; | ||
207 | } | ||
208 | |||
209 | dd.moderation { | ||
210 | font-size: 1.1em; | ||
211 | } | ||
212 | |||
213 | dd.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 | |||
218 | dd.time { | ||
219 | width: auto; | ||
220 | line-height: 200%; | ||
221 | font-size: 1.1em; | ||
222 | } | ||
223 | |||
224 | dd.extra { | ||
225 | width: 12%; | ||
226 | line-height: 200%; | ||
227 | text-align: center; | ||
228 | font-size: 1.1em; | ||
229 | } | ||
230 | |||
231 | dd.mark { | ||
232 | float: right !important; | ||
233 | width: 9%; | ||
234 | text-align: center; | ||
235 | line-height: 200%; | ||
236 | font-size: 1.2em; | ||
237 | } | ||
238 | |||
239 | dd.info { | ||
240 | width: 30%; | ||
241 | } | ||
242 | |||
243 | dd.option { | ||
244 | width: 15%; | ||
245 | line-height: 200%; | ||
246 | text-align: center; | ||
247 | font-size: 1.1em; | ||
248 | } | ||
249 | |||
250 | dd.searchby { | ||
251 | width: 47%; | ||
252 | font-size: 1.1em; | ||
253 | line-height: 1em; | ||
254 | } | ||
255 | |||
256 | ul.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 | } | ||
274 | div[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 | |||
343 | dl.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 | |||
351 | dl.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 */ | ||
383 | p.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 | |||
403 | dd .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 */ | ||
423 | ul.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 | |||
441 | blockquote blockquote { | ||
442 | /* Nested quotes */ | ||
443 | background-color: #bababa; | ||
444 | font-size: 1em; | ||
445 | margin: 0.5em 1px 0 15px; | ||
446 | } | ||
447 | |||
448 | blockquote blockquote blockquote { | ||
449 | /* Nested quotes */ | ||
450 | background-color: #e4e4e4; | ||
451 | } | ||
452 | |||
453 | blockquote 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 | |||
462 | blockquote cite cite { | ||
463 | font-size: 1em; | ||
464 | } | ||
465 | |||
466 | blockquote.uncited { | ||
467 | padding-top: 25px; | ||
468 | } | ||
469 | |||
470 | /* Code block */ | ||
471 | dl.codebox { | ||
472 | padding: 3px; | ||
473 | background-color: #FFFFFF; | ||
474 | border: 1px solid #d8d8d8; | ||
475 | font-size: 1em; | ||
476 | } | ||
477 | |||
478 | dl.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 | |||
487 | blockquote dl.codebox { | ||
488 | margin-left: 0; | ||
489 | } | ||
490 | |||
491 | dl.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 */ | ||
573 | div.inline-attachment dl.thumbnail, div.inline-attachment dl.file { | ||
574 | display: block; | ||
575 | margin-bottom: 4px; | ||
576 | } | ||
577 | |||
578 | div.inline-attachment p { | ||
579 | font-size: 100%; | ||
580 | } | ||
581 | |||
582 | dl.file { | ||
583 | font-family: Verdana, Arial, Helvetica, sans-serif; | ||
584 | display: block; | ||
585 | } | ||
586 | |||
587 | dl.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 | |||
595 | dl.file dd { | ||
596 | color: #666666; | ||
597 | margin: 0; | ||
598 | padding: 0; | ||
599 | } | ||
600 | |||
601 | dl.thumbnail img { | ||
602 | padding: 3px; | ||
603 | border: 1px solid #666666; | ||
604 | background-color: #FFF; | ||
605 | } | ||
606 | |||
607 | dl.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 | |||
617 | dl.thumbnail dt a:hover { | ||
618 | background-color: #EEEEEE; | ||
619 | } | ||
620 | |||
621 | dl.thumbnail dt a:hover img { | ||
622 | border: 1px solid #d2d2d2; | ||
623 | } | ||
624 | |||
625 | /* Post poll styles | ||
626 | ----------------------------------------*/ | ||
627 | fieldset.polls { | ||
628 | font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; | ||
629 | } | ||
630 | |||
631 | fieldset.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 | |||
639 | fieldset.polls dl.voted { | ||
640 | font-weight: bold; | ||
641 | color: #000000; | ||
642 | } | ||
643 | |||
644 | fieldset.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 | |||
655 | fieldset.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 | |||
664 | fieldset.polls dd.resultbar { | ||
665 | width: 50%; | ||
666 | } | ||
667 | |||
668 | fieldset.polls dd input { | ||
669 | margin: 2px 0; | ||
670 | } | ||
671 | |||
672 | fieldset.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 */ | ||
755 | dl.pmlist dt { | ||
756 | width: 60% !important; | ||
757 | } | ||
758 | |||
759 | dl.pmlist dt textarea { | ||
760 | width: 95%; | ||
761 | } | ||
762 | |||
763 | dl.pmlist dd { | ||
764 | margin-left: 61% !important; | ||
765 | margin-bottom: 2px; | ||
766 | } | ||
767 | |||
768 | hr { | ||
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 | |||
778 | hr.dashed { | ||
779 | border-top: 1px dashed #CCCCCC; | ||
780 | margin: 10px 0; | ||
781 | } | ||
782 | |||
783 | hr.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 | |||
857 | span.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 | |||
865 | span.corners-top { | ||
866 | background-image: none; | ||
867 | background-position: 0 0; | ||
868 | margin: 0 -5px; | ||
869 | } | ||
870 | |||
871 | span.corners-top span { | ||
872 | background-image: none; | ||
873 | background-position: 100% 0; | ||
874 | } | ||
875 | |||
876 | span.corners-bottom { | ||
877 | background-image: none; | ||
878 | background-position: 0 100%; | ||
879 | margin: 0 -5px; | ||
880 | clear: both; | ||
881 | } | ||
882 | |||
883 | span.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 | ----------------------------------------*/ | ||
906 | ul.linklist { | ||
907 | display: block; | ||
908 | margin: 0; | ||
909 | } | ||
910 | |||
911 | ul.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 | |||
921 | ul.linklist li.rightside, p.rightside { | ||
922 | float: right; | ||
923 | margin-right: 0; | ||
924 | margin-left: 5px; | ||
925 | text-align: right; | ||
926 | } | ||
927 | |||
928 | ul.navlinks { | ||
929 | padding-bottom: 1px; | ||
930 | margin-bottom: 1px; | ||
931 | border-bottom: 1px solid #FFFFFF; | ||
932 | font-weight: bold; | ||
933 | } | ||
934 | |||
935 | ul.leftside { | ||
936 | float: left; | ||
937 | margin-left: 0; | ||
938 | margin-right: 5px; | ||
939 | text-align: left; | ||
940 | } | ||
941 | |||
942 | ul.rightside { | ||
943 | float: right; | ||
944 | margin-left: 5px; | ||
945 | margin-right: -5px; | ||
946 | text-align: right; | ||
947 | } | ||
948 | |||
949 | /* Table styles | ||
950 | ----------------------------------------*/ | ||
951 | table.table1 { | ||
952 | /* See tweaks.css */ | ||
953 | } | ||
954 | |||
955 | #ucp-main table.table1 { | ||
956 | padding: 2px; | ||
957 | } | ||
958 | |||
959 | table.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 | |||
968 | table.table1 thead th span { | ||
969 | padding-left: 7px; | ||
970 | } | ||
971 | |||
972 | table.table1 tbody tr { | ||
973 | border: 1px solid #cfcfcf; | ||
974 | } | ||
975 | |||
976 | table.table1 tbody tr:hover, table.table1 tbody tr.hover { | ||
977 | background-color: #f6f6f6; | ||
978 | color: #000; | ||
979 | } | ||
980 | |||
981 | table.table1 td { | ||
982 | color: #6a6a6a; | ||
983 | font-size: 0.8em; /* 1.1em*/ | ||
984 | } | ||
985 | |||
986 | table.table1 tbody td { | ||
987 | padding: 5px; | ||
988 | border-top: 1px solid #FAFAFA; | ||
989 | } | ||
990 | |||
991 | table.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 */ | ||
1000 | table.table1 .name { text-align: left; } | ||
1001 | table.table1 .posts { text-align: center !important; width: 7%; } | ||
1002 | table.table1 .joined { text-align: left; width: 15%; } | ||
1003 | table.table1 .active { text-align: left; width: 15%; } | ||
1004 | table.table1 .mark { text-align: center; width: 7%; } | ||
1005 | table.table1 .info { text-align: left; width: 30%; } | ||
1006 | table.table1 .info div { width: 100%; white-space: nowrap; overflow: hidden; } | ||
1007 | table.table1 .autocol { line-height: 2em; white-space: nowrap; } | ||
1008 | table.table1 thead .autocol { padding-left: 1em; } | ||
1009 | |||
1010 | table.table1 span.rank-img { | ||
1011 | float: right; | ||
1012 | width: auto; | ||
1013 | } | ||
1014 | |||
1015 | table.info td { | ||
1016 | padding: 3px; | ||
1017 | } | ||
1018 | |||
1019 | table.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 | |||
1060 | dl.details { | ||
1061 | /*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/ | ||
1062 | font-size: 1.1em; | ||
1063 | } | ||
1064 | |||
1065 | dl.details dt { | ||
1066 | float: left; | ||
1067 | clear: left; | ||
1068 | width: 30%; | ||
1069 | text-align: right; | ||
1070 | color: #000000; | ||
1071 | display: block; | ||
1072 | } | ||
1073 | |||
1074 | dl.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 | |||
1097 | li.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 | --------------------------------------------- */ | ||
1222 | a.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 | |||
1231 | a.print { | ||
1232 | background-image: none; | ||
1233 | width: 22px; | ||
1234 | } | ||
1235 | |||
1236 | a.sendemail { | ||
1237 | background-image: none; | ||
1238 | width: 22px; | ||
1239 | } | ||
1240 | |||
1241 | a.fontsize { | ||
1242 | background-image: none; | ||
1243 | background-position: 0 -1px; | ||
1244 | width: 29px; | ||
1245 | } | ||
1246 | |||
1247 | a.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 | ----------------------------------------*/ | ||
1264 | ul.profile-icons { | ||
1265 | padding-top: 10px; | ||
1266 | list-style: none; | ||
1267 | } | ||
1268 | |||
1269 | /* Rollover state */ | ||
1270 | ul.profile-icons li { | ||
1271 | float: left; | ||
1272 | margin: 0 6px 3px 0; | ||
1273 | background-position: 0 100%; | ||
1274 | } | ||
1275 | |||
1276 | /* Rolloff state */ | ||
1277 | ul.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) */ | ||
1285 | ul.profile-icons li span { display:none; } | ||
1286 | ul.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 */ | ||
1318 | ul.profile-icons li.email-icon { width: {IMG_ICON_CONTACT_EMAIL_WIDTH}px; height: {IMG_ICON_CONTACT_EMAIL_HEIGHT}px; } | ||
1319 | ul.profile-icons li.aim-icon { width: {IMG_ICON_CONTACT_AIM_WIDTH}px; height: {IMG_ICON_CONTACT_AIM_HEIGHT}px; } | ||
1320 | ul.profile-icons li.yahoo-icon { width: {IMG_ICON_CONTACT_YAHOO_WIDTH}px; height: {IMG_ICON_CONTACT_YAHOO_HEIGHT}px; } | ||
1321 | ul.profile-icons li.web-icon { width: {IMG_ICON_CONTACT_WWW_WIDTH}px; height: {IMG_ICON_CONTACT_WWW_HEIGHT}px; } | ||
1322 | ul.profile-icons li.msnm-icon { width: {IMG_ICON_CONTACT_MSNM_WIDTH}px; height: {IMG_ICON_CONTACT_MSNM_HEIGHT}px; } | ||
1323 | ul.profile-icons li.icq-icon { width: {IMG_ICON_CONTACT_ICQ_WIDTH}px; height: {IMG_ICON_CONTACT_ICQ_HEIGHT}px; } | ||
1324 | ul.profile-icons li.jabber-icon { width: {IMG_ICON_CONTACT_JABBER_WIDTH}px; height: {IMG_ICON_CONTACT_JABBER_HEIGHT}px; } | ||
1325 | ul.profile-icons li.pm-icon { width: {IMG_ICON_CONTACT_PM_WIDTH}px; height: {IMG_ICON_CONTACT_PM_HEIGHT}px; } | ||
1326 | ul.profile-icons li.quote-icon { width: {IMG_ICON_POST_QUOTE_WIDTH}px; height: {IMG_ICON_POST_QUOTE_HEIGHT}px; } | ||
1327 | ul.profile-icons li.report-icon { width: {IMG_ICON_POST_REPORT_WIDTH}px; height: {IMG_ICON_POST_REPORT_HEIGHT}px; } | ||
1328 | ul.profile-icons li.edit-icon { width: {IMG_ICON_POST_EDIT_WIDTH}px; height: {IMG_ICON_POST_EDIT_HEIGHT}px; } | ||
1329 | ul.profile-icons li.delete-icon { width: {IMG_ICON_POST_DELETE_WIDTH}px; height: {IMG_ICON_POST_DELETE_HEIGHT}px; } | ||
1330 | ul.profile-icons li.info-icon { width: {IMG_ICON_POST_INFO_WIDTH}px; height: {IMG_ICON_POST_INFO_HEIGHT}px; } | ||
1331 | ul.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 */ | ||
1334 | ul.profile-icons li.edit-icon { margin: 0 0 0 3px; } | ||
1335 | ul.profile-icons li.quote-icon { margin: 0 0 0 10px; } | ||
1336 | ul.profile-icons li.info-icon, ul.profile-icons li.report-icon { margin: 0 3px 0 0; } | ||
1337 | |||