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