Merge lp:~qioeujqioejqioe-deactivatedaccount/ubuntu-nl-artwork/smf-light-theme-min into lp:ubuntu-nl-artwork/website-theme
- smf-light-theme-min
- Merge into light-smf-theme-old
Proposed by
qoiwejqioejqio
Status: | Merged |
---|---|
Merged at revision: | 5 |
Proposed branch: | lp:~qioeujqioejqioe-deactivatedaccount/ubuntu-nl-artwork/smf-light-theme-min |
Merge into: | lp:ubuntu-nl-artwork/website-theme |
Diff against target: |
9829 lines (+4220/-2659) 5 files modified
css/default.css (+1040/-397) css/ie.css (+748/-297) css/ie6.css (+766/-299) css/index.css (+1376/-1376) css/rtl.css (+290/-290) |
To merge this branch: | bzr merge lp:~qioeujqioejqioe-deactivatedaccount/ubuntu-nl-artwork/smf-light-theme-min |
Related bugs: |
Reviewer | Review Type | Date Requested | Status |
---|---|---|---|
Ronnie (community) | Approve | ||
Review via email: mp+40727@code.launchpad.net |
Commit message
Description of the change
To post a comment you must log in.
- 8. By qoiwejqioejqio
-
Bugfixing
Preview Diff
[H/L] Next/Prev Comment, [J/K] Next/Prev File, [N/P] Next/Prev Hunk
1 | === modified file 'css/default.css' (properties changed: -x to +x) |
2 | --- css/default.css 2010-11-10 22:12:48 +0000 |
3 | +++ css/default.css 2010-11-12 14:40:41 +0000 |
4 | @@ -1,417 +1,1060 @@ |
5 | /*- LICENSE |
6 | --------------------------------------------------------------------------------------------------------- */ |
7 | -/* |
8 | +-------------------------------------------------------------------------------------------------------- |
9 | + |
10 | Author: Matteo Lissandrini - kuzeko http://www.kuzeko.com |
11 | |
12 | // Licensed under the Creative Commons Attribution-Share Alike 3.0 License - http://creativecommons.org/licenses/by-sa/3.0/ |
13 | // - Free for use in both personal and commercial projects |
14 | -// - Attribution requires leaving author name, author link, and the license info intact. |
15 | -*/ |
16 | - |
17 | -/*- reset |
18 | --------------------------------------------------------------------------------------------------------- */ |
19 | -/* |
20 | +// - Attribution requires leaving author name, author link, and the license info intact. |
21 | + |
22 | +- reset |
23 | +-------------------------------------------------------------------------------------------------------- |
24 | + |
25 | Reset derived and adapted from |
26 | html5doctor.com Reset Stylesheet |
27 | v1.4.1 |
28 | 2010-03-01 |
29 | -Author: Richard Clark - http://richclarkdesign.com |
30 | -*/ |
31 | -html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
32 | -abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, |
33 | -sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, |
34 | -tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, |
35 | -hgroup, menu, nav, section, time, mark, audio, video { background:transparent; border:0; font-family:inherit; font-weight:inherit; font-style:inherit; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; } |
36 | -:focus /* remember to define focus styles! */ { outline: 0; } |
37 | -body { line-height:1; } |
38 | -article, aside, details, dialog, figure, footer, header, hgroup, nav, section { display:block; } |
39 | -ol, ul { list-style-position: inside; } |
40 | -nav ul { list-style:none; } |
41 | -blockquote, q { quotes:none; } |
42 | -blockquote:before, blockquote:after, q:before, q:after { content:''; } |
43 | -a { cursor:pointer; margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; } |
44 | -ins { background-color:#ff9; color:#000; text-decoration:none; } |
45 | -mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } |
46 | -del { text-decoration: line-through; } |
47 | -abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } |
48 | -table { border-collapse:collapse; border-spacing:0; } |
49 | -hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } |
50 | -input, select { vertical-align:middle; } |
51 | -textarea { overflow:auto;} |
52 | -/* ----------------------------------------------------------------------------------------------------- */ |
53 | +Author: Richard Clark - http://richclarkdesign.com*/ |
54 | +html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, |
55 | +pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, |
56 | +strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, |
57 | +legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, |
58 | +dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, |
59 | +audio, video { |
60 | + background:transparent; |
61 | + border:0; |
62 | + font-family:inherit; |
63 | + font-weight:inherit; |
64 | + font-style:inherit; |
65 | + font-size:100%; |
66 | + outline:0; |
67 | + vertical-align:baseline; |
68 | + margin:0; |
69 | + padding:0; |
70 | +} |
71 | |
72 | +/* remember to define focus styles! */ |
73 | +:focus { |
74 | + outline:0; |
75 | +} |
76 | |
77 | /*- Typography |
78 | -------------------------------------------------------------------------------------------------------- */ |
79 | - |
80 | -body { font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; font-size:100%; line-height:1.5em;} |
81 | -h1 { font-size:2.25em; /* 16x2.25 =36 */ } |
82 | -h2 { font-size:1.5em; /* 16x1.5 =24 */ } |
83 | -h3 { font-size:1.125em; /* 16x1.125=18 */ } |
84 | -h4 { font-size:1.0em; /* 16x1.0 =16 */ } |
85 | -h5 { font-size:0.875em; /* 16x0.75 =14 */ } |
86 | -h6 { font-size:0.75em; font-weight:bold; /* 16x0.75 =12 */ } |
87 | -dt { font-size:0.75em; font-weight:bold; /* 16x0.75 =12 */ } |
88 | -p { font-size:0.75em; line-height:1.5em; /* 16x0.75 =12 */ } |
89 | -li { font-size:0.75em; line-height:1.5em; /* 16x0.75=12 */ } |
90 | -strong { font-weight:bold;} |
91 | -em { font-style:italic; } |
92 | -#top-logo { font-size:0.875em; /* 16x0.75 =12 */} |
93 | -#main-nav { font-size:0.875em; /* 16x0.875=14 */} |
94 | -#sub-nav { font-size:0.75em; /* 16x0.75 =12 */} |
95 | -.showcase-text { font-size:0.875em; /* 16x0.875=14 */ } |
96 | -.footer-item { font-size:0.75em; /* 16x0.625=12 */ } |
97 | +body { |
98 | + font-family:Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; |
99 | + font-size:100%; |
100 | + line-height:1.5em; |
101 | + background:url("../images/dotted.png") repeat scroll 0 0 #FFF; |
102 | + color:#333; |
103 | +} |
104 | + |
105 | +ol, ul { |
106 | + list-style-position:inside; |
107 | +} |
108 | + |
109 | +blockquote, q { |
110 | + quotes:none; |
111 | +} |
112 | + |
113 | +blockquote:before, blockquote:after, q:before, q:after { |
114 | + content:''; |
115 | +} |
116 | + |
117 | +a { |
118 | + cursor:pointer; |
119 | + border:0; |
120 | + font-size:100%; |
121 | + vertical-align:baseline; |
122 | + background:transparent; |
123 | + text-decoration:none; |
124 | + margin:0; |
125 | + padding:0; |
126 | +} |
127 | + |
128 | +ins { |
129 | + background-color:#ff9; |
130 | + color:#000; |
131 | + text-decoration:none; |
132 | +} |
133 | + |
134 | +mark { |
135 | + background-color:#ff9; |
136 | + color:#000; |
137 | + font-style:italic; |
138 | + font-weight:700; |
139 | +} |
140 | + |
141 | +del { |
142 | + text-decoration:line-through; |
143 | +} |
144 | + |
145 | +abbr[title], dfn[title] { |
146 | + border-bottom:1px dotted #000; |
147 | + cursor:help; |
148 | +} |
149 | + |
150 | +table { |
151 | + border-collapse:collapse; |
152 | + border-spacing:0; |
153 | +} |
154 | + |
155 | +hr { |
156 | + display:block; |
157 | + height:1px; |
158 | + border:0; |
159 | + border-top:1px solid #ccc; |
160 | + margin:1em 0; |
161 | + padding:0; |
162 | +} |
163 | + |
164 | +input, select { |
165 | + vertical-align:middle; |
166 | +} |
167 | + |
168 | +textarea { |
169 | + overflow:auto; |
170 | +} |
171 | + |
172 | +h1 { |
173 | + font-size:2.25em; |
174 | +} |
175 | + |
176 | +h2 { |
177 | + font-size:1.5em; |
178 | +} |
179 | + |
180 | +h3 { |
181 | + font-size:1.125em; |
182 | +} |
183 | + |
184 | +p { |
185 | + font-size:0.75em; |
186 | + line-height:1.5em; |
187 | + padding:5px 0 10px; |
188 | +} |
189 | + |
190 | +li { |
191 | + font-size:0.75em; |
192 | + line-height:1.5em; |
193 | +} |
194 | + |
195 | +strong { |
196 | + font-weight:700; |
197 | +} |
198 | + |
199 | +em { |
200 | + font-style:italic; |
201 | +} |
202 | + |
203 | +#top-logo { |
204 | + font-size:0.875em; |
205 | + float:right; |
206 | + width:280px; |
207 | + color:#fff; |
208 | + line-height:1.5em; |
209 | + text-align:right; |
210 | + margin:5px 10px 5px 0; |
211 | + padding:10px 10px 0 0; |
212 | +} |
213 | + |
214 | +#main-nav { |
215 | + font-size:0.875em; |
216 | + float:left; |
217 | + width:620px; |
218 | + border-left:1px solid #EF7149; |
219 | + z-index:10; |
220 | +} |
221 | + |
222 | +#sub-nav { |
223 | + font-size:0.75em; |
224 | + float:left; |
225 | + padding:0 10px; |
226 | +} |
227 | + |
228 | +.showcase-text { |
229 | + font-size:0.875em; |
230 | + width:280px; |
231 | + margin:5px 0 10px; |
232 | +} |
233 | + |
234 | +.footer-item { |
235 | + font-size:0.75em; |
236 | + border-bottom:1px dotted #333; |
237 | + display:block; |
238 | + margin-top:3px; |
239 | +} |
240 | |
241 | /*- Layout |
242 | -------------------------------------------------------------------------------------------------------- */ |
243 | - |
244 | -.container { clear:both; margin:0 auto; padding:0; position:relative; width:980px; } |
245 | - |
246 | -#main-nav { float:left; width:620px; } |
247 | -.main-nav-item { margin:5px 10px; padding:10px; } |
248 | - |
249 | -#top-logo { float:right; margin:5px 10px 5px 0px; padding:10px 10px 0px 0px; width:280px; } |
250 | -#the-logo { float:right; } |
251 | - |
252 | -#page-related { background-image:none; margin:0 auto; padding:0 10px 10px; position:relative; width:960px; } |
253 | - |
254 | -#sub-nav-container { height:40px; margin:0 10px; width:940px; } |
255 | -#sub-nav { float:left; padding:0px 10px;} |
256 | -.sub-nav-item { float:left; display:block; } |
257 | -.sub-nav-item-link { display: block; line-height:40px; margin:0px; padding: 0 12px; } |
258 | -#pop-up-container { float:left; padding:10px; } |
259 | -#pop-up-text { float:left; } |
260 | -#login-container { float:left; width:620px;} |
261 | - |
262 | - |
263 | -#searchbox-container { float:right; margin: 0px 10px 5px 0px; padding:0 0 0 10px; width:300px;} |
264 | -.showcase-item { float:left; margin:5px 10px; padding:10px; width:280px;} |
265 | -.showcase-heading { margin:5px 0px 10px; width:280px;} |
266 | -.showcase-subheading { margin:5px 0px 10px; width:280px;} |
267 | -.showcase-text { margin:5px 0px 10px; width:280px;} |
268 | -.showcase-figure { float:left; margin:5px 10px; padding:10px; position:relative; width:600px;} |
269 | -.showcase-img { display:block; margin:0px; padding:0px; position:relative; width:600px;} |
270 | -.showcase-caption { position:absolute; bottom:0px; left:0px; margin:0px 10px 10px; padding:10px; width:580px;} |
271 | -#showcase-nav { clear:both; margin:5px 10px; padding:0px 10px; width:920px; } |
272 | -.showcase-nav-item { padding-right:10px;} |
273 | -.main-content { clear:both; float:left; margin:5px 10px; padding:10px; width:920px; } |
274 | -.minor-content { float:left; margin:5px 10px; padding:10px; width:440px; } |
275 | -.side-content { float:left; margin:5px 10px; padding:10px; width:280px; } |
276 | -.sub-content { float:left; margin:5px 10px; padding:10px; width:120px; } |
277 | -p { padding: 5px 0px 10px; } |
278 | - |
279 | -.divide { border:0px solid; clear:both; font-size:0px; height:1px; margin:-1px 0px 0px; } |
280 | -.divide-showcase { border:0px solid; clear:both; font-size:0px; height:1px; margin:-1px 0px 25px; } |
281 | - |
282 | - |
283 | - |
284 | -#blog-posts, |
285 | -#forum-header { float:left; margin:5px 10px; padding:10px; width:600px; } |
286 | -.blog-post { clear:both; margin-bottom:10px; padding-bottom:10px;} |
287 | -.post-figure { float:right; margin:10px 0px 10px 10px; padding:0px; position:relative; width:260px;} |
288 | -.post-img { display:block; margin:0px; padding:0px; position:relative; width:260px;} |
289 | -.post-img-caption { position:absolute; bottom:0px; left:0px; padding:10px; width:240px;} |
290 | -.comments-count { clear:both; display:block; font-style:italic; color:#999; text-align:right; } |
291 | - |
292 | - |
293 | -#forum-aside, |
294 | -#blog-aside { float:left; margin:5px 10px; padding:0px; width:300px; } |
295 | -.widgets-aside { float:left; margin:5px 0px 15px; padding:10px; width:280px; } |
296 | - |
297 | -.linktree-item { display: inline; } |
298 | - |
299 | -.pagination { clear:both; text-align:center; } |
300 | - |
301 | -.footer-content { float:left; margin:5px 10px; padding:10px; width:120px; } |
302 | -.foot-note { clear:both; margin:15px 10px 0px; padding:10px; width:920px; } |
303 | - |
304 | - |
305 | -.plugin { margin: 0 -10px; padding:0px; width:980px; } |
306 | - |
307 | -/*- Decoration |
308 | --------------------------------------------------------------------------------------------------------- */ |
309 | - |
310 | -h1, |
311 | -h2, |
312 | -h3, |
313 | -h4, |
314 | -h5, |
315 | -h6 { color:#DD4814; } |
316 | - |
317 | - |
318 | -body { background:url("../images/dotted.png") repeat scroll 0 0 #FFFFFF; color:#333333; } |
319 | -#page-header { background:url("../images/header.png") repeat-x scroll 0 0 #DD4814; height:72px; } |
320 | -#page-header .container { background:url("../images/header.png") repeat-x scroll 0 0 #DD4814; } |
321 | -#top-logo { color:#fff; line-height:1.5em; text-align:right; } |
322 | -#the-logo { padding-left:4px; } |
323 | -#loco { clear:both; display:block; float:right;} |
324 | - |
325 | - |
326 | -#main-nav { border-left: 1px solid #EF7149; z-index:10;} |
327 | -.main-nav-item, |
328 | -.main-nav-item:visited { border-right: 1px solid #EF7149; border-bottom: 0; border-top: 0; color: #fff; display: block; float: left; height: 70px; line-height: 70px; margin:0px; padding: 0 15px; text-shadow: 1px 1px 1px #333; } |
329 | -.main-nav-item:hover, |
330 | -.main-nav-item:active, |
331 | -.main-nav-item:focus { background: url(../images/mainnav.png) 0 0 repeat; } |
332 | - |
333 | -#page-related { background-color:#FFFFFF;} |
334 | -#sub-nav-container { background-color:#F7F7F7; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;} |
335 | -#sub-nav-container /* progressive */ { -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -webkit-box-shadow: 0px 1px 1px #ccc; -moz-box-shadow:0 1px 1px #DFDFDF;} |
336 | - |
337 | -.sub-nav-item, |
338 | -.sub-nav-item:visited { color:#333; display: block; float: left; } |
339 | -.sub-nav-item-link, |
340 | -.sub-nav-item-link:visited { color:#333; line-height:40px; margin:0px; padding: 0 12px; } |
341 | -.sub-nav-item:hover, |
342 | -.sub-nav-item:active, |
343 | -.sub-nav-item:focus, |
344 | -.sub-nav-item-link:hover, |
345 | -.sub-nav-item-link:active, |
346 | -.sub-nav-item-link:focus { background-color:#efefef; color:#DD4814; } |
347 | - |
348 | -#pop-up-text { font-weight:bold; line-height:20px; padding:0px 5px; } |
349 | -.login-label { height:16px; margin:7px 0px 7px 9px; padding:3px; } |
350 | -#username, |
351 | -#password { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:16px; margin:7px 0px 7px 9px; padding:3px; width:110px; } |
352 | -#openid_url { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:16px; margin:7px 0px 7px 9px; padding:3px; width:205px; } |
353 | -#login { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:24px; margin:7px 9px 7px 7px ; padding:2px;} |
354 | -#login:hover { background-color:#f7f7f7; border: 1px solid #DD4814;} |
355 | -#join, |
356 | -#join:visited { color:#333; } |
357 | -#join:hover, |
358 | -#join:active, |
359 | -#join:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; } |
360 | - |
361 | -#searchbox { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:16px; margin:7px 0px 7px 9px; padding:3px; width:180px; } |
362 | -#searchbox:focus { background-color:#f7f7f7; border: 1px solid #DD4814; } |
363 | -#go-search { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:24px; margin:7px 9px 7px 0px ; padding:2px;} |
364 | -#go-search:hover { background-color:#f7f7f7; border: 1px solid #DD4814;} |
365 | -#more-search, |
366 | -#more-search:visited { background-color:#f0f0f0; border: 1px solid #CCCCCC; color:#333; height:16px; margin:7px 7px 7px 0px; padding:1px 3px; } |
367 | -#more-search:hover, |
368 | -#more-search:active, |
369 | -#more-search:focus { background-color:#f7f7f7; border: 1px solid #DD4814; color:#DD4814; text-shadow: 1px 1px 2px #999; } |
370 | - |
371 | - |
372 | -.showcase-caption { background-color:#000; background-color:rgba(0,0,0,0.4); color: #fff;} |
373 | -#showcase-nav { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #dfdfdf; height:40px; } |
374 | -#showcase-nav /* progressive */ { -webkit-border-radius: 8px; -moz-border-radius: 8px; -moz-box-shadow: 0px 1px 1px #dfdfdf; -webkit-box-shadow: 0px 1px 1px #ccc;} |
375 | -.showcase-nav-item, |
376 | -.showcase-nav-item:visited { color:#333; display: block; float: left; line-height:40px; margin:0 1px; padding: 0 15px; } |
377 | -.showcase-nav-item:hover, |
378 | -.showcase-nav-item:active, |
379 | -.showcase-nav-item:focus { border:1px solid #ddd; border-top:0px solid; border-bottom:0px solid; background-color:#efefef; color:#DD4814; margin:0; } |
380 | - |
381 | - |
382 | - |
383 | - |
384 | - |
385 | -#main-section .container { background-color:#fff; background-image:none; padding:0px 10px 10px; position:relative; width:960px;} |
386 | - |
387 | - |
388 | -.alone, |
389 | -.leading, |
390 | -.aggregator { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #dfdfdf; float:left;} |
391 | -.alone, |
392 | -.leading, |
393 | -.aggregator /* progressive */ { -webkit-border-radius: 8px; -moz-border-radius: 8px; -moz-box-shadow: 0px 1px 1px #dfdfdf; -webkit-box-shadow: 0px 1px 1px #ccc; } |
394 | - |
395 | -.aggregator { margin:5px 10px;} |
396 | -.aggregator .first { margin-left:0px;} |
397 | -.aggregator .last { margin-right:0px;} |
398 | - |
399 | - |
400 | -.post-header { border-bottom:1px dotted #333333; margin-bottom:10px; padding-bottom:5px; } |
401 | -.post-meta { color:#999; font-size:0.85em; font-style:italic; } |
402 | -.post-title-link, |
403 | -.post-title-link:visited { color:#333; } |
404 | -.post-title-link:hover, |
405 | -.post-title-link:active, |
406 | -.post-title-link:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; } |
407 | - |
408 | -.post-img-caption { background-color:#000; background-color:rgba(0,0,0,0.4); color: #fff;} |
409 | -.pagination { border-top:1px solid #333; color: #fff; margin-top:15px; padding-top:15px; } |
410 | -.pagination-item { border-bottom:1px solid #333; color:#333; margin-right:5px; padding:2px 6px; } |
411 | -.pagination-item:hover { border-bottom:1px solid #DD4814; background-color:#f7f7f7; color:#DD4814;} |
412 | -.pagination-item.current { background-color:#f7f7f7; border-bottom:1px solid #333; color:#333; font-weight:bold; } |
413 | - |
414 | -.widgets-aside { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #dfdfdf; } |
415 | -.widgets-aside /* progressive */ { -webkit-border-radius: 8px; -moz-border-radius: 8px; -moz-box-shadow: 0px 1px 1px #dfdfdf; -webkit-box-shadow: 0px 1px 1px #ccc; } |
416 | -.widget-links { list-style:none; } |
417 | -.a-item { display:block; margin-top:3px; } |
418 | -.side-link, |
419 | -.side-link:visited { color: #333333; display:block; padding-right:3px; } |
420 | -.side-link:hover, |
421 | -.side-link:active, |
422 | -.side-link:focus { background-color: #fff; border-right:3px solid #DD4814; color:#DD4814; text-decoration:none; } |
423 | - |
424 | - |
425 | -#login-widget { text-align:center;} |
426 | - |
427 | -#page-footer { background:url("../images/footer.png") repeat-x scroll 0 0 #EEECEA; } |
428 | -#page-footer .container { background:url("../images/footer.png") repeat-x scroll 0 0 #EEECEA; padding:0px 10px; width:960px; } |
429 | -.footer-content dd { margin-bottom:15px;} |
430 | -.footer-links { list-style:none; } |
431 | -.footer-item { border-bottom:1px dotted #333; display:block; margin-top:3px; } |
432 | -.foot-note { color:#999; font-style:italic;} |
433 | - |
434 | -.footer-link, |
435 | -.footer-link:visited { color: #333333;} |
436 | -.footer-link:hover, |
437 | -.footer-link:active, |
438 | -.footer-link:focus { color:#DD4814; text-decoration:underline; } |
439 | - |
440 | -.footer-link-main, |
441 | -.footer-link-main:visited { } |
442 | -.footer-link-main:hover, |
443 | -.footer-link-main:active, |
444 | -.footer-link-main:focus { color:#DD4814; text-decoration:underline; } |
445 | - |
446 | - |
447 | - |
448 | - |
449 | - |
450 | - |
451 | - |
452 | -/*- Forum Decoration [Demo] |
453 | --------------------------------------------------------------------------------------------------------- */ |
454 | - |
455 | -.align_right { float: right; } |
456 | -.align_left { float: left; } |
457 | - |
458 | -/* TODO: fix this, and make a general forum header */ |
459 | -h5 { font-size: 0.75em; background-color: #DD4814; color: #fff; padding: 0px 12px; } |
460 | - |
461 | -#linktree { margin: 0 12px 12px; } |
462 | -.linktree-link, |
463 | -.linktree-link:visited { color: #DD4814; } |
464 | - |
465 | -.main-content a { color: #DD4814; } |
466 | - |
467 | -.forum-title { text-align: center; margin-bottom: 24px; } |
468 | - |
469 | -.forum-news { color: #333; font-size:0.9em; line-height: 1.2em; } |
470 | -.forum-news-header { color: #333; font-weight:bold; } |
471 | -.forum-news-content { color: #333; margin-left: 24px; } |
472 | -.forum-news-content a { color: #333; } |
473 | -.forum-news-content a:hover { color: #DD4814; } |
474 | - |
475 | -.table_list { width: 100%; } |
476 | -.table_list a { color: #DD4814; } |
477 | -.table_list a:hover { text-shadow: 1px 1px 2px #ccc; } |
478 | - |
479 | -.smf-header-divide { -moz-box-shadow: 0px 2px 2px #dfdfdf; -webkit-box-shadow: 0px 1px 1px #ccc; } |
480 | - |
481 | -.table_grid thead { background-color: #F7F7F7; -webkit-border-radius: 8px; -moz-border-radius: 8px; -moz-box-shadow: 0px 1px 1px #dfdfdf; -webkit-box-shadow: 0px 1px 1px #ccc; } |
482 | - |
483 | -.forum_stat_item { display: inline-block; width: 455px; vertical-align: top; margin: 5px 0; } |
484 | - |
485 | -.smf-cat-group { clear:both; float:left; margin:5px 10px; width:940px; } |
486 | -.smf-cat { background-color:#F7F7F7; margin-bottom: 12px; border: 1px solid #DD4814; } |
487 | -.smf-cat-header { font-size: 0.75em; background-color: #DD4814; color: #fff; padding: 0px 12px; } |
488 | -.smf-cat-header a { color: #fff; font-weight: bold; } |
489 | -.unreadlink { float: right; margin-right: 12px; font-size: 0.75em; } |
490 | -.smf-cat-title { padding-left: 12px; } |
491 | -.smf-cat-content { padding: 5px 15px 10px; } |
492 | - |
493 | -.smf-board { display: inline-block; position: relative; margin-bottom: 0px; line-height: 1em; font-size: 0.75em; width: 300px; margin: 6px 0; } |
494 | -.smf-board-img { width: 20px; height: 20px; } |
495 | -.smf-board img { width: 20px; height: 20px; } |
496 | -.smf-board-info { display: inline-block; margin-left: 8px; } |
497 | -.smf-board-content { height: 60px; margin-top: 0px; } |
498 | -.smf-board-marker { width: 30px; background-color: #F7F7F7; padding: 3px 1px; } |
499 | -.smf-new { background-color: #DD4814; } |
500 | -a.smf-board-subject { padding-bottom: 2px; color: #333; font-size: 14px; } |
501 | -.smf-board-desc { display: none; position: relative; background-color: #F7F7F7; padding-right: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; } |
502 | -.smf-board-desc:hover { z-index: 1000; } |
503 | -.smf-board-last-post { padding: 2px 0 2px; } |
504 | -.smf-board-last-post a { color: #DD4814; } |
505 | -.smf-board-last-post-link { padding: 0px 3px; font-size: 1.3em; line-height: 25.5px; height: 25.5px; } |
506 | -.children { padding-left: 31px; } |
507 | - |
508 | -.reset { float: left; } |
509 | -.reset li { margin-right: 10px; } |
510 | -.mark_read { float: right; margin: 5px 10px; padding: 10px 0; } |
511 | -.pagelinks { float: left; font-size: 0.75em; } |
512 | - |
513 | - |
514 | -.table_grid thead a { font-size: 0.75em; color: #DD4814; } |
515 | -.table_grid { font-size: 0.75em; } |
516 | - |
517 | -p.inline { display: inline; } |
518 | - |
519 | -.subject-title { font-size: 1.2em; } |
520 | +.container { |
521 | + clear:both; |
522 | + position:relative; |
523 | + width:980px; |
524 | + margin:0 auto; |
525 | + padding:0; |
526 | +} |
527 | + |
528 | +.main-nav-item { |
529 | + margin:5px 10px; |
530 | + padding:10px; |
531 | +} |
532 | + |
533 | +#the-logo { |
534 | + float:right; |
535 | + padding-left:4px; |
536 | +} |
537 | + |
538 | +#page-related { |
539 | + background-image:none; |
540 | + position:relative; |
541 | + width:960px; |
542 | + background-color:#FFF; |
543 | + margin:0 auto; |
544 | + padding:0 10px 10px; |
545 | +} |
546 | + |
547 | +#sub-nav-container { |
548 | + height:40px; |
549 | + width:940px; |
550 | + background-color:#F7F7F7; |
551 | + border-bottom-left-radius:8px; |
552 | + border-bottom-right-radius:8px; |
553 | + margin:0 10px; |
554 | +} |
555 | + |
556 | +.sub-nav-item { |
557 | + float:left; |
558 | + display:block; |
559 | +} |
560 | + |
561 | +.sub-nav-item-link { |
562 | + display:block; |
563 | + line-height:40px; |
564 | + margin:0; |
565 | + padding:0 12px; |
566 | +} |
567 | + |
568 | +#pop-up-container { |
569 | + float:left; |
570 | + padding:10px; |
571 | +} |
572 | + |
573 | +#pop-up-text { |
574 | + float:left; |
575 | + font-weight:700; |
576 | + line-height:20px; |
577 | + padding:0 5px; |
578 | +} |
579 | + |
580 | +#login-container { |
581 | + float:left; |
582 | + width:620px; |
583 | +} |
584 | + |
585 | +#searchbox-container { |
586 | + float:right; |
587 | + width:300px; |
588 | + margin:0 10px 5px 0; |
589 | + padding:0 0 0 10px; |
590 | +} |
591 | + |
592 | +.showcase-figure { |
593 | + float:left; |
594 | + position:relative; |
595 | + width:600px; |
596 | + margin:5px 10px; |
597 | + padding:10px; |
598 | +} |
599 | + |
600 | +.showcase-img { |
601 | + display:block; |
602 | + position:relative; |
603 | + width:600px; |
604 | + margin:0; |
605 | + padding:0; |
606 | +} |
607 | + |
608 | +.showcase-caption { |
609 | + position:absolute; |
610 | + bottom:0; |
611 | + left:0; |
612 | + width:580px; |
613 | + background-color:rgba(0, 0, 0, 0.4); |
614 | + color:#fff; |
615 | + margin:0 10px 10px; |
616 | + padding:10px; |
617 | +} |
618 | + |
619 | +#showcase-nav { |
620 | + clear:both; |
621 | + width:920px; |
622 | + background-color:#f7f7f7; |
623 | + border-radius:8px; |
624 | + box-shadow:0 1px 1px #dfdfdf; |
625 | + height:40px; |
626 | + margin:5px 10px; |
627 | + padding:0 10px; |
628 | +} |
629 | + |
630 | +.showcase-nav-item { |
631 | + padding-right:10px; |
632 | +} |
633 | + |
634 | +.main-content { |
635 | + clear:both; |
636 | + float:left; |
637 | + width:920px; |
638 | + margin:5px 10px; |
639 | + padding:10px; |
640 | +} |
641 | + |
642 | +.minor-content { |
643 | + float:left; |
644 | + width:440px; |
645 | + margin:5px 10px; |
646 | + padding:10px; |
647 | +} |
648 | + |
649 | +.divide { |
650 | + border:0 solid; |
651 | + clear:both; |
652 | + font-size:0; |
653 | + height:1px; |
654 | + margin:-1px 0 0; |
655 | +} |
656 | + |
657 | +.divide-showcase { |
658 | + border:0 solid; |
659 | + clear:both; |
660 | + font-size:0; |
661 | + height:1px; |
662 | + margin:-1px 0 25px; |
663 | +} |
664 | + |
665 | +#blog-posts, #forum-header { |
666 | + float:left; |
667 | + width:600px; |
668 | + margin:5px 10px; |
669 | + padding:10px; |
670 | +} |
671 | + |
672 | +.blog-post { |
673 | + clear:both; |
674 | + margin-bottom:10px; |
675 | + padding-bottom:10px; |
676 | +} |
677 | + |
678 | +.post-figure { |
679 | + float:right; |
680 | + position:relative; |
681 | + width:260px; |
682 | + margin:10px 0 10px 10px; |
683 | + padding:0; |
684 | +} |
685 | + |
686 | +.post-img { |
687 | + display:block; |
688 | + position:relative; |
689 | + width:260px; |
690 | + margin:0; |
691 | + padding:0; |
692 | +} |
693 | + |
694 | +.post-img-caption { |
695 | + position:absolute; |
696 | + bottom:0; |
697 | + left:0; |
698 | + width:240px; |
699 | + background-color:rgba(0, 0, 0, 0.4); |
700 | + color:#fff; |
701 | + padding:10px; |
702 | +} |
703 | + |
704 | +.comments-count { |
705 | + clear:both; |
706 | + display:block; |
707 | + font-style:italic; |
708 | + color:#999; |
709 | + text-align:right; |
710 | +} |
711 | + |
712 | +#forum-aside, #blog-aside { |
713 | + float:left; |
714 | + width:300px; |
715 | + margin:5px 10px; |
716 | + padding:0; |
717 | +} |
718 | + |
719 | +.widgets-aside { |
720 | + float:left; |
721 | + width:280px; |
722 | + background-color:#f7f7f7; |
723 | + border-radius:8px; |
724 | + box-shadow:0 1px 1px #dfdfdf; |
725 | + margin:5px 0 15px; |
726 | + padding:10px; |
727 | +} |
728 | + |
729 | +.pagination { |
730 | + clear:both; |
731 | + text-align:center; |
732 | + border-top:1px solid #333; |
733 | + color:#fff; |
734 | + margin-top:15px; |
735 | + padding-top:15px; |
736 | +} |
737 | + |
738 | +.foot-note { |
739 | + clear:both; |
740 | + width:920px; |
741 | + color:#999; |
742 | + font-style:italic; |
743 | + margin:15px 10px 0; |
744 | + padding:10px; |
745 | +} |
746 | + |
747 | +.plugin { |
748 | + width:980px; |
749 | + margin:0 -10px; |
750 | + padding:0; |
751 | +} |
752 | + |
753 | +#page-header { |
754 | + background:url("../images/header.png") repeat-x scroll 0 0 #DD4814; |
755 | + height:72px; |
756 | +} |
757 | + |
758 | +#page-header .container { |
759 | + background:url("../images/header.png") repeat-x scroll 0 0 #DD4814; |
760 | +} |
761 | + |
762 | +#loco { |
763 | + clear:both; |
764 | + display:block; |
765 | + float:right; |
766 | +} |
767 | + |
768 | +.main-nav-item, .main-nav-item:visited { |
769 | + border-right:1px solid #EF7149; |
770 | + border-bottom:0; |
771 | + border-top:0; |
772 | + color:#fff; |
773 | + display:block; |
774 | + float:left; |
775 | + height:70px; |
776 | + line-height:70px; |
777 | + text-shadow:1px 1px 1px #333; |
778 | + margin:0; |
779 | + padding:0 15px; |
780 | +} |
781 | + |
782 | +.main-nav-item:hover, .main-nav-item:active, .main-nav-item:focus { |
783 | + background:url(../images/mainnav.png) 0 0 repeat; |
784 | +} |
785 | + |
786 | +#sub-nav-container /* progressive */ |
787 | + { |
788 | + -webkit-border-bottom-left-radius:8px; |
789 | + -webkit-border-bottom-right-radius:8px; |
790 | + -moz-border-radius-bottomleft:8px; |
791 | + -moz-border-radius-bottomright:8px; |
792 | + -webkit-box-shadow:0 1px 1px #ccc; |
793 | + -moz-box-shadow:0 1px 1px #DFDFDF; |
794 | +} |
795 | + |
796 | +.sub-nav-item, .sub-nav-item:visited { |
797 | + color:#333; |
798 | + display:block; |
799 | + float:left; |
800 | +} |
801 | + |
802 | +.sub-nav-item-link, .sub-nav-item-link:visited { |
803 | + color:#333; |
804 | + line-height:40px; |
805 | + margin:0; |
806 | + padding:0 12px; |
807 | +} |
808 | + |
809 | +.login-label { |
810 | + height:16px; |
811 | + margin:7px 0 7px 9px; |
812 | + padding:3px; |
813 | +} |
814 | + |
815 | +#username, #password { |
816 | + background-color:#f0f0f0; |
817 | + border:1px solid #CCC; |
818 | + height:16px; |
819 | + width:110px; |
820 | + margin:7px 0 7px 9px; |
821 | + padding:3px; |
822 | +} |
823 | + |
824 | +#openid_url { |
825 | + background-color:#f0f0f0; |
826 | + border:1px solid #CCC; |
827 | + height:16px; |
828 | + width:205px; |
829 | + margin:7px 0 7px 9px; |
830 | + padding:3px; |
831 | +} |
832 | + |
833 | +#login { |
834 | + background-color:#f0f0f0; |
835 | + border:1px solid #CCC; |
836 | + height:24px; |
837 | + margin:7px 9px 7px 7px; |
838 | + padding:2px; |
839 | +} |
840 | + |
841 | +#searchbox { |
842 | + background-color:#f0f0f0; |
843 | + border:1px solid #CCC; |
844 | + height:16px; |
845 | + width:180px; |
846 | + margin:7px 0 7px 9px; |
847 | + padding:3px; |
848 | +} |
849 | + |
850 | +#go-search { |
851 | + background-color:#f0f0f0; |
852 | + border:1px solid #CCC; |
853 | + height:24px; |
854 | + margin:7px 9px 7px 0; |
855 | + padding:2px; |
856 | +} |
857 | + |
858 | +#more-search, #more-search:visited { |
859 | + background-color:#f0f0f0; |
860 | + border:1px solid #CCC; |
861 | + color:#333; |
862 | + height:16px; |
863 | + margin:7px 7px 7px 0; |
864 | + padding:1px 3px; |
865 | +} |
866 | + |
867 | +#more-search:hover, #more-search:active, #more-search:focus { |
868 | + background-color:#f7f7f7; |
869 | + border:1px solid #DD4814; |
870 | + color:#DD4814; |
871 | + text-shadow:1px 1px 2px #999; |
872 | +} |
873 | + |
874 | +.showcase-nav-item, .showcase-nav-item:visited { |
875 | + color:#333; |
876 | + display:block; |
877 | + float:left; |
878 | + line-height:40px; |
879 | + margin:0 1px; |
880 | + padding:0 15px; |
881 | +} |
882 | + |
883 | +.showcase-nav-item:hover, .showcase-nav-item:active, .showcase-nav-item:focus { |
884 | + border:1px solid #ddd; |
885 | + border-top:0 solid; |
886 | + border-bottom:0 solid; |
887 | + background-color:#efefef; |
888 | + color:#DD4814; |
889 | + margin:0; |
890 | +} |
891 | + |
892 | +#main-section .container { |
893 | + background-color:#fff; |
894 | + background-image:none; |
895 | + position:relative; |
896 | + width:960px; |
897 | + padding:0 10px 10px; |
898 | +} |
899 | + |
900 | +.alone, .leading, .aggregator { |
901 | + background-color:#f7f7f7; |
902 | + border-radius:8px; |
903 | + box-shadow:0 1px 1px #dfdfdf; |
904 | + float:left; |
905 | +} |
906 | + |
907 | +.aggregator { |
908 | + margin:5px 10px; |
909 | +} |
910 | + |
911 | +.aggregator .first { |
912 | + margin-left:0; |
913 | +} |
914 | + |
915 | +.aggregator .last { |
916 | + margin-right:0; |
917 | +} |
918 | + |
919 | +.post-header { |
920 | + border-bottom:1px dotted #333; |
921 | + margin-bottom:10px; |
922 | + padding-bottom:5px; |
923 | +} |
924 | + |
925 | +.post-meta { |
926 | + color:#999; |
927 | + font-size:0.85em; |
928 | + font-style:italic; |
929 | +} |
930 | + |
931 | +.pagination-item { |
932 | + border-bottom:1px solid #333; |
933 | + color:#333; |
934 | + margin-right:5px; |
935 | + padding:2px 6px; |
936 | +} |
937 | + |
938 | +.pagination-item:hover { |
939 | + border-bottom:1px solid #DD4814; |
940 | + background-color:#f7f7f7; |
941 | + color:#DD4814; |
942 | +} |
943 | + |
944 | +.pagination-item.current { |
945 | + background-color:#f7f7f7; |
946 | + border-bottom:1px solid #333; |
947 | + color:#333; |
948 | + font-weight:700; |
949 | +} |
950 | + |
951 | +.a-item { |
952 | + display:block; |
953 | + margin-top:3px; |
954 | +} |
955 | + |
956 | +.side-link, .side-link:visited { |
957 | + color:#333; |
958 | + display:block; |
959 | + padding-right:3px; |
960 | +} |
961 | + |
962 | +.side-link:hover, .side-link:active, .side-link:focus { |
963 | + background-color:#fff; |
964 | + border-right:3px solid #DD4814; |
965 | + color:#DD4814; |
966 | + text-decoration:none; |
967 | +} |
968 | + |
969 | +#login-widget { |
970 | + text-align:center; |
971 | +} |
972 | + |
973 | +#page-footer { |
974 | + background:url("../images/footer.png") repeat-x scroll 0 0 #EEECEA; |
975 | +} |
976 | + |
977 | +#page-footer .container { |
978 | + background:url("../images/footer.png") repeat-x scroll 0 0 #EEECEA; |
979 | + width:960px; |
980 | + padding:0 10px; |
981 | +} |
982 | + |
983 | +.footer-content dd { |
984 | + margin-bottom:15px; |
985 | +} |
986 | + |
987 | +/*- Forum Decoration [Demo]-------------------------------------------------------------------------------------------------------- */ |
988 | +.align_right { |
989 | + float:right; |
990 | +} |
991 | + |
992 | +#linktree { |
993 | + margin:0 12px 12px; |
994 | +} |
995 | + |
996 | +.forum-title { |
997 | + text-align:center; |
998 | + margin-bottom:24px; |
999 | +} |
1000 | + |
1001 | +.forum-news { |
1002 | + color:#333; |
1003 | + font-size:0.9em; |
1004 | + line-height:1.2em; |
1005 | +} |
1006 | + |
1007 | +.forum-news-header { |
1008 | + color:#333; |
1009 | + font-weight:700; |
1010 | +} |
1011 | + |
1012 | +.forum-news-content { |
1013 | + color:#333; |
1014 | + margin-left:24px; |
1015 | +} |
1016 | + |
1017 | +.table_list { |
1018 | + width:100%; |
1019 | +} |
1020 | + |
1021 | +.table_list a:hover { |
1022 | + text-shadow:1px 1px 2px #ccc; |
1023 | +} |
1024 | + |
1025 | +.smf-header-divide { |
1026 | + -moz-box-shadow:0 2px 2px #dfdfdf; |
1027 | + -webkit-box-shadow:0 1px 1px #ccc; |
1028 | +} |
1029 | + |
1030 | +.forum_stat_item { |
1031 | + display:inline-block; |
1032 | + width:455px; |
1033 | + vertical-align:top; |
1034 | + margin:5px 0; |
1035 | +} |
1036 | + |
1037 | +.smf-cat { |
1038 | + background-color:#F7F7F7; |
1039 | + margin-bottom:12px; |
1040 | + border:1px solid #DD4814; |
1041 | +} |
1042 | + |
1043 | +.smf-cat-header a { |
1044 | + color:#fff; |
1045 | + font-weight:700; |
1046 | +} |
1047 | + |
1048 | +.unreadlink { |
1049 | + float:right; |
1050 | + margin-right:12px; |
1051 | + font-size:0.75em; |
1052 | +} |
1053 | + |
1054 | +.smf-cat-title { |
1055 | + padding-left:12px; |
1056 | +} |
1057 | + |
1058 | +.smf-cat-content { |
1059 | + padding:5px 15px 10px; |
1060 | +} |
1061 | + |
1062 | +.smf-board { |
1063 | + display:inline-block; |
1064 | + position:relative; |
1065 | + line-height:1em; |
1066 | + font-size:0.75em; |
1067 | + width:300px; |
1068 | + margin:6px 0; |
1069 | +} |
1070 | + |
1071 | +.smf-board-info { |
1072 | + display:inline-block; |
1073 | + margin-left:8px; |
1074 | +} |
1075 | + |
1076 | +.smf-board-content { |
1077 | + height:60px; |
1078 | + margin-top:0; |
1079 | +} |
1080 | + |
1081 | +.smf-board-marker { |
1082 | + width:30px; |
1083 | + background-color:#F7F7F7; |
1084 | + padding:3px 1px; |
1085 | +} |
1086 | + |
1087 | +.smf-new { |
1088 | + background-color:#DD4814; |
1089 | +} |
1090 | + |
1091 | +a.smf-board-subject { |
1092 | + padding-bottom:2px; |
1093 | + color:#333; |
1094 | + font-size:14px; |
1095 | +} |
1096 | + |
1097 | +.smf-board-desc { |
1098 | + display:none; |
1099 | + position:relative; |
1100 | + background-color:#F7F7F7; |
1101 | + padding-right:10px; |
1102 | + white-space:nowrap; |
1103 | + overflow:hidden; |
1104 | + text-overflow:ellipsis; |
1105 | + -o-text-overflow:ellipsis; |
1106 | +} |
1107 | + |
1108 | +.smf-board-desc:hover { |
1109 | + z-index:1000; |
1110 | +} |
1111 | + |
1112 | +.smf-board-last-post { |
1113 | + padding:2px 0; |
1114 | +} |
1115 | + |
1116 | +.smf-board-last-post-link { |
1117 | + font-size:1.3em; |
1118 | + line-height:25.5px; |
1119 | + height:25.5px; |
1120 | + padding:0 3px; |
1121 | +} |
1122 | + |
1123 | +.children { |
1124 | + padding-left:31px; |
1125 | +} |
1126 | + |
1127 | +.reset li { |
1128 | + margin-right:10px; |
1129 | +} |
1130 | + |
1131 | +.mark_read { |
1132 | + float:right; |
1133 | + margin:5px 10px; |
1134 | + padding:10px 0; |
1135 | +} |
1136 | + |
1137 | +.pagelinks { |
1138 | + float:left; |
1139 | + font-size:0.75em; |
1140 | +} |
1141 | + |
1142 | +.table_grid thead a { |
1143 | + font-size:0.75em; |
1144 | + color:#DD4814; |
1145 | +} |
1146 | + |
1147 | +.table_grid { |
1148 | + font-size:0.75em; |
1149 | +} |
1150 | + |
1151 | +.subject-title { |
1152 | + font-size:1.2em; |
1153 | +} |
1154 | |
1155 | /* Display.template */ |
1156 | -.poster { width: 150px; float: left; } |
1157 | -.postarea { width: 770px; float: right; } |
1158 | -.postheader { margin-left: -10px; margin-top: -10px; height: 32px; border-bottom: 1px dashed #fff; } |
1159 | -.messageicon { float: left; width: 20px; background-color: #DD4814; padding: 3px 3px 0px 3px; -webkit-border-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomright: 8px;} |
1160 | -.messagetitle { float: left; margin: 0 10px; padding: 5px 0 3px; } |
1161 | -.messagetime { float: right; padding: 5px 0 3px; } |
1162 | -.moderatorbar { float: right; clear: both; } |
1163 | -.poster li, |
1164 | -.postarea li { list-style: none; } |
1165 | -.postarea li, |
1166 | -.profile li { display: inline; } |
1167 | - |
1168 | +.poster { |
1169 | + width:150px; |
1170 | + float:left; |
1171 | +} |
1172 | + |
1173 | +.postarea { |
1174 | + width:770px; |
1175 | + float:right; |
1176 | +} |
1177 | + |
1178 | +.postheader { |
1179 | + margin-left:-10px; |
1180 | + margin-top:-10px; |
1181 | + height:32px; |
1182 | + border-bottom:1px dashed #fff; |
1183 | +} |
1184 | + |
1185 | +.messageicon { |
1186 | + float:left; |
1187 | + width:20px; |
1188 | + background-color:#DD4814; |
1189 | + -webkit-border-radius:8px; |
1190 | + -moz-border-radius-topleft:8px; |
1191 | + -moz-border-radius-bottomright:8px; |
1192 | + padding:3px 3px 0; |
1193 | +} |
1194 | + |
1195 | +.messagetitle { |
1196 | + float:left; |
1197 | + margin:0 10px; |
1198 | + padding:5px 0 3px; |
1199 | +} |
1200 | + |
1201 | +.messagetime { |
1202 | + float:right; |
1203 | + padding:5px 0 3px; |
1204 | +} |
1205 | + |
1206 | +.moderatorbar { |
1207 | + float:right; |
1208 | + clear:both; |
1209 | +} |
1210 | |
1211 | /* Total width should be 960px */ |
1212 | -.icon { vertical-align: bottom; } |
1213 | -.info { width: 550px; } |
1214 | -.stats { width: 80px; } |
1215 | -.lastpost { width: 275px; text-align: right; } |
1216 | - |
1217 | -.icon a img { margin-top: 5px; } |
1218 | -//.info a { color: #333; font-weight: bold; font-size: 14px; } |
1219 | - |
1220 | - |
1221 | -#posting_icons li { display: inline-block; } |
1222 | - |
1223 | -//.catbg a { color: #DD4814; } |
1224 | -//smf-board-content { margin-top: 5px; } |
1225 | - |
1226 | -.login-register a { color: #333; } |
1227 | -.login-register a:hover { color: #DD4814; } |
1228 | - |
1229 | -.forum-title-link, |
1230 | -.forum-title-link:visited { color:#333; } |
1231 | -.forum-title-link:hover, |
1232 | -.forum-title-link:active, |
1233 | -.forum-title-link:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; } |
1234 | - |
1235 | -.pagesection { clear:both; float:left; margin:5px 10px; width: 940px; } |
1236 | - |
1237 | -/* The drop menu (need to spread across the proper CSS sections (font, position, decoration) */ |
1238 | -.dropmenu { font-size: .75em; } |
1239 | -.dropmenu li { font-size: 1em; } |
1240 | - |
1241 | -#admin_menu, |
1242 | -#admin_content { padding: 0 10px 10px; } |
1243 | -.buttonlist, |
1244 | -.dropmenu { position: relative; padding: 0 10px; line-height: 20px; } |
1245 | -.buttonlist a, |
1246 | -.dropmenu a { display: block; line-height: 20px; padding: 5px 12px; } |
1247 | -.buttonlist li, |
1248 | -.dropmenu li { display: inline-block; } |
1249 | -.dropmenu ul li { display: block; } |
1250 | -.dropmenu ul { display: none; position: absolute; width: 200px; margin-left: -10px; z-index: 10; } |
1251 | -.dropmenu ul ul { position: absolute; left: 200px; margin-top: -40px; z-index: 11;} |
1252 | - |
1253 | -.dropmenu li:hover ul { display: block; } |
1254 | -.dropmenu li:hover ul ul { display: none; } |
1255 | -.dropmenu li ul li:hover ul { display: block; } |
1256 | - |
1257 | -.buttonlist, |
1258 | -.dropmenu, |
1259 | -.dropmenu ul { background-color: #F7F7F7; -webkit-border-radius: 8px; -moz-border-radius: 8px; -moz-box-shadow: 0px 1px 1px #dfdfdf; -webkit-box-shadow: 0px 1px 1px #ccc; } |
1260 | -.buttonlist a, |
1261 | -.dropmenu a { color: #333; } |
1262 | -.dropmenu ul { padding: 10px 0; } |
1263 | -.buttonlist li:hover, |
1264 | -.dropmenu li:hover { background-color:#efefef; color: #DD4814; } |
1265 | -.buttonlist a:hover, |
1266 | -.dropmenu li:hover a:hover { background-color:#efefef; color: #DD4814; } |
1267 | - |
1268 | -/* KuZeKo web@kuzeko.com |
1269 | --------------------------------------------------------------------------------------------------------- */ |
1270 | +.icon { |
1271 | + vertical-align:bottom; |
1272 | +} |
1273 | + |
1274 | +.info { |
1275 | + width:550px; |
1276 | +} |
1277 | + |
1278 | +.stats { |
1279 | + width:80px; |
1280 | +} |
1281 | + |
1282 | +.lastpost { |
1283 | + width:275px; |
1284 | + text-align:right; |
1285 | +} |
1286 | + |
1287 | +/*.info a { |
1288 | + color:#333; |
1289 | + font-weight:700; |
1290 | + font-size:14px; |
1291 | +}*/ |
1292 | + |
1293 | +/* The drop menu (need to spread across the proper CSS sections (font, position, decoration) */ |
1294 | +.dropmenu { |
1295 | + font-size:.75em; |
1296 | +} |
1297 | + |
1298 | +#admin_menu, #admin_content { |
1299 | + padding:0 10px 10px; |
1300 | +} |
1301 | + |
1302 | +.buttonlist, .dropmenu { |
1303 | + position:relative; |
1304 | + line-height:20px; |
1305 | + padding:0 10px; |
1306 | +} |
1307 | + |
1308 | +.buttonlist a, .dropmenu a { |
1309 | + display:block; |
1310 | + line-height:20px; |
1311 | + color:#333; |
1312 | + padding:5px 12px; |
1313 | +} |
1314 | + |
1315 | +.dropmenu ul { |
1316 | + display:none; |
1317 | + position:absolute; |
1318 | + width:200px; |
1319 | + margin-left:-10px; |
1320 | + z-index:10; |
1321 | + padding:10px 0; |
1322 | +} |
1323 | + |
1324 | +.dropmenu ul ul { |
1325 | + position:absolute; |
1326 | + left:200px; |
1327 | + margin-top:-40px; |
1328 | + z-index:11; |
1329 | +} |
1330 | + |
1331 | +.dropmenu li:hover ul ul { |
1332 | + display:none; |
1333 | +} |
1334 | + |
1335 | +article, aside, details, dialog, figure, footer, header, hgroup, nav, section, |
1336 | +.dropmenu ul li, .dropmenu li:hover ul, .dropmenu li ul li:hover ul { |
1337 | + display:block; |
1338 | +} |
1339 | + |
1340 | +nav ul, .widget-links, .footer-links, .poster li, .postarea li { |
1341 | + list-style:none; |
1342 | +} |
1343 | + |
1344 | +h4, .dropmenu li { |
1345 | + font-size:1em; |
1346 | +} |
1347 | + |
1348 | +h5, .smf-cat-header { |
1349 | + font-size:0.75em; |
1350 | + background-color:#DD4814; |
1351 | + color:#fff; |
1352 | + padding:0 12px; |
1353 | +} |
1354 | + |
1355 | +h6, dt { |
1356 | + font-size:0.75em; |
1357 | + font-weight:700; |
1358 | +} |
1359 | + |
1360 | +.showcase-item, .side-content { |
1361 | + float:left; |
1362 | + width:280px; |
1363 | + margin:5px 10px; |
1364 | + padding:10px; |
1365 | +} |
1366 | + |
1367 | +.showcase-heading, .showcase-subheading { |
1368 | + width:280px; |
1369 | + margin:5px 0 10px; |
1370 | +} |
1371 | + |
1372 | +.sub-content, .footer-content { |
1373 | + float:left; |
1374 | + width:120px; |
1375 | + margin:5px 10px; |
1376 | + padding:10px; |
1377 | +} |
1378 | + |
1379 | +.linktree-item, p.inline, .postarea li, .profile li { |
1380 | + display:inline; |
1381 | +} |
1382 | + |
1383 | +h1, h2, h3, h4, h5, h6, .linktree-link, .linktree-link:visited, .main-content a, |
1384 | +.forum-news-content a:hover, .table_list a, .smf-board-last-post a /*, .catbg a, .login-register a:hover*/ { |
1385 | + color:#DD4814; |
1386 | +} |
1387 | + |
1388 | +.sub-nav-item:hover, .sub-nav-item:active, .sub-nav-item:focus, |
1389 | +.sub-nav-item-link:hover, .sub-nav-item-link:active, .sub-nav-item-link:focus, |
1390 | +.buttonlist li:hover, .dropmenu li:hover, .buttonlist a:hover, .dropmenu li:hover a:hover { |
1391 | + background-color:#efefef; |
1392 | + color:#DD4814; |
1393 | +} |
1394 | + |
1395 | +#login:hover, #searchbox:focus, #go-search:hover { |
1396 | + background-color:#f7f7f7; |
1397 | + border:1px solid #DD4814; |
1398 | +} |
1399 | + |
1400 | +#join, #join:visited, .post-title-link, .post-title-link:visited, .footer-link, |
1401 | +.footer-link:visited, .forum-news-content a, .login-register a, .forum-title-link, |
1402 | +.forum-title-link:visited { |
1403 | + color:#333; |
1404 | +} |
1405 | + |
1406 | +#join:hover, #join:active, #join:focus, .post-title-link:hover, |
1407 | +.post-title-link:active, .post-title-link:focus, .forum-title-link:hover, |
1408 | +.forum-title-link:active, .forum-title-link:focus { |
1409 | + color:#DD4814; |
1410 | + text-shadow:1px 1px 2px #999; |
1411 | +} |
1412 | + |
1413 | +#showcase-nav /* progressive */ |
1414 | +, .alone, .leading, .aggregator /* progressive */ |
1415 | +, .widgets-aside /* progressive */ |
1416 | + { |
1417 | + -webkit-border-radius:8px; |
1418 | + -moz-border-radius:8px; |
1419 | + -moz-box-shadow:0 1px 1px #dfdfdf; |
1420 | + -webkit-box-shadow:0 1px 1px #ccc; |
1421 | +} |
1422 | + |
1423 | +.footer-link:hover, .footer-link:active, .footer-link:focus, |
1424 | +.footer-link-main:hover, .footer-link-main:active, .footer-link-main:focus { |
1425 | + color:#DD4814; |
1426 | + text-decoration:underline; |
1427 | +} |
1428 | + |
1429 | +.align_left, .reset { |
1430 | + float:left; |
1431 | +} |
1432 | + |
1433 | +.table_grid thead, .buttonlist, .dropmenu, .dropmenu ul { |
1434 | + background-color:#F7F7F7; |
1435 | + -webkit-border-radius:8px; |
1436 | + -moz-border-radius:8px; |
1437 | + -moz-box-shadow:0 1px 1px #dfdfdf; |
1438 | + -webkit-box-shadow:0 1px 1px #ccc; |
1439 | +} |
1440 | + |
1441 | +.smf-cat-group, .pagesection { |
1442 | + clear:both; |
1443 | + float:left; |
1444 | + width:940px; |
1445 | + margin:5px 10px; |
1446 | +} |
1447 | + |
1448 | +.smf-board-img, .smf-board img { |
1449 | + width:20px; |
1450 | + height:20px; |
1451 | +} |
1452 | + |
1453 | +.icon a img /*, smf-board-content*/ { |
1454 | + margin-top:5px; |
1455 | +} |
1456 | + |
1457 | +#posting_icons li, .buttonlist li, .dropmenu li { |
1458 | + display:inline-block; |
1459 | +} |
1460 | + |
1461 | + |
1462 | |
1463 | === modified file 'css/ie.css' (properties changed: -x to +x) |
1464 | --- css/ie.css 2010-10-21 20:51:42 +0000 |
1465 | +++ css/ie.css 2010-11-12 14:40:41 +0000 |
1466 | @@ -1,297 +1,748 @@ |
1467 | -/*- LICENSE |
1468 | --------------------------------------------------------------------------------------------------------- */ |
1469 | -/* |
1470 | - Author: Matteo Lissandrini - kuzeko http://www.kuzeko.com |
1471 | - |
1472 | -// Licensed under the Creative Commons Attribution-Share Alike 3.0 License - http://creativecommons.org/licenses/by-sa/3.0/ |
1473 | -// - Free for use in both personal and commercial projects |
1474 | -// - Attribution requires leaving author name, author link, and the license info intact. |
1475 | -*/ |
1476 | - |
1477 | - |
1478 | -/*- reset |
1479 | --------------------------------------------------------------------------------------------------------- */ |
1480 | -/* |
1481 | -Reset derived and adapted from |
1482 | -html5doctor.com Reset Stylesheet |
1483 | -v1.4.1 |
1484 | -2010-03-01 |
1485 | -Author: Richard Clark - http://richclarkdesign.com |
1486 | -*/ |
1487 | -html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
1488 | -abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, |
1489 | -sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, |
1490 | -tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, |
1491 | -hgroup, menu, nav, section, time, mark, audio, video { background:transparent; border:0; font-family:inherit; font-weight:inherit; font-style:inherit; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; } |
1492 | -:focus /* remember to define focus styles! */ { outline: 0; } |
1493 | -body { line-height:1; } |
1494 | -article, aside, details, dialog, figure, footer, header, hgroup, nav, section { display:block; } |
1495 | -ol, ul { list-style-position: inside; } |
1496 | -nav ul { list-style:none; } |
1497 | -blockquote, q { quotes:none; } |
1498 | -blockquote:before, blockquote:after, q:before, q:after { content:''; } |
1499 | -a { cursor:pointer; margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; } |
1500 | -ins { background-color:#ff9; color:#000; text-decoration:none; } |
1501 | -mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } |
1502 | -del { text-decoration: line-through; } |
1503 | -abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } |
1504 | -table { border-collapse:collapse; border-spacing:0; } |
1505 | -hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } |
1506 | -input, select { vertical-align:middle; } |
1507 | -textarea { overflow:auto;} |
1508 | -/* ----------------------------------------------------------------------------------------------------- */ |
1509 | - |
1510 | - |
1511 | -/*- Typography |
1512 | --------------------------------------------------------------------------------------------------------- */ |
1513 | - |
1514 | -body { font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; font-size:100%; line-height:1.5em;} |
1515 | -h1 { font-size:2.25em; /* 16x2.25 =36 */ } |
1516 | -h2 { font-size:1.5em; /* 16x1.5 =24 */ } |
1517 | -h3 { font-size:1.125em; /* 16x1.125=18 */ } |
1518 | -h4 { font-size:1.0em; /* 16x1.0 =16 */ } |
1519 | -h5 { font-size:0.875em; /* 16x0.75 =14 */ } |
1520 | -h6 { font-size:0.75em; font-weight:bold; /* 16x0.75 =12 */ } |
1521 | -dt { font-size:0.75em; font-weight:bold; /* 16x0.75 =12 */ } |
1522 | -p { font-size:0.75em; line-height:1.5em; /* 16x0.75 =12 */ } |
1523 | -li { font-size:0.75em; line-height:1.5em; /* 16x0.75=12 */ } |
1524 | -strong { font-weight:bold;} |
1525 | -em { font-style:italic; } |
1526 | -#top-logo { font-size:0.875em; /* 16x0.75 =12 */} |
1527 | -#main-nav { font-size:0.875em; /* 16x0.875=14 */} |
1528 | -#sub-nav { font-size:0.75em; /* 16x0.75 =12 */} |
1529 | -.showcase-text { font-size:0.875em; /* 16x0.875=14 */ } |
1530 | -/*footer { font-size:0.625em; /* 16x0.625=10 */ /* } */ |
1531 | - |
1532 | -/*- Layout |
1533 | --------------------------------------------------------------------------------------------------------- */ |
1534 | - |
1535 | -.container { clear:both; margin:0 auto; padding:0; position:relative; width:980px; } |
1536 | - |
1537 | -#main-nav { float:left; width:620px; } |
1538 | -.main-nav-item { margin:5px 10px; padding:10px; } |
1539 | - |
1540 | -#top-logo { float:right; margin:5px 10px 5px 0px; padding:10px 10px 0px 0px;; width:280px; } |
1541 | -#the-logo { float:right; } |
1542 | - |
1543 | - |
1544 | - |
1545 | - |
1546 | -#page-related { background-image:none; margin:0 auto; padding:0 10px 10px; position:relative; width:960px; } |
1547 | - |
1548 | -#sub-nav-container { height:40px; margin:0 10px; width:940px; } |
1549 | -#sub-nav { float:left; padding:0px 10px;} |
1550 | - |
1551 | -.sub-nav-item { margin:5px 10px; padding-right:10px;} |
1552 | -#pop-up-container { float:left; padding:10px; } |
1553 | -#pop-up-text { float:left; } |
1554 | -#login-container { float:left; width:620px;} |
1555 | - |
1556 | - |
1557 | -#searchbox-container { float:right; margin: 0px 10px 5px 0px; padding:0 0 0 10px; width:300px;} |
1558 | -.showcase-item { float:left; margin:5px 10px; padding:10px; width:280px;} |
1559 | -.showcase-heading { margin:5px 0px 10px; width:280px;} |
1560 | -.showcase-subheading { margin:5px 0px 10px; width:280px;} |
1561 | -.showcase-text { margin:5px 0px 10px; width:280px;} |
1562 | -.showcase-figure { float:left; margin:5px 10px; padding:10px; position:relative; width:600px;} |
1563 | -.showcase-img { display:block; margin:0px; padding:0px; position:relative; width:600px;} |
1564 | -.showcase-caption { position:absolute; bottom:0px; left:0px; margin:0px 10px 10px; padding:10px; width:580px;} |
1565 | - |
1566 | - |
1567 | -#showcase-nav { clear:both; margin:5px 10px; padding:0px 10px; width:920px; } |
1568 | -.showcase-nav-item { padding-right:10px;} |
1569 | -.main-content { clear:both; float:left; margin:5px 10px; padding:10px; width:920px; } |
1570 | -.minor-content { float:left; margin:5px 10px; padding:10px; width:440px; } |
1571 | -.side-content { float:left; margin:5px 10px; padding:10px; width:280px; } |
1572 | -.sub-content { float:left; margin:5px 10px; padding:10px; width:120px; } |
1573 | -p { padding: 5px 0px 10px; } |
1574 | - |
1575 | -.divide { border:0px solid; clear:both; font-size:0px; height:1px; margin:-1px 0px 0px; visibility:hidden; } |
1576 | -.divide-showcase { border:0px solid; clear:both; font-size:0px; height:1px; margin:-1px 0px 25px; visibility:hidden;} |
1577 | - |
1578 | -#blog-posts { float:left; margin:5px 10px; padding:10px; width:600px; } |
1579 | -.blog-post { clear:both; margin-bottom:10px; padding-bottom:10px;} |
1580 | -.post-figure { float:right; margin:10px 0px 10px 10px; padding:0px; position:relative; width:260px;} |
1581 | -.post-img { display:block; margin:0px; padding:0px; position:relative; width:260px;} |
1582 | -.post-img-caption { position:absolute; bottom:0px; left:0px; padding:10px; width:240px;} |
1583 | -.comments-count { clear:both; display:block; font-style:italic; color:#999; text-align:right; } |
1584 | - |
1585 | - |
1586 | -#blog-aside { float:left; margin:5px 10px; padding:0px; width:300px; } |
1587 | -.widgets-aside { float:left; margin:5px 0px 15px; padding:10px; width:280px; } |
1588 | - |
1589 | -.pagination { clear:both; text-align:center; } |
1590 | - |
1591 | - |
1592 | -.footer-content { float:left; margin:5px 10px; padding:10px; width:120px; } |
1593 | -.foot-note { clear:both; margin:15px 10px 0px; padding:10px; width:920px; } |
1594 | - |
1595 | -.plugin { margin: 0 -10px; padding:0px; position:relative; width:980px; } |
1596 | -/*- Decoration |
1597 | --------------------------------------------------------------------------------------------------------- */ |
1598 | - |
1599 | -h1, |
1600 | -h2, |
1601 | -h3, |
1602 | -h4, |
1603 | -h5, |
1604 | -h6 { color:#DD4814; } |
1605 | - |
1606 | - |
1607 | -body { background:url("http://s.ubuntu.ru/dotted.png") repeat scroll 0 0 #FFFFFF; color:#333333; } |
1608 | -#page-header { background:url("http://s.ubuntu.ru/header.png") repeat-x scroll 0 0 #EF5A29; height:72px; } |
1609 | -#page-header .container { background:url("http://s.ubuntu.ru/header.png") repeat-x scroll 0 0 #EF5A29; } |
1610 | -#top-logo { color:#fff; line-height:1.5em; text-align:right; } |
1611 | -#the-logo { padding-left:4px; } |
1612 | -#loco { clear:both; display:block; float:right;} |
1613 | - |
1614 | - |
1615 | - |
1616 | - |
1617 | -#main-nav { border-left: 1px solid #EF7149; z-index:10;} |
1618 | -.main-nav-item, |
1619 | -.main-nav-item:visited { border-right: 1px solid #EF7149; border-bottom: 0; border-top: 0; color: #fff; display: block; float: left; height: 70px; line-height: 70px; margin:0px; padding: 0 15px; text-shadow: 1px 1px 1px #333; } |
1620 | -.main-nav-item:hover, |
1621 | -.main-nav-item:active, |
1622 | -.main-nav-item:focus { background: url(../images/mainnav.png) 0 0 repeat; } |
1623 | - |
1624 | - |
1625 | -#page-related { background-color:#FFFFFF;} |
1626 | -#sub-nav-container { background-color:#F7F7F7; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;} |
1627 | -.sub-nav-item, |
1628 | -.sub-nav-item:visited { color:#333; display: block; float: left; line-height:40px; margin:0px; padding: 0 15px; } |
1629 | -.sub-nav-item:hover, |
1630 | -.sub-nav-item:active, |
1631 | -.sub-nav-item:focus { background-color:#efefef; color:#DD4814; } |
1632 | - |
1633 | -.login-label { height:16px; margin:7px 0px 7px 9px; padding:3px; } |
1634 | -#username, |
1635 | -#password { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:16px; margin:7px 0px 7px 9px; padding:3px; width:110px; } |
1636 | -#login { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:24px; margin:7px 9px 7px 0px ; padding:2px;} |
1637 | -#login:hover { background-color:#f7f7f7; border: 1px solid #DD4814;} |
1638 | -#join, |
1639 | -#join:visited { color:#333; } |
1640 | -#join:hover, |
1641 | -#join:active, |
1642 | -#join:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; } |
1643 | - |
1644 | -#pop-up-text { font-weight:bold; line-height:20px; padding:0px 5px; } |
1645 | -#searchbox { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:16px; margin:7px 3px 7px 9px; padding:3px; width:180px;} |
1646 | -#searchbox:focus { background-color:#fff; border: 1px solid #DD4814; } |
1647 | -#go-search { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:24px; margin:7px 0 7px 0px ; padding:2px;} |
1648 | -#go-search:hover { background-color:#f7f7f7; border: 1px solid #DD4814;} |
1649 | -#more-search, |
1650 | -#more-search:visited { background-color:#f0f0f0; border: 1px solid #CCCCCC; color:#333; height:16px; margin:7px 7px 7px 0px; padding:2px 3px; } |
1651 | -#more-search:hover, |
1652 | -#more-search:active, |
1653 | -#more-search:focus { background-color:#f7f7f7; border: 1px solid #DD4814; color:#DD4814; text-shadow: 1px 1px 2px #999; } |
1654 | - |
1655 | - |
1656 | -.showcase-caption { background-color:#000; background-color:rgba(0,0,0,0.4); color: #fff; |
1657 | - filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000'); /* IE6,IE7 */ |
1658 | - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000')"; /* IE8 */ } |
1659 | - |
1660 | -#showcase-nav { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #ccc; height:40px; } |
1661 | -.showcase-nav-item, |
1662 | -.showcase-nav-item:visited { color:#333; display: block; float: left; line-height:40px; margin:0 1px; padding: 0 15px; } |
1663 | -.showcase-nav-item:hover, |
1664 | -.showcase-nav-item:active, |
1665 | -.showcase-nav-item:focus { border:1px solid #ddd; border-top:0px solid; border-bottom:0px solid; background-color:#efefef; color:#DD4814; margin:0; } |
1666 | - |
1667 | - |
1668 | - |
1669 | - |
1670 | -#main-section .container { background-color:#fff; background-image:none; padding:0px 10px 10px; position:relative; width:960px;} |
1671 | - |
1672 | -.alone, |
1673 | -.leading, |
1674 | -.aggregator { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #ccc; float:left; } |
1675 | - |
1676 | -.aggregator { margin:5px 10px;} |
1677 | -.aggregator .first { margin-left:0px;} |
1678 | -.aggregator .last { margin-right:0px;} |
1679 | - |
1680 | - |
1681 | -.post-header { border-bottom:1px dotted #333333; margin-bottom:10px; padding-bottom:5px; } |
1682 | -.post-meta { color:#999; font-size:0.85em; font-style:italic; } |
1683 | -.post-title-link, |
1684 | -.post-title-link:visited { color:#333; } |
1685 | -.post-title-link:hover, |
1686 | -.post-title-link:active, |
1687 | -.post-title-link:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; } |
1688 | - |
1689 | -.post-img-caption { background-color:#000; background-color:rgba(0,0,0,0.4); color: #fff; |
1690 | - filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000'); /* IE6,IE7 */ |
1691 | - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000')"; /* IE8 */ } |
1692 | -.pagination { border-top:1px solid #333; color: #fff; margin-top:15px; padding-top:15px; } |
1693 | -.pagination-item { border-bottom:1px solid #333; color:#333; margin-right:5px; padding:2px 6px; } |
1694 | -.pagination-item:hover { border-bottom:1px solid #DD4814; background-color:#f7f7f7; color:#DD4814;} |
1695 | -.pagination-item.current { background-color:#f7f7f7; border-bottom:1px solid #333; color:#333; font-weight:bold; } |
1696 | - |
1697 | -.widgets-aside { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #ccc; } |
1698 | -.widget-links { list-style:none; list-style-position:outside; } |
1699 | -.a-item { display:block; margin-top:3px; } |
1700 | -.side-link, |
1701 | -.side-link:visited { color: #333333; display:block; padding-right:3px; } |
1702 | -.side-link:hover, |
1703 | -.side-link:active, |
1704 | -.side-link:focus { background-color: #fff; border-right:3px solid #DD4814; color:#DD4814; text-decoration:none; } |
1705 | - |
1706 | -#login-widget { text-align:center;} |
1707 | - |
1708 | -#page-footer { background:url("http://s.ubuntu.ru/footer.png") repeat-x scroll 0 0 #EEECEA; } |
1709 | -#page-footer .container { background:url("http://s.ubuntu.ru/footer.png") repeat-x scroll 0 0 #EEECEA; padding:0px 10px; width:960px; } |
1710 | -.footer-content dd { margin-bottom:15px;} |
1711 | -.footer-links { list-style:none; text-indent:0px; list-style-position:outside; } |
1712 | -.footer-item { border-bottom:1px dotted #333; display:block; margin-top:3px; } |
1713 | -.foot-note { color:#999; font-style:italic;} |
1714 | - |
1715 | -.footer-link, |
1716 | -.footer-link:visited { color: #333333;} |
1717 | -.footer-link:hover, |
1718 | -.footer-link:active, |
1719 | -.footer-link:focus { color:#DD4814; text-decoration:underline; } |
1720 | - |
1721 | -.footer-link-main, |
1722 | -.footer-link-main:visited { } |
1723 | -.footer-link-main:hover, |
1724 | -.footer-link-main:active, |
1725 | -.footer-link-main:focus { color:#DD4814; text-decoration:underline; } |
1726 | - |
1727 | - |
1728 | - |
1729 | -/*- Forum Decoration [Demo] |
1730 | --------------------------------------------------------------------------------------------------------- */ |
1731 | - |
1732 | -.forum-title { background-color:#efefef; margin:10px 0px; padding:20px;} |
1733 | - |
1734 | -.forum-item { border-top:1px dotted #999; } |
1735 | -.cat-title, |
1736 | -.sub-sections { font-size:0.75em; /* 16x0.75 =12 */ } |
1737 | - |
1738 | -.latest, |
1739 | -.post-count { font-size:0.75em; /* 16x0.75 =12 */ line-height:1.2em; } |
1740 | - |
1741 | - |
1742 | -.cat-title, |
1743 | -.post-count, |
1744 | -.latest { padding:10px; vertical-align:middle; } |
1745 | - |
1746 | - |
1747 | -.forum-title-link, |
1748 | -.forum-title-link:visited { color:#333; } |
1749 | -.forum-title-link:hover, |
1750 | -.forum-title-link:active, |
1751 | -.forum-title-link:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; } |
1752 | - |
1753 | -.status { background-color:#efefef; padding:10px 5px; vertical-align:middle; width:30px; } |
1754 | -.latest { width:180px; } |
1755 | -.post-count { width:120px; } |
1756 | -.sub-sections { background-color:#efefef; padding:5px 10px 10px; } |
1757 | -.post-count { background-color:#efefef; } |
1758 | - |
1759 | -.count { display:block; font-style:italic; } |
1760 | - |
1761 | - |
1762 | -/* KuZeKo web@kuzeko.com |
1763 | --------------------------------------------------------------------------------------------------------- */ |
1764 | +/*- LICENSE-------------------------------------------------------------------------------------------------------- Author: Matteo Lissandrini - kuzeko http://www.kuzeko.com//Licensed under the Creative Commons Attribution-Share Alike 3.0 License - http://creativecommons.org/licenses/by-sa/3.0/// - Free for use in both personal and commercial projects//- Attribution requires leaving author name, author link, and the license info intact.- reset-------------------------------------------------------------------------------------------------------- Reset derived and adapted fromhtml5doctor.com Reset Stylesheetv1.4.12010-03-01Author: Richard Clark - http://richclarkdesign.com*/ |
1765 | +html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { |
1766 | + background:transparent; |
1767 | + border:0; |
1768 | + font-family:inherit; |
1769 | + font-weight:inherit; |
1770 | + font-style:inherit; |
1771 | + font-size:100%; |
1772 | + outline:0; |
1773 | + vertical-align:baseline; |
1774 | + margin:0; |
1775 | + padding:0; |
1776 | +} |
1777 | + |
1778 | +:focus /* remember to define focus styles! */ |
1779 | + { |
1780 | + outline:0; |
1781 | +} |
1782 | + |
1783 | +/* ----------------------------------------------------------------------------------------------------- - Typography-------------------------------------------------------------------------------------------------------- */ |
1784 | +body { |
1785 | + font-family:Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; |
1786 | + font-size:100%; |
1787 | + line-height:1.5em; |
1788 | + background:url("http://s.ubuntu.ru/dotted.png") repeat scroll 0 0 #FFF; |
1789 | + color:#333; |
1790 | +} |
1791 | + |
1792 | +article, aside, details, dialog, figure, footer, header, hgroup, nav, section { |
1793 | + display:block; |
1794 | +} |
1795 | + |
1796 | +ol, ul { |
1797 | + list-style-position:inside; |
1798 | +} |
1799 | + |
1800 | +nav ul { |
1801 | + list-style:none; |
1802 | +} |
1803 | + |
1804 | +blockquote, q { |
1805 | + quotes:none; |
1806 | +} |
1807 | + |
1808 | +blockquote:before, blockquote:after, q:before, q:after { |
1809 | + content:''; |
1810 | +} |
1811 | + |
1812 | +a { |
1813 | + cursor:pointer; |
1814 | + border:0; |
1815 | + font-size:100%; |
1816 | + vertical-align:baseline; |
1817 | + background:transparent; |
1818 | + text-decoration:none; |
1819 | + margin:0; |
1820 | + padding:0; |
1821 | +} |
1822 | + |
1823 | +ins { |
1824 | + background-color:#ff9; |
1825 | + color:#000; |
1826 | + text-decoration:none; |
1827 | +} |
1828 | + |
1829 | +mark { |
1830 | + background-color:#ff9; |
1831 | + color:#000; |
1832 | + font-style:italic; |
1833 | + font-weight:700; |
1834 | +} |
1835 | + |
1836 | +del { |
1837 | + text-decoration:line-through; |
1838 | +} |
1839 | + |
1840 | +abbr[title], dfn[title] { |
1841 | + border-bottom:1px dotted #000; |
1842 | + cursor:help; |
1843 | +} |
1844 | + |
1845 | +table { |
1846 | + border-collapse:collapse; |
1847 | + border-spacing:0; |
1848 | +} |
1849 | + |
1850 | +hr { |
1851 | + display:block; |
1852 | + height:1px; |
1853 | + border:0; |
1854 | + border-top:1px solid #ccc; |
1855 | + margin:1em 0; |
1856 | + padding:0; |
1857 | +} |
1858 | + |
1859 | +input, select { |
1860 | + vertical-align:middle; |
1861 | +} |
1862 | + |
1863 | +textarea { |
1864 | + overflow:auto; |
1865 | +} |
1866 | + |
1867 | +h1 { |
1868 | + font-size:2.25em; |
1869 | +} |
1870 | + |
1871 | +h2 { |
1872 | + font-size:1.5em; |
1873 | +} |
1874 | + |
1875 | +h3 { |
1876 | + font-size:1.125em; |
1877 | +} |
1878 | + |
1879 | +h4 { |
1880 | + font-size:1em; |
1881 | +} |
1882 | + |
1883 | +h5 { |
1884 | + font-size:0.875em; |
1885 | +} |
1886 | + |
1887 | +p { |
1888 | + font-size:0.75em; |
1889 | + line-height:1.5em; |
1890 | + padding:5px 0 10px; |
1891 | +} |
1892 | + |
1893 | +li { |
1894 | + font-size:0.75em; |
1895 | + line-height:1.5em; |
1896 | +} |
1897 | + |
1898 | +strong { |
1899 | + font-weight:700; |
1900 | +} |
1901 | + |
1902 | +em { |
1903 | + font-style:italic; |
1904 | +} |
1905 | + |
1906 | +#top-logo { |
1907 | + font-size:0.875em; |
1908 | + float:right; |
1909 | + width:280px; |
1910 | + color:#fff; |
1911 | + line-height:1.5em; |
1912 | + text-align:right; |
1913 | + margin:5px 10px 5px 0; |
1914 | + padding:10px 10px 0 0; |
1915 | +} |
1916 | + |
1917 | +#main-nav { |
1918 | + font-size:0.875em; |
1919 | + float:left; |
1920 | + width:620px; |
1921 | + border-left:1px solid #EF7149; |
1922 | + z-index:10; |
1923 | +} |
1924 | + |
1925 | +#sub-nav { |
1926 | + font-size:0.75em; |
1927 | + float:left; |
1928 | + padding:0 10px; |
1929 | +} |
1930 | + |
1931 | +.showcase-text { |
1932 | + font-size:0.875em; |
1933 | + width:280px; |
1934 | + margin:5px 0 10px; |
1935 | +} |
1936 | + |
1937 | +/*footer { |
1938 | + font-size:0.625em; |
1939 | + /* 16x0.625=10 ; |
1940 | +} |
1941 | + |
1942 | + - Layout-------------------------------------------------------------------------------------------------------- */ |
1943 | +.container { |
1944 | + clear:both; |
1945 | + position:relative; |
1946 | + width:980px; |
1947 | + margin:0 auto; |
1948 | + padding:0; |
1949 | +} |
1950 | + |
1951 | +.main-nav-item { |
1952 | + margin:5px 10px; |
1953 | + padding:10px; |
1954 | +} |
1955 | + |
1956 | +#the-logo { |
1957 | + float:right; |
1958 | + padding-left:4px; |
1959 | +} |
1960 | + |
1961 | +#page-related { |
1962 | + background-image:none; |
1963 | + position:relative; |
1964 | + width:960px; |
1965 | + background-color:#FFF; |
1966 | + margin:0 auto; |
1967 | + padding:0 10px 10px; |
1968 | +} |
1969 | + |
1970 | +#sub-nav-container { |
1971 | + height:40px; |
1972 | + width:940px; |
1973 | + background-color:#F7F7F7; |
1974 | + border-bottom-left-radius:8px; |
1975 | + border-bottom-right-radius:8px; |
1976 | + margin:0 10px; |
1977 | +} |
1978 | + |
1979 | +.sub-nav-item { |
1980 | + padding-right:10px; |
1981 | + margin:5px 10px; |
1982 | +} |
1983 | + |
1984 | +#pop-up-container { |
1985 | + float:left; |
1986 | + padding:10px; |
1987 | +} |
1988 | + |
1989 | +#pop-up-text { |
1990 | + float:left; |
1991 | + font-weight:700; |
1992 | + line-height:20px; |
1993 | + padding:0 5px; |
1994 | +} |
1995 | + |
1996 | +#login-container { |
1997 | + float:left; |
1998 | + width:620px; |
1999 | +} |
2000 | + |
2001 | +#searchbox-container { |
2002 | + float:right; |
2003 | + width:300px; |
2004 | + margin:0 10px 5px 0; |
2005 | + padding:0 0 0 10px; |
2006 | +} |
2007 | + |
2008 | +.showcase-figure { |
2009 | + float:left; |
2010 | + position:relative; |
2011 | + width:600px; |
2012 | + margin:5px 10px; |
2013 | + padding:10px; |
2014 | +} |
2015 | + |
2016 | +.showcase-img { |
2017 | + display:block; |
2018 | + position:relative; |
2019 | + width:600px; |
2020 | + margin:0; |
2021 | + padding:0; |
2022 | +} |
2023 | + |
2024 | +.showcase-caption { |
2025 | + position:absolute; |
2026 | + bottom:0; |
2027 | + left:0; |
2028 | + width:580px; |
2029 | + background-color:rgba(0, 0, 0, 0.4); |
2030 | + color:#fff; |
2031 | + filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000', EndColorStr='#66000000'); |
2032 | + -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000', EndColorStr='#66000000')"; |
2033 | + margin:0 10px 10px; |
2034 | + padding:10px; |
2035 | +} |
2036 | + |
2037 | +#showcase-nav { |
2038 | + clear:both; |
2039 | + width:920px; |
2040 | + background-color:#f7f7f7; |
2041 | + border-radius:8px; |
2042 | + box-shadow:0 1px 1px #ccc; |
2043 | + height:40px; |
2044 | + margin:5px 10px; |
2045 | + padding:0 10px; |
2046 | +} |
2047 | + |
2048 | +.showcase-nav-item { |
2049 | + padding-right:10px; |
2050 | +} |
2051 | + |
2052 | +.main-content { |
2053 | + clear:both; |
2054 | + float:left; |
2055 | + width:920px; |
2056 | + margin:5px 10px; |
2057 | + padding:10px; |
2058 | +} |
2059 | + |
2060 | +.minor-content { |
2061 | + float:left; |
2062 | + width:440px; |
2063 | + margin:5px 10px; |
2064 | + padding:10px; |
2065 | +} |
2066 | + |
2067 | +.divide { |
2068 | + border:0 solid; |
2069 | + clear:both; |
2070 | + font-size:0; |
2071 | + height:1px; |
2072 | + visibility:hidden; |
2073 | + margin:-1px 0 0; |
2074 | +} |
2075 | + |
2076 | +.divide-showcase { |
2077 | + border:0 solid; |
2078 | + clear:both; |
2079 | + font-size:0; |
2080 | + height:1px; |
2081 | + visibility:hidden; |
2082 | + margin:-1px 0 25px; |
2083 | +} |
2084 | + |
2085 | +#blog-posts { |
2086 | + float:left; |
2087 | + width:600px; |
2088 | + margin:5px 10px; |
2089 | + padding:10px; |
2090 | +} |
2091 | + |
2092 | +.blog-post { |
2093 | + clear:both; |
2094 | + margin-bottom:10px; |
2095 | + padding-bottom:10px; |
2096 | +} |
2097 | + |
2098 | +.post-figure { |
2099 | + float:right; |
2100 | + position:relative; |
2101 | + width:260px; |
2102 | + margin:10px 0 10px 10px; |
2103 | + padding:0; |
2104 | +} |
2105 | + |
2106 | +.post-img { |
2107 | + display:block; |
2108 | + position:relative; |
2109 | + width:260px; |
2110 | + margin:0; |
2111 | + padding:0; |
2112 | +} |
2113 | + |
2114 | +.post-img-caption { |
2115 | + position:absolute; |
2116 | + bottom:0; |
2117 | + left:0; |
2118 | + width:240px; |
2119 | + background-color:rgba(0, 0, 0, 0.4); |
2120 | + color:#fff; |
2121 | + filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000', EndColorStr='#66000000'); |
2122 | + -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000', EndColorStr='#66000000')"; |
2123 | + padding:10px; |
2124 | +} |
2125 | + |
2126 | +.comments-count { |
2127 | + clear:both; |
2128 | + display:block; |
2129 | + font-style:italic; |
2130 | + color:#999; |
2131 | + text-align:right; |
2132 | +} |
2133 | + |
2134 | +#blog-aside { |
2135 | + float:left; |
2136 | + width:300px; |
2137 | + margin:5px 10px; |
2138 | + padding:0; |
2139 | +} |
2140 | + |
2141 | +.widgets-aside { |
2142 | + float:left; |
2143 | + width:280px; |
2144 | + background-color:#f7f7f7; |
2145 | + border-radius:8px; |
2146 | + box-shadow:0 1px 1px #ccc; |
2147 | + margin:5px 0 15px; |
2148 | + padding:10px; |
2149 | +} |
2150 | + |
2151 | +.pagination { |
2152 | + clear:both; |
2153 | + text-align:center; |
2154 | + border-top:1px solid #333; |
2155 | + color:#fff; |
2156 | + margin-top:15px; |
2157 | + padding-top:15px; |
2158 | +} |
2159 | + |
2160 | +.foot-note { |
2161 | + clear:both; |
2162 | + width:920px; |
2163 | + color:#999; |
2164 | + font-style:italic; |
2165 | + margin:15px 10px 0; |
2166 | + padding:10px; |
2167 | +} |
2168 | + |
2169 | +.plugin { |
2170 | + position:relative; |
2171 | + width:980px; |
2172 | + margin:0 -10px; |
2173 | + padding:0; |
2174 | +} |
2175 | + |
2176 | +/*- Decoration-------------------------------------------------------------------------------------------------------- */ |
2177 | +h1, h2, h3, h4, h5, h6 { |
2178 | + color:#DD4814; |
2179 | +} |
2180 | + |
2181 | +#page-header { |
2182 | + background:url("http://s.ubuntu.ru/header.png") repeat-x scroll 0 0 #EF5A29; |
2183 | + height:72px; |
2184 | +} |
2185 | + |
2186 | +#page-header .container { |
2187 | + background:url("http://s.ubuntu.ru/header.png") repeat-x scroll 0 0 #EF5A29; |
2188 | +} |
2189 | + |
2190 | +#loco { |
2191 | + clear:both; |
2192 | + display:block; |
2193 | + float:right; |
2194 | +} |
2195 | + |
2196 | +.main-nav-item, .main-nav-item:visited { |
2197 | + border-right:1px solid #EF7149; |
2198 | + border-bottom:0; |
2199 | + border-top:0; |
2200 | + color:#fff; |
2201 | + display:block; |
2202 | + float:left; |
2203 | + height:70px; |
2204 | + line-height:70px; |
2205 | + text-shadow:1px 1px 1px #333; |
2206 | + margin:0; |
2207 | + padding:0 15px; |
2208 | +} |
2209 | + |
2210 | +.main-nav-item:hover, .main-nav-item:active, .main-nav-item:focus { |
2211 | + background:url(../images/mainnav.png) 0 0 repeat; |
2212 | +} |
2213 | + |
2214 | +.sub-nav-item, .sub-nav-item:visited { |
2215 | + color:#333; |
2216 | + display:block; |
2217 | + float:left; |
2218 | + line-height:40px; |
2219 | + margin:0; |
2220 | + padding:0 15px; |
2221 | +} |
2222 | + |
2223 | +.sub-nav-item:hover, .sub-nav-item:active, .sub-nav-item:focus { |
2224 | + background-color:#efefef; |
2225 | + color:#DD4814; |
2226 | +} |
2227 | + |
2228 | +.login-label { |
2229 | + height:16px; |
2230 | + margin:7px 0 7px 9px; |
2231 | + padding:3px; |
2232 | +} |
2233 | + |
2234 | +#username, #password { |
2235 | + background-color:#f0f0f0; |
2236 | + border:1px solid #CCC; |
2237 | + height:16px; |
2238 | + width:110px; |
2239 | + margin:7px 0 7px 9px; |
2240 | + padding:3px; |
2241 | +} |
2242 | + |
2243 | +#login { |
2244 | + background-color:#f0f0f0; |
2245 | + border:1px solid #CCC; |
2246 | + height:24px; |
2247 | + margin:7px 9px 7px 0; |
2248 | + padding:2px; |
2249 | +} |
2250 | + |
2251 | +#searchbox { |
2252 | + background-color:#f0f0f0; |
2253 | + border:1px solid #CCC; |
2254 | + height:16px; |
2255 | + width:180px; |
2256 | + margin:7px 3px 7px 9px; |
2257 | + padding:3px; |
2258 | +} |
2259 | + |
2260 | +#searchbox:focus { |
2261 | + background-color:#fff; |
2262 | + border:1px solid #DD4814; |
2263 | +} |
2264 | + |
2265 | +#go-search { |
2266 | + background-color:#f0f0f0; |
2267 | + border:1px solid #CCC; |
2268 | + height:24px; |
2269 | + margin:7px 0; |
2270 | + padding:2px; |
2271 | +} |
2272 | + |
2273 | +#more-search, #more-search:visited { |
2274 | + background-color:#f0f0f0; |
2275 | + border:1px solid #CCC; |
2276 | + color:#333; |
2277 | + height:16px; |
2278 | + margin:7px 7px 7px 0; |
2279 | + padding:2px 3px; |
2280 | +} |
2281 | + |
2282 | +#more-search:hover, #more-search:active, #more-search:focus { |
2283 | + background-color:#f7f7f7; |
2284 | + border:1px solid #DD4814; |
2285 | + color:#DD4814; |
2286 | + text-shadow:1px 1px 2px #999; |
2287 | +} |
2288 | + |
2289 | +.showcase-nav-item, .showcase-nav-item:visited { |
2290 | + color:#333; |
2291 | + display:block; |
2292 | + float:left; |
2293 | + line-height:40px; |
2294 | + margin:0 1px; |
2295 | + padding:0 15px; |
2296 | +} |
2297 | + |
2298 | +.showcase-nav-item:hover, .showcase-nav-item:active, .showcase-nav-item:focus { |
2299 | + border:1px solid #ddd; |
2300 | + border-top:0 solid; |
2301 | + border-bottom:0 solid; |
2302 | + background-color:#efefef; |
2303 | + color:#DD4814; |
2304 | + margin:0; |
2305 | +} |
2306 | + |
2307 | +#main-section .container { |
2308 | + background-color:#fff; |
2309 | + background-image:none; |
2310 | + position:relative; |
2311 | + width:960px; |
2312 | + padding:0 10px 10px; |
2313 | +} |
2314 | + |
2315 | +.alone, .leading, .aggregator { |
2316 | + background-color:#f7f7f7; |
2317 | + border-radius:8px; |
2318 | + box-shadow:0 1px 1px #ccc; |
2319 | + float:left; |
2320 | +} |
2321 | + |
2322 | +.aggregator { |
2323 | + margin:5px 10px; |
2324 | +} |
2325 | + |
2326 | +.aggregator .first { |
2327 | + margin-left:0; |
2328 | +} |
2329 | + |
2330 | +.aggregator .last { |
2331 | + margin-right:0; |
2332 | +} |
2333 | + |
2334 | +.post-header { |
2335 | + border-bottom:1px dotted #333; |
2336 | + margin-bottom:10px; |
2337 | + padding-bottom:5px; |
2338 | +} |
2339 | + |
2340 | +.post-meta { |
2341 | + color:#999; |
2342 | + font-size:0.85em; |
2343 | + font-style:italic; |
2344 | +} |
2345 | + |
2346 | +.pagination-item { |
2347 | + border-bottom:1px solid #333; |
2348 | + color:#333; |
2349 | + margin-right:5px; |
2350 | + padding:2px 6px; |
2351 | +} |
2352 | + |
2353 | +.pagination-item:hover { |
2354 | + border-bottom:1px solid #DD4814; |
2355 | + background-color:#f7f7f7; |
2356 | + color:#DD4814; |
2357 | +} |
2358 | + |
2359 | +.pagination-item.current { |
2360 | + background-color:#f7f7f7; |
2361 | + border-bottom:1px solid #333; |
2362 | + color:#333; |
2363 | + font-weight:700; |
2364 | +} |
2365 | + |
2366 | +.widget-links { |
2367 | + list-style:none; |
2368 | + list-style-position:outside; |
2369 | +} |
2370 | + |
2371 | +.a-item { |
2372 | + display:block; |
2373 | + margin-top:3px; |
2374 | +} |
2375 | + |
2376 | +.side-link, .side-link:visited { |
2377 | + color:#333; |
2378 | + display:block; |
2379 | + padding-right:3px; |
2380 | +} |
2381 | + |
2382 | +.side-link:hover, .side-link:active, .side-link:focus { |
2383 | + background-color:#fff; |
2384 | + border-right:3px solid #DD4814; |
2385 | + color:#DD4814; |
2386 | + text-decoration:none; |
2387 | +} |
2388 | + |
2389 | +#login-widget { |
2390 | + text-align:center; |
2391 | +} |
2392 | + |
2393 | +#page-footer { |
2394 | + background:url("http://s.ubuntu.ru/footer.png") repeat-x scroll 0 0 #EEECEA; |
2395 | +} |
2396 | + |
2397 | +#page-footer .container { |
2398 | + background:url("http://s.ubuntu.ru/footer.png") repeat-x scroll 0 0 #EEECEA; |
2399 | + width:960px; |
2400 | + padding:0 10px; |
2401 | +} |
2402 | + |
2403 | +.footer-content dd { |
2404 | + margin-bottom:15px; |
2405 | +} |
2406 | + |
2407 | +.footer-links { |
2408 | + list-style:none; |
2409 | + text-indent:0; |
2410 | + list-style-position:outside; |
2411 | +} |
2412 | + |
2413 | +.footer-item { |
2414 | + border-bottom:1px dotted #333; |
2415 | + display:block; |
2416 | + margin-top:3px; |
2417 | +} |
2418 | + |
2419 | +/*- Forum Decoration [Demo]-------------------------------------------------------------------------------------------------------- */ |
2420 | +.forum-title { |
2421 | + background-color:#efefef; |
2422 | + margin:10px 0; |
2423 | + padding:20px; |
2424 | +} |
2425 | + |
2426 | +.forum-item { |
2427 | + border-top:1px dotted #999; |
2428 | +} |
2429 | + |
2430 | +.cat-title, .sub-sections { |
2431 | + font-size:0.75em; |
2432 | +} |
2433 | + |
2434 | +.latest, .post-count { |
2435 | + font-size:0.75em; |
2436 | + line-height:1.2em; |
2437 | +} |
2438 | + |
2439 | +.cat-title, .post-count, .latest { |
2440 | + vertical-align:middle; |
2441 | + padding:10px; |
2442 | +} |
2443 | + |
2444 | +.status { |
2445 | + background-color:#efefef; |
2446 | + vertical-align:middle; |
2447 | + width:30px; |
2448 | + padding:10px 5px; |
2449 | +} |
2450 | + |
2451 | +.latest { |
2452 | + width:180px; |
2453 | +} |
2454 | + |
2455 | +.post-count { |
2456 | + width:120px; |
2457 | + background-color:#efefef; |
2458 | +} |
2459 | + |
2460 | +.sub-sections { |
2461 | + background-color:#efefef; |
2462 | + padding:5px 10px 10px; |
2463 | +} |
2464 | + |
2465 | +.count { |
2466 | + display:block; |
2467 | + font-style:italic; |
2468 | +} |
2469 | + |
2470 | +h6, dt { |
2471 | + font-size:0.75em; |
2472 | + font-weight:700; |
2473 | +} |
2474 | + |
2475 | +.showcase-item, .side-content { |
2476 | + float:left; |
2477 | + width:280px; |
2478 | + margin:5px 10px; |
2479 | + padding:10px; |
2480 | +} |
2481 | + |
2482 | +.showcase-heading, .showcase-subheading { |
2483 | + width:280px; |
2484 | + margin:5px 0 10px; |
2485 | +} |
2486 | + |
2487 | +.sub-content, .footer-content { |
2488 | + float:left; |
2489 | + width:120px; |
2490 | + margin:5px 10px; |
2491 | + padding:10px; |
2492 | +} |
2493 | + |
2494 | +#login:hover, #go-search:hover { |
2495 | + background-color:#f7f7f7; |
2496 | + border:1px solid #DD4814; |
2497 | +} |
2498 | + |
2499 | +#join, #join:visited, .post-title-link, .post-title-link:visited, .footer-link, .footer-link:visited, .forum-title-link, .forum-title-link:visited { |
2500 | + color:#333; |
2501 | +} |
2502 | + |
2503 | +#join:hover, #join:active, #join:focus, .post-title-link:hover, .post-title-link:active, .post-title-link:focus, .forum-title-link:hover, .forum-title-link:active, .forum-title-link:focus { |
2504 | + color:#DD4814; |
2505 | + text-shadow:1px 1px 2px #999; |
2506 | +} |
2507 | + |
2508 | +.footer-link:hover, .footer-link:active, .footer-link:focus, .footer-link-main:hover, .footer-link-main:active, .footer-link-main:focus { |
2509 | + color:#DD4814; |
2510 | + text-decoration:underline; |
2511 | +} |
2512 | |
2513 | === modified file 'css/ie6.css' (properties changed: -x to +x) |
2514 | --- css/ie6.css 2010-10-21 20:51:42 +0000 |
2515 | +++ css/ie6.css 2010-11-12 14:40:41 +0000 |
2516 | @@ -1,299 +1,766 @@ |
2517 | -/*- LICENSE |
2518 | --------------------------------------------------------------------------------------------------------- */ |
2519 | -/* |
2520 | - Author: Matteo Lissandrini - kuzeko http://www.kuzeko.com |
2521 | - |
2522 | -// Licensed under the Creative Commons Attribution-Share Alike 3.0 License - http://creativecommons.org/licenses/by-sa/3.0/ |
2523 | -// - Free for use in both personal and commercial projects |
2524 | -// - Attribution requires leaving author name, author link, and the license info intact. |
2525 | -*/ |
2526 | - |
2527 | -/*- reset |
2528 | --------------------------------------------------------------------------------------------------------- */ |
2529 | -/* |
2530 | -Reset derived and adapted from |
2531 | -html5doctor.com Reset Stylesheet |
2532 | -v1.4.1 |
2533 | -2010-03-01 |
2534 | -Author: Richard Clark - http://richclarkdesign.com |
2535 | -*/ |
2536 | -html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
2537 | -abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, |
2538 | -sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, |
2539 | -tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, |
2540 | -hgroup, menu, nav, section, time, mark, audio, video { background:transparent; border:0; font-family:inherit; font-weight:inherit; font-style:inherit; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; } |
2541 | -:focus /* remember to define focus styles! */ { outline: 0; } |
2542 | -body { line-height:1; } |
2543 | -article, aside, details, dialog, figure, footer, header, hgroup, nav, section { display:block; } |
2544 | -ol, ul { list-style-position: inside; } |
2545 | -nav ul { list-style:none; } |
2546 | -blockquote, q { quotes:none; } |
2547 | -blockquote:before, blockquote:after, q:before, q:after { content:''; } |
2548 | -a { cursor:pointer; margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; } |
2549 | -ins { background-color:#ff9; color:#000; text-decoration:none; } |
2550 | -mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } |
2551 | -del { text-decoration: line-through; } |
2552 | -abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } |
2553 | -table { border-collapse:collapse; border-spacing:0; } |
2554 | -hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } |
2555 | -input, select { vertical-align:middle; } |
2556 | -textarea { overflow:auto;} |
2557 | -/* ----------------------------------------------------------------------------------------------------- */ |
2558 | - |
2559 | - |
2560 | -/*- Typography |
2561 | --------------------------------------------------------------------------------------------------------- */ |
2562 | - |
2563 | -body { font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; font-size:100%; line-height:1.5em;} |
2564 | -h1 { font-size:2.25em; /* 16x2.25 =36 */ } |
2565 | -h2 { font-size:1.5em; /* 16x1.5 =24 */ } |
2566 | -h3 { font-size:1.125em; /* 16x1.125=18 */ } |
2567 | -h4 { font-size:1.0em; /* 16x1.0 =16 */ } |
2568 | -h5 { font-size:0.875em; /* 16x0.75 =14 */ } |
2569 | -h6 { font-size:0.75em; font-weight:bold; /* 16x0.75 =12 */ } |
2570 | -dt { font-size:0.75em; font-weight:bold; /* 16x0.75 =12 */ } |
2571 | -p { font-size:0.75em; line-height:1.5em; /* 16x0.75 =12 */ } |
2572 | -li { font-size:0.75em; line-height:1.5em; /* 16x0.75=12 */ } |
2573 | -strong { font-weight:bold;} |
2574 | -em { font-style:italic; } |
2575 | -#top-logo { font-size:0.875em; /* 16x0.75 =12 */} |
2576 | -#main-nav { font-size:0.875em; /* 16x0.875=14 */} |
2577 | -#sub-nav { font-size:0.75em; /* 16x0.75 =12 */} |
2578 | -.showcase-text { font-size:0.875em; /* 16x0.875=14 */ } |
2579 | - |
2580 | - |
2581 | -/*- Layout |
2582 | --------------------------------------------------------------------------------------------------------- */ |
2583 | - |
2584 | -.container { clear:both; margin:0 auto; position:relative; width:980px; } |
2585 | - |
2586 | -#main-nav { display:inline; float:left; width:620px; } |
2587 | -.main-nav-item { margin:5px 10px; padding:10px; } |
2588 | - |
2589 | -#top-logo { display:inline; float:right; margin:5px 10px 5px 0px; padding:10px 10px 0px 0px; width:280px; } |
2590 | -#the-logo { display:inline; float:right; } |
2591 | - |
2592 | - |
2593 | -#page-related { background-image:none; margin:0 auto; padding:0 10px 10px; position:relative; width:960px; } |
2594 | - |
2595 | -#sub-nav-container { margin:0 10px 0px; padding-bottom:0px; width:940px; } |
2596 | -#sub-nav { display:inline float:left; margin-bottom:0px; padding:0px 10px 0px; padding-bottom:0px } |
2597 | - |
2598 | -.sub-nav-item { margin:5px 10px; margin-bottom:0 padding-right:10px;} |
2599 | -#pop-up-container { display:inline float:left; padding:10px; } |
2600 | -#pop-up-text { display:inline float:left; } |
2601 | -#login-container { display:inline float:left; width:620px;} |
2602 | - |
2603 | - |
2604 | -#searchbox-container { display:inline float:right; margin: 0px 10px 5px 0px; padding:0 0 0 10px; width:300px;} |
2605 | -.showcase-item { display:inline; float:left; margin:5px 10px; padding:10px; width:280px;} |
2606 | -.showcase-heading { margin:5px 0px 10px; width:280px;} |
2607 | -.showcase-subheading { margin:5px 0px 10px; width:280px;} |
2608 | -.showcase-text { margin:5px 0px 10px; width:280px;} |
2609 | -.showcase-figure { display:inline; float:left; margin:5px 10px; padding:10px; position:relative; width:600px;} |
2610 | -.showcase-img { display:block; margin:0px; padding:0px; position:relative; width:600px;} |
2611 | -.showcase-caption { position:absolute; bottom:0px; left:0px; margin:0px 10px 10px; padding:10px; width:580px;} |
2612 | - |
2613 | - |
2614 | -#showcase-nav { clear:both; margin:5px 10px; padding:0px 10px; width:920px; } |
2615 | -.showcase-nav-item { padding-right:10px;} |
2616 | -.main-content { display:inline; clear:both; float:left; margin:5px 10px; padding:10px; width:920px; } |
2617 | -.minor-content { display:inline; float:left; margin:5px 10px; padding:10px; width:440px; } |
2618 | -.side-content { display:inline; float:left; margin:5px 10px; padding:10px; width:280px; } |
2619 | -.sub-content { display:inline; float:left; margin:5px 10px; padding:10px; width:120px; } |
2620 | -p { padding: 5px 0px 10px; } |
2621 | - |
2622 | -.divide { display:inline; border:0px solid; clear:both; font-size:0px; height:1px; margin:-1px 0px 0px; visibility:hidden; width:10px; } |
2623 | -.divide-showcase { display:inline; border:0px solid; clear:both; font-size:0px; height:1px; margin:-1px 0px 25px; visibility:hidden; } |
2624 | - |
2625 | -#blog-posts { display:inline; float:left; margin:5px 10px; padding:10px; width:600px; } |
2626 | -.blog-post { clear:both; margin-bottom:10px; padding-bottom:10px;} |
2627 | -.post-figure { display:inline; float:right; margin:10px 0px 10px 10px; padding:0px; position:relative; width:260px;} |
2628 | -.post-img { display:block; margin:0px; padding:0px; position:relative; width:260px;} |
2629 | -.post-img-caption { position:absolute; bottom:0px; left:0px; padding:10px; width:240px;} |
2630 | -.comments-count { clear:both; display:block; font-style:italic; color:#999; text-align:right; } |
2631 | - |
2632 | - |
2633 | -#blog-aside { display:inline; float:left; margin:5px 10px; padding:0px; width:300px; } |
2634 | -.widgets-aside { display:inline; float:left; margin:5px 0px 15px; padding:10px; width:280px; } |
2635 | - |
2636 | -.pagination { clear:both; text-align:center; } |
2637 | - |
2638 | - |
2639 | -.footer-content { display:inline; float:left; margin:5px 10px; padding:10px; width:120px; } |
2640 | -.foot-note { clear:both; margin:15px 10px 0px; padding:10px; width:920px; } |
2641 | - |
2642 | -.plugin { margin: 0 -10px; padding:0px; position:relative; width:980px; } |
2643 | -/*- Decoration |
2644 | --------------------------------------------------------------------------------------------------------- */ |
2645 | -h1, |
2646 | -h2, |
2647 | -h3, |
2648 | -h4, |
2649 | -h5, |
2650 | -h6 { color:#DD4814; } |
2651 | - |
2652 | - |
2653 | -body { background:url("http://s.ubuntu.ru/dotted.png") repeat scroll 0 0 #FFFFFF; color:#333333; } |
2654 | -#page-header { background:url("http://s.ubuntu.ru/header.png") repeat-x scroll 0 0 #EF5A29; height:72px; } |
2655 | -#page-header .container { background:url("http://s.ubuntu.ru/header.png") repeat-x scroll 0 0 #EF5A29; } |
2656 | -#top-logo { color:#fff; line-height:1.5em; text-align:right; } |
2657 | -#the-logo { padding-left:4px; } |
2658 | -#loco { display:inline; clear:both; float:right;} |
2659 | - |
2660 | - |
2661 | - |
2662 | -#main-nav { border-left: 1px solid #EF7149; z-index:10;} |
2663 | -.main-nav-item, |
2664 | -.main-nav-item:visited { display:inline; border-right: 1px solid #EF7149; border-bottom: 0; border-top: 0; color: #fff; float: left; height: 70px; line-height: 70px; margin:0px; padding: 0 15px; text-shadow: 1px 1px 1px #333; } |
2665 | -.main-nav-item:hover, |
2666 | -.main-nav-item:active, |
2667 | -.main-nav-item:focus { background: url(../images/mainnav.png) 0 0 repeat; } |
2668 | - |
2669 | -#page-related { background-color:#FFFFFF;} |
2670 | -#sub-nav-container { background-color:#F7F7F7; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding-bottom:0px;} |
2671 | -#sub-nav { margin-bottom:0px; padding-bottom:0px;} |
2672 | -.sub-nav-item, |
2673 | -.sub-nav-item:visited { display:inline; color:#333; float: left; line-height:40px; margin:0px; padding: 0 15px 0px; } |
2674 | -.sub-nav-item:hover, |
2675 | -.sub-nav-item:active, |
2676 | -.sub-nav-item:focus { background-color:#efefef; color:#DD4814; } |
2677 | - |
2678 | - |
2679 | -.login-label { height:16px; margin:7px 0px 7px 9px; padding:3px; } |
2680 | -#username, |
2681 | -#password { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:16px; margin:7px 0px 7px 9px; padding:3px; width:110px; } |
2682 | -#login { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:24px; margin:7px 9px 7px 0px ; padding:2px;} |
2683 | -#login:hover { background-color:#f7f7f7; border: 1px solid #DD4814;} |
2684 | -#join, |
2685 | -#join:visited { color:#333; } |
2686 | -#join:hover, |
2687 | -#join:active, |
2688 | -#join:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; } |
2689 | - |
2690 | -#pop-up-text { font-weight:bold; line-height:20px; padding:0px 5px; } |
2691 | -#searchbox { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:16px; margin:7px 3px 7px 9px; padding:3px; width:180px;} |
2692 | -#searchbox:focus { background-color:#fff; border: 1px solid #DD4814; } |
2693 | -#go-search { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:24px; margin:7px 0 7px 0px ; padding:2px;} |
2694 | -#go-search:hover { background-color:#f7f7f7; border: 1px solid #DD4814;} |
2695 | -#more-search, |
2696 | -#more-search:visited { background-color:#f0f0f0; border: 1px solid #CCCCCC; color:#333; height:16px; margin:7px 7px 7px 0px; padding:2px 3px; } |
2697 | -#more-search:hover, |
2698 | -#more-search:active, |
2699 | -#more-search:focus { background-color:#f7f7f7; border: 1px solid #DD4814; color:#DD4814; text-shadow: 1px 1px 2px #999; } |
2700 | - |
2701 | - |
2702 | - |
2703 | - |
2704 | -.showcase-caption { background-color:#000; background-color:rgba(0,0,0,0.4); color: #fff; |
2705 | - filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000'); /* IE6,IE7 */ |
2706 | - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000')"; /* IE8 */ } |
2707 | - |
2708 | - |
2709 | -#showcase-nav { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #ccc; height:40px; } |
2710 | -.showcase-nav-item, |
2711 | -.showcase-nav-item:visited { display:inline; color:#333; float: left; line-height:40px; margin:0 1px; padding: 0 15px; } |
2712 | -.showcase-nav-item:hover, |
2713 | -.showcase-nav-item:active, |
2714 | -.showcase-nav-item:focus { border:1px solid #ddd; border-top:0px solid; border-bottom:0px solid; background-color:#efefef; color:#DD4814; margin:0; } |
2715 | - |
2716 | - |
2717 | - |
2718 | -#main-section .container { background-color:#fff; background-image:none; padding:0px 10px 10px; position:relative; width:960px;} |
2719 | - |
2720 | - |
2721 | - |
2722 | -.alone, |
2723 | -.leading, |
2724 | -.aggregator { display:inline; background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #ccc; float:left; } |
2725 | - |
2726 | -.aggregator { margin:5px 10px;} |
2727 | -.aggregator .first { margin-left:0px;} |
2728 | -.aggregator .last { margin-right:0px;} |
2729 | - |
2730 | -.post-header { border-bottom:1px dotted #333333; margin-bottom:10px; padding-bottom:5px; } |
2731 | -.post-meta { color:#999; font-size:0.85em; font-style:italic; } |
2732 | -.post-title-link, |
2733 | -.post-title-link:visited { color:#333; } |
2734 | -.post-title-link:hover, |
2735 | -.post-title-link:active, |
2736 | -.post-title-link:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; } |
2737 | - |
2738 | -.post-img-caption { background-color:#000; background-color:rgba(0,0,0,0.4); color: #fff; |
2739 | - filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000'); /* IE6,IE7 */ |
2740 | - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000')"; /* IE8 */ } |
2741 | -.pagination { border-top:1px solid #333; color: #fff; margin-top:15px; padding-top:15px; } |
2742 | -.pagination-item { border-bottom:1px solid #333; color:#333; margin-right:5px; padding:2px 6px; } |
2743 | -.pagination-item:hover { border-bottom:1px solid #DD4814; background-color:#f7f7f7; color:#DD4814;} |
2744 | -.pagination-item.current { background-color:#f7f7f7; border-bottom:1px solid #333; color:#333; font-weight:bold; } |
2745 | - |
2746 | -.widgets-aside { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #ccc; } |
2747 | -.widget-links { list-style:none; list-style-position:outside; } |
2748 | -.a-item { display:block; margin-top:3px; } |
2749 | -.side-link, |
2750 | -.side-link:visited { color: #333333; display:block; padding-right:3px; } |
2751 | -.side-link:hover, |
2752 | -.side-link:active, |
2753 | -.side-link:focus { background-color: #fff; border-right:3px solid #DD4814; color:#DD4814; text-decoration:none; } |
2754 | - |
2755 | -#login-widget { text-align:center;} |
2756 | - |
2757 | - |
2758 | - |
2759 | - |
2760 | -#page-footer { background:url("http://s.ubuntu.ru/footer.png") repeat-x scroll 0 0 #EEECEA; } |
2761 | -#page-footer .container { background:url("http://s.ubuntu.ru/footer.png") repeat-x scroll 0 0 #EEECEA; padding:0px 10px; width:960px; } |
2762 | - |
2763 | -.footer-content dd { margin-bottom:15px;} |
2764 | -.footer-links { list-style:none; text-indent:0px; list-style-position:outside; } |
2765 | -.footer-item { border-bottom:1px dotted #333; display:block; margin-top:3px; } |
2766 | -.foot-note { color:#999; font-style:italic;} |
2767 | - |
2768 | -.footer-link, |
2769 | -.footer-link:visited { color: #333333;} |
2770 | -.footer-link:hover, |
2771 | -.footer-link:active, |
2772 | -.footer-link:focus { color:#DD4814; text-decoration:underline; } |
2773 | - |
2774 | -.footer-link-main, |
2775 | -.footer-link-main:visited { } |
2776 | -.footer-link-main:hover, |
2777 | -.footer-link-main:active, |
2778 | -.footer-link-main:focus { color:#DD4814; text-decoration:underline; } |
2779 | - |
2780 | - |
2781 | - |
2782 | -/*- Forum Decoration [Demo] |
2783 | --------------------------------------------------------------------------------------------------------- */ |
2784 | - |
2785 | -.forum-title { background-color:#efefef; margin:10px 0px; padding:20px;} |
2786 | - |
2787 | -.forum-item { border-top:1px dotted #999; } |
2788 | -.cat-title, |
2789 | -.sub-sections { font-size:0.75em; /* 16x0.75 =12 */ } |
2790 | - |
2791 | -.latest, |
2792 | -.post-count { font-size:0.75em; /* 16x0.75 =12 */ line-height:1.2em; } |
2793 | - |
2794 | - |
2795 | -.cat-title, |
2796 | -.post-count, |
2797 | -.latest { padding:10px; vertical-align:middle; } |
2798 | - |
2799 | - |
2800 | -.forum-title-link, |
2801 | -.forum-title-link:visited { color:#333; } |
2802 | -.forum-title-link:hover, |
2803 | -.forum-title-link:active, |
2804 | -.forum-title-link:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; } |
2805 | - |
2806 | -.status { background-color:#efefef; padding:10px 5px; vertical-align:middle; width:30px; } |
2807 | -.latest { width:180px; } |
2808 | -.post-count { width:120px; } |
2809 | -.sub-sections { background-color:#efefef; padding:5px 10px 10px; } |
2810 | -.post-count { background-color:#efefef; } |
2811 | - |
2812 | -.count { display:block; font-style:italic; } |
2813 | - |
2814 | -/* KuZeKo web@kuzeko.com |
2815 | --------------------------------------------------------------------------------------------------------- */ |
2816 | +/*- LICENSE-------------------------------------------------------------------------------------------------------- Author: Matteo Lissandrini - kuzeko http://www.kuzeko.com//Licensed under the Creative Commons Attribution-Share Alike 3.0 License - http://creativecommons.org/licenses/by-sa/3.0/// - Free for use in both personal and commercial projects//- Attribution requires leaving author name, author link, and the license info intact.- reset-------------------------------------------------------------------------------------------------------- Reset derived and adapted fromhtml5doctor.com Reset Stylesheetv1.4.12010-03-01Author: Richard Clark - http://richclarkdesign.com*/ |
2817 | +html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { |
2818 | + background:transparent; |
2819 | + border:0; |
2820 | + font-family:inherit; |
2821 | + font-weight:inherit; |
2822 | + font-style:inherit; |
2823 | + font-size:100%; |
2824 | + outline:0; |
2825 | + vertical-align:baseline; |
2826 | + margin:0; |
2827 | + padding:0; |
2828 | +} |
2829 | + |
2830 | +:focus /* remember to define focus styles! */ |
2831 | + { |
2832 | + outline:0; |
2833 | +} |
2834 | + |
2835 | +/* ----------------------------------------------------------------------------------------------------- - Typography-------------------------------------------------------------------------------------------------------- */ |
2836 | +body { |
2837 | + font-family:Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; |
2838 | + font-size:100%; |
2839 | + line-height:1.5em; |
2840 | + background:url("http://s.ubuntu.ru/dotted.png") repeat scroll 0 0 #FFF; |
2841 | + color:#333; |
2842 | +} |
2843 | + |
2844 | +article, aside, details, dialog, figure, footer, header, hgroup, nav, section { |
2845 | + display:block; |
2846 | +} |
2847 | + |
2848 | +ol, ul { |
2849 | + list-style-position:inside; |
2850 | +} |
2851 | + |
2852 | +nav ul { |
2853 | + list-style:none; |
2854 | +} |
2855 | + |
2856 | +blockquote, q { |
2857 | + quotes:none; |
2858 | +} |
2859 | + |
2860 | +blockquote:before, blockquote:after, q:before, q:after { |
2861 | + content:''; |
2862 | +} |
2863 | + |
2864 | +a { |
2865 | + cursor:pointer; |
2866 | + border:0; |
2867 | + font-size:100%; |
2868 | + vertical-align:baseline; |
2869 | + background:transparent; |
2870 | + text-decoration:none; |
2871 | + margin:0; |
2872 | + padding:0; |
2873 | +} |
2874 | + |
2875 | +ins { |
2876 | + background-color:#ff9; |
2877 | + color:#000; |
2878 | + text-decoration:none; |
2879 | +} |
2880 | + |
2881 | +mark { |
2882 | + background-color:#ff9; |
2883 | + color:#000; |
2884 | + font-style:italic; |
2885 | + font-weight:700; |
2886 | +} |
2887 | + |
2888 | +del { |
2889 | + text-decoration:line-through; |
2890 | +} |
2891 | + |
2892 | +abbr[title], dfn[title] { |
2893 | + border-bottom:1px dotted #000; |
2894 | + cursor:help; |
2895 | +} |
2896 | + |
2897 | +table { |
2898 | + border-collapse:collapse; |
2899 | + border-spacing:0; |
2900 | +} |
2901 | + |
2902 | +hr { |
2903 | + display:block; |
2904 | + height:1px; |
2905 | + border:0; |
2906 | + border-top:1px solid #ccc; |
2907 | + margin:1em 0; |
2908 | + padding:0; |
2909 | +} |
2910 | + |
2911 | +input, select { |
2912 | + vertical-align:middle; |
2913 | +} |
2914 | + |
2915 | +textarea { |
2916 | + overflow:auto; |
2917 | +} |
2918 | + |
2919 | +h1 { |
2920 | + font-size:2.25em; |
2921 | +} |
2922 | + |
2923 | +h2 { |
2924 | + font-size:1.5em; |
2925 | +} |
2926 | + |
2927 | +h3 { |
2928 | + font-size:1.125em; |
2929 | +} |
2930 | + |
2931 | +h4 { |
2932 | + font-size:1em; |
2933 | +} |
2934 | + |
2935 | +h5 { |
2936 | + font-size:0.875em; |
2937 | +} |
2938 | + |
2939 | +p { |
2940 | + font-size:0.75em; |
2941 | + line-height:1.5em; |
2942 | + padding:5px 0 10px; |
2943 | +} |
2944 | + |
2945 | +li { |
2946 | + font-size:0.75em; |
2947 | + line-height:1.5em; |
2948 | +} |
2949 | + |
2950 | +strong { |
2951 | + font-weight:700; |
2952 | +} |
2953 | + |
2954 | +em { |
2955 | + font-style:italic; |
2956 | +} |
2957 | + |
2958 | +#top-logo { |
2959 | + font-size:0.875em; |
2960 | + display:inline; |
2961 | + float:right; |
2962 | + width:280px; |
2963 | + color:#fff; |
2964 | + line-height:1.5em; |
2965 | + text-align:right; |
2966 | + margin:5px 10px 5px 0; |
2967 | + padding:10px 10px 0 0; |
2968 | +} |
2969 | + |
2970 | +#main-nav { |
2971 | + font-size:0.875em; |
2972 | + display:inline; |
2973 | + float:left; |
2974 | + width:620px; |
2975 | + border-left:1px solid #EF7149; |
2976 | + z-index:10; |
2977 | +} |
2978 | + |
2979 | +#sub-nav { |
2980 | + font-size:0.75em; |
2981 | + display:inline; |
2982 | + float:left; |
2983 | + margin-bottom:0; |
2984 | + padding:0 10px; |
2985 | +} |
2986 | + |
2987 | +.showcase-text { |
2988 | + font-size:0.875em; |
2989 | + width:280px; |
2990 | + margin:5px 0 10px; |
2991 | +} |
2992 | + |
2993 | +/*- Layout-------------------------------------------------------------------------------------------------------- */ |
2994 | +.container { |
2995 | + clear:both; |
2996 | + position:relative; |
2997 | + width:980px; |
2998 | + margin:0 auto; |
2999 | +} |
3000 | + |
3001 | +.main-nav-item { |
3002 | + margin:5px 10px; |
3003 | + padding:10px; |
3004 | +} |
3005 | + |
3006 | +#the-logo { |
3007 | + display:inline; |
3008 | + float:right; |
3009 | + padding-left:4px; |
3010 | +} |
3011 | + |
3012 | +#page-related { |
3013 | + background-image:none; |
3014 | + position:relative; |
3015 | + width:960px; |
3016 | + background-color:#FFF; |
3017 | + margin:0 auto; |
3018 | + padding:0 10px 10px; |
3019 | +} |
3020 | + |
3021 | +#sub-nav-container { |
3022 | + width:940px; |
3023 | + background-color:#F7F7F7; |
3024 | + border-bottom-left-radius:8px; |
3025 | + border-bottom-right-radius:8px; |
3026 | + padding-bottom:0; |
3027 | + margin:0 10px; |
3028 | +} |
3029 | + |
3030 | +.sub-nav-item { |
3031 | + padding-right:10px; |
3032 | + margin:5px 10px 0; |
3033 | +} |
3034 | + |
3035 | +#pop-up-container { |
3036 | + display:inline; |
3037 | + float:left; |
3038 | + padding:10px; |
3039 | +} |
3040 | + |
3041 | +#pop-up-text { |
3042 | + display:inline; |
3043 | + float:left; |
3044 | + font-weight:700; |
3045 | + line-height:20px; |
3046 | + padding:0 5px; |
3047 | +} |
3048 | + |
3049 | +#login-container { |
3050 | + display:inline; |
3051 | + float:left; |
3052 | + width:620px; |
3053 | +} |
3054 | + |
3055 | +#searchbox-container { |
3056 | + display:inline; |
3057 | + float:right; |
3058 | + width:300px; |
3059 | + margin:0 10px 5px 0; |
3060 | + padding:0 0 0 10px; |
3061 | +} |
3062 | + |
3063 | +.showcase-figure { |
3064 | + display:inline; |
3065 | + float:left; |
3066 | + position:relative; |
3067 | + width:600px; |
3068 | + margin:5px 10px; |
3069 | + padding:10px; |
3070 | +} |
3071 | + |
3072 | +.showcase-img { |
3073 | + display:block; |
3074 | + position:relative; |
3075 | + width:600px; |
3076 | + margin:0; |
3077 | + padding:0; |
3078 | +} |
3079 | + |
3080 | +.showcase-caption { |
3081 | + position:absolute; |
3082 | + bottom:0; |
3083 | + left:0; |
3084 | + width:580px; |
3085 | + background-color:rgba(0, 0, 0, 0.4); |
3086 | + color:#fff; |
3087 | + filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000', EndColorStr='#66000000'); |
3088 | + -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000', EndColorStr='#66000000')"; |
3089 | + margin:0 10px 10px; |
3090 | + padding:10px; |
3091 | +} |
3092 | + |
3093 | +#showcase-nav { |
3094 | + clear:both; |
3095 | + width:920px; |
3096 | + background-color:#f7f7f7; |
3097 | + border-radius:8px; |
3098 | + box-shadow:0 1px 1px #ccc; |
3099 | + height:40px; |
3100 | + margin:5px 10px; |
3101 | + padding:0 10px; |
3102 | +} |
3103 | + |
3104 | +.showcase-nav-item { |
3105 | + padding-right:10px; |
3106 | +} |
3107 | + |
3108 | +.main-content { |
3109 | + display:inline; |
3110 | + clear:both; |
3111 | + float:left; |
3112 | + width:920px; |
3113 | + margin:5px 10px; |
3114 | + padding:10px; |
3115 | +} |
3116 | + |
3117 | +.minor-content { |
3118 | + display:inline; |
3119 | + float:left; |
3120 | + width:440px; |
3121 | + margin:5px 10px; |
3122 | + padding:10px; |
3123 | +} |
3124 | + |
3125 | +.divide { |
3126 | + display:inline; |
3127 | + border:0 solid; |
3128 | + clear:both; |
3129 | + font-size:0; |
3130 | + height:1px; |
3131 | + visibility:hidden; |
3132 | + width:10px; |
3133 | + margin:-1px 0 0; |
3134 | +} |
3135 | + |
3136 | +.divide-showcase { |
3137 | + display:inline; |
3138 | + border:0 solid; |
3139 | + clear:both; |
3140 | + font-size:0; |
3141 | + height:1px; |
3142 | + visibility:hidden; |
3143 | + margin:-1px 0 25px; |
3144 | +} |
3145 | + |
3146 | +#blog-posts { |
3147 | + display:inline; |
3148 | + float:left; |
3149 | + width:600px; |
3150 | + margin:5px 10px; |
3151 | + padding:10px; |
3152 | +} |
3153 | + |
3154 | +.blog-post { |
3155 | + clear:both; |
3156 | + margin-bottom:10px; |
3157 | + padding-bottom:10px; |
3158 | +} |
3159 | + |
3160 | +.post-figure { |
3161 | + display:inline; |
3162 | + float:right; |
3163 | + position:relative; |
3164 | + width:260px; |
3165 | + margin:10px 0 10px 10px; |
3166 | + padding:0; |
3167 | +} |
3168 | + |
3169 | +.post-img { |
3170 | + display:block; |
3171 | + position:relative; |
3172 | + width:260px; |
3173 | + margin:0; |
3174 | + padding:0; |
3175 | +} |
3176 | + |
3177 | +.post-img-caption { |
3178 | + position:absolute; |
3179 | + bottom:0; |
3180 | + left:0; |
3181 | + width:240px; |
3182 | + background-color:rgba(0, 0, 0, 0.4); |
3183 | + color:#fff; |
3184 | + filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000', EndColorStr='#66000000'); |
3185 | + -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000', EndColorStr='#66000000')"; |
3186 | + padding:10px; |
3187 | +} |
3188 | + |
3189 | +.comments-count { |
3190 | + clear:both; |
3191 | + display:block; |
3192 | + font-style:italic; |
3193 | + color:#999; |
3194 | + text-align:right; |
3195 | +} |
3196 | + |
3197 | +#blog-aside { |
3198 | + display:inline; |
3199 | + float:left; |
3200 | + width:300px; |
3201 | + margin:5px 10px; |
3202 | + padding:0; |
3203 | +} |
3204 | + |
3205 | +.widgets-aside { |
3206 | + display:inline; |
3207 | + float:left; |
3208 | + width:280px; |
3209 | + background-color:#f7f7f7; |
3210 | + border-radius:8px; |
3211 | + box-shadow:0 1px 1px #ccc; |
3212 | + margin:5px 0 15px; |
3213 | + padding:10px; |
3214 | +} |
3215 | + |
3216 | +.pagination { |
3217 | + clear:both; |
3218 | + text-align:center; |
3219 | + border-top:1px solid #333; |
3220 | + color:#fff; |
3221 | + margin-top:15px; |
3222 | + padding-top:15px; |
3223 | +} |
3224 | + |
3225 | +.foot-note { |
3226 | + clear:both; |
3227 | + width:920px; |
3228 | + color:#999; |
3229 | + font-style:italic; |
3230 | + margin:15px 10px 0; |
3231 | + padding:10px; |
3232 | +} |
3233 | + |
3234 | +.plugin { |
3235 | + position:relative; |
3236 | + width:980px; |
3237 | + margin:0 -10px; |
3238 | + padding:0; |
3239 | +} |
3240 | + |
3241 | +/*- Decoration-------------------------------------------------------------------------------------------------------- */ |
3242 | +h1, h2, h3, h4, h5, h6 { |
3243 | + color:#DD4814; |
3244 | +} |
3245 | + |
3246 | +#page-header { |
3247 | + background:url("http://s.ubuntu.ru/header.png") repeat-x scroll 0 0 #EF5A29; |
3248 | + height:72px; |
3249 | +} |
3250 | + |
3251 | +#page-header .container { |
3252 | + background:url("http://s.ubuntu.ru/header.png") repeat-x scroll 0 0 #EF5A29; |
3253 | +} |
3254 | + |
3255 | +#loco { |
3256 | + display:inline; |
3257 | + clear:both; |
3258 | + float:right; |
3259 | +} |
3260 | + |
3261 | +.main-nav-item, .main-nav-item:visited { |
3262 | + display:inline; |
3263 | + border-right:1px solid #EF7149; |
3264 | + border-bottom:0; |
3265 | + border-top:0; |
3266 | + color:#fff; |
3267 | + float:left; |
3268 | + height:70px; |
3269 | + line-height:70px; |
3270 | + text-shadow:1px 1px 1px #333; |
3271 | + margin:0; |
3272 | + padding:0 15px; |
3273 | +} |
3274 | + |
3275 | +.main-nav-item:hover, .main-nav-item:active, .main-nav-item:focus { |
3276 | + background:url(../images/mainnav.png) 0 0 repeat; |
3277 | +} |
3278 | + |
3279 | +.sub-nav-item, .sub-nav-item:visited { |
3280 | + display:inline; |
3281 | + color:#333; |
3282 | + float:left; |
3283 | + line-height:40px; |
3284 | + margin:0; |
3285 | + padding:0 15px; |
3286 | +} |
3287 | + |
3288 | +.sub-nav-item:hover, .sub-nav-item:active, .sub-nav-item:focus { |
3289 | + background-color:#efefef; |
3290 | + color:#DD4814; |
3291 | +} |
3292 | + |
3293 | +.login-label { |
3294 | + height:16px; |
3295 | + margin:7px 0 7px 9px; |
3296 | + padding:3px; |
3297 | +} |
3298 | + |
3299 | +#username, #password { |
3300 | + background-color:#f0f0f0; |
3301 | + border:1px solid #CCC; |
3302 | + height:16px; |
3303 | + width:110px; |
3304 | + margin:7px 0 7px 9px; |
3305 | + padding:3px; |
3306 | +} |
3307 | + |
3308 | +#login { |
3309 | + background-color:#f0f0f0; |
3310 | + border:1px solid #CCC; |
3311 | + height:24px; |
3312 | + margin:7px 9px 7px 0; |
3313 | + padding:2px; |
3314 | +} |
3315 | + |
3316 | +#searchbox { |
3317 | + background-color:#f0f0f0; |
3318 | + border:1px solid #CCC; |
3319 | + height:16px; |
3320 | + width:180px; |
3321 | + margin:7px 3px 7px 9px; |
3322 | + padding:3px; |
3323 | +} |
3324 | + |
3325 | +#searchbox:focus { |
3326 | + background-color:#fff; |
3327 | + border:1px solid #DD4814; |
3328 | +} |
3329 | + |
3330 | +#go-search { |
3331 | + background-color:#f0f0f0; |
3332 | + border:1px solid #CCC; |
3333 | + height:24px; |
3334 | + margin:7px 0; |
3335 | + padding:2px; |
3336 | +} |
3337 | + |
3338 | +#more-search, #more-search:visited { |
3339 | + background-color:#f0f0f0; |
3340 | + border:1px solid #CCC; |
3341 | + color:#333; |
3342 | + height:16px; |
3343 | + margin:7px 7px 7px 0; |
3344 | + padding:2px 3px; |
3345 | +} |
3346 | + |
3347 | +#more-search:hover, #more-search:active, #more-search:focus { |
3348 | + background-color:#f7f7f7; |
3349 | + border:1px solid #DD4814; |
3350 | + color:#DD4814; |
3351 | + text-shadow:1px 1px 2px #999; |
3352 | +} |
3353 | + |
3354 | +.showcase-nav-item, .showcase-nav-item:visited { |
3355 | + display:inline; |
3356 | + color:#333; |
3357 | + float:left; |
3358 | + line-height:40px; |
3359 | + margin:0 1px; |
3360 | + padding:0 15px; |
3361 | +} |
3362 | + |
3363 | +.showcase-nav-item:hover, .showcase-nav-item:active, .showcase-nav-item:focus { |
3364 | + border:1px solid #ddd; |
3365 | + border-top:0 solid; |
3366 | + border-bottom:0 solid; |
3367 | + background-color:#efefef; |
3368 | + color:#DD4814; |
3369 | + margin:0; |
3370 | +} |
3371 | + |
3372 | +#main-section .container { |
3373 | + background-color:#fff; |
3374 | + background-image:none; |
3375 | + position:relative; |
3376 | + width:960px; |
3377 | + padding:0 10px 10px; |
3378 | +} |
3379 | + |
3380 | +.alone, .leading, .aggregator { |
3381 | + display:inline; |
3382 | + background-color:#f7f7f7; |
3383 | + border-radius:8px; |
3384 | + box-shadow:0 1px 1px #ccc; |
3385 | + float:left; |
3386 | +} |
3387 | + |
3388 | +.aggregator { |
3389 | + margin:5px 10px; |
3390 | +} |
3391 | + |
3392 | +.aggregator .first { |
3393 | + margin-left:0; |
3394 | +} |
3395 | + |
3396 | +.aggregator .last { |
3397 | + margin-right:0; |
3398 | +} |
3399 | + |
3400 | +.post-header { |
3401 | + border-bottom:1px dotted #333; |
3402 | + margin-bottom:10px; |
3403 | + padding-bottom:5px; |
3404 | +} |
3405 | + |
3406 | +.post-meta { |
3407 | + color:#999; |
3408 | + font-size:0.85em; |
3409 | + font-style:italic; |
3410 | +} |
3411 | + |
3412 | +.pagination-item { |
3413 | + border-bottom:1px solid #333; |
3414 | + color:#333; |
3415 | + margin-right:5px; |
3416 | + padding:2px 6px; |
3417 | +} |
3418 | + |
3419 | +.pagination-item:hover { |
3420 | + border-bottom:1px solid #DD4814; |
3421 | + background-color:#f7f7f7; |
3422 | + color:#DD4814; |
3423 | +} |
3424 | + |
3425 | +.pagination-item.current { |
3426 | + background-color:#f7f7f7; |
3427 | + border-bottom:1px solid #333; |
3428 | + color:#333; |
3429 | + font-weight:700; |
3430 | +} |
3431 | + |
3432 | +.widget-links { |
3433 | + list-style:none; |
3434 | + list-style-position:outside; |
3435 | +} |
3436 | + |
3437 | +.a-item { |
3438 | + display:block; |
3439 | + margin-top:3px; |
3440 | +} |
3441 | + |
3442 | +.side-link, .side-link:visited { |
3443 | + color:#333; |
3444 | + display:block; |
3445 | + padding-right:3px; |
3446 | +} |
3447 | + |
3448 | +.side-link:hover, .side-link:active, .side-link:focus { |
3449 | + background-color:#fff; |
3450 | + border-right:3px solid #DD4814; |
3451 | + color:#DD4814; |
3452 | + text-decoration:none; |
3453 | +} |
3454 | + |
3455 | +#login-widget { |
3456 | + text-align:center; |
3457 | +} |
3458 | + |
3459 | +#page-footer { |
3460 | + background:url("http://s.ubuntu.ru/footer.png") repeat-x scroll 0 0 #EEECEA; |
3461 | +} |
3462 | + |
3463 | +#page-footer .container { |
3464 | + background:url("http://s.ubuntu.ru/footer.png") repeat-x scroll 0 0 #EEECEA; |
3465 | + width:960px; |
3466 | + padding:0 10px; |
3467 | +} |
3468 | + |
3469 | +.footer-content dd { |
3470 | + margin-bottom:15px; |
3471 | +} |
3472 | + |
3473 | +.footer-links { |
3474 | + list-style:none; |
3475 | + text-indent:0; |
3476 | + list-style-position:outside; |
3477 | +} |
3478 | + |
3479 | +.footer-item { |
3480 | + border-bottom:1px dotted #333; |
3481 | + display:block; |
3482 | + margin-top:3px; |
3483 | +} |
3484 | + |
3485 | +/*- Forum Decoration [Demo]-------------------------------------------------------------------------------------------------------- */ |
3486 | +.forum-title { |
3487 | + background-color:#efefef; |
3488 | + margin:10px 0; |
3489 | + padding:20px; |
3490 | +} |
3491 | + |
3492 | +.forum-item { |
3493 | + border-top:1px dotted #999; |
3494 | +} |
3495 | + |
3496 | +.cat-title, .sub-sections { |
3497 | + font-size:0.75em; |
3498 | +} |
3499 | + |
3500 | +.latest, .post-count { |
3501 | + font-size:0.75em; |
3502 | + line-height:1.2em; |
3503 | +} |
3504 | + |
3505 | +.cat-title, .post-count, .latest { |
3506 | + vertical-align:middle; |
3507 | + padding:10px; |
3508 | +} |
3509 | + |
3510 | +.status { |
3511 | + background-color:#efefef; |
3512 | + vertical-align:middle; |
3513 | + width:30px; |
3514 | + padding:10px 5px; |
3515 | +} |
3516 | + |
3517 | +.latest { |
3518 | + width:180px; |
3519 | +} |
3520 | + |
3521 | +.post-count { |
3522 | + width:120px; |
3523 | + background-color:#efefef; |
3524 | +} |
3525 | + |
3526 | +.sub-sections { |
3527 | + background-color:#efefef; |
3528 | + padding:5px 10px 10px; |
3529 | +} |
3530 | + |
3531 | +.count { |
3532 | + display:block; |
3533 | + font-style:italic; |
3534 | +} |
3535 | + |
3536 | +h6, dt { |
3537 | + font-size:0.75em; |
3538 | + font-weight:700; |
3539 | +} |
3540 | + |
3541 | +.showcase-item, .side-content { |
3542 | + display:inline; |
3543 | + float:left; |
3544 | + width:280px; |
3545 | + margin:5px 10px; |
3546 | + padding:10px; |
3547 | +} |
3548 | + |
3549 | +.showcase-heading, .showcase-subheading { |
3550 | + width:280px; |
3551 | + margin:5px 0 10px; |
3552 | +} |
3553 | + |
3554 | +.sub-content, .footer-content { |
3555 | + display:inline; |
3556 | + float:left; |
3557 | + width:120px; |
3558 | + margin:5px 10px; |
3559 | + padding:10px; |
3560 | +} |
3561 | + |
3562 | +#login:hover, #go-search:hover { |
3563 | + background-color:#f7f7f7; |
3564 | + border:1px solid #DD4814; |
3565 | +} |
3566 | + |
3567 | +#join, #join:visited, .post-title-link, .post-title-link:visited, .footer-link, .footer-link:visited, .forum-title-link, .forum-title-link:visited { |
3568 | + color:#333; |
3569 | +} |
3570 | + |
3571 | +#join:hover, #join:active, #join:focus, .post-title-link:hover, .post-title-link:active, .post-title-link:focus, .forum-title-link:hover, .forum-title-link:active, .forum-title-link:focus { |
3572 | + color:#DD4814; |
3573 | + text-shadow:1px 1px 2px #999; |
3574 | +} |
3575 | + |
3576 | +.footer-link:hover, .footer-link:active, .footer-link:focus, .footer-link-main:hover, .footer-link-main:active, .footer-link-main:focus { |
3577 | + color:#DD4814; |
3578 | + text-decoration:underline; |
3579 | +} |
3580 | + |
3581 | + |
3582 | |
3583 | === modified file 'css/index.css' |
3584 | --- css/index.css 2010-10-21 20:51:42 +0000 |
3585 | +++ css/index.css 2010-11-12 14:40:41 +0000 |
3586 | @@ -4,174 +4,174 @@ |
3587 | /* Normal, standard links. */ |
3588 | a:link, a:visited |
3589 | { |
3590 | - color: #346; |
3591 | - text-decoration: none; |
3592 | + color: #346; |
3593 | + text-decoration: none; |
3594 | } |
3595 | a:hover |
3596 | { |
3597 | - text-decoration: underline; |
3598 | + text-decoration: underline; |
3599 | } |
3600 | |
3601 | /* Tables should show empty cells. */ |
3602 | table |
3603 | { |
3604 | - empty-cells: show; |
3605 | + empty-cells: show; |
3606 | } |
3607 | |
3608 | /* Set a fontsize that will look the same in all browsers. */ |
3609 | body |
3610 | { |
3611 | - background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x; |
3612 | - font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif; |
3613 | - margin: 0 auto; |
3614 | - padding: 15px 5%; |
3615 | + background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x; |
3616 | + font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif; |
3617 | + margin: 0 auto; |
3618 | + padding: 15px 5%; |
3619 | } |
3620 | |
3621 | /* Help popups require a different styling of the body element. */ |
3622 | body#help_popup |
3623 | { |
3624 | - padding: 1em; |
3625 | + padding: 1em; |
3626 | } |
3627 | |
3628 | /* use dark grey for the text, leaving #000 for headers etc */ |
3629 | body, td, th, tr |
3630 | { |
3631 | - color: #444; |
3632 | + color: #444; |
3633 | } |
3634 | |
3635 | /* This division wraps the entire forum when a forum width is set. */ |
3636 | div#wrapper |
3637 | { |
3638 | - margin: 0 auto; |
3639 | + margin: 0 auto; |
3640 | } |
3641 | |
3642 | /* lets give all forms zero padding/margins */ |
3643 | form |
3644 | { |
3645 | - padding: 0; |
3646 | - margin: 0; |
3647 | + padding: 0; |
3648 | + margin: 0; |
3649 | } |
3650 | |
3651 | /* We can style the different types of input buttons to be uniform throughout different browsers and their color themes. |
3652 | - .button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers |
3653 | - .button_reset - covers input[type=reset] and button[type=reset] throughout all browsers |
3654 | - .input_check - covers input[type=checkbox] throughout all browsers |
3655 | - .input_radio - covers input[type=radio] throughout all browsers |
3656 | - .input_text - covers input[type=text] throughout all browsers |
3657 | - .input_file - covers input[type=file] throughout all browsers |
3658 | + .button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers |
3659 | + .button_reset - covers input[type=reset] and button[type=reset] throughout all browsers |
3660 | + .input_check - covers input[type=checkbox] throughout all browsers |
3661 | + .input_radio - covers input[type=radio] throughout all browsers |
3662 | + .input_text - covers input[type=text] throughout all browsers |
3663 | + .input_file - covers input[type=file] throughout all browsers |
3664 | */ |
3665 | |
3666 | input, button, select, textarea |
3667 | { |
3668 | - font: 95%/115% verdana, Helvetica, sans-serif; |
3669 | - color: #000; |
3670 | - background: #fff; |
3671 | - border: 1px solid #7f9db9; |
3672 | - padding: 2px; |
3673 | + font: 95%/115% verdana, Helvetica, sans-serif; |
3674 | + color: #000; |
3675 | + background: #fff; |
3676 | + border: 1px solid #7f9db9; |
3677 | + padding: 2px; |
3678 | } |
3679 | |
3680 | /* Select elements look horrible with the extra padding, so leave them unpadded. */ |
3681 | select |
3682 | { |
3683 | - padding: 0; |
3684 | + padding: 0; |
3685 | } |
3686 | |
3687 | /* Add some padding to the options instead. */ |
3688 | select option |
3689 | { |
3690 | - padding: 1px; |
3691 | + padding: 1px; |
3692 | } |
3693 | |
3694 | /* The font size of textareas should be just a little bit larger. */ |
3695 | textarea |
3696 | { |
3697 | - font: 100%/130% verdana, Helvetica, sans-serif; |
3698 | + font: 100%/130% verdana, Helvetica, sans-serif; |
3699 | } |
3700 | |
3701 | /* Buttons should be styled a bit differently, in order to make them look more button'ish. */ |
3702 | .button_submit, .button_reset |
3703 | { |
3704 | - background: #cde7ff url(../images/theme/submit_bg.png) no-repeat; |
3705 | - border: 1px solid #aaa; |
3706 | - cursor: pointer; |
3707 | - font-weight: normal; |
3708 | + background: #cde7ff url(../images/theme/submit_bg.png) no-repeat; |
3709 | + border: 1px solid #aaa; |
3710 | + cursor: pointer; |
3711 | + font-weight: normal; |
3712 | } |
3713 | input:hover, textarea:hover, button:hover, select:hover |
3714 | { |
3715 | - border: 1px solid #454545; |
3716 | + border: 1px solid #454545; |
3717 | } |
3718 | .button_submit:hover, .button_reset:hover |
3719 | { |
3720 | - border: 1px solid #aaa; |
3721 | - background: url(../images/theme/submit_bg.png) no-repeat 0 -140px #cde7ff; |
3722 | + border: 1px solid #aaa; |
3723 | + background: url(../images/theme/submit_bg.png) no-repeat 0 -140px #cde7ff; |
3724 | } |
3725 | input:focus, textarea:focus, button:focus, select:focus |
3726 | { |
3727 | - border: 1px solid #454545; |
3728 | + border: 1px solid #454545; |
3729 | } |
3730 | |
3731 | /* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */ |
3732 | input.input_check, input.input_radio |
3733 | { |
3734 | - border: none; |
3735 | - background: none; |
3736 | + border: none; |
3737 | + background: none; |
3738 | } |
3739 | h3.catbg input.input_check |
3740 | { |
3741 | - margin: 9px 7px 0 7px; |
3742 | + margin: 9px 7px 0 7px; |
3743 | } |
3744 | |
3745 | /* Give disabled text input elements a different background color. */ |
3746 | input[disabled].input_text |
3747 | { |
3748 | - background-color: #eee; |
3749 | + background-color: #eee; |
3750 | } |
3751 | |
3752 | /* Standard horizontal rule.. ([hr], etc.) */ |
3753 | hr, .hrcolor |
3754 | { |
3755 | - height: 1px; |
3756 | - border: 0; |
3757 | - color: #ccc; |
3758 | - background-color: #ccc; |
3759 | + height: 1px; |
3760 | + border: 0; |
3761 | + color: #ccc; |
3762 | + background-color: #ccc; |
3763 | } |
3764 | |
3765 | /* By default set the color on these tags as #000. */ |
3766 | h1, h2, h3, h4, h5, h6 |
3767 | { |
3768 | - color: #000; |
3769 | - font-size: 1em; |
3770 | - margin: 0; |
3771 | - padding: 0; |
3772 | + color: #000; |
3773 | + font-size: 1em; |
3774 | + margin: 0; |
3775 | + padding: 0; |
3776 | } |
3777 | |
3778 | /* Fieldsets are used to group elements. */ |
3779 | fieldset |
3780 | { |
3781 | - border: 1px solid #cacdd3; |
3782 | - padding: 1em; |
3783 | - margin: 0 0 0.3em 0; |
3784 | + border: 1px solid #cacdd3; |
3785 | + padding: 1em; |
3786 | + margin: 0 0 0.3em 0; |
3787 | } |
3788 | /* No image should have a border when linked. */ |
3789 | a img |
3790 | { |
3791 | - border: 0; |
3792 | + border: 0; |
3793 | } |
3794 | |
3795 | /* Define strong as bold, and em as italics */ |
3796 | strong |
3797 | { |
3798 | - font-weight: bold; |
3799 | + font-weight: bold; |
3800 | } |
3801 | |
3802 | em |
3803 | { |
3804 | - font-style: italic; |
3805 | + font-style: italic; |
3806 | } |
3807 | /* Alternative for u tag */ |
3808 | .underline |
3809 | { |
3810 | - text-decoration: underline; |
3811 | + text-decoration: underline; |
3812 | } |
3813 | |
3814 | /* Common classes to easy styling. |
3815 | @@ -179,95 +179,95 @@ |
3816 | |
3817 | .floatright, .align_right |
3818 | { |
3819 | - float: right; |
3820 | + float: right; |
3821 | } |
3822 | .floatleft, .align_left |
3823 | { |
3824 | - float: left; |
3825 | + float: left; |
3826 | } |
3827 | |
3828 | .flow_auto |
3829 | { |
3830 | - overflow: auto; |
3831 | + overflow: auto; |
3832 | } |
3833 | .flow_hidden |
3834 | { |
3835 | - overflow: hidden; |
3836 | + overflow: hidden; |
3837 | } |
3838 | .flow_hidden .windowbg, .flow_hidden .windowbg2 |
3839 | { |
3840 | - margin-top: 2px; |
3841 | + margin-top: 2px; |
3842 | } |
3843 | .clear |
3844 | { |
3845 | - clear: both; |
3846 | + clear: both; |
3847 | } |
3848 | .clear_left |
3849 | { |
3850 | - clear: left; |
3851 | + clear: left; |
3852 | } |
3853 | .clear_right |
3854 | { |
3855 | - clear: right; |
3856 | + clear: right; |
3857 | } |
3858 | |
3859 | /* Default font sizes: small (8pt), normal (10pt), and large (14pt). */ |
3860 | .smalltext, tr.smalltext th |
3861 | { |
3862 | - font-size: 0.85em; |
3863 | - font-family: verdana, sans-serif; |
3864 | + font-size: 0.85em; |
3865 | + font-family: verdana, sans-serif; |
3866 | } |
3867 | .middletext |
3868 | { |
3869 | - font-size: 0.9em; |
3870 | - line-height: 1em; |
3871 | - font-family: verdana, sans-serif; |
3872 | + font-size: 0.9em; |
3873 | + line-height: 1em; |
3874 | + font-family: verdana, sans-serif; |
3875 | } |
3876 | .normaltext |
3877 | { |
3878 | - font-size: 1em; |
3879 | - line-height: 1.2em; |
3880 | + font-size: 1em; |
3881 | + line-height: 1.2em; |
3882 | } |
3883 | .largetext |
3884 | { |
3885 | - font-size: 1.4em; |
3886 | + font-size: 1.4em; |
3887 | } |
3888 | .centertext |
3889 | { |
3890 | - margin: 0 auto; |
3891 | - text-align: center; |
3892 | + margin: 0 auto; |
3893 | + text-align: center; |
3894 | } |
3895 | .righttext |
3896 | { |
3897 | - margin-left: auto; |
3898 | - margin-right: 0; |
3899 | - text-align: right; |
3900 | + margin-left: auto; |
3901 | + margin-right: 0; |
3902 | + text-align: right; |
3903 | } |
3904 | .lefttext |
3905 | { |
3906 | - margin-left: 0; |
3907 | - margin-right: auto; |
3908 | - text-align: left; |
3909 | + margin-left: 0; |
3910 | + margin-right: auto; |
3911 | + text-align: left; |
3912 | } |
3913 | .double_height |
3914 | { |
3915 | - line-height: 2em; |
3916 | + line-height: 2em; |
3917 | } |
3918 | /* some common padding styles */ |
3919 | .padding |
3920 | { |
3921 | - padding: 0.7em; |
3922 | + padding: 0.7em; |
3923 | } |
3924 | .main_section, .lower_padding |
3925 | { |
3926 | - padding-bottom: 0.5em; |
3927 | + padding-bottom: 0.5em; |
3928 | } |
3929 | /* a quick reset list class. */ |
3930 | ul.reset, ul.reset li |
3931 | { |
3932 | - padding: 0; |
3933 | - margin: 0; |
3934 | - list-style: none; |
3935 | + padding: 0; |
3936 | + margin: 0; |
3937 | + list-style: none; |
3938 | } |
3939 | |
3940 | /* Some BBC related styles. |
3941 | @@ -276,125 +276,125 @@ |
3942 | /* A quote, perhaps from another post. */ |
3943 | blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote |
3944 | { |
3945 | - font-size: x-small; |
3946 | - color: #000; |
3947 | - line-height: 1.4em; |
3948 | - background: url(../images/theme/quote.png) 0.1em 0.1em no-repeat; |
3949 | - border-top: 2px solid #99A; |
3950 | - border-bottom: 2px solid #99A; |
3951 | - padding: 1.1em 1.4em; |
3952 | - margin: 0.1em 0 0.3em 0; |
3953 | - overflow: auto; |
3954 | + font-size: x-small; |
3955 | + color: #000; |
3956 | + line-height: 1.4em; |
3957 | + background: url(../images/theme/quote.png) 0.1em 0.1em no-repeat; |
3958 | + border-top: 2px solid #99A; |
3959 | + border-bottom: 2px solid #99A; |
3960 | + padding: 1.1em 1.4em; |
3961 | + margin: 0.1em 0 0.3em 0; |
3962 | + overflow: auto; |
3963 | } |
3964 | |
3965 | /* Alterate blockquote stylings */ |
3966 | blockquote.bbc_standard_quote |
3967 | { |
3968 | - background-color: #d7daec; |
3969 | + background-color: #d7daec; |
3970 | } |
3971 | blockquote.bbc_alternate_quote |
3972 | { |
3973 | - background-color: #e7eafc; |
3974 | + background-color: #e7eafc; |
3975 | } |
3976 | |
3977 | /* A code block - maybe PHP ;). */ |
3978 | code.bbc_code |
3979 | { |
3980 | - display: block; |
3981 | - font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace; |
3982 | - font-size: x-small; |
3983 | - background: #eef; |
3984 | - border-top: 2px solid #999; |
3985 | - border-bottom: 2px solid #999; |
3986 | - line-height: 1.5em; |
3987 | - padding: 3px 1em; |
3988 | - overflow: auto; |
3989 | - white-space: pre; |
3990 | - /* Show a scrollbar after about 24 lines. */ |
3991 | - max-height: 24em; |
3992 | + display: block; |
3993 | + font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace; |
3994 | + font-size: x-small; |
3995 | + background: #eef; |
3996 | + border-top: 2px solid #999; |
3997 | + border-bottom: 2px solid #999; |
3998 | + line-height: 1.5em; |
3999 | + padding: 3px 1em; |
4000 | + overflow: auto; |
4001 | + white-space: pre; |
4002 | + /* Show a scrollbar after about 24 lines. */ |
4003 | + max-height: 24em; |
4004 | } |
4005 | |
4006 | /* The "Quote:" and "Code:" header parts... */ |
4007 | .codeheader, .quoteheader |
4008 | { |
4009 | - color: #666; |
4010 | - font-size: x-small; |
4011 | - font-weight: bold; |
4012 | - padding: 0 0.3em; |
4013 | + color: #666; |
4014 | + font-size: x-small; |
4015 | + font-weight: bold; |
4016 | + padding: 0 0.3em; |
4017 | } |
4018 | |
4019 | /* For links to change the code stuff... */ |
4020 | .codeoperation |
4021 | { |
4022 | - font-weight: normal; |
4023 | + font-weight: normal; |
4024 | } |
4025 | |
4026 | /* Styling for BBC tags */ |
4027 | .bbc_link:link, .bbc_link:visited |
4028 | { |
4029 | - color: #778899; |
4030 | + color: #778899; |
4031 | } |
4032 | .bbc_size |
4033 | { |
4034 | - line-height: 1.4em; |
4035 | + line-height: 1.4em; |
4036 | } |
4037 | .bbc_color a |
4038 | { |
4039 | - color: inherit; |
4040 | + color: inherit; |
4041 | } |
4042 | .bbc_img |
4043 | { |
4044 | - border: 0; |
4045 | + border: 0; |
4046 | } |
4047 | .bbc_table |
4048 | { |
4049 | - font: inherit; |
4050 | - color: inherit; |
4051 | + font: inherit; |
4052 | + color: inherit; |
4053 | } |
4054 | .bbc_table td |
4055 | { |
4056 | - font: inherit; |
4057 | - color: inherit; |
4058 | - vertical-align: top; |
4059 | + font: inherit; |
4060 | + color: inherit; |
4061 | + vertical-align: top; |
4062 | } |
4063 | .bbc_u |
4064 | { |
4065 | - text-decoration: underline; |
4066 | + text-decoration: underline; |
4067 | } |
4068 | .bbc_list |
4069 | { |
4070 | - margin: 0 auto; |
4071 | + margin: 0 auto; |
4072 | } |
4073 | .bbc_tt |
4074 | { |
4075 | - font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace; |
4076 | + font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace; |
4077 | } |
4078 | |
4079 | /* Generally, those [?] icons. This makes your cursor a help icon. */ |
4080 | .help |
4081 | { |
4082 | - cursor: help; |
4083 | + cursor: help; |
4084 | } |
4085 | |
4086 | /* /me uses this a lot. (emote, try typing /me in a post.) */ |
4087 | .meaction |
4088 | { |
4089 | - color: red; |
4090 | + color: red; |
4091 | } |
4092 | |
4093 | /* Highlighted text - such as search results. */ |
4094 | .highlight |
4095 | { |
4096 | - background-color: #ff0; |
4097 | - font-weight: bold; |
4098 | - color: #000 !important; |
4099 | + background-color: #ff0; |
4100 | + font-weight: bold; |
4101 | + color: #000 !important; |
4102 | } |
4103 | |
4104 | /* A more discreet highlight color, for selected membergroups etc. */ |
4105 | .highlight2 |
4106 | { |
4107 | - background-color: #D1E1EF; |
4108 | - color: #000 !important; |
4109 | + background-color: #D1E1EF; |
4110 | + color: #000 !important; |
4111 | } |
4112 | |
4113 | /* Generic, mostly color-related, classes. |
4114 | @@ -402,814 +402,814 @@ |
4115 | |
4116 | .titlebg, .titlebg2, thead tr.titlebg th, tr.titlebg td, tr.titlebg2 td |
4117 | { |
4118 | - color: #000; |
4119 | - font-family: arial, helvetica, sans-serif; |
4120 | - font-size: 1.1em; |
4121 | - font-weight: bold; |
4122 | - background: url(../images/theme/main_block.png) no-repeat -10px -120px; |
4123 | + color: #000; |
4124 | + font-family: arial, helvetica, sans-serif; |
4125 | + font-size: 1.1em; |
4126 | + font-weight: bold; |
4127 | + background: url(../images/theme/main_block.png) no-repeat -10px -120px; |
4128 | } |
4129 | .catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th |
4130 | { |
4131 | - color: #fff; |
4132 | - font-family: arial, helvetica, sans-serif; |
4133 | - font-size: 1.1em; |
4134 | - font-weight: bold; |
4135 | - background: url(../images/theme/main_block.png) no-repeat -10px -160px; |
4136 | + color: #fff; |
4137 | + font-family: arial, helvetica, sans-serif; |
4138 | + font-size: 1.1em; |
4139 | + font-weight: bold; |
4140 | + background: url(../images/theme/main_block.png) no-repeat -10px -160px; |
4141 | } |
4142 | |
4143 | /* adjust the table versions of headers */ |
4144 | tr.titlebg td, tr.titlebg2 td |
4145 | { |
4146 | - padding: 6px; |
4147 | + padding: 6px; |
4148 | } |
4149 | tr.catbg td, tr.catbg2 td, td.catbg, td.catbg2, tr.catbg th, tr.catbg2 th, th.catbg, th.catbg2 |
4150 | { |
4151 | - padding: 6px; |
4152 | + padding: 6px; |
4153 | } |
4154 | tr.titlebg td a, tr.titlebg2 td a |
4155 | { |
4156 | - color: #000; |
4157 | + color: #000; |
4158 | } |
4159 | tr.catbg td a, tr.catbg2 td a, .catbg a |
4160 | { |
4161 | - color: #fff; |
4162 | + color: #fff; |
4163 | } |
4164 | tr.catbg th.smalltext |
4165 | { |
4166 | - font-size: 0.9em; |
4167 | + font-size: 0.9em; |
4168 | } |
4169 | tr.titlebg th.smalltext, thead tr.titlebg th a:link, thead tr.titlebg th a:visited |
4170 | { |
4171 | - color: #000; |
4172 | - font-size: 0.95em; |
4173 | + color: #000; |
4174 | + font-size: 0.95em; |
4175 | } |
4176 | |
4177 | /* Alternating backgrounds for posts, and several other sections of the forum. */ |
4178 | .windowbg, #preview_body |
4179 | { |
4180 | - color: #000; |
4181 | - background-color: #e7eaef; |
4182 | + color: #000; |
4183 | + background-color: #e7eaef; |
4184 | } |
4185 | .windowbg2 |
4186 | { |
4187 | - color: #000; |
4188 | - background-color: #f0f4f7; |
4189 | + color: #000; |
4190 | + background-color: #f0f4f7; |
4191 | } |
4192 | .windowbg3 |
4193 | { |
4194 | - color: #000; |
4195 | - background-color: #cacdd3; |
4196 | + color: #000; |
4197 | + background-color: #cacdd3; |
4198 | } |
4199 | |
4200 | /* the page navigation area */ |
4201 | .pagesection |
4202 | { |
4203 | - font-size: 0.9em; |
4204 | - padding: 0 0 0.2em 0; |
4205 | - overflow: hidden; |
4206 | - margin-bottom: 1px; |
4207 | + font-size: 0.9em; |
4208 | + padding: 0 0 0.2em 0; |
4209 | + overflow: hidden; |
4210 | + margin-bottom: 1px; |
4211 | } |
4212 | div.pagesection div.floatright input |
4213 | { |
4214 | - margin-top: 3px; |
4215 | + margin-top: 3px; |
4216 | } |
4217 | |
4218 | .pagelinks |
4219 | { |
4220 | - padding: 0.6em 0 0.4em 0; |
4221 | + padding: 0.6em 0 0.4em 0; |
4222 | } |
4223 | |
4224 | /* GenericList */ |
4225 | .additional_row |
4226 | { |
4227 | - padding: 0.5em 0 0.5em 0; |
4228 | + padding: 0.5em 0 0.5em 0; |
4229 | } |
4230 | table.table_grid thead tr.catbg th.smalltext |
4231 | { |
4232 | - white-space: nowrap; |
4233 | + white-space: nowrap; |
4234 | } |
4235 | |
4236 | /* Colors for background of posts requiring approval */ |
4237 | .approvebg |
4238 | { |
4239 | - color: #000; |
4240 | - background-color: #ffeaea; |
4241 | + color: #000; |
4242 | + background-color: #ffeaea; |
4243 | } |
4244 | .approvebg2 |
4245 | { |
4246 | - color: #000; |
4247 | - background-color: #fff2f2; |
4248 | + color: #000; |
4249 | + background-color: #fff2f2; |
4250 | } |
4251 | |
4252 | /* Color for background of *topics* requiring approval */ |
4253 | .approvetbg |
4254 | { |
4255 | - color: #000; |
4256 | - background-color: #e4a17c; |
4257 | + color: #000; |
4258 | + background-color: #e4a17c; |
4259 | } |
4260 | .approvetbg2 |
4261 | { |
4262 | - color: #000; |
4263 | - background-color: #f3bd9f; |
4264 | + color: #000; |
4265 | + background-color: #f3bd9f; |
4266 | } |
4267 | |
4268 | /* Sticky topics get a different background */ |
4269 | .stickybg |
4270 | { |
4271 | - background: #e8d8cf; |
4272 | + background: #e8d8cf; |
4273 | } |
4274 | .stickybg2 |
4275 | { |
4276 | - background: #f2e3d9; |
4277 | + background: #f2e3d9; |
4278 | } |
4279 | |
4280 | /* Locked posts get a different shade, too! */ |
4281 | .lockedbg |
4282 | { |
4283 | - background: #d4dce2; |
4284 | - font-style: italic; |
4285 | + background: #d4dce2; |
4286 | + font-style: italic; |
4287 | } |
4288 | .lockedbg2 |
4289 | { |
4290 | - background: #d8e1e7; |
4291 | - font-style: italic; |
4292 | + background: #d8e1e7; |
4293 | + font-style: italic; |
4294 | } |
4295 | |
4296 | /* Posts and personal messages displayed throughout the forum. */ |
4297 | .post, .personalmessage |
4298 | { |
4299 | - overflow: auto; |
4300 | - line-height: 1.4em; |
4301 | - padding: 0.1em 0; |
4302 | + overflow: auto; |
4303 | + line-height: 1.4em; |
4304 | + padding: 0.1em 0; |
4305 | } |
4306 | |
4307 | /* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */ |
4308 | .signature, .attachments |
4309 | { |
4310 | - width: 98%; |
4311 | - overflow: auto; |
4312 | - clear: right; |
4313 | - padding: 1em 0 3px 0; |
4314 | - border-top: 1px solid #aaa; |
4315 | - line-height: 1.4em; |
4316 | - font-size: 0.85em; |
4317 | + width: 98%; |
4318 | + overflow: auto; |
4319 | + clear: right; |
4320 | + padding: 1em 0 3px 0; |
4321 | + border-top: 1px solid #aaa; |
4322 | + line-height: 1.4em; |
4323 | + font-size: 0.85em; |
4324 | } |
4325 | .custom_fields_above_signature |
4326 | { |
4327 | - width: 98%; |
4328 | - clear: right; |
4329 | - padding: 1em 0 3px 0; |
4330 | - border-top: 1px solid #aaa; |
4331 | - line-height: 1.4em; |
4332 | - font-size: 0.85em; |
4333 | + width: 98%; |
4334 | + clear: right; |
4335 | + padding: 1em 0 3px 0; |
4336 | + border-top: 1px solid #aaa; |
4337 | + line-height: 1.4em; |
4338 | + font-size: 0.85em; |
4339 | } |
4340 | |
4341 | /* Sometimes there will be an error when you post */ |
4342 | .error |
4343 | { |
4344 | - color: red; |
4345 | + color: red; |
4346 | } |
4347 | |
4348 | /* Messages that somehow need to attract the attention. */ |
4349 | .alert |
4350 | { |
4351 | - color: red; |
4352 | + color: red; |
4353 | } |
4354 | |
4355 | /* Calendar colors for birthdays, events and holidays */ |
4356 | .birthday |
4357 | { |
4358 | - color: #920ac4; |
4359 | + color: #920ac4; |
4360 | } |
4361 | |
4362 | .event |
4363 | { |
4364 | - color: #078907; |
4365 | + color: #078907; |
4366 | } |
4367 | |
4368 | .holiday |
4369 | { |
4370 | - color: #000080; |
4371 | + color: #000080; |
4372 | } |
4373 | |
4374 | /* Colors for warnings */ |
4375 | .warn_mute |
4376 | { |
4377 | - color: red; |
4378 | + color: red; |
4379 | } |
4380 | |
4381 | .warn_moderate |
4382 | { |
4383 | - color: #ffa500; |
4384 | + color: #ffa500; |
4385 | } |
4386 | |
4387 | .warn_watch, .success |
4388 | { |
4389 | - color: green; |
4390 | + color: green; |
4391 | } |
4392 | |
4393 | a.moderation_link, a.moderation_link:visited |
4394 | { |
4395 | - color: red; |
4396 | - font-weight: bold; |
4397 | + color: red; |
4398 | + font-weight: bold; |
4399 | } |
4400 | |
4401 | .openid_login |
4402 | { |
4403 | - background: white url(../images/openid.gif) no-repeat; |
4404 | - padding-left: 18px; |
4405 | + background: white url(../images/openid.gif) no-repeat; |
4406 | + padding-left: 18px; |
4407 | } |
4408 | |
4409 | /* a descriptive style */ |
4410 | .description, .plainbox |
4411 | { |
4412 | - padding: 0.5em 1em; |
4413 | - font-size: 0.9em; |
4414 | - line-height: 1.4em; |
4415 | - border: 1px solid #bbb; |
4416 | - background: #f5f5f0; |
4417 | - margin: 0 0 1em 0; |
4418 | + padding: 0.5em 1em; |
4419 | + font-size: 0.9em; |
4420 | + line-height: 1.4em; |
4421 | + border: 1px solid #bbb; |
4422 | + background: #f5f5f0; |
4423 | + margin: 0 0 1em 0; |
4424 | } |
4425 | |
4426 | /* an informative style */ |
4427 | .information |
4428 | { |
4429 | - padding: 0.5em 1em; |
4430 | - font-size: 0.9em; |
4431 | - line-height: 1.3em; |
4432 | - border: 1px solid #bbb; |
4433 | - background: #f0f6f0; |
4434 | - margin: 0.3em 0 1em 0; |
4435 | + padding: 0.5em 1em; |
4436 | + font-size: 0.9em; |
4437 | + line-height: 1.3em; |
4438 | + border: 1px solid #bbb; |
4439 | + background: #f0f6f0; |
4440 | + margin: 0.3em 0 1em 0; |
4441 | } |
4442 | .information p |
4443 | { |
4444 | - padding: 1em; |
4445 | - margin: 0; |
4446 | + padding: 1em; |
4447 | + margin: 0; |
4448 | } |
4449 | p.para2 |
4450 | { |
4451 | - padding: 1em 0 3.5em 0; |
4452 | - margin: 0; |
4453 | + padding: 1em 0 3.5em 0; |
4454 | + margin: 0; |
4455 | } |
4456 | /* AJAX notification bar |
4457 | ------------------------------------------------------- */ |
4458 | #ajax_in_progress |
4459 | { |
4460 | - background: url(../images/theme/loadingbar.png) repeat-x; |
4461 | - color: #f96f00; |
4462 | - text-align: center; |
4463 | - font-size: 16pt; |
4464 | - padding: 8px; |
4465 | - width: 100%; |
4466 | - height: 66px; |
4467 | - line-height: 25px; |
4468 | - position: fixed; |
4469 | - top: 0; |
4470 | - left: 0; |
4471 | + background: url(../images/theme/loadingbar.png) repeat-x; |
4472 | + color: #f96f00; |
4473 | + text-align: center; |
4474 | + font-size: 16pt; |
4475 | + padding: 8px; |
4476 | + width: 100%; |
4477 | + height: 66px; |
4478 | + line-height: 25px; |
4479 | + position: fixed; |
4480 | + top: 0; |
4481 | + left: 0; |
4482 | } |
4483 | |
4484 | #ajax_in_progress a |
4485 | { |
4486 | - color: orange; |
4487 | - text-decoration: underline; |
4488 | - font-size: smaller; |
4489 | - float: right; |
4490 | - margin-right: 20px; |
4491 | + color: orange; |
4492 | + text-decoration: underline; |
4493 | + font-size: smaller; |
4494 | + float: right; |
4495 | + margin-right: 20px; |
4496 | } |
4497 | |
4498 | /* a general table class */ |
4499 | table.table_grid |
4500 | { |
4501 | - border-collapse: collapse; |
4502 | + border-collapse: collapse; |
4503 | } |
4504 | table.table_grid td |
4505 | { |
4506 | - padding: 3px; |
4507 | - border-bottom: 1px solid #fff; |
4508 | - border-right: 1px solid #fff; |
4509 | + padding: 3px; |
4510 | + border-bottom: 1px solid #fff; |
4511 | + border-right: 1px solid #fff; |
4512 | } |
4513 | |
4514 | /* Lists with settings use these a lot. |
4515 | ------------------------------------------------------- */ |
4516 | dl.settings |
4517 | { |
4518 | - clear: right; |
4519 | - overflow: auto; |
4520 | - margin: 0 0 10px 0; |
4521 | - padding: 0; |
4522 | + clear: right; |
4523 | + overflow: auto; |
4524 | + margin: 0 0 10px 0; |
4525 | + padding: 0; |
4526 | } |
4527 | dl.settings dt |
4528 | { |
4529 | - width: 48%; |
4530 | - float: left; |
4531 | - margin: 0 0 10px 0; |
4532 | - padding: 0; |
4533 | - clear: both; |
4534 | + width: 48%; |
4535 | + float: left; |
4536 | + margin: 0 0 10px 0; |
4537 | + padding: 0; |
4538 | + clear: both; |
4539 | } |
4540 | dl.settings dt.settings_title |
4541 | { |
4542 | - width: 100%; |
4543 | - float: none; |
4544 | - margin: 0 0 10px 0; |
4545 | - padding: 5px 0 0 0; |
4546 | - font-weight: bold; |
4547 | - clear: both; |
4548 | + width: 100%; |
4549 | + float: none; |
4550 | + margin: 0 0 10px 0; |
4551 | + padding: 5px 0 0 0; |
4552 | + font-weight: bold; |
4553 | + clear: both; |
4554 | } |
4555 | dl.settings dt.windowbg |
4556 | { |
4557 | - width: 98%; |
4558 | - float: left; |
4559 | - margin: 0 0 3px 0; |
4560 | - padding: 0 0 5px 0; |
4561 | - clear: both; |
4562 | + width: 98%; |
4563 | + float: left; |
4564 | + margin: 0 0 3px 0; |
4565 | + padding: 0 0 5px 0; |
4566 | + clear: both; |
4567 | } |
4568 | dl.settings dd |
4569 | { |
4570 | - width: 48%; |
4571 | - float: left; |
4572 | - margin: 0 0 3px 0; |
4573 | - padding: 0; |
4574 | + width: 48%; |
4575 | + float: left; |
4576 | + margin: 0 0 3px 0; |
4577 | + padding: 0; |
4578 | } |
4579 | dl.settings img |
4580 | { |
4581 | - margin: 0 10px 0 0; |
4582 | + margin: 0 10px 0 0; |
4583 | } |
4584 | /* help icons */ |
4585 | dl.settings dt a img |
4586 | { |
4587 | - position: relative; |
4588 | - top: 2px; |
4589 | + position: relative; |
4590 | + top: 2px; |
4591 | } |
4592 | |
4593 | /* Styles for rounded headers. |
4594 | ------------------------------------------------------- */ |
4595 | h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg, .table_list tbody.header td |
4596 | { |
4597 | - overflow: hidden; |
4598 | - height: 31px; |
4599 | - line-height: 32px; |
4600 | - font-size: 1.2em; |
4601 | - font-weight: bold; |
4602 | + overflow: hidden; |
4603 | + height: 31px; |
4604 | + line-height: 32px; |
4605 | + font-size: 1.2em; |
4606 | + font-weight: bold; |
4607 | } |
4608 | h3.catbg a, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a |
4609 | { |
4610 | - color: #fff; |
4611 | + color: #fff; |
4612 | } |
4613 | h3.catbg2 a, h3.catbg2 |
4614 | { |
4615 | - color: #feb; |
4616 | + color: #feb; |
4617 | } |
4618 | h3.catbg a:hover, .table_list tbody.header td a:hover |
4619 | { |
4620 | - color: #fd9; |
4621 | - text-decoration: none; |
4622 | + color: #fd9; |
4623 | + text-decoration: none; |
4624 | } |
4625 | h3.catbg2 a:hover |
4626 | { |
4627 | - color: #fff; |
4628 | - text-decoration: none; |
4629 | + color: #fff; |
4630 | + text-decoration: none; |
4631 | } |
4632 | h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a |
4633 | { |
4634 | - color: #000; |
4635 | + color: #000; |
4636 | } |
4637 | h3.titlebg a:hover, h4.titlebg a:hover |
4638 | { |
4639 | - color: #ffa500; |
4640 | - text-decoration: none; |
4641 | + color: #ffa500; |
4642 | + text-decoration: none; |
4643 | } |
4644 | h3.catbg img.icon, h4.titlebg img.icon |
4645 | { |
4646 | - vertical-align: middle; |
4647 | - margin: -2px 5px 0 0; |
4648 | + vertical-align: middle; |
4649 | + margin: -2px 5px 0 0; |
4650 | } |
4651 | h4.catbg a.toggle img |
4652 | { |
4653 | - vertical-align: middle; |
4654 | - margin: -2px 5px 0 5px; |
4655 | + vertical-align: middle; |
4656 | + margin: -2px 5px 0 5px; |
4657 | } |
4658 | h4.catbg span.left, h4.catbg2 span.left, h3.catbg span.left, h3.catbg2 span.left, .table_list tbody.header td span.left |
4659 | { |
4660 | - float: left; |
4661 | - display: block; |
4662 | - width: 9px; |
4663 | - height: 31px; |
4664 | - background: url(../images/theme/main_block.png) no-repeat 0 -160px; |
4665 | + float: left; |
4666 | + display: block; |
4667 | + width: 9px; |
4668 | + height: 31px; |
4669 | + background: url(../images/theme/main_block.png) no-repeat 0 -160px; |
4670 | } |
4671 | |
4672 | h4.catbg, h4.catbg2 , h3.catbg , h3.catbg2 , .table_list tbody.header td.catbg |
4673 | { |
4674 | - background: url(../images/theme/main_block.png) no-repeat 100% -160px; |
4675 | - padding-right: 9px; |
4676 | + background: url(../images/theme/main_block.png) no-repeat 100% -160px; |
4677 | + padding-right: 9px; |
4678 | } |
4679 | |
4680 | h4.titlebg span.left, h3.titlebg span.left |
4681 | { |
4682 | - float: left; |
4683 | - display: block; |
4684 | - width: 9px; |
4685 | - height: 31px; |
4686 | - background: url(../images/theme/main_block.png) no-repeat 0 -200px; |
4687 | + float: left; |
4688 | + display: block; |
4689 | + width: 9px; |
4690 | + height: 31px; |
4691 | + background: url(../images/theme/main_block.png) no-repeat 0 -200px; |
4692 | } |
4693 | |
4694 | h4.titlebg, h3.titlebg |
4695 | { |
4696 | - background: url(../images/theme/main_block.png) no-repeat 100% -200px; |
4697 | - padding-right: 9px; |
4698 | + background: url(../images/theme/main_block.png) no-repeat 100% -200px; |
4699 | + padding-right: 9px; |
4700 | } |
4701 | |
4702 | h4.titlebg img.icon |
4703 | { |
4704 | - float: left; |
4705 | - margin: 5px 8px 0 0; |
4706 | + float: left; |
4707 | + margin: 5px 8px 0 0; |
4708 | } |
4709 | div.cat_bar |
4710 | { |
4711 | - background: url(../images/theme/main_block.png) no-repeat 0 -160px; |
4712 | - padding-left: 9px; |
4713 | - overflow: hidden; |
4714 | + background: url(../images/theme/main_block.png) no-repeat 0 -160px; |
4715 | + padding-left: 9px; |
4716 | + overflow: hidden; |
4717 | } |
4718 | div.title_bar |
4719 | { |
4720 | - background: url(../images/theme/main_block.png) no-repeat 0 -200px; |
4721 | - padding-left: 9px; |
4722 | - overflow: hidden; |
4723 | + background: url(../images/theme/main_block.png) no-repeat 0 -200px; |
4724 | + padding-left: 9px; |
4725 | + overflow: hidden; |
4726 | } |
4727 | div.title_barIC |
4728 | { |
4729 | - background: url(../images/theme/main_block.png) no-repeat 0 -120px; |
4730 | - padding-left: 9px; |
4731 | - overflow: hidden; |
4732 | + background: url(../images/theme/main_block.png) no-repeat 0 -120px; |
4733 | + padding-left: 9px; |
4734 | + overflow: hidden; |
4735 | } |
4736 | /* rounded bars needs a different background here */ |
4737 | #upshrinkHeaderIC h3.catbg span.left, #upshrinkHeaderIC h3.catbg2 span.left |
4738 | { |
4739 | - background: url(../images/theme/main_block.png) no-repeat 0 -160px; |
4740 | + background: url(../images/theme/main_block.png) no-repeat 0 -160px; |
4741 | } |
4742 | #upshrinkHeaderIC h3.catbg, #upshrinkHeaderIC h3.catbg2 |
4743 | { |
4744 | - background: url(../images/theme/main_block.png) no-repeat 100% -160px; |
4745 | + background: url(../images/theme/main_block.png) no-repeat 100% -160px; |
4746 | } |
4747 | #upshrinkHeaderIC h4.titlebg span.left |
4748 | { |
4749 | - background: url(../images/theme/main_block.png) no-repeat 0 -120px; |
4750 | + background: url(../images/theme/main_block.png) no-repeat 0 -120px; |
4751 | } |
4752 | #upshrinkHeaderIC h4.titlebg |
4753 | { |
4754 | - background: url(../images/theme/main_block.png) no-repeat 100% -120px; |
4755 | + background: url(../images/theme/main_block.png) no-repeat 100% -120px; |
4756 | } |
4757 | #upshrinkHeaderIC p.pminfo |
4758 | { |
4759 | - margin: 0; |
4760 | - padding: 0.5em; |
4761 | + margin: 0; |
4762 | + padding: 0.5em; |
4763 | } |
4764 | img#upshrink_ic, img#newsupshrink |
4765 | { |
4766 | - float: right; |
4767 | - margin: 10px 5px 0 0; |
4768 | + float: right; |
4769 | + margin: 10px 5px 0 0; |
4770 | } |
4771 | table.table_list a.unreadlink, table.table_list a.collapse |
4772 | { |
4773 | - float: right; |
4774 | + float: right; |
4775 | } |
4776 | table.table_list a.collapse |
4777 | { |
4778 | - margin: 10px 5px 0 1em; |
4779 | + margin: 10px 5px 0 1em; |
4780 | } |
4781 | |
4782 | /* The half-round header bars for some tables. */ |
4783 | .table_grid thead th |
4784 | { |
4785 | - height: 28px; |
4786 | - color: #fff; |
4787 | - font-family: arial, helvetica, sans-serif; |
4788 | - font-size: 1.1em; |
4789 | - font-weight: bold; |
4790 | - background: url(../images/theme/main_block.png) no-repeat -10px -160px; |
4791 | + height: 28px; |
4792 | + color: #fff; |
4793 | + font-family: arial, helvetica, sans-serif; |
4794 | + font-size: 1.1em; |
4795 | + font-weight: bold; |
4796 | + background: url(../images/theme/main_block.png) no-repeat -10px -160px; |
4797 | } |
4798 | .table_grid thead th a:link, .table_grid thead th a:visited |
4799 | { |
4800 | - color: #fff; |
4801 | + color: #fff; |
4802 | } |
4803 | .table_grid th.first_th |
4804 | { |
4805 | - background: url(../images/theme/main_block.png) no-repeat 0 -160px; |
4806 | + background: url(../images/theme/main_block.png) no-repeat 0 -160px; |
4807 | } |
4808 | .table_grid th.last_th |
4809 | { |
4810 | - background: url(../images/theme/main_block.png) no-repeat 100% -160px; |
4811 | + background: url(../images/theme/main_block.png) no-repeat 100% -160px; |
4812 | } |
4813 | .table_grid th.last_th input |
4814 | { |
4815 | - margin: 0 2px; |
4816 | + margin: 0 2px; |
4817 | } |
4818 | |
4819 | /* Common styles used to add corners to divisions. |
4820 | ------------------------------------------------------- */ |
4821 | .windowbg span.topslice |
4822 | { |
4823 | - display: block; |
4824 | - padding-left: 20px; |
4825 | - background: url(../images/theme/main_block.png) 0 -30px no-repeat; |
4826 | + display: block; |
4827 | + padding-left: 20px; |
4828 | + background: url(../images/theme/main_block.png) 0 -30px no-repeat; |
4829 | } |
4830 | .windowbg span.topslice span |
4831 | { |
4832 | - display: block; |
4833 | - background: url(../images/theme/main_block.png) 100% -30px no-repeat; |
4834 | - height: 11px; |
4835 | + display: block; |
4836 | + background: url(../images/theme/main_block.png) 100% -30px no-repeat; |
4837 | + height: 11px; |
4838 | } |
4839 | .windowbg span.botslice |
4840 | { |
4841 | - display: block; |
4842 | - padding-left: 20px; |
4843 | - background: url(../images/theme/main_block.png) 0 -40px no-repeat; |
4844 | - font-size: 5px; |
4845 | - line-height: 5px; |
4846 | - margin-bottom: 0.2em; |
4847 | + display: block; |
4848 | + padding-left: 20px; |
4849 | + background: url(../images/theme/main_block.png) 0 -40px no-repeat; |
4850 | + font-size: 5px; |
4851 | + line-height: 5px; |
4852 | + margin-bottom: 0.2em; |
4853 | } |
4854 | .windowbg span.botslice span |
4855 | { |
4856 | - display: block; |
4857 | - background: url(../images/theme/main_block.png) 100% -40px no-repeat; |
4858 | - height: 11px; |
4859 | + display: block; |
4860 | + background: url(../images/theme/main_block.png) 100% -40px no-repeat; |
4861 | + height: 11px; |
4862 | } |
4863 | |
4864 | .windowbg2 span.topslice |
4865 | { |
4866 | - display: block; |
4867 | - padding-left: 20px; |
4868 | - background: url(../images/theme/main_block.png) 0 -60px no-repeat; |
4869 | + display: block; |
4870 | + padding-left: 20px; |
4871 | + background: url(../images/theme/main_block.png) 0 -60px no-repeat; |
4872 | } |
4873 | .windowbg2 span.topslice span |
4874 | { |
4875 | - display: block; |
4876 | - background: url(../images/theme/main_block.png) 100% -60px no-repeat; |
4877 | - height: 11px; |
4878 | + display: block; |
4879 | + background: url(../images/theme/main_block.png) 100% -60px no-repeat; |
4880 | + height: 11px; |
4881 | } |
4882 | .windowbg2 span.botslice |
4883 | { |
4884 | - display: block; |
4885 | - padding-left: 20px; |
4886 | - background: url(../images/theme/main_block.png) 0 -71px no-repeat; |
4887 | - font-size: 5px; |
4888 | - line-height: 5px; |
4889 | - margin-bottom: 0.2em; |
4890 | + display: block; |
4891 | + padding-left: 20px; |
4892 | + background: url(../images/theme/main_block.png) 0 -71px no-repeat; |
4893 | + font-size: 5px; |
4894 | + line-height: 5px; |
4895 | + margin-bottom: 0.2em; |
4896 | } |
4897 | .windowbg2 span.botslice span |
4898 | { |
4899 | - display: block; |
4900 | - background: url(../images/theme/main_block.png) 100% -71px no-repeat; |
4901 | - height: 11px; |
4902 | + display: block; |
4903 | + background: url(../images/theme/main_block.png) 100% -71px no-repeat; |
4904 | + height: 11px; |
4905 | } |
4906 | .approvebg span.topslice |
4907 | { |
4908 | - display: block; |
4909 | - padding-left: 20px; |
4910 | - background: url(../images/theme/main_block.png) 0 0 no-repeat; |
4911 | + display: block; |
4912 | + padding-left: 20px; |
4913 | + background: url(../images/theme/main_block.png) 0 0 no-repeat; |
4914 | } |
4915 | .approvebg span.topslice span |
4916 | { |
4917 | - display: block; |
4918 | - background: url(../images/theme/main_block.png) 100% 0 no-repeat; |
4919 | - height: 11px; |
4920 | + display: block; |
4921 | + background: url(../images/theme/main_block.png) 100% 0 no-repeat; |
4922 | + height: 11px; |
4923 | } |
4924 | .approvebg span.botslice |
4925 | { |
4926 | - display: block; |
4927 | - padding-left: 20px; |
4928 | - background: url(../images/theme/main_block.png) 0 -11px no-repeat; |
4929 | - margin-bottom: 0.2em; |
4930 | + display: block; |
4931 | + padding-left: 20px; |
4932 | + background: url(../images/theme/main_block.png) 0 -11px no-repeat; |
4933 | + margin-bottom: 0.2em; |
4934 | } |
4935 | .approvebg span.botslice span |
4936 | { |
4937 | - display: block; |
4938 | - background: url(../images/theme/main_block.png) 100% -11px no-repeat; |
4939 | - height: 11px; |
4940 | + display: block; |
4941 | + background: url(../images/theme/main_block.png) 100% -11px no-repeat; |
4942 | + height: 11px; |
4943 | } |
4944 | .postbg |
4945 | { |
4946 | - border-left: 1px solid #7f7f7f; |
4947 | - border-right: 1px solid #7f7f7f; |
4948 | + border-left: 1px solid #7f7f7f; |
4949 | + border-right: 1px solid #7f7f7f; |
4950 | } |
4951 | |
4952 | /* Used for sections that need somewhat larger corners. |
4953 | ----------------------------------------------------------- */ |
4954 | .roundframe |
4955 | { |
4956 | - padding: 0 10px; |
4957 | - background: #f5f5f5; |
4958 | - border-left: 1px solid #c5c5c5; |
4959 | - border-right: 1px solid #c5c5c5; |
4960 | + padding: 0 10px; |
4961 | + background: #f5f5f5; |
4962 | + border-left: 1px solid #c5c5c5; |
4963 | + border-right: 1px solid #c5c5c5; |
4964 | } |
4965 | .roundframe dl, .roundframe dt, .roundframe p |
4966 | { |
4967 | - margin: 0; |
4968 | + margin: 0; |
4969 | } |
4970 | .roundframe p |
4971 | { |
4972 | - padding: 0.5em; |
4973 | + padding: 0.5em; |
4974 | } |
4975 | span.upperframe |
4976 | { |
4977 | - padding: 0; |
4978 | - display: block; |
4979 | - background: url(../images/theme/main_block.png) 0 -90px no-repeat; |
4980 | - padding-left: 20px; |
4981 | + padding: 0; |
4982 | + display: block; |
4983 | + background: url(../images/theme/main_block.png) 0 -90px no-repeat; |
4984 | + padding-left: 20px; |
4985 | } |
4986 | span.upperframe span |
4987 | { |
4988 | - padding: 0; |
4989 | - height: 12px; |
4990 | - display: block; |
4991 | - background: url(../images/theme/main_block.png) 100% -90px no-repeat; |
4992 | + padding: 0; |
4993 | + height: 12px; |
4994 | + display: block; |
4995 | + background: url(../images/theme/main_block.png) 100% -90px no-repeat; |
4996 | } |
4997 | span.lowerframe |
4998 | { |
4999 | - padding: 0; |
5000 | - display: block; |
The diff has been truncated for viewing.
Looks good now