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