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