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