MediaWiki:Common.css
Aller à la navigation
Aller à la recherche
Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.
- Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
- Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
- Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
- Opera : appuyez sur Ctrl + F5.
1 /** Le CSS placé ici sera appliqué à toutes les apparences. */
2
3 /*
4 <pre>
5 */
6
7 /* Badges */
8
9 div.appear {
10 width: 184px;
11 border: red 2px solid;
12 background:#F8F8F8;
13 position: absolute;
14 top: 10px;
15 left:-6px;
16 display:none;
17 padding: 0 3px 3px 3px;
18 z-index: 1000000;
19 }
20
21 div.appear_left {
22 width: 184px;
23 border: red 2px solid;
24 background:#F8F8F8;
25 position: absolute;
26 top: 10px;
27 left:-50%;
28 display:none;
29 padding: 0 3px 3px 3px;
30 z-index: 1000000;
31 }
32
33 div.badge {
34 cursor:pointer;
35 position: relative;
36 display: inline-block;
37 border: green 1px solid;
38 width: 130px;
39 margin-bottom: 3px;
40 text-align: center;
41 }
42
43 div.badge:hover div.appear, div.badge:hover div.appear_left{
44 display:block;
45 }
46
47 /*front page */
48
49 [class*="front-"] {width: 100%}
50
51 @media only screen and (min-width: 768px){
52 #front_left {padding:3px; float:left; width:57%; border:1px solid #006699; background: #EAF5FB;}
53 #front_right {float:left; width:40%; background: #FAF9EC; border:1px solid #996600; margin-left: 4px; padding: 3px;}
54 div.front_title {background:#E2C4E8; font-size:large; border-bottom:1px solid #996600;border-top:1px solid #996600;}
55 }
56
57 @media print{
58 #front_left {}
59 #front_right {}
60 }
61
62 /* Cours bases */
63 .PageFormsRadioButton {display:block;}
64
65 /* collection extension */
66
67 .onlyinprint {display: none}
68
69 /* Space out main section titles */
70 h1 {font-weight:bold;}
71 h2 {margin-top:3ex;font-weight:bold;}
72 h3 {margin-top:1ex;}
73
74 table.wikitable,
75 table.prettytable,
76 table.datatable {
77 margin: 1em 1em 1em 0;
78 background: #f9f9f9;
79 border: 1px #aaaaaa solid;
80 border-collapse: collapse;
81 }
82
83 table.datatable {
84 font-size:70%
85 }
86
87 table.wikitable th, table.wikitable td,
88 table.prettytable th, table.prettytable td {
89 border: 1px #aaaaaa solid;
90 padding: 0.2em;
91 }
92
93 table.datatable th, table.datatable td {
94 border: 1px #aaaaaa solid;
95 font-size:70%
96 padding: 0em;
97 }
98
99 table.wikitable th,
100 table.datatable th,
101 table.prettytable th {
102 background: #f2f2f2;
103 text-align: center;
104 }
105
106 table.wikitable caption,
107 table.datatable caption,
108 table.prettytable caption {
109 margin-left: inherit;
110 margin-right: inherit;
111 }
112
113 /* Removes useless links from printout */
114 @media print {
115 .portlet, #privacy, #about, #disclaimer {display:none;}
116 }
117
118
119 /* Banner Styles used in EduTech wiki
120 - use class names like Banner_xxxx
121 */
122
123 .Banner_incomplete {
124 float:right;
125 clear:right;
126 width:200px;
127 border:1px solid orange;
128 background-color:#FFFACD;
129 padding:7px;
130 margin-bottom: 10px;
131 margin-left: 1em;
132 }
133
134 /* See http://svn.wikimedia.org/svnroot/mediawiki/trunk/extensions/PageBy/README */
135 ul.pageby {
136 border:1px solid #60606F;
137 background-color:#E0E0EF;
138 font-size: 80%;
139 margin:1ex;
140 padding:1ex;
141 list-style-type:none;
142 }
143
144 .Banner_tutorial {
145 float:right;
146 clear:right;
147 width:200px;
148 border:1px solid blue;
149 background-color:#F8C9E4;
150 padding:7px;
151 margin-bottom: 10px;
152 margin-left: 1em;
153 }
154
155 .tut_goals{
156 background-color:#F8C9E4;
157 padding:7px;
158 margin-bottom: 10px;
159 border:1px solid #AAAAAA;
160 }
161
162 .Banner_copyright{
163 background-color:#d0f0c0;
164 padding:7px;
165 margin-bottom: 10px;
166 border:1px solid #AAAAAA;
167 }
168
169 .tagcloud {
170 width: 95%;
171 text-align: center;
172 background-color: #FDFDFD;
173 border: 1px solid #EEEEEE;
174 padding: 15px 10px 15px 10px;
175 }
176 .tagcloud a {
177 color: #0052CB;
178 margin-left: 10px;
179 margin-right: 10px;
180 font-weight: bold;
181 }
182
183 code {
184 border: 1px solid #ddd;
185 padding: 1px 4px;
186 border-radius: 2px;
187 }
188
189 /* category tree - first is just for portlet - second for all trees */
190 /*
191 #p-categorytree-portlet {font-size: 80% }
192 */
193 .CategoryTreeTag {font-size: 90%; }
194
195
196 /* Syntaxhighlight geshi */
197 div.mw-geshi {
198 border: 1px dotted grey;
199 padding: 2px;
200 margin-left:1em;
201 font-size: 120%;
202 margin-top:2px;
203 margin-right:2px;
204 margin-bottom:2px
205 }
206
207
208 .sidebar_banner {
209 margin-top: 5px;
210 margin-bottom: 5px;
211 }
212
213 h3 .editsection { font-size: 76%; font-weight: normal; }
214 h4 .editsection { font-size: 86%; font-weight: normal; }
215 h5 .editsection { font-weight: normal; }
216 h6 .editsection { font-size: 125%; font-weight: normal; }
217
218
219 Contribution Scores */
220 .contributionscores-wrapper { font-size: 80%; }
221 .contributionscores-title { margin-left: 0; padding-left: 0em; margin-bottom: 0;}
222 .contributionscores .header { border-bottom: 1px solid #999999; font-weight: bold; }
223 .contributionscores .odd { background-color: #eeeeee; }
224 .contributionscores .header td { padding-left: .2em; padding-right: .2em; }
225 .contributionscores .content { padding-left: .2em; padding-right: .2em; }
226
227
228 /*
229 .GoBlock{
230 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
231 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
232 box-shadow:inset 0px 1px 0px 0px #ffffff;
233 background:rgb(200, 230, 140);
234 background-image: linear-gradient(rgb(200, 230, 140), rgb(160, 190, 100));
235 background-image: -webkit-linear-gradient(rgb(200, 230, 140), rgb(160, 190, 100));
236 -webkit-border-radius: 6px;
237 -moz-border-radius: 6px;
238 border-radius: 6px;
239 text-indent:0;
240 border:1px solid rgb(155,185,95);
241 display:inline-block;
242 color:#333333;
243 font-family:arial;
244 font-size:13px;
245 font-style:normal;
246 text-decoration:none;
247 -webkit-box-sizing: border-box;
248 -moz-box-sizing: border-box;
249 box-sizing: border-box;
250 padding:0px 8px;
251 text-align:center;
252 }
253
254
255 span.GoBlock{
256 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
257 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
258 box-shadow:inset 0px 1px 0px 0px #ffffff;
259 background:rgb(200, 230, 140);
260 background-image: linear-gradient(rgb(200, 230, 140), rgb(160, 190, 100));
261 background-image: -webkit-linear-gradient(rgb(200, 230, 140), rgb(160, 190, 100));
262 border-radius: 3px;
263 text-indent:0;
264 border:1px solid rgb(155,185,95);
265 display:inline-block;
266 color:#333333;
267 font-family:arial;
268 font-size:13px;
269 font-style:normal;
270 text-decoration:none;
271 -webkit-box-sizing: border-box;
272 -moz-box-sizing: border-box;
273 box-sizing: border-box;
274 padding:0px 4px;
275 text-align:center;
276 }
277 */
278
279
280 .GoBlock{
281 background-color: #36C;
282 border-radius:2px;
283 box-shadow:0.5px 0.5px 1px rgba(0,0,0,0.15);
284 color: white;
285 display: inline-block;
286 font-size:0.85em;
287 font-weight:600;
288 padding: 0 0.5em;
289 text-decoration:none;
290 cursor:pointer;
291 }
292
293 .GoBlock:visited {
294 background-color: #636;
295 }
296
297 .GoBlock *, .GoBlock:active *,
298 .GoBlock *:visited{
299 color: white;
300 font-size:inherit;
301 text-decoration: inherit;
302 }
303
304 .GoBlock:hover{
305 background-color:#3384cc;
306 text-decoration: underline;
307 }
308
309
310 .StopBlock{
311 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
312 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
313 box-shadow:inset 0px 1px 0px 0px #ffffff;
314 background:rgb(200, 230, 140);
315 background-image: linear-gradient(rgb(248, 228, 158), rgb(220, 200, 130));
316 background-image: -webkit-linear-gradient(rgb(248, 228, 158), rgb(220, 200, 130));
317 -webkit-border-radius: 6px;
318 -moz-border-radius: 6px;
319 border-radius: 6px;
320 text-indent:0;
321 border:1px solid rgb(155,185,95);
322 display:inline-block;
323 color:#333333;
324 font-family:arial;
325 font-size:13px;
326 font-style:normal;
327 text-decoration:none;
328 -webkit-box-sizing: border-box;
329 -moz-box-sizing: border-box;
330 box-sizing: border-box;
331 padding:0px 8px;
332 text-align:center;
333 line-height:2.5em;
334 }
335
336 .tableBlue{
337 margin:auto;
338 background: #f9f9f9;
339 border-collapse: collapse;
340 width:98%;
341 text-align:center;
342 }
343
344 .tableBlue td{
345 border: 1px #aaaaaa solid;
346 padding:8px !important;
347 }
348
349 .tableBlue th{
350 background: rgb(200,220,240);
351 text-align: center;
352 font-weight:bold;
353 color:rgb(120,140,180);
354 padding: 8px 15px 8px 15px;
355 border: 1px #aaaaaa solid;
356 }
357
358 .tableBlue tr.row-odd{background:white;}
359 .tableBlue tr.row-even{background:rgb(235,245,255);}
360
361 /* Leyla formulaires STIC III/IV */
362
363 .annee.radioButtonItem {
364 width: 10%;
365 display: block;
366 float:left;
367 }
368
369 .technologie.checkboxLabel {
370 width: 25%;
371 display: block;
372 float:left;
373 }
374
375 .type.checkboxLabel {
376 width: 25%;
377 display: block;
378 float:left;
379 }
380
381 .domaine_enseignement.checkboxLabel {
382 width: 25%;
383 display: block;
384 float:left;
385 }
386
387 .niveau_enseignement.checkboxLabel {
388 width: 33.3%;
389 display: block;
390 float:left;
391 }
392
393 .public_cible.checkboxLabel {
394 width: 20%;
395 display: block;
396 float:left;
397 }
398 .public_age.checkboxLabel {
399 width: 20%;
400 display: block;
401 float:left;
402 }
403
404 /*
405 </pre>
406 */