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