MediaWiki:Common.css

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