MediaWiki:Common.css

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