MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 433: | Line 433: | ||
} | } | ||
. | .decorativeRedCell{ | ||
width:20px; | width:20px; | ||
border: 1px solid rgb(205,105,105); | border: 1px solid rgb(205,105,105); |
Revision as of 17:13, 4 September 2013
1 /** CSS placed here will be applied to all skins */
2
3 /*
4 <pre>
5 */
6
7 .hiddenStructure {display: none}
8 .hidden {display:none}
9 .if {display: none}
10
11 /*front page */
12 /* CCFFFF = bright light blue */
13 @media screen {
14 #front_left {padding:3px; float:left; width:57%; border:1px solid #006699; background: #EBFFFF;}
15 #front_right {float:left; width:40%; background: #FAF9EC; border:1px solid #996600; margin-left: 4px; padding: 3px;}
16 div.front_title {background:#E2C4E8; font-size:large; border-bottom:1px solid #996600;border-top:1px solid #996600;}
17 }
18
19 @media print handheld {
20 #front_left {}
21 #front_right {}
22 }http://edutechwiki.unige.ch/en/Zooniverse
23
24 /* Space out main section titles */
25 h2 {margin-top:3.5ex;}
26 h3 {margin-top:2ex;}
27
28 #GooglesearchBody input{ font-size: 80%; }
29
30 /* wikitable/prettytable class for skinning normal tables */
31
32 table.wikitable,
33 table.prettytable {
34 margin: 1em 1em 1em 0;
35 background: #f9f9f9;
36 border: 1px #aaaaaa solid;
37 border-collapse: collapse;
38 }
39
40 table.wikitable th, table.wikitable td,
41 table.prettytable th, table.prettytable td {
42 border: 1px #aaaaaa solid;
43 padding: 0.2em;
44 }
45
46 table.wikitable th,
47 table.prettytable th {
48 background: #f2f2f2;
49 text-align: center;
50 }
51
52 table.wikitable caption,
53 table.prettytable caption {
54 margin-left: inherit;
55 margin-right: inherit;
56 }
57
58 .allpagesredirect {
59 font-style: italic;
60 }
61
62 /* Overrides for semantic forms tables - SemanticForms/skins/SemanticForms.css */
63
64 table.formtable {
65 width: 100%;
66 margin: 5px 0 0;
67 padding: 0.3em 0.2em 0.2em 0.2em;
68 background: transparent;
69 border: 1px dotted grey;
70 border-radius: 2px;
71 background: #f9f9f9;
72 }
73
74 table.formtable caption {
75 color:blue;
76 text-align:left;
77 font-size:12pt;
78 }
79
80 /* Infobox template style */
81
82 .infobox {
83 border: 1px solid #aaaaaa;
84 width:270px;
85 background-color: #f9f9f9;
86 color: black;
87 margin-bottom: 0.5em;
88 margin-left: 1em;
89 padding: 0.2em;
90 float: right;
91 }
92 .infobox td,
93 .infobox th {
94 border: 2px none #aaaaaa;
95 padding: 0.2em 0.5em;
96 border-bottom: 1px solid #f0f0f0 !important;
97 }
98 .infobox caption {
99 font-size: larger;
100 margin-left: inherit;
101 }
102 .infobox.bordered {
103 border-collapse: collapse;
104 }
105 .infobox.bordered td,
106 .infobox.bordered th {
107 border: 1px solid #aaaaaa;
108 }
109 .infobox.bordered .borderless td,
110 .infobox.bordered .borderless th {
111 border: 0;
112 }
113
114 .infobox.sisterproject {
115 width: 20em;
116 font-size: 90%;
117 }
118
119 /* styles for bordered infobox with merged rows */
120 .infobox.bordered .mergedtoprow td,
121 .infobox.bordered .mergedtoprow th {
122 border: 0;
123 border-top: 1px solid #aaaaaa;
124 border-right: 1px solid #aaaaaa;
125 }
126
127 .infobox.bordered .mergedrow td,
128 .infobox.bordered .mergedrow th {
129 border: 0;
130 border-right: 1px solid #aaaaaa;
131 }
132
133
134 /* Removes useless links from printout */
135 @media print {
136 .portlet, #privacy, #about, #disclaimer {display:none;}
137 }
138
139 /* Banner Styles used in EduTech wiki
140 - use class names like Banner_xxxx
141 */
142
143 .Banner_incomplete {
144 float:right;
145 clear:right;
146 width:200px;
147 border:1px solid orange;
148 background-color:#FFFACD;
149 padding:7px;
150 margin-bottom: 10px;
151 margin-left: 1em;
152 }
153
154 .Banner_tutorial {
155 float:right;
156 clear:right;
157 width:200px;
158 border:1px solid blue;
159 background-color:#F8C9E4;
160 padding:7px;
161 margin-bottom: 10px;
162 margin-left: 1em;
163 }
164
165 .tut_goals{
166 background-color:#F8C9E4;
167 padding:7px;
168 margin-bottom: 10px;
169 border:1px solid #AAAAAA;
170 }
171
172 .Banner_copyright{
173 background-color:#d0f0c0;
174 padding:7px;
175 margin-bottom: 10px;
176 border:1px solid #AAAAAA;
177 }
178
179 /* Style for the source code tag */
180
181 .actionscript{
182 background-color:#FFFFEE;
183 padding:7px;
184 margin-bottom: 10px;
185 border:1px #AAAAAA solid;
186 }
187
188 /* Tag cloud extension CSS */
189
190 .tagcloud {
191 width: 95%;
192 text-align: center;
193 background-color: #FDFDFD;
194 border: 1px solid #EEEEEE;
195 padding: 15px 10px 15px 10px;
196 }
197 .tagcloud a {
198 color: #0052CB;
199 margin-left: 10px;
200 margin-right: 10px;
201 font-weight: bold;
202 }
203
204 /* See http://svn.wikimedia.org/svnroot/mediawiki/trunk/extensions/PageBy/README */
205 ul.pageby {
206 border:1px solid #60606F;
207 background-color:#E0E0EF;
208 font-size: 80%;
209 margin:1ex;
210 padding:1ex;
211 list-style-type:none;
212 }
213
214 /* category tree - first is just for portlet - second for all trees */
215 #p-categorytree-portlet {font-size: 85% }
216 .CategoryTreeTag {font-size: 85%; }
217
218 /* Syntaxhighlight geshi */
219 div.mw-geshi {
220 border: 1px dotted grey;
221 padding: 2px;
222 margin-left:1em;
223 margin-top:2px;
224 margin-right:2px;
225 margin-bottom:2px;
226 font-size: 120%
227 }
228
229 code {
230 border: 1px solid #ddd;
231 padding: 1px 4px;
232 border-radius: 2px;
233 }
234
235 /*
236 </pre>
237 */
238
239 /* ------------------------- class for fluid two columns layout -------------------------*/
240
241 .leftFifty {
242 width:50%;
243 float:left;
244
245 }
246 .rightFifty {
247 width:50%;
248 float:right;
249 }
250
251 .leftSixty {
252 width:60%;
253 float:left;
254 }
255 .rightForty {
256 width:40%;
257 float:right
258 }
259
260 .CS_right{
261 width:320px;
262 float:right;
263 text-align:center;}
264
265 .CS_left{display:block;}
266
267 .CS_rightImg{
268 box-shadow:1px 1px 2px;
269 display:inline-block;
270 margin:0px auto 8px auto;
271 width:300px;
272 background:#ECECEC;
273 }
274
275 .CS_semanticTableL{
276 margin: 0px auto 8px auto;
277 background: #f9f9f9;
278 border-collapse: collapse;
279 width:280px;
280 }
281 .CS_semanticTableL td,
282 .CS_semanticTableL th,
283 .CS_semanticTableR td,
284 .CS_semanticTableR th{
285 border: 1px #aaaaaa solid;
286 padding: 4px 8px 4px 8px;
287 }
288
289 .CS_semanticTableL th,
290 .CS_semanticTableR th{
291 background: #f2f2f2;
292 text-align: center;
293 font-weight:bold;
294 color:#A0BE64;
295 padding: 8px 15px 8px 15px;
296 }
297
298 .CS_semanticTableR{
299 margin: 0px auto 8px auto;
300 background: #f9f9f9;
301 border-collapse: collapse;
302 width:280px;
303 }
304
305 .evaluationGreyBlock{
306 display:inline-block;
307 height:23px;
308 line-height:23px;
309 vertical-align:middle;
310 text-align:center;
311 background:#F2F2F2;
312 width:24%;
313 border:1px solid rgb(225,225,225);
314 box-shadow:0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 0px 5px rgba(0, 0, 0, 0.1);
315 margin:1px;
316 }
317 .evaluationGreenBlock{
318 display:inline-block;
319 height:23px;
320 line-height:23px;
321 vertical-align:middle;
322 text-align:center;
323 background:rgb(110,200,100);
324 width:24%;
325 border:1px solid rgb(225,225,225);
326 box-shadow:0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 0px 5px rgba(0, 0, 0, 0.1);
327 margin:1px;
328 color:white;
329 font-weight:bold;
330 }
331 .evaluationRedBlock{
332 display:inline-block;
333 height:23px;
334 line-height:23px;
335 vertical-align:middle;
336 text-align:center;
337 background:rgb(200, 50, 50);
338 width:24%;
339 border:1px solid rgb(225,225,225);
340 box-shadow:0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 0px 5px rgba(0, 0, 0, 0.1);
341 margin:1px;
342 color:white;
343 font-weight:bold;
344 }
345 .evaluationOrangeBlock{
346 display:inline-block;
347 height:23px;
348 line-height:23px;
349 vertical-align:middle;
350 text-align:center;
351 background:rgb(220, 130, 0);
352 width:24%;
353 border:1px solid rgb(225,225,225);
354 box-shadow:0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 0px 5px rgba(0, 0, 0, 0.1);
355 margin:1px;
356 color:white;
357 font-weight:bold;
358 }
359
360 @media screen and (max-width: 1280px) {
361 .leftFifty {
362 width:100%;
363 }
364 .rightFifty {
365 left: 0;
366 width:100%;
367 position:relative;
368 }
369 .leftSixty {
370 width:100%;
371 }
372 .rightForty {
373 left: 0;
374 width:100%;
375 position:relative;
376 }
377
378 .CS_left{
379 position:relative;
380 float:none;
381 width:100%;
382 margin-top:10px;
383 }
384
385 .greenBlock{
386 margin:0px 0px 10px 1%;
387 }
388 .blueBlock{
389 margin:0px 0px 10px 1%;
390 }
391 .redBlock{
392 margin:0px 0px 10px 1%;
393 }
394 .greyBlock{
395 margin:0px 0px 10px 1%;
396 }
397 .whiteBlock{
398 margin:0px 0px 10px 1%;
399 }
400
401 .CS_rightImg{
402 box-shadow:1px 1px 2px;
403 display:inline-block;
404 margin:8px auto;
405 width:auto;
406 height:230px;}
407
408 .CS_rightImg img{width:auto;height:230px;}
409
410 #map_google3_1{width:340px !important;height:200px !important;}
411
412 .CS_right{
413 position:relative;
414 float:none;
415 width:100%;
416 }
417
418 }
419
420 /* ------------------------- class for citizen science project template-------------------------*/
421
422 .decorativeBlueCell{
423 width:20px;
424 border: 1px solid rgb(200,215,230);
425 text-align:center;
426 color:black;
427 font-weight:bold;
428 box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset,1px 0px 3px rgba(0,0,0,0.1);
429 padding:8px;
430 background:rgb(190, 209, 225);
431 background-image: linear-gradient(to right, rgb(190, 209, 225) 0%, rgb(219, 232, 248) 100%);
432 background-image:-webkit-linear-gradient(right, rgb(190, 209, 225) 0%, rgb(219, 232, 248) 100%);
433 }
434
435 .decorativeRedCell{
436 width:20px;
437 border: 1px solid rgb(205,105,105);
438 text-align:center;
439 color:black;
440 font-weight:bold;
441 box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset,1px 0px 3px rgba(0,0,0,0.1);
442 padding:8px;
443 background:rgb(220,120,120);
444 background-image: linear-gradient(to right, rgb(210,110,110) 0%,rgb(240,140,140) 100%);
445 background-image:-webkit-linear-gradient(right, rgb(210,110,110) 0%,rgb(240,140,140) 100%);
446 }
447
448 .decorativeGreenCell{
449 width:20px;
450 border: 1px solid rgb(150,180,90);
451 text-align:center;
452 color:black;
453 font-weight:bold;
454 box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset,1px 0px 3px rgba(0,0,0,0.1);
455 padding:8px;
456 background:rgb(160,190,100);
457 background-image: linear-gradient(to right, rgb(160,190,100) 0%,rgb(200,230,140) 100%);
458 background-image:-webkit-linear-gradient(right, rgb(160,190,100) 0%,rgb(200,230,140) 100%);
459 }
460 .decorativeGreyCell{
461 width:20px;
462 border: 1px solid rgb(200,200,200);
463 text-align:center;
464 color:black;
465 font-weight:bold;
466 box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset,1px 0px 3px rgba(0,0,0,0.1);
467 padding:8px;
468 background:rgb(242, 242, 242);
469 background-image: linear-gradient(to right, #d7d7d7 0%,#e6e6e6 100%);
470 background-image:-webkit-linear-gradient(right, #d7d7d7 0%,#e6e6e6 100%);
471 }
472
473 table.CS_wikitable{
474 border-collapse: collapse;
475 width:98%;
476 text-align:justify;
477 margin:0px 15px 15px 0px;
478 }
479
480 table.CS_wikitable td{
481 padding:7px;
482 border: 1px solid rgb(200,200,200);
483 }
484
485 .CStable_h1{
486 font-weight:bold;
487 height:25px;
488 font-size:133%;
489 }
490
491 .CStable_h2grey{
492 text-transform:uppercase;
493 color:#777777;
494 font-weight:bold;
495 font-size:113%;
496 }
497 .CStable_h2blue{
498 text-transform:uppercase;
499 color:#85A4D3;
500 font-weight:bold;
501 font-size:113%;
502 }
503
504
505 .blueBlock{
506 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
507 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
508 box-shadow:inset 0px 1px 0px 0px #ffffff;
509 background:rgb(190, 209, 225);
510 background-image: linear-gradient(rgb(219, 232, 248), rgb(190, 209, 225));
511 background-image: -webkit-linear-gradient(rgb(219, 232, 248), rgb(190, 209, 225)));
512 -webkit-border-radius: 6px;
513 -moz-border-radius: 6px;
514 border-radius: 6px;
515 text-indent:0;
516 border:1px solid rgb(175, 194, 209);
517 display:inline-block;
518 color:#333333;
519 font-family:arial;
520 font-size:13px;
521 font-style:normal;
522 text-decoration:none;
523 margin:0px 0px 10px 1.8%;
524 padding:0px 8px;
525 line-height:90px;
526 width:44%;
527 }
528
529 .blueBlock b{
530 color:rgb(60, 84, 139);
531 }
532
533 .redBlock{
534 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
535 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
536 box-shadow:inset 0px 1px 0px 0px #ffffff;
537 background:rgb(220, 120, 120);
538 background-image: linear-gradient(rgb(240, 140, 140), rgb(210, 110, 110));
539 background-image: -webkit-linear-gradient(rgb(240, 140, 140), rgb(210, 110, 110)));
540 -webkit-border-radius: 6px;
541 -moz-border-radius: 6px;
542 border-radius: 6px;
543 text-indent:0;
544 border:1px solid rgb(205, 100, 100);
545 display:inline-block;
546 color:#333333;
547 font-family:arial;
548 font-size:13px;
549 font-style:normal;
550 text-decoration:none;
551 margin:0px 0px 10px 1.8%;
552 padding:0px 8px;
553 line-height:90px;
554 width:44%;
555 }
556
557 .redBlock b{
558 color:rgb(110, 40, 40);
559 }
560
561 .greenBlock{
562 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
563 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
564 box-shadow:inset 0px 1px 0px 0px #ffffff;
565 background:rgb(160, 190, 100);
566 background-image: linear-gradient(rgb(200, 230, 140), rgb(160, 190, 100));
567 background-image: -webkit-linear-gradient(rgb(200, 230, 140), rgb(160, 190, 100));
568 -webkit-border-radius: 6px;
569 -moz-border-radius: 6px;
570 border-radius: 6px;
571 text-indent:0;
572 border:1px solid rgb(155,185,95);
573 display:inline-block;
574 color:#333333;
575 font-family:arial;
576 font-size:12px;
577 font-style:normal;
578 text-decoration:none;
579 margin:0px 0px 10px 1.8%;
580 padding:0px 8px;
581 line-height:90px;
582 width:44%;
583 }
584
585 .greenBlock b{
586 color:rgb(70, 95, 60);
587 }
588
589
590
591 .greyBlock{
592 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
593 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
594 box-shadow:inset 0px 1px 0px 0px #ffffff;
595 background:rgb(230, 230, 230);
596 background-image: linear-gradient(rgb(238, 238, 238), rgb(220, 220, 220));
597 background-image: -webkit-linear-gradient(rgb(238, 238, 238), rgb(220, 220, 220));
598 -webkit-border-radius: 6px;
599 -moz-border-radius: 6px;
600 border-radius: 6px;
601 text-indent:0;
602 border:1px solid rgb(207,207,207);
603 display:inline-block;
604 color:#333333;
605 font-family:arial;
606 font-size:12px;
607 font-style:normal;
608 text-decoration:none;
609 margin:0px 0px 10px -1.5%;
610 padding:0px 8px;
611 line-height:90px;
612 width:44%;
613 }
614
615 .whiteBlock{
616 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
617 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
618 box-shadow:inset 0px 1px 0px 0px #ffffff;
619 background:rgb(244, 244, 244);
620 background-image: linear-gradient(rgb(238, 238, 238), rgb(220, 220, 220));
621 background-image: -webkit-linear-gradient(rgb(238, 238, 238), rgb(220, 220, 220));
622 -webkit-border-radius: 6px;
623 -moz-border-radius: 6px;
624 border-radius: 6px;
625 text-indent:0;
626 border:1px solid rgb(207,207,207);
627 display:inline-block;
628 color:#333333;
629 font-family:arial;
630 font-size:12px;
631 font-style:normal;
632 text-decoration:none;
633 margin:0px 0px 10px 2.4%;
634 padding:0px 8px;
635 height:90px;
636 width:44%;
637 }