MediaWiki:Common.css

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