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