MediaWiki:Common.css

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