MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 390: | Line 390: | ||
background:rgb(215, 245, 200); | background:rgb(215, 245, 200); | ||
background-image: linear-gradient(rgb(242, 242, 242), rgb(215, 215, 215)); | background-image: linear-gradient(rgb(242, 242, 242), rgb(215, 215, 215)); | ||
-webkit-border-radius: 6px; | |||
-moz-border-radius: 6px; | |||
border-radius: 6px; | |||
text-indent:0; | |||
border:1px solid rgb(207,207,207); | |||
display:inline-block; | |||
color:#333333; | |||
font-family:arial; | |||
font-size:12px; | |||
font-weight:bold; | |||
font-style:normal; | |||
text-decoration:none; | |||
margin:0px 0px 10px 1%; | |||
padding:0px 15px; | |||
line-height:90px; | |||
} | |||
.whiteBlock{ | |||
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff; | |||
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; | |||
box-shadow:inset 0px 1px 0px 0px #ffffff; | |||
background:rgb(215, 245, 200); | |||
background-image: linear-gradient(rgb(255, 255, 255), rgb(244, 244, 244)); | |||
-webkit-border-radius: 6px; | -webkit-border-radius: 6px; | ||
-moz-border-radius: 6px; | -moz-border-radius: 6px; |
Revision as of 09:49, 30 August 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 }
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:49%;
243 float:left;
244
245 }
246 .rightFifty {
247 width:49%;
248 float:right;
249 }
250
251 .leftSixty {
252 width:60%;
253 float:left;
254 }
255 .rightThirty {
256 width:38%;
257 float:right
258 }
259
260 @media screen and (max-width: 1280px) {
261 .leftFifty {
262 width:100%;
263 }
264 .rightFifty {
265 left: 0;
266 width:100%;
267 position:relative;
268 }
269 .leftSixty {
270 width:100%;
271 }
272 .rightThirty {
273 left: 0;
274 width:100%;
275 position:relative;
276 }
277 }
278
279 /* ------------------------- class for citizen science project template-------------------------*/
280
281 .decorativeBlueCell{
282 width:20px;
283 border: 1px solid rgb(200,215,230);
284 text-align:center;
285 color:black;
286 font-weight:bold;
287 box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset,1px 0px 3px rgba(0,0,0,0.1);
288 padding:8px;
289 background:rgb(230, 242, 255);
290 background-image: linear-gradient(to right, #cfdbeb 0%,#d7e6f0 100%);
291 }
292
293 .decorativeGreyCell{
294 width:20px;
295 border: 1px solid rgb(200,200,200);
296 text-align:center;
297 color:black;
298 font-weight:bold;
299 box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset,1px 0px 3px rgba(0,0,0,0.1);
300 padding:8px;
301 background:rgb(242, 242, 242);
302 background-image: linear-gradient(to right, #d7d7d7 0%,#e6e6e6 100%);
303 }
304
305 table.CS_wikitable{
306 border-collapse: collapse;
307 width:100%;
308 text-align:justify;
309 margin:0px 15px 15px 0px;
310 }
311
312 table.CS_wikitable td{
313 padding:7px;
314 border: 1px solid rgb(200,200,200);
315 }
316
317 .CStable_h1{
318 font-weight:bold;
319 height:25px;
320 font-size:133%;
321 }
322
323 .CStable_h2grey{
324 text-transform:uppercase;
325 color:#777777;
326 font-weight:bold;
327 font-size:113%;
328 }
329 .CStable_h2blue{
330 text-transform:uppercase;
331 color:#85A4D3;
332 font-weight:bold;
333 font-size:113%;
334 }
335
336 .blueBlock{
337 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
338 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
339 box-shadow:inset 0px 1px 0px 0px #ffffff;
340 background:rgb(230, 242, 255);
341 background-image: linear-gradient(rgb(230, 242, 255), rgb(207, 219, 235));
342 -webkit-border-radius: 6px;
343 -moz-border-radius: 6px;
344 border-radius: 6px;
345 text-indent:0;
346 border:1px solid rgb(200,215,230);
347 display:inline-block;
348 color:#333333;
349 font-family:arial;
350 font-size:13px;
351 font-weight:bold;
352 font-style:normal;
353 text-decoration:none;
354 margin:0px 0px 10px 1%;
355 padding:0px 15px;
356 min-width:300px;
357 line-height:90px;
358 width:44%;
359 }
360
361 .greenBlock{
362 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
363 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
364 box-shadow:inset 0px 1px 0px 0px #ffffff;
365 background:rgb(215, 245, 200);
366 background-image: linear-gradient(rgb(215, 245, 200), rgb(180, 210, 150));
367 -webkit-border-radius: 6px;
368 -moz-border-radius: 6px;
369 border-radius: 6px;
370 text-indent:0;
371 border:1px solid rgb(170,200,140);
372 display:inline-block;
373 color:#333333;
374 font-family:arial;
375 font-size:12px;
376 font-weight:bold;
377 font-style:normal;
378 text-decoration:none;
379 margin:0px 0px 10px 1%;
380 padding:0px 15px;
381 min-width:300px;
382 line-height:90px;
383 width:44%;
384 }
385
386 .greyBlock{
387 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
388 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
389 box-shadow:inset 0px 1px 0px 0px #ffffff;
390 background:rgb(215, 245, 200);
391 background-image: linear-gradient(rgb(242, 242, 242), rgb(215, 215, 215));
392 -webkit-border-radius: 6px;
393 -moz-border-radius: 6px;
394 border-radius: 6px;
395 text-indent:0;
396 border:1px solid rgb(207,207,207);
397 display:inline-block;
398 color:#333333;
399 font-family:arial;
400 font-size:12px;
401 font-weight:bold;
402 font-style:normal;
403 text-decoration:none;
404 margin:0px 0px 10px 1%;
405 padding:0px 15px;
406 line-height:90px;
407 }
408
409 .whiteBlock{
410 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
411 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
412 box-shadow:inset 0px 1px 0px 0px #ffffff;
413 background:rgb(215, 245, 200);
414 background-image: linear-gradient(rgb(255, 255, 255), rgb(244, 244, 244));
415 -webkit-border-radius: 6px;
416 -moz-border-radius: 6px;
417 border-radius: 6px;
418 text-indent:0;
419 border:1px solid rgb(207,207,207);
420 display:inline-block;
421 color:#333333;
422 font-family:arial;
423 font-size:12px;
424 font-weight:bold;
425 font-style:normal;
426 text-decoration:none;
427 margin:0px 0px 10px 1%;
428 padding:0px 15px;
429 line-height:90px;
430 }