~yoboy-leguesh/ubuntu-fr-doc/maj20150810a

« back to all changes in this revision

Viewing changes to lib/tpl/dokuwiki/css/basic.css

  • Committer: YoBoY
  • Date: 2012-10-24 19:05:18 UTC
  • mfrom: (114.1.3 maj-AdoraBelle)
  • Revision ID: yoboy.leguesh@gmail.com-20121024190518-bgtic5m3dt8gnzfn
Mise à jour de Dokuwiki 2012-10-13 "Adora Belle"
Application des patch ubuntu-fr d'optimisation
Ajout des thèmes ubuntu-fr
Ajout des plugins
Mise à jour des plugins box, orphanswanted, pageredirect, tag, cloud, forcepreview, pagelist
Désactivation de la nouvelle option d'envoie de notifications mail en html
Application des derniers patchs correctifs de Dokuwiki.

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
/**
 
2
 * This file provides the most basic styles.
 
3
 *
 
4
 * If you integrate DokuWiki into another project, you might either
 
5
 * want to integrate this file into the other project as well, or use
 
6
 * the other project's basic CSS for DokuWiki instead of this one.
 
7
 *
 
8
 * @author Anika Henke <anika@selfthinker.org>
 
9
 */
 
10
 
 
11
html {
 
12
    overflow-x: auto;
 
13
    overflow-y: scroll;
 
14
}
 
15
html,
 
16
body {
 
17
    color: __text__;
 
18
    background: __background_site__ url(images/page-gradient.png) top left repeat-x;
 
19
    margin: 0;
 
20
    padding: 0;
 
21
}
 
22
body {
 
23
    font: normal 87.5%/1.4 Arial, sans-serif;
 
24
    /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */
 
25
    -webkit-text-size-adjust: 100%;
 
26
}
 
27
 
 
28
 
 
29
/*____________ headers ____________*/
 
30
 
 
31
h1,
 
32
h2,
 
33
h3,
 
34
h4,
 
35
h5,
 
36
h6,
 
37
caption,
 
38
legend {
 
39
    font-family: Arial, sans-serif;
 
40
    font-weight: bold;
 
41
    padding: 0;
 
42
    line-height: 1.2;
 
43
    clear: left; /* ideally 'both', but problems with toc */
 
44
}
 
45
[dir=rtl] h1,
 
46
[dir=rtl] h2,
 
47
[dir=rtl] h3,
 
48
[dir=rtl] h4,
 
49
[dir=rtl] h5,
 
50
[dir=rtl] h6,
 
51
[dir=rtl] caption,
 
52
[dir=rtl] legend {
 
53
    clear: right;
 
54
}
 
55
 
 
56
h1 {
 
57
    font-size: 2em;
 
58
    margin: 0 0 0.444em;
 
59
}
 
60
h2 {
 
61
    font-size: 1.5em;
 
62
    margin: 0 0 0.666em;
 
63
}
 
64
h3 {
 
65
    font-size: 1.125em;
 
66
    margin: 0 0 0.888em;
 
67
}
 
68
h4 {
 
69
    font-size: 1em;
 
70
    margin: 0 0 1.0em;
 
71
}
 
72
h5 {
 
73
    font-size: .875em;
 
74
    margin: 0 0 1.1428em;
 
75
}
 
76
h6 {
 
77
    font-size: .75em;
 
78
    margin: 0 0 1.333em;
 
79
}
 
80
/* bottom margin = 1 / font-size */
 
81
 
 
82
 
 
83
/*____________ basic margins and paddings ____________*/
 
84
 
 
85
p,
 
86
ul,
 
87
ol,
 
88
dl,
 
89
pre,
 
90
table,
 
91
hr,
 
92
blockquote,
 
93
fieldset,
 
94
address {
 
95
    margin: 0 0 1.4em 0; /* bottom margin = line-height */
 
96
    padding: 0;
 
97
}
 
98
 
 
99
div {
 
100
    margin: 0;
 
101
    padding: 0;
 
102
}
 
103
 
 
104
 
 
105
/*____________ lists ____________*/
 
106
 
 
107
ul,
 
108
ol {
 
109
    padding: 0 0 0 1.5em;
 
110
}
 
111
[dir=rtl] ul,
 
112
[dir=rtl] ol {
 
113
    padding: 0 1.5em 0 0;
 
114
}
 
115
 
 
116
li,
 
117
dd {
 
118
    padding: 0;
 
119
    margin: 0 0 0 1.5em;
 
120
}
 
121
[dir=rtl] li,
 
122
[dir=rtl] dd {
 
123
    margin: 0 1.5em 0 0;
 
124
}
 
125
dt {
 
126
    font-weight: bold;
 
127
    margin: 0;
 
128
    padding: 0;
 
129
}
 
130
 
 
131
li ul,
 
132
li ol,
 
133
li dl,
 
134
dl ul,
 
135
dl ol,
 
136
dl dl {
 
137
    margin-bottom: 0;
 
138
    padding: 0;
 
139
}
 
140
li li {
 
141
    font-size: 100%;
 
142
}
 
143
 
 
144
ul             { list-style: square outside; }
 
145
ol             { list-style: decimal outside; }
 
146
ol ol          { list-style-type: lower-alpha; }
 
147
ol ol ol       { list-style-type: upper-roman; }
 
148
ol ol ol ol    { list-style-type: upper-alpha; }
 
149
ol ol ol ol ol { list-style-type: lower-roman; }
 
150
 
 
151
 
 
152
/*____________ tables ____________*/
 
153
 
 
154
table {
 
155
    border-collapse: collapse;
 
156
    empty-cells: show;
 
157
    border-spacing: 0;
 
158
    border: 1px solid __border__;
 
159
}
 
160
 
 
161
caption {
 
162
    caption-side: top;
 
163
    text-align: left;
 
164
    margin: 0 0 .3em;
 
165
}
 
166
[dir=rtl] caption {
 
167
    text-align: right;
 
168
}
 
169
 
 
170
th,
 
171
td {
 
172
    padding: .3em .5em;
 
173
    margin: 0;
 
174
    vertical-align: top;
 
175
    border: 1px solid __border__;
 
176
    text-align: left;
 
177
}
 
178
th {
 
179
    font-weight: bold;
 
180
    background-color: __background_alt__;
 
181
}
 
182
[dir=rtl] td,
 
183
[dir=rtl] th {
 
184
    text-align: right;
 
185
}
 
186
 
 
187
 
 
188
/*____________ links ____________*/
 
189
 
 
190
a {
 
191
    outline: none;
 
192
}
 
193
a:link,
 
194
a:visited {
 
195
    text-decoration: none;
 
196
    color: __link__;
 
197
}
 
198
a:link:hover,
 
199
a:visited:hover,
 
200
a:link:focus,
 
201
a:visited:focus,
 
202
a:link:active,
 
203
a:visited:active {
 
204
    text-decoration: underline;
 
205
}
 
206
 
 
207
 
 
208
/*____________ misc ____________*/
 
209
 
 
210
img {
 
211
    border-width: 0;
 
212
    vertical-align: middle;
 
213
    color: #666;
 
214
    background-color: transparent;
 
215
    font-style: italic;
 
216
    height: auto;
 
217
}
 
218
img,
 
219
object {
 
220
    max-width: 100%;
 
221
}
 
222
/* IE8 and below won't display the images otherwise */
 
223
button img {
 
224
    max-width: none;
 
225
}
 
226
 
 
227
hr {
 
228
    border-top: solid __border__;
 
229
    border-bottom: solid __background__;
 
230
    border-width: 1px 0;
 
231
    height: 0;
 
232
    width: 100%;
 
233
    text-align: center;
 
234
    clear: both;
 
235
}
 
236
 
 
237
acronym,
 
238
abbr {
 
239
    cursor: help;
 
240
    border-bottom: 1px dotted;
 
241
    font-style: normal;
 
242
}
 
243
 
 
244
pre,
 
245
code,
 
246
samp,
 
247
kbd {
 
248
    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
 
249
    /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */
 
250
    font-size: 1em;
 
251
    direction: ltr;
 
252
    text-align: left;
 
253
    background-color: __background_site__;
 
254
    color: __text__;
 
255
    box-shadow: inset 0 0 .3em __border__;
 
256
    border-radius: 2px;
 
257
}
 
258
pre {
 
259
    overflow: auto;
 
260
    word-wrap: normal;
 
261
    border: 1px solid __border__;
 
262
    border-radius: 2px;
 
263
    box-shadow: inset 0 0 .5em __border__;
 
264
    padding: .7em 1em;
 
265
}
 
266
 
 
267
blockquote {
 
268
    padding: 0 .5em;
 
269
    border: solid __border__;
 
270
    border-width: 0 0 0 .25em;
 
271
}
 
272
[dir=rtl] blockquote {
 
273
    border-width: 0 .25em 0 0;
 
274
}
 
275
q:before,
 
276
q:after {
 
277
    content: '';
 
278
}
 
279
 
 
280
sub,
 
281
sup {
 
282
    font-size: .8em;
 
283
    line-height: 1;
 
284
}
 
285
sub {
 
286
    vertical-align: sub;
 
287
}
 
288
sup {
 
289
    vertical-align: super;
 
290
}
 
291
 
 
292
/*____________ forms ____________*/
 
293
 
 
294
/* for all of the form styles, style.ini colours are not used on purpose (except for fieldset border) */
 
295
 
 
296
form {
 
297
    display: inline;
 
298
    margin: 0;
 
299
    padding: 0;
 
300
}
 
301
fieldset {
 
302
    padding: 1em 1em 0;
 
303
    border: 1px solid __text_alt__;
 
304
}
 
305
legend {
 
306
    margin: 0;
 
307
    padding: 0 .1em;
 
308
}
 
309
label {
 
310
    vertical-align: middle;
 
311
    cursor: pointer;
 
312
}
 
313
 
 
314
input,
 
315
textarea,
 
316
button,
 
317
select,
 
318
optgroup,
 
319
option {
 
320
    font: inherit;
 
321
    font-weight: normal;
 
322
    color: #333;
 
323
    background-color: #fff;
 
324
    line-height: 1;
 
325
    margin: 0;
 
326
    vertical-align: middle;
 
327
    -moz-box-sizing: border-box;
 
328
    -webkit-box-sizing: border-box;
 
329
    box-sizing: border-box;
 
330
}
 
331
 
 
332
optgroup {
 
333
    font-style: italic;
 
334
    font-weight: bold;
 
335
}
 
336
option {
 
337
    font-style: normal;
 
338
    font-weight: normal;
 
339
}
 
340
 
 
341
input,
 
342
textarea,
 
343
select {
 
344
    border: 1px solid #ccc;
 
345
    box-shadow: inset 0 0 1px #eee;
 
346
    border-radius: 2px;
 
347
}
 
348
input:active,
 
349
input:focus,
 
350
textarea:active,
 
351
textarea:focus,
 
352
select:active,
 
353
select:focus {
 
354
    border-color: #999;
 
355
}
 
356
input[type=radio],
 
357
input[type=checkbox] {
 
358
    padding: 0;
 
359
    border-style: none;
 
360
    box-shadow: none;
 
361
}
 
362
 
 
363
/* all types of buttons */
 
364
input[type=submit],
 
365
input.button,
 
366
a.button,
 
367
button,
 
368
.qq-upload-button {
 
369
    color: #333;
 
370
    background-color: #eee;
 
371
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+);
 
372
    /*background: -moz-linear-gradient(   top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); see FS#2447*/
 
373
    background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%);
 
374
    background: -o-linear-gradient(     top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%);
 
375
    background: -ms-linear-gradient(    top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%);
 
376
    background: linear-gradient(        top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%);
 
377
    border: 1px solid #ccc;
 
378
    border-radius: 2px;
 
379
    padding: .1em .5em;
 
380
    cursor: pointer;
 
381
}
 
382
#IE7 input.button,
 
383
#IE7 button {
 
384
    line-height: 1.4;
 
385
}
 
386
 
 
387
input[type=submit]:hover,
 
388
input[type=submit]:active,
 
389
input[type=submit]:focus,
 
390
input.button:hover,
 
391
input.button:active,
 
392
input.button:focus,
 
393
a.button:hover,
 
394
a.button:active,
 
395
a.button:focus,
 
396
button:hover,
 
397
button:active,
 
398
button:focus,
 
399
.qq-upload-button:hover {
 
400
    border-color: #999;
 
401
    background-color: #ddd;
 
402
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+);
 
403
    /*background: -moz-linear-gradient(   top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #cccccc 99%); see FS#2447*/
 
404
    background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%);
 
405
    background: -o-linear-gradient(     top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%);
 
406
    background: -ms-linear-gradient(    top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%);
 
407
    background: linear-gradient(        top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%);
 
408
}
 
409
 
 
410
input::-moz-focus-inner,
 
411
button::-moz-focus-inner {
 
412
    border: 0;
 
413
    padding: 0;
 
414
}
 
415
 
 
416
input[disabled],
 
417
button[disabled],
 
418
input[readonly],
 
419
button[readonly] {
 
420
    cursor: auto;
 
421
}