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