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