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