~ubuntu-it-wiki/wiki-ubuntu-it/wiki-repo

142 by Leo Iannacone
Update light theme to ubuntu-it style
1
/*  common.css - MoinMoin Default Styles
2
3
Copyright (c) 2001, 2002, 2003 by Juergen Hermann
324 by Jeremie Tamburini
Better monospace text
4
Copyright © 2008 Ubuntu-it - Created by Milo Casagrande <milo@ubuntu.com>,
224 by Jeremie Tamburini
Scrollbar for the text-box if too long
5
Leo Iannacone <l3on@ubuntu.com>, Alessio Treglia <quadrispro@ubuntu.com>.
142 by Leo Iannacone
Update light theme to ubuntu-it style
6
324 by Jeremie Tamburini
Better monospace text
7
Copyright © 2011 Ubuntu-it - Giuseppe Terrasi <peppe84@ubuntu-it.org>:
142 by Leo Iannacone
Update light theme to ubuntu-it style
8
in order to fix some problem after upgrade to Moin 1.9.x and to add processor #!wiki,
9
mostly edit are at the end of file.
10
324 by Jeremie Tamburini
Better monospace text
11
Copyright © 2016-2024 Ubuntu-it - Jeremie Tamburini <jeremie.tamburini@gmail.com>:
239 by Jeremie Tamburini
Introduced IndiceFaq macro
12
142 by Leo Iannacone
Update light theme to ubuntu-it style
13
*/
14
15
/* content styles */
16
17
html {
296 by Jeremie Tamburini
Better FAQ index for smartphone
18
    background-color: white;
19
    color: black;
20
    /*font-family: "Lucida Grande", Verdana, Lucida, Helvetica,Arial, sans-serif; */
21
    font-family: 'bitstream vera sans', 'dejavu sans', verdana, sans-serif;
22
    font-size: 0.80em;
23
    line-height: 1.25em;
142 by Leo Iannacone
Update light theme to ubuntu-it style
24
}
25
26
body {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
27
    margin: 0;
28
    height: 100%;
142 by Leo Iannacone
Update light theme to ubuntu-it style
29
}
30
31
/* Links */
32
33
a {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
34
    color: #A3590D;
35
    /*text-decoration: none;*/
142 by Leo Iannacone
Update light theme to ubuntu-it style
36
} /* (ubuntu-it link) */
37
38
a:visited {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
39
    color: #6B4A29;
142 by Leo Iannacone
Update light theme to ubuntu-it style
40
}
41
42
a.nonexistent, a.badinterwiki {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
43
    color: #AAA;
142 by Leo Iannacone
Update light theme to ubuntu-it style
44
} /* ubuntu dark tan */
45
46
#pagelocation a, #pagelocation a:visited {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
47
    text-decoration: none;
142 by Leo Iannacone
Update light theme to ubuntu-it style
48
}
49
50
/* Headings */
51
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
52
h1, h2, h3, h4, h5, h6 {
53
    margin: 1.5em 0 0 0;
54
    padding: 2px 0;
55
    font-weight: normal;
56
    line-height: 1.2em;
57
    text-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
58
}
59
60
h1 {font-size: 1.6em;}
61
h2 {font-size: 1.3em;}
142 by Leo Iannacone
Update light theme to ubuntu-it style
62
h3 {font-size: 1.1em;}
63
h4, h5 {font-size: 1em;}
64
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
65
li p {margin: .25em 0;}
66
li.gap {margin-top: 0.5em;}
142 by Leo Iannacone
Update light theme to ubuntu-it style
67
68
/* from ubuntu_styles; sizes changed to em */
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
69
dt {
142 by Leo Iannacone
Update light theme to ubuntu-it style
70
    margin-top: 1.2em;
71
    margin-bottom: 0.3em;
72
    font-size: 1.2em;
73
    border-bottom:1px solid #ECECEC;
74
}
75
76
dd {
77
    margin-top: 0;
78
    margin-bottom: 0;
79
}
80
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
81
dd p {margin: 0.25em 0;}
82
83
a, img, img.drawing {border: 0;}
84
85
pre {
313 by Jeremie Tamburini
images dark theme
86
/*    background-color: #FAFAFA;*/
87
    background-color: #EEE;
88
    border: 1px solid #E1E1E1;
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
89
    padding: 4pt;
90
    color:#111111;
91
    font-family: courier, monospace;
92
    white-space: pre;
325 by Jeremie Tamburini
css pre rounded corners
93
    border-radius: 8px;
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
94
    /* begin css 3 or browser specific rules - do not remove!
95
    see: http://forums.techguy.org/archive/index.php/t-249849.html */
142 by Leo Iannacone
Update light theme to ubuntu-it style
96
    white-space: pre-wrap;
97
    word-wrap: break-word;
98
    white-space: -moz-pre-wrap;
99
    white-space: -pre-wrap;
100
    white-space: -o-pre-wrap;
225 by Jeremie Tamburini
Bigger text-box
101
    max-height: 350px;
224 by Jeremie Tamburini
Scrollbar for the text-box if too long
102
    overflow: auto;
142 by Leo Iannacone
Update light theme to ubuntu-it style
103
    /* end css 3 or browser specific rules */
104
}
105
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
106
table {
319 by Jeremie Tamburini
New table stile
107
    margin: 0.5em 0px;
108
    border-collapse: collapse;
109
    background-color: #f0f0f0;
110
    border: 2px solid #f0f0f0;
111
    box-shadow: 0 1px 4px #b7b7b7;
142 by Leo Iannacone
Update light theme to ubuntu-it style
112
}
113
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
114
td {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
115
    padding: 0.25em;
116
    border: 1pt solid #CCCCCC;; /* ubuntu dark tan */
142 by Leo Iannacone
Update light theme to ubuntu-it style
117
}
118
119
td p {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
120
    margin: 0;
121
    padding: 0;
142 by Leo Iannacone
Update light theme to ubuntu-it style
122
}
123
220 by Jeremie Tamburini
Created class for tables without borders and new color for monospace font character.
124
/* table without border */
125
table.noborder td {
126
    border: 0px;
127
}
128
284 by Jeremie Tamburini
Introduced class for tables width in Hardware/Notebook + smaller PageName in mobile view
129
/* fixed table for Hardware/Notebook */
130
table.notebook_width {
131
    width: 63%;
132
}
133
134
table.notebook_width td:first-child {
135
    width: 50%;
136
}
137
142 by Leo Iannacone
Update light theme to ubuntu-it style
138
.footnotes div {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
139
    width: 5em;
140
    border-top: 1pt solid #AAA; /* ubuntu dark tan */
142 by Leo Iannacone
Update light theme to ubuntu-it style
141
}
142
143
.footnotes ul {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
144
    padding: 0em 2em;
145
    margin: 0em 0em 1em;
146
    list-style: none;
142 by Leo Iannacone
Update light theme to ubuntu-it style
147
}
148
149
.footnotes li {
150
}
151
152
.info {
153
    font-size: 0.85em;
154
    color: #AAA; /* ubuntu dark tan */
155
}
156
157
#pageinfo {
158
    margin-top: 2em;
159
}
160
161
.seperator {
162
    color: #AAA; /* ubuntu dark tan */
163
}
164
165
#pagebottom {clear: both;}
166
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
167
/* standard rule ---- */
168
hr {
142 by Leo Iannacone
Update light theme to ubuntu-it style
169
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
170
    height: 1pt;
142 by Leo Iannacone
Update light theme to ubuntu-it style
171
    background-color: #ECECEC; /* ubuntu dark tan */
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
172
    border: 0;
173
}
174
175
/* custom rules ----- to ---------- */
176
.hr1 {height: 2pt;}
177
.hr2 {height: 3pt;}
178
.hr3 {height: 4pt;}
179
.hr4 {height: 5pt;}
180
.hr5 {height: 6pt;}
181
.hr6 {height: 7pt;}
182
183
/* Replacement for html 3 u tag */
184
.u {text-decoration: underline;}
185
186
/* eye catchers */
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
187
.warning {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
188
    color: red;
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
189
}
190
191
.error {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
192
    color: red;
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
193
}
194
195
strong.highlight {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
196
    background-color: #edddba; /* ubuntu pale orange */
197
    padding: 1pt;
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
198
}
199
200
/* Recent changes */
201
202
.rcrss {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
203
    float: right;
204
    margin: 0;
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
205
}
206
207
.recentchanges[dir="rtl"] .rcrss {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
208
    float: left;
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
209
}
210
211
.recentchanges table {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
212
    clear: both;
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
213
}
214
215
.recentchanges td {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
216
    vertical-align: top;
217
    border: none;
218
    border-bottom: 1pt solid #ECECEC;
219
    background: white;
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
220
}
221
222
.rcdaybreak td {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
223
    background: #f4f4f4;
224
    border: none;
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
225
}
226
227
.rcdaybreak td a {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
228
    font-size: 0.88em;
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
229
}
230
231
.rcicon1, .rcicon2 {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
232
    text-align: center;
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
233
}
234
235
.rcpagelink {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
236
    width: 33%;
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
237
}
238
239
.rctime {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
240
    font-size: 0.88em;
241
    white-space: nowrap;
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
242
}
243
244
.rceditor {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
245
    white-space: nowrap;
246
    font-size: 0.88em;
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
247
}
248
249
.rccomment {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
250
    width: 66%;
251
    color: #AAA; /* ubuntu dark tan */
252
    font-size: 0.88em;
253
    font-weight: bold;
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
254
}
255
142 by Leo Iannacone
Update light theme to ubuntu-it style
256
.strike {
257
    text-decoration: line-through;
258
}
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
259
260
/* User Preferences */
261
262
.userpref table, .userpref td {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
263
    border: none;
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
264
}
265
266
/* CSS for new code_area markup used by Colorizer and ParserBase */
267
268
div.codearea { /* the div makes the border */
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
269
    margin: 4pt 0;
270
    padding: 0;
271
    border: 1pt solid #AAA; /* ubuntu dark tan */
272
/*  background-color: #F3F5F7;   * light grey */
273
    background-color: #edddba; /* ubuntu pale orange */
274
    color: black;
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
275
}
276
277
div.codearea pre { /* the pre has no border and is inside the div */
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
278
    margin: 0;
279
    padding: 4pt;
280
    border: none;
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
281
}
282
283
a.codenumbers { /* format of the line numbering link */
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
284
    margin: 0 4pt;
285
    font-size: 0.85em;
286
    color: #6d4c07; /* ubuntu dark brown */
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
287
}
288
289
/* format of certain syntax spans */
290
div.codearea pre span.LineNumber {color: gray;}
291
div.codearea pre span.ID         {color: #000000;}
292
div.codearea pre span.Operator   {color: #0000C0;}
293
div.codearea pre span.Char       {color: #004080;}
294
div.codearea pre span.Comment    {color: #008000;}
295
div.codearea pre span.Number     {color: #0080C0;}
296
div.codearea pre span.String     {color: #004080;}
297
div.codearea pre span.SPChar     {color: #0000C0;}
298
div.codearea pre span.ResWord    {color: #A00000;}
299
div.codearea pre span.ConsWord   {color: #008080; font-weight: bold;}
300
div.codearea pre span.Error      {color: #FF8080; border: solid 1.5pt #FF0000;}
301
div.codearea pre span.ResWord2   {color: #0080ff; font-weight: bold;}
302
div.codearea pre span.Special    {color: #0000ff;}
303
div.codearea pre span.Preprc     {color: #803999;}
304
305
/* Search results */
306
307
.searchresults dt {
308
    margin-top: 1em;
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
309
    font-weight: normal;
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
310
}
311
312
.searchresults dd {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
313
    font-size: 0.85em;
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
314
}
315
316
/* MonthCalendar css */
317
318
/* days without and with pages linked to them */
319
a.cal-emptyday {
320
    color: #777777;
321
    text-align: center;
322
}
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
323
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
324
a.cal-usedday {
325
    color: #000000;
326
    font-weight: bold;
327
    text-align: center;
328
}
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
329
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
330
/* general stuff: workdays, weekend, today */
331
td.cal-workday {
332
    background-color: #F1F1ED; /* ubuntu near-white */
333
    text-align: center;
334
}
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
335
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
336
td.cal-weekend {
337
    background-color: #edddba; /* ubuntu pale orange */
338
    text-align: center;
339
}
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
340
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
341
td.cal-today {
342
    background-color: #DBBA75; /* ubuntu orange */
343
    border-style: solid;
344
    border-width: 2pt;
345
    text-align: center;
346
}
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
347
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
348
/* invalid places on the monthly calendar sheet */
349
td.cal-invalidday {
350
    background-color: #CCCCCC;
351
}
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
352
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
353
/* links to prev/next month/year */
354
a.cal-link {
355
    color: #F1F1ED; /* ubuntu near-white */
356
    text-decoration: none;
357
}
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
358
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
359
th.cal-header {
360
    background-color: #6d4c07; /* ubuntu dark brown */
361
    color: white;
362
    text-align: center;
363
}
364
365
/* for MonthCalendar mouseover info boxes */
366
TABLE.tip {
367
    color: black;
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
368
    border: 1px solid #AAA; /* ubuntu dark tan */
369
    background-color: #f7f7f7; /* ubuntu light salmon */
136 by Leo Iannacone
Added light theme from the lp:ubuntu-website/light-moin-theme branch
370
    font-size: small;
371
    font-weight: normal;
372
}
373
374
TH.tip {
375
    background-color: #DBBA75; /* ubuntu orange */
376
    font-weight: bold;
377
    text-align: center;
378
}
379
380
TD.tip {
381
    text-align: left;
382
}
383
*[dir="rtl"] TD.tip {
384
    text-align: right;
385
}
386
387
/* end MonthCalendar stuff */
388
142 by Leo Iannacone
Update light theme to ubuntu-it style
389
/*Note, avvisi e suggerimenti */
390
391
.nota {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
392
    background-color:#F6F5F0;
393
    border:1px solid #AAAAAA;
142 by Leo Iannacone
Update light theme to ubuntu-it style
394
}
395
396
.avviso {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
397
    border:1px solid #FFCC66;
398
    background-color:#FFFFCC;
142 by Leo Iannacone
Update light theme to ubuntu-it style
399
}
400
401
.suggerimento {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
402
    background:#eeeeff;
403
    border: 1px solid #8CACBB;
142 by Leo Iannacone
Update light theme to ubuntu-it style
404
}
405
406
/* Page history */
407
#page-history a, #page-history a:hover {
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
408
    color: #666666;
142 by Leo Iannacone
Update light theme to ubuntu-it style
409
}
410
145 by Leo Iannacone
updated light theme
411
#page-history table {
412
    width: 100%;
413
}
414
142 by Leo Iannacone
Update light theme to ubuntu-it style
415
/*Input*/
416
417
input, textarea {
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
418
    color: #222;
142 by Leo Iannacone
Update light theme to ubuntu-it style
419
}
420
194 by Leo Iannacone
Fixed cursor style on input
421
input[type="submit"] {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
422
    cursor: pointer;
142 by Leo Iannacone
Update light theme to ubuntu-it style
423
}
424
425
/* Added in order to import wiki parser */
426
/* start admonition section */
427
#content div.caution,
428
#content div.important,
429
#content div.note,
430
#content div.tip,
431
#content div.warning {
316 by Jeremie Tamburini
New style for index and notes - h4-45-h6 in dark mode
432
    background-color: #dfecfb;
283 by Jeremie Tamburini
Admonition customization
433
    color: #333;
142 by Leo Iannacone
Update light theme to ubuntu-it style
434
    background-repeat: no-repeat;
316 by Jeremie Tamburini
New style for index and notes - h4-45-h6 in dark mode
435
    min-height: 45px;
283 by Jeremie Tamburini
Admonition customization
436
    padding-left: 54px;
316 by Jeremie Tamburini
New style for index and notes - h4-45-h6 in dark mode
437
    border-radius: 5px;
438
    border: 3px solid #dfecfb;
283 by Jeremie Tamburini
Admonition customization
439
}
440
441
#content div.important {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
442
    font-weight: bold;
283 by Jeremie Tamburini
Admonition customization
443
}
444
445
#content div.note {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
446
    font-style: italic;
142 by Leo Iannacone
Update light theme to ubuntu-it style
447
}
448
449
#content div.caution p,
450
#content div.important p,
451
#content div.note p,
452
#content div.tip p,
453
#content div.warning p {
283 by Jeremie Tamburini
Admonition customization
454
    /*margin-top: 8px; to align text with bg graphic*/
142 by Leo Iannacone
Update light theme to ubuntu-it style
455
}
456
457
#content div.tip { background-image: url("../img/icons/admon-tip.png"); }
295 by Jeremie Tamburini
New notes icon
458
#content div.note { background-image: url("../img/icons/admon-note.png"); }
142 by Leo Iannacone
Update light theme to ubuntu-it style
459
#content div.important { background-image: url("../img/icons/admon-important.png"); }
460
#content div.caution { background-image: url("../img/icons/admon-caution.png"); }
461
#content div.warning { background-image: url("../img/icons/admon-warning.png"); }
462
463
/* end admonition section */
464
465
/* start simply color changes on wiki parser */
466
.comment { color: #555555; background-color: #DDDDFF; }
467
468
.red { background-color: #FFCCCC; }
469
.green { background-color: #CCFFCC; }
470
.blue { background-color: #CCCCFF; }
471
.yellow { background-color: #FFF29F; }
472
.orange { background-color: #FFD59B; }
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
473
/*.grey     todo */
142 by Leo Iannacone
Update light theme to ubuntu-it style
474
475
.solid { border: 2px solid #000000; padding: 2px; }
476
.dashed { border: 2px dashed #000000; padding: 2px; }
477
.dotted { border: 2px dotted #000000; padding: 2px; }
478
479
.left { text-align: left; }
480
.center { text-align: center; }
481
.right { text-align: right; }
482
.justify { text-align: justify; }
483
.align { clear:both }
484
485
/* end simply color changes on wiki parser */
486
487
/* Classes for styling Toc */
488
/* Added by Leonardo Iannacone on April '08 */
489
.toc, .supported-releases, .page_info {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
490
    float:right;
491
    font-size:0.9em;
492
    margin:0 0 1em 1em;
493
    width:35%;
155 by Leo Iannacone
Little changes at light theme
494
    border: 1px solid #f0f0f0;
142 by Leo Iannacone
Update light theme to ubuntu-it style
495
}
496
497
.toc, .page_info {
498
}
499
500
.toc-core {
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
501
    padding:10px;
142 by Leo Iannacone
Update light theme to ubuntu-it style
502
}
503
504
p.toc-core-heading, p.table-of-contents-heading {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
505
    font-weight: bold;
506
    margin-top: 0px;
142 by Leo Iannacone
Update light theme to ubuntu-it style
507
}
508
509
.toc a {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
510
    color:#333;
142 by Leo Iannacone
Update light theme to ubuntu-it style
511
}
512
239 by Jeremie Tamburini
Introduced IndiceFaq macro
513
/* ###### TOC 2 ###### */
514
/* Added for the IndiceFaq macro */
515
516
.toc2 {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
517
    font-size:13px;
518
    font-weight: bold;
519
    margin:0 0 1em 1em;
520
    width:100%;
239 by Jeremie Tamburini
Introduced IndiceFaq macro
521
}
522
523
.toc2-core {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
524
    padding:10px;
239 by Jeremie Tamburini
Introduced IndiceFaq macro
525
}
526
527
p.toc2-core-heading {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
528
    font-weight: bold;
529
    margin-top: 0px;
239 by Jeremie Tamburini
Introduced IndiceFaq macro
530
}
531
142 by Leo Iannacone
Update light theme to ubuntu-it style
532
/* Added for VersioniSupportate macro */
533
534
.supported-releases, .page_info {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
535
    margin: 0 0 1em 1em;
536
    clear:both;
537
    float:right;
538
    font-size: 75%;
142 by Leo Iannacone
Update light theme to ubuntu-it style
539
}
540
541
.supported-releases {
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
542
    font-size:85%;
142 by Leo Iannacone
Update light theme to ubuntu-it style
543
}
544
545
.supported-releases-core, .page_info-core {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
546
    background-position: top right;
547
    background-repeat: no-repeat;
548
    font-weight: bold;
549
    text-align: center;
550
    margin-top: 0px;
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
551
    padding: 10px;
142 by Leo Iannacone
Update light theme to ubuntu-it style
552
}
553
255 by Pietro Albini
Rewrite the Informazioni macro from scratch
554
.page_info.error {
555
    background: #f44;
556
    border-color: #f44;
557
    color: #fff;
558
559
    font-size: 1em;
560
}
561
263 by Pietro Albini
Fix bad styling for .page_info.error
562
.page_info.error a {
563
    color: #fff;
564
}
565
255 by Pietro Albini
Rewrite the Informazioni macro from scratch
566
.page_info.error * {
567
    font-size: 1em;
568
    font-weight: 400;
569
    line-height: 1.3em;
570
}
571
142 by Leo Iannacone
Update light theme to ubuntu-it style
572
.page_info-core p {
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
573
    margin:2px 0;
574
    text-shadow: white 0px 1px 1px;
142 by Leo Iannacone
Update light theme to ubuntu-it style
575
}
576
577
578
p.supported-releases-heading, p.page_info-core {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
579
    font-weight: bold;
580
    text-align: center;
581
    font-size: 12px;
582
    margin-top: 0px;
583
    margin-bottom: 2px;
584
    float: center;
585
    background-repeat: no-repeat;
586
    background-position: center;
142 by Leo Iannacone
Update light theme to ubuntu-it style
587
}
588
589
.supported-releases-core a {
590
}
591
592
/* class for no javascript enabled */
593
594
.noscript {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
595
    color:#FF0000;
596
    font-weight:bold;
597
    margin-right:50px;
142 by Leo Iannacone
Update light theme to ubuntu-it style
598
}
599
600
/* Apt-urls */
601
602
a.apt {
224 by Jeremie Tamburini
Scrollbar for the text-box if too long
603
/*
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
604
    padding-right:18px;
605
    background: url("../img/package.png") no-repeat right;
142 by Leo Iannacone
Update light theme to ubuntu-it style
606
*/
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
607
    font-style:italic;
142 by Leo Iannacone
Update light theme to ubuntu-it style
608
}
609
610
.backtick {
324 by Jeremie Tamburini
Better monospace text
611
    color: #6f6f6f;
612
    background-color: #f3f3f3;
613
    border-style: solid;
614
    border-radius: 5px;
615
    border-width: 1px;
616
    padding-left: 3px;
617
    padding-right: 3px;
618
    border-color: #eaeaea;
619
}
620
621
div.tip .backtick, div.important .backtick, div.note .backtick {
622
    background-color: transparent;
623
    border-style: none;
624
}
625
626
table .backtick {
627
    background-color: transparent;
628
    border-style: none;
142 by Leo Iannacone
Update light theme to ubuntu-it style
629
}
630
631
#pagelocation {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
632
    margin: 0 0;
633
    padding: 0 0;
634
    font-size: 1.5em;
635
    text-decoration: none;
636
    font-size: 1.8em;
637
    font-weight: bold;
638
    line-height: 1.2em;
639
    border-bottom:1px solid #ECECEC;
640
    text-shadow:0 1px 3px rgba(0, 0, 0, 0.15);
142 by Leo Iannacone
Update light theme to ubuntu-it style
641
}
642
643
#pagelocation li {
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
644
    display: inline;
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
645
    margin: 0;
142 by Leo Iannacone
Update light theme to ubuntu-it style
646
}
647
648
/* This one shows a separator in the page location */
649
#pagelocation li:after {
650
    content: " > ";
651
    color: #aaa;
652
}
653
654
/* This one erase the last separator */
655
#pagelocation li:last-child:after {
656
    content: "";
657
}
658
659
#page img.inline_left {
660
    margin: 5px 15px 5px 20px;
661
    float: left;
271 by Jeremie Tamburini
Test - Introduced responsive design
662
    /*min-width: 32px;*/
142 by Leo Iannacone
Update light theme to ubuntu-it style
663
}
664
665
#page img.inline_right {
666
    margin: 5px 20px 5px 15px;
667
    float: right;
271 by Jeremie Tamburini
Test - Introduced responsive design
668
    /*min-width: 32px;*/
142 by Leo Iannacone
Update light theme to ubuntu-it style
669
}
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
670
142 by Leo Iannacone
Update light theme to ubuntu-it style
671
#page img.inline_center {
672
    display: block;
673
    margin: 5px auto 5px auto;
674
    text-align: center;
271 by Jeremie Tamburini
Test - Introduced responsive design
675
    /*min-width: 32px;*/
142 by Leo Iannacone
Update light theme to ubuntu-it style
676
}
677
678
679
/* diffs from classic */
680
.diff {
681
    table-layout: fixed;
682
}
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
683
142 by Leo Iannacone
Update light theme to ubuntu-it style
684
.diff-header {
685
    font-weight: bold;
686
}
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
687
142 by Leo Iannacone
Update light theme to ubuntu-it style
688
.diff-title {
689
    background-color: #C0C0C0;
690
}
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
691
142 by Leo Iannacone
Update light theme to ubuntu-it style
692
.diff-added {
693
    background-color: #E0FFE0;
694
    font-family: courier,monospace;
695
    vertical-align: top;
696
    white-space: pre-wrap;
697
    width: 50%;
698
    word-wrap: break-word;
699
}
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
700
142 by Leo Iannacone
Update light theme to ubuntu-it style
701
.diff-removed {
702
    background-color: #FFFFE0;
703
    font-family: courier,monospace;
704
    vertical-align: top;
705
    white-space: pre-wrap;
706
    width: 50%;
707
    word-wrap: break-word;
708
}
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
709
142 by Leo Iannacone
Update light theme to ubuntu-it style
710
.diff-added span {
711
    background-color: #80FF80;
712
}
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
713
142 by Leo Iannacone
Update light theme to ubuntu-it style
714
.diff-removed span {
715
    background-color: #FFFF80;
716
}
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
717
142 by Leo Iannacone
Update light theme to ubuntu-it style
718
td.diff-info {
719
    vertical-align: top;
720
}
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
721
142 by Leo Iannacone
Update light theme to ubuntu-it style
722
div.diff-info {
723
    white-space: nowrap;
724
}
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
725
142 by Leo Iannacone
Update light theme to ubuntu-it style
726
div.diff-info-rev-comment span.diff-info-value {
727
    white-space: normal;
728
}
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
729
142 by Leo Iannacone
Update light theme to ubuntu-it style
730
div.diff-info-header {
731
    background-color: #E8E8E8;
732
    margin: -0.25em -0.5em 0.25em;
733
    padding: 0.25em 0.5em;
734
    text-align: center;
735
    width: 100%;
736
}
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
737
142 by Leo Iannacone
Update light theme to ubuntu-it style
738
td.diff-same {
739
    border: 0 none;
740
    text-align: center;
741
}
742
743
.searchresult dd span {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
744
    font-weight: bold;
142 by Leo Iannacone
Update light theme to ubuntu-it style
745
}
746
747
/* We use here dumb css1 ids because of IE suckiness */
748
#editor-textarea {
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
749
    width: 92%;
750
    margin: 0.5em 0em;
142 by Leo Iannacone
Update light theme to ubuntu-it style
751
}
752
753
#editor-comment {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
754
    width: 99%;
755
    margin: 0.5em 0em;
142 by Leo Iannacone
Update light theme to ubuntu-it style
756
}
757
758
#editor-help {
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
759
    margin: 0.5em 0;
142 by Leo Iannacone
Update light theme to ubuntu-it style
760
}
761
762
#editor {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
763
    backgorund-color: white;
764
    text-align: left;
765
    width: 100%;
142 by Leo Iannacone
Update light theme to ubuntu-it style
766
}
767
768
#footer {
769
}
770
191 by Leo Iannacone
Set display none timings debug
771
#timings {
317 by Jeremie Tamburini
link homepage hover - not existing link - css indentation
772
    display: none;
191 by Leo Iannacone
Set display none timings debug
773
}
230 by Jeremie Tamburini
Textchas style improved
774
775
#textcha {
776
    font-size: 14px;
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
777
    font-weight: bold;
230 by Jeremie Tamburini
Textchas style improved
778
    margin-top: 0.5em;
779
    border: 4px solid #ff0000;
780
    color: black;
781
    vertical-align: middle;
782
    padding: 3px 2px;
783
}
271 by Jeremie Tamburini
Test - Introduced responsive design
784
785
/* ########################################################## */
786
/* ###################### MEDIA QUERY ####################### */
787
/* ########################################################## */
788
311 by Jeremie Tamburini
back to media query max-width 500px
789
@media screen and (max-width: 500px) {
271 by Jeremie Tamburini
Test - Introduced responsive design
790
791
.toc {
286 by Jeremie Tamburini
Test: reintroduced Index
792
    /*display: none;*/
287 by Jeremie Tamburini
Typo
793
    width:100%;
271 by Jeremie Tamburini
Test - Introduced responsive design
794
    }
795
296 by Jeremie Tamburini
Better FAQ index for smartphone
796
.toc2 ol {
797
    margin-left: -35px;
798
}
799
800
.toc2 ol ol {
801
    margin-left: -15px;
802
}
803
281 by Jeremie Tamburini
Fix: info macro top-left in mobile version
804
.page_info {
282 by Jeremie Tamburini
Fixed details of macro info version
805
    float: left;
806
    width: auto;
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
807
    margin-left: 0px;
289 by Jeremie Tamburini
New media queries for <pre> - Search box positioning
808
    }
281 by Jeremie Tamburini
Fix: info macro top-left in mobile version
809
284 by Jeremie Tamburini
Introduced class for tables width in Hardware/Notebook + smaller PageName in mobile view
810
/* page_info and the rest won't be squashed together*/
281 by Jeremie Tamburini
Fix: info macro top-left in mobile version
811
h1 {
320 by Jeremie Tamburini
Dark theme for recent changes and diffs
812
    clear: both;
289 by Jeremie Tamburini
New media queries for <pre> - Search box positioning
813
    }
280 by Jeremie Tamburini
Test: info macro top-left in mobile version
814
284 by Jeremie Tamburini
Introduced class for tables width in Hardware/Notebook + smaller PageName in mobile view
815
/* fixed table for Hardware/Notebook */
816
table.notebook_width {
817
    width: auto;
289 by Jeremie Tamburini
New media queries for <pre> - Search box positioning
818
    }
284 by Jeremie Tamburini
Introduced class for tables width in Hardware/Notebook + smaller PageName in mobile view
819
820
table.notebook_width td:first-child {
821
    width: 50%;
289 by Jeremie Tamburini
New media queries for <pre> - Search box positioning
822
    }
284 by Jeremie Tamburini
Introduced class for tables width in Hardware/Notebook + smaller PageName in mobile view
823
274 by Jeremie Tamburini
Better img css
824
#page img.inline_left {
825
    width: 100%;
826
    height: auto;
827
    }
828
    
829
#page img.inline_right {
830
    width: 100%;
831
    height: auto;
832
    }
833
834
#page img.inline_center {
835
    width: 100%;
836
    height: auto;
837
    }
838
839
img.inline {
271 by Jeremie Tamburini
Test - Introduced responsive design
840
    width: 100%;
841
    height: auto;
842
    }
843
844
pre {
845
    white-space: pre-wrap;       /* css-3 */
846
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
847
    white-space: -pre-wrap;      /* Opera 4-6 */
848
    white-space: -o-pre-wrap;    /* Opera 7 */
849
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
850
    white-space: pre;
851
    max-width: 400px;
852
    }
853
289 by Jeremie Tamburini
New media queries for <pre> - Search box positioning
854
li pre {
855
    max-width: 300px;
856
    }
857
271 by Jeremie Tamburini
Test - Introduced responsive design
858
.bug img {
859
    max-width: 14px;
860
    }
861
}
862
863
@media screen and (max-width: 450px) {
864
pre {
289 by Jeremie Tamburini
New media queries for <pre> - Search box positioning
865
    max-width: 330px;
866
    }
867
li pre {
868
    max-width: 250px;
271 by Jeremie Tamburini
Test - Introduced responsive design
869
    }
870
}
871
872
@media screen and (max-width: 400px) {
873
pre {
874
    max-width: 300px;
875
    }
876
289 by Jeremie Tamburini
New media queries for <pre> - Search box positioning
877
li pre {
878
    max-width: 240px;
879
    }
271 by Jeremie Tamburini
Test - Introduced responsive design
880
}
289 by Jeremie Tamburini
New media queries for <pre> - Search box positioning
881
271 by Jeremie Tamburini
Test - Introduced responsive design
882
@media screen and (max-width: 350px) {
883
pre {
884
    max-width: 250px;
885
    }
289 by Jeremie Tamburini
New media queries for <pre> - Search box positioning
886
887
li pre {
888
    max-width: 200px;
889
    }
271 by Jeremie Tamburini
Test - Introduced responsive design
890
}
324 by Jeremie Tamburini
Better monospace text
891