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