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   margin: 1em 1em 1em 0;
 66   background: #f9f9f9;
 67   border: 1px #aaaaaa solid;
 68   border-collapse: collapse;
 69 }
 70  
 71 table.wikitable th, table.wikitable td,
 72 table.prettytable th, table.prettytable td {
 73   border: 1px #aaaaaa solid;
 74   padding: 0.2em;
 75 }
 76  
 77 table.wikitable th,
 78 table.prettytable th {
 79   background: #f2f2f2;
 80   text-align: center;
 81 }
 82  
 83 table.wikitable caption,
 84 table.prettytable caption {
 85   margin-left: inherit;
 86   margin-right: inherit;
 87 }
 88 
 89 /* Removes useless links from printout */
 90 @media print {
 91     .portlet, #privacy, #about, #disclaimer {display:none;}
 92 }
 93 
 94 
 95 /* Banner Styles used in EduTech wiki 
 96  - use class names like Banner_xxxx
 97  */
 98 
 99 .Banner_incomplete {
100   float:right;
101   clear:right;
102   width:200px;
103   border:1px solid orange;
104   background-color:#FFFACD;
105   padding:7px; 
106   margin-bottom: 10px;
107   margin-left: 1em;
108 }
109 
110 /* See http://svn.wikimedia.org/svnroot/mediawiki/trunk/extensions/PageBy/README */
111 ul.pageby {
112     border:1px solid #60606F;
113     background-color:#E0E0EF;
114     font-size: 80%;
115     margin:1ex;
116     padding:1ex;
117     list-style-type:none;
118   }
119 
120 .Banner_tutorial {
121   float:right;
122   clear:right;
123   width:200px;
124   border:1px solid blue;
125   background-color:#F8C9E4;
126   padding:7px; 
127   margin-bottom: 10px;
128   margin-left: 1em;
129 }
130 
131 .tut_goals{
132   background-color:#F8C9E4;
133   padding:7px; 
134   margin-bottom: 10px;
135   border:1px solid #AAAAAA;
136 }
137 
138 .Banner_copyright{
139   background-color:#d0f0c0;
140   padding:7px; 
141   margin-bottom: 10px;
142   border:1px solid #AAAAAA;
143 }
144 
145 .tagcloud {
146 	width: 95%;
147 	text-align: center;
148 	background-color: #FDFDFD;
149 	border: 1px solid #EEEEEE;
150 	padding: 15px 10px 15px 10px;
151  }
152 .tagcloud a {
153 	color: #0052CB;
154 	margin-left: 10px;
155 	margin-right: 10px;
156 	font-weight: bold;
157  }
158 
159 code {
160   border: 1px solid #ddd;
161   padding: 1px 4px;
162   border-radius: 2px;
163 }
164 
165 /* category tree - first is just for portlet - second for all trees */
166 /* 
167 #p-categorytree-portlet {font-size: 80% } 
168 */
169 .CategoryTreeTag {font-size: 90%; }
170 
171 
172 /* Syntaxhighlight geshi */
173 div.mw-geshi {
174   border: 1px dotted grey;
175   padding: 2px; 
176   margin-left:1em;
177   font-size: 120%;
178   margin-top:2px;
179   margin-right:2px;
180   margin-bottom:2px
181  }
182 
183 
184 .sidebar_banner {
185  margin-top: 5px;
186  margin-bottom: 5px;
187 }
188 
189 h3 .editsection { font-size: 76%; font-weight: normal; }
190 h4 .editsection { font-size: 86%; font-weight: normal; }
191 h5 .editsection { font-weight: normal; }
192 h6 .editsection { font-size: 125%; font-weight: normal; }
193 
194 /* Contribution Scores */
195 .contributionscores-wrapper {  font-size: 80%; }
196 .contributionscores-title   { margin-left: 0; padding-left: 0em; margin-bottom: 0;}
197 .contributionscores .header { border-bottom: 1px solid #999999; font-weight: bold; }
198 .contributionscores .odd     { background-color: #eeeeee; }
199 .contributionscores .header td   { padding-left: .2em; padding-right: .2em; }
200 .contributionscores .content   { padding-left: .2em; padding-right: .2em; }
201 
202 .GoBlock{
203 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
204 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
205 box-shadow:inset 0px 1px 0px 0px #ffffff;
206 background:rgb(200, 230, 140);
207 background-image: linear-gradient(rgb(200, 230, 140), rgb(160, 190, 100));
208 background-image: -webkit-linear-gradient(rgb(200, 230, 140), rgb(160, 190, 100));
209 -webkit-border-radius: 6px;
210 -moz-border-radius: 6px;
211 border-radius: 6px;
212 text-indent:0;
213 border:1px solid rgb(155,185,95);
214 display:inline-block;
215 color:#333333;
216 font-family:arial;
217 font-size:13px;
218 font-style:normal;
219 text-decoration:none;
220 -webkit-box-sizing: border-box;
221 -moz-box-sizing: border-box;
222 box-sizing: border-box;
223 padding:0px 8px;
224 text-align:center;
225 line-height:2.5em;
226 }
227 
228 .StopBlock{
229 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
230 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
231 box-shadow:inset 0px 1px 0px 0px #ffffff;
232 background:rgb(200, 230, 140);
233 background-image: linear-gradient(rgb(248, 228, 158), rgb(220, 200, 130));
234 background-image: -webkit-linear-gradient(rgb(248, 228, 158), rgb(220, 200, 130));
235 -webkit-border-radius: 6px;
236 -moz-border-radius: 6px;
237 border-radius: 6px;
238 text-indent:0;
239 border:1px solid rgb(155,185,95);
240 display:inline-block;
241 color:#333333;
242 font-family:arial;
243 font-size:13px;
244 font-style:normal;
245 text-decoration:none;
246 -webkit-box-sizing: border-box;
247 -moz-box-sizing: border-box;
248 box-sizing: border-box;
249 padding:0px 8px;
250 text-align:center;
251 line-height:2.5em;
252 }
253 
254 .tableBlue{
255 margin:auto;
256 background: #f9f9f9;
257 border-collapse: collapse;
258 width:98%;
259 text-align:center;
260 }
261 
262 .tableBlue td{
263 border: 1px #aaaaaa solid;
264 padding:8px !important;
265 }
266 
267 .tableBlue th{
268 background: rgb(200,220,240);
269 text-align: center;
270 font-weight:bold;
271 color:rgb(120,140,180);
272 padding: 8px 15px 8px 15px;
273 border: 1px #aaaaaa solid;
274 }
275 
276 .tableBlue tr.row-odd{background:white;}
277 .tableBlue tr.row-even{background:rgb(235,245,255);}
278 
279 
280 /*
281 </pre>
282 */