« MediaWiki:Common.css » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
mAucun résumé des modifications
mAucun résumé des modifications
Ligne 242 : Ligne 242 :


div.appear {
div.appear {
     width: 300px;  
     width: 260px;  
     border: #000 2px solid;
     border: #000 2px solid;
     background:#F8F8F8;
     background:#F8F8F8;
     position: absolute;
     position: absolute;
     top: 1px;
     top: -100px;
     left:1px;
     left:1px;
     display:none;
     display:none;

Version du 25 avril 2014 à 20:34

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