MediaWiki:Common.css

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