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