/[web]/doc/screen.css
ViewVC logotype

Contents of /doc/screen.css

Parent Directory Parent Directory | Revision Log Revision Log


Revision 1426 - (show annotations) (download) (as text)
Thu Jul 12 14:19:47 2012 UTC (11 years, 9 months ago) by grenoya
File MIME type: text/css
File size: 11065 byte(s)
- rework index page
- add css and goto.php
1 html, body {
2 margin: 0;
3 padding: 0;
4 background: #fff;
5
6 background: url(/g/images/bg_ln_4.png) repeat-x;
7
8 font-family: Verdana, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Tahoma, Arial, sans-serif;
9 }
10 body {
11 background: url(/g/images/cauldron_alpha_ln_1.png) no-repeat -20px 200px;
12 }
13 a, a:link { color: #2383c2; text-decoration: none; }
14
15 h1 { padding: 0.5em 0.7em; margin: 0 auto; text-align: left; font-size: 300%; color: #000; }
16 h1 span {
17 font-weight: normal;
18 font-size: 75%;
19 }
20 .para { background: #fff; padding: 1em 2em; }
21
22 h2,
23 h3 {
24 margin: 0 0 0.4em 0;
25 }
26 h2 { font-size: 170%; }
27 h3 { font-size: 150%; }
28
29 h1,
30 h2,
31 h3 {
32 font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;
33 font-weight: normal;
34 color: #3494d3;
35 }
36
37 h2 a,
38 h3 a {
39 color: #3494d3;
40 text-decoration: none;
41 }
42 .report-a-bug h3 {
43 color: #222;
44 }
45
46 /*code,pre*/
47 .term {
48 background: #444;
49 display: block;
50 color: #eee;
51 padding: 0.8em 1em;
52 -webkit-box-shadow: 0 0 10px #aaa;
53 }
54 .term.small {
55 font-size: 80%;
56 }
57
58 hr {
59 display: block;
60 width: 40%;
61 margin: 1em auto 3em auto;
62 -webkit-box-shadow: 0 2px 3px #9db1ca;
63 -moz-box-shadow: 0 2px 3px #9db1ca;
64 box-shadow: 0 2px 3px #9db1ca;
65 overflow: hidden;
66 border: 0;
67 border-top: 1px solid #ffffff;
68 }
69
70 a[hreflang]:after {
71 color:#666;
72 font-style:italic;
73 content: "\A0("attr(hreflang)")";
74 }
75
76 .date { color: #444; font-style: italic; font-size: 1em; }
77 #doc, #doc4, #doc2 {
78 margin: 1em auto 2em auto;
79 /*margin: 1em auto 2em 250px;*/
80 -webkit-border-radius: 10px;
81 -moz-border-radius: 10px;
82 border-radius: 10px;
83 -webkit-box-shadow: 0 0 10px #9db1ca;
84 -moz-box-shadow: 0 0 6px #555;
85 box-shadow: 0 0 6px #555;
86 overflow: hidden;
87 background: #fff;
88 }
89
90 #hd {
91 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #ffffff), to(#f0f0f0));
92 background: -moz-linear-gradient(top, #ffffff 50%, #f0f0f0);
93 background: -webkit-linear-gradient(top, #ffffff 50%, #f0f0f0);
94 background: linear-gradient(top, #ffffff 50%, #f0f0f0);
95 -webkit-border-radius: 10px 10px 0 0;
96 -moz-border-radius: 10px 10px 0 0;
97 border-radius: 10px 10px 0 0;
98 border-bottom: 1px solid #9db1ca;
99 display: block;
100 margin-bottom: 10px;
101 -webkit-box-shadow: 0 1px 3px #9db1ca;
102 -moz-box-shadow: 0 1px 3px #9db1ca;
103 box-shadow: 0 1px 3px #9db1ca;
104 }
105 #bd {
106 -webkit-border-radius: 0 0 10px 10px;
107 -moz-border-radius: 0 0 10px 10px;
108 border-radius: 0 0 10px 10px;
109 }
110
111 #logo {
112 display: block;
113 float: left;
114 background: url(/g/images/logo_ln_1.png) no-repeat;
115 width: 186px;
116 height: 61px;
117 }
118 #logo span {
119 display: block;
120 text-indent: -9999px;
121 }
122 .lsep {
123 display: block;
124 float: left;
125 color: #ddd;
126 line-height: 70px;
127 font-weight: thin;
128 margin: 0 20px 0 25px;
129 }
130 .subh {
131 display: block;
132 float: left;
133 height: 84px;
134 line-height: 76px;
135 }
136 .subh .tag { color: orange; }
137
138 .hl > li { margin-bottom: 0.6em; }
139
140 #people {
141 height: 300px;
142 overflow: auto;
143 background: rgb(255, 250, 240);
144 margin: 0 0 1em 0;
145 padding: 1em 1em 1em 2em;
146 }
147 #people li { list-style: disc; margin-bottom: 0.2em; }
148 #reg { text-align: center; font-size: 1.4em; margin: 1em;}
149 .faq p { margin-bottom: 2.5em; }
150 .nav {
151 background: #ffffff;
152 padding: 0.3em;
153 border-bottom: 1px solid #9db1ca;
154 -webkit-box-shadow: 0 1px 2px #9db1ca;
155 -moz-box-shadow: 0 1px 2px #9db1ca;
156 box-shadow: 0 1px 2px #9db1ca;
157 }
158
159 .qsidesummary {
160 float: right;
161 border: 1px solid #aaa;
162 padding: 0 0 1em 1em;
163 margin: 0 0 2em 1em;
164 background: #ffffff;
165 }
166 .qsidesummary.testday { float: none; background: #FFF380; border-color: orange; padding: 0.8em; margin: 0 0 1em 0; font-size: 85%; }
167
168 .nav2 { width: 695px; width: auto; margin: 0 auto; margin: 0 0.5em; position: relative; }
169 p.loc { font-size: 0.9em; padding: 0.5em 0; color: #ccc; width: 695px; width: 100%; margin: 0 auto; text-align: left; }
170 p.loc a { color: #2383c2; text-decoration: none; }
171 p.loc a.sel { font-weight: bold; color: #000; }
172 /*p.loc a[accesskey]:after { content:' [' attr(accesskey) ']'; font-weight: normal; color: #666; font-size: 90%; }*/
173
174 .values ul { margin-bottom: 2em; }
175 .values ul li { margin-bottom: 0.4em; }
176 .codeofconduct h2.be { margin-top: 1em; }
177 #preamble { font-size: 90%; padding: 1em 1em 0 1em; border: 1px solid #ccc; background: #eee; color: #555;}
178 #overview {}
179 .license { font-size: 85%; font-style: italic; }
180 .license, .license a { color: #555; }
181
182 ul.todo {}
183 ul.todo li.active { font-weight: bold; }
184 ul.todo li.done { text-decoration: line-through; }
185 ul.news { padding: 0; margin: 0; }
186 ul.news li { margin-bottom: 1em; list-style: none; }
187 ul.news li span.dt { font-weight: thin; font-size: 85%; color: #999;
188 margin: 0.3em 1em 0.3em 3em; display: block;}
189
190 .bb1 { border-bottom: 1px solid #9db1ca; }
191 .lb1 { border-left: 1px solid #9db1ca; }
192 .rb1 { border-right: 1px solid #9db1ca; }
193
194 #lang_form { position: absolute; top: 0; right: 0; }
195
196 .donate-coord {
197 background: #fea; background: #ddd;
198 color: #222;
199 padding: 0.8em 1em 2em 1em;
200 font-family: courier, monospace;
201 font-size: 95%;
202 }
203
204 #pp_form {
205 text-align: center;
206 padding-top: 2em;
207 padding-bottom: 1em;
208 }
209 #pp_form_btn {
210 text-align: center;
211 }
212
213 .ty-ppl-list {
214 list-style-type: none;
215 -moz-column-count: 3; -webkit-column-count: 3; column-count: 3;
216 -moz-column-gap: 1em; -webkit-column-gap: 1em; column-gap: 1em;
217 font-size: 90%;
218 margin: 1em 0 4em 1em;
219 padding: 0;
220 }
221 .ty-ppl-list li { list-style-type: none; }
222 .ty-ppl-list li:before {
223 content: "\00BB \0020";
224 }
225 .ty-ppl-list.twocol {
226 -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;
227 -moz-column-gap: 1em; -webkit-column-gap: 1em; column-gap: 1em;
228 }
229 #dl-table th { text-align: left; }
230 #dl-table .city, #dl-table .country { vertical-align: top; }
231 #fr-table td, #fr-table tr { vertical-align: top; }
232 #fr-table .money { text-align: right; padding-left: 2em;}
233
234 .fr-table td, .fr-table tr { vertical-align: top; }
235 .fr-table .money { text-align: right; }
236 .fr-table .currency { color: #777; font-size: 80%%; }
237
238 .dlt2 { border-collapse: collapse; width: 100%; font-size: 90%; }
239 .dlt2 th,
240 .dlt2 td {
241 border: 1px solid transparent;
242 vertical-align: top;
243 }
244 .dlt2 thead th, .dlt2 th.h { color: #aaa; font-size: 85%; text-align: left; }
245 .dlt2 th {
246 border: 0;
247 border-bottom: 1px solid #ccc;
248 }
249 .dlt2 tbody td {
250 border-bottom: 1px solid #aaa;
251 border-right: 1px solid #ccc;
252 }
253 .dlt2 tbody td:last-child {
254 border-right: 0;
255 }
256 .dlt2 .size {
257 text-align: right;
258 }
259 .dlt2 tbody tr.focus { outline: 2px solid #f00; }
260 .dlt2 tfoot td {
261 color: #aaa; font-size: 85%;
262 vertical-align: top;
263 }
264 .dlt2 tfoot td a { color: #aaa; }
265 .dlt2 .pop span { display: block; height: 11px; background: #ccc; color: transparent; }
266 .dlt2 .pop span.pop_0 { width: 0; }
267 .dlt2 .pop span.pop_1 { width: 5px; }
268 .dlt2 tbody th { text-align: left; border-right: 1px solid #ccc; }
269 .pop_2 { width: 10px; }
270 .pop_3 { width: 20px; }
271 .pop_4 { width: 35px; }
272 .pop_5 { width: 50px; }
273 .dlinfo { font-size: 85%; color: #777; }
274 .warn { color: #a00; }
275 .dlt2 tr.reco td { font-weight: bold; }
276
277 .noborder { border-collapse: collapse; border: 0; }
278 .noborder td,
279 .noborder th { border: 0; }
280 .plusSign {}
281 .minusSign { color: red; }
282 .labelR { text-align: right; white-space: nowrap; }
283
284 .hidden { display: none; }
285
286
287 .contrib-list {
288 padding: 0;
289 margin: 0;
290 }
291 .contrib-list > li {
292 list-style: none;
293 padding-left: 70px;
294 min-height: 60px;
295 background-image: url(/g/images/smi/vcard-48x48.png);
296 background-repeat: no-repeat;
297 background-position: 0 4px;
298 margin-bottom: 2em;
299 }
300 .contrib-list.charter > li { background-image: url(/g/images/smi/website-48x48.png); }
301 .contrib-list li h3 {
302 font-size: 140%;
303 margin: 0;
304 color: #000;
305 font-weight: bold;
306 }
307 .contrib-list li h3 a { color: #000; }
308
309 .contrib-list #marketing { background-image: url(/g/images/smi/feed-48x48.png); }
310 .contrib-list #web,
311 .contrib-list #mirror { background-image: url(/g/images/smi/website-48x48.png); }
312 .contrib-list #triage { background-image: url(/g/images/smi/feed-48x48.png); }
313 .contrib-list #triage { background-image: url(/g/images/smi/feed-48x48.png); }
314 .contrib-act li { margin-bottom: 0.6em; }
315 .contrib-act { margin-bottom: 2.5em; }
316
317 .release #hd { margin-bottom: 0; }
318 .rel-desktop-home { width: 749px; background: #fff; border: 0; margin: 0; padding: 0; }
319 .rel-desktop-home.rel-home1 { width: 450px; float: left; border: 0; margin: 0 2em 2em 0; padding: 0; -webkit-box-shadow: 0 0 10px #aaa; }
320
321 .screen-copy { display: block; margin: 2em auto 4em auto; -webkit-box-shadow: 0px -6px 10px #444; }
322
323 .clear { clear: both; }
324
325 .download-btn {
326 font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;
327 background: #3494D3;
328 background: -webkit-gradient(linear, left top, left bottom, from(#3494D3), color-stop(60%, #3494D3), to(#2383C2));
329 background: -moz-linear-gradient(top, #3494D3 60%, #2383C2);
330 background: -webkit-linear-gradient(top, #3494D3 60%, #2383C2);
331 background: linear-gradient(top, #3494D3 60%, #2383C2);
332 margin: 0 0 1em 0; padding: 0;
333 color: #ffffff;
334 padding: 0.6em; font-size: 220%; font-weight: normal;
335 border-radius: 4px;
336 }
337 .download-btn a:link,
338 .download-btn a:visited { color: #fff; }
339
340 #subnav { text-align: right; color: #777; }
341 #subnav a.sel { color: #000; }
342
343 .product-list {
344 padding: 0;
345 margin: 0;
346 }
347 .product-list > li {
348 list-style: none;
349 padding-left: 70px;
350 min-height: 60px;
351 background-image: url(/g/images/smi/vcard-48x48.png);
352 background-repeat: no-repeat;
353 background-position: 0 4px;
354 margin-bottom: 2em;
355 }
356 .product-list li h3 {
357 font-size: 140%;
358 margin: 0;
359 padding: 5px;
360 color: #000;
361 font-weight: bold;
362 }
363 .product-list li h3 a {
364 color: #000;
365 }
366
367 .product-list #marketing {
368 background-image: url(/g/images/smi/feed-48x48.png);
369 }
370 .product-list #web, .contrib-list li#mirror {
371 background-image: url(/g/images/smi/website-48x48.png);
372 }
373 .product-list #triage {
374 background-image: url(/g/images/smi/feed-48x48.png);
375 }
376 .product-list #triage {
377 background-image: url(/g/images/smi/feed-48x48.png);
378 }
379 .product-act li {
380 margin-bottom: 0.6em;
381 }
382 .product-act {
383 margin-bottom: 2.5em;
384 }
385
386 .red-sign,
387 .green-sign {
388 color: white;
389 font-weight: bold;
390 line-height: 1.6em;
391 font-size: 90%;
392 padding: 0.7em 2em 0.8em 2em;
393 margin: 0.5em -27px 1.5em -27px;
394 text-shadow: 1px 1px 3px #000;
395 }
396 .red-sign { background: #a00; }
397 .green-sign { background: #060; }
398
399 .dlt th { text-align: left; }
400 th .dlinfo { font-weight: normal; }
401
402 h1#mgnavtitle a { color: #fff; }
403
404 #mgnavsub {
405 width: 100%;
406 background: #fff;
407 }
408 #mgnavsub ul {
409 margin: 0; padding: 0;
410 list-style: none;
411 display: table;
412 padding-left: 20px;
413 }
414 #mgnavsub li {
415 display: table-cell;
416 }
417
418 #mgnavsub li a {
419 display: block;
420 padding: 0.5em 0.8em;
421 }
422 #mgnavsub li a.sel {
423 background: #1272B1;
424 color: white;
425 text-shadow: 0 1px 5px #444;
426 border-radius: 0 0 3px 3px;
427 }

  ViewVC Help
Powered by ViewVC 1.1.30