MediaWiki:Common.css

De EduTech Wiki
Aller à la navigation Aller à la recherche

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

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