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 .GoBlock *, .GoBlock:active *,
280 a.GoBlock, a.GoBlock:active
281 {
282 background-color: #36C;
283 border-radius:2px;
284 box-shadow:0.5px 0.5px 1px rgba(0,0,0,0.15);
285 color: white;
286 display: inline-block;
287 font-size:0.85em;
288 font-weight:600;
289 padding: 0 0.5em;
290 text-decoration:none;
291 cursor:pointer;
292 }
293
294 .GoBlock:hover{
295 background-color:#3384cc;
296 text-decoration: underline;
297 }
298
299 .GoBlock:visited {
300 background-color: #636;
301 }
302 .StopBlock{
303 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
304 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
305 box-shadow:inset 0px 1px 0px 0px #ffffff;
306 background:rgb(200, 230, 140);
307 background-image: linear-gradient(rgb(248, 228, 158), rgb(220, 200, 130));
308 background-image: -webkit-linear-gradient(rgb(248, 228, 158), rgb(220, 200, 130));
309 -webkit-border-radius: 6px;
310 -moz-border-radius: 6px;
311 border-radius: 6px;
312 text-indent:0;
313 border:1px solid rgb(155,185,95);
314 display:inline-block;
315 color:#333333;
316 font-family:arial;
317 font-size:13px;
318 font-style:normal;
319 text-decoration:none;
320 -webkit-box-sizing: border-box;
321 -moz-box-sizing: border-box;
322 box-sizing: border-box;
323 padding:0px 8px;
324 text-align:center;
325 line-height:2.5em;
326 }
327
328 .tableBlue{
329 margin:auto;
330 background: #f9f9f9;
331 border-collapse: collapse;
332 width:98%;
333 text-align:center;
334 }
335
336 .tableBlue td{
337 border: 1px #aaaaaa solid;
338 padding:8px !important;
339 }
340
341 .tableBlue th{
342 background: rgb(200,220,240);
343 text-align: center;
344 font-weight:bold;
345 color:rgb(120,140,180);
346 padding: 8px 15px 8px 15px;
347 border: 1px #aaaaaa solid;
348 }
349
350 .tableBlue tr.row-odd{background:white;}
351 .tableBlue tr.row-even{background:rgb(235,245,255);}
352
353 /* Leyla formulaires STIC III/IV */
354
355 .annee.radioButtonItem {
356 width: 10%;
357 display: block;
358 float:left;
359 }
360
361 .technologie.checkboxLabel {
362 width: 25%;
363 display: block;
364 float:left;
365 }
366
367 .type.checkboxLabel {
368 width: 25%;
369 display: block;
370 float:left;
371 }
372
373 .domaine_enseignement.checkboxLabel {
374 width: 25%;
375 display: block;
376 float:left;
377 }
378
379 .niveau_enseignement.checkboxLabel {
380 width: 33.3%;
381 display: block;
382 float:left;
383 }
384
385 .public_cible.checkboxLabel {
386 width: 20%;
387 display: block;
388 float:left;
389 }
390 .public_age.checkboxLabel {
391 width: 20%;
392 display: block;
393 float:left;
394 }
395
396 /*
397 </pre>
398 */