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