← Back to branch summary

~ubuntu-branches/ubuntu/wily/xubuntu-docs/wily-proposed

« back to all changes in this revision

Viewing changes to desktop-guide/libs/xubuntu-book.css

  • Committer: Package Import Robot
  • Author(s): Sean Davis, Pasi Lallinaho, David Pires, Elfy, Unit 193, Steve Dodier-Lazaro
  • Date: 2015-03-09 20:33:59 UTC
  • Revision ID: package-import@ubuntu.com-20150309203359-2aw36c6ho596wlbk
Tags: 15.04
https://launchpad.net/bugs/1385479
[ Pasi Lallinaho ]
* Bump version information to 15.04 Vivid Vervet
* Attribute documentation correctly for the Xubuntu Documentation team
* Clean up some files
* Remove unused entities, directories and files
* Add responsive stylesheets for the documentation
* Tweak some CSS definitions
* Replace the caution/important image with a new image
  from upstream (elementary-xfce)
* Add responsive stylesheets for the start page
* Add an id for the legalnotice tag to output specified filename
* Improve the wording on releases on the upgrades section

[ David Pires ]
* Corrected a typo in the 'Changing update frequency and behavior'
  sub-section of the Managing installed applications chapter
* Re-write the update-configuration-notifications section of the
  Managing installed applications chapter
* Rephrased the first paragraph in index.html
* Removed all the entries related to gthumb from xubuntu.ent
* Corrected a typo in internet-networks.xml

[ Elfy ]
* Update the "Upgrading" section to be comprehensive. (LP: #1385479)

[ Unit 193 ]
* Move validation to a 'test' target, don't run at build time.
* scripts/translators: Create a fallback in case no translators are found.
* network-troubleshooting section: 'nm-tool' ➞ 'nmcli device show'
* Lower the required translation percentage to 70.

[ Steve Dodier-Lazaro ]
* Update the security guide.

Show diffs side-by-side

added added

removed removed

Lines of Context:
desktop-guide/libs/xubuntu-book.css
1
 
/*
2
 
 *  Created by Pasi Lallinaho <pasi@shimmerproject.org>
3
 
 *  The license of this file is CC-BY-SA 2.0.
4
 
 *      
5
 
 */
6
 
 
7
 
 
8
 
@import url('reset.css');
9
 
 
10
 
html {
11
 
        background-color: #eee;
12
 
        color: #111;
13
 
 
14
 
        font-family: "Droid Sans", sans-serif;
15
 
        font-size: small;
16
 
        line-height: 1.3em;
17
 
}
18
 
 
19
 
/*
20
 
 *  Layout elements
21
 
 *
22
 
 */
23
 
 
24
 
#masthead
25
 
{
26
 
        max-width: 950px;
27
 
        min-width: 580px;
28
 
 
29
 
        margin: 3em auto 1em auto;
30
 
        padding: 0 3em;
31
 
 
32
 
        line-height: 1.5em;
33
 
 
34
 
        color: #04a;
35
 
}
36
 
        #masthead a {
37
 
                border-bottom: none;
38
 
        }
39
 
 
40
 
body > div.book,
41
 
body > div.chapter,
42
 
body > div.sect1,
43
 
body > div.section,
44
 
body > div.appendix,
45
 
body > div.legalnotice {
46
 
        max-width: 950px;
47
 
        min-width: 580px;
48
 
 
49
 
        margin: 0 auto;
50
 
        padding: 3em;
51
 
 
52
 
        background-color: #fff;
53
 
 
54
 
        line-height: 1.5em;
55
 
 
56
 
        -webkit-border-radius: 10px;
57
 
        -moz-border-radius: 10px;
58
 
        border-radius: 10px;
59
 
}
60
 
        body > div.legalnotice {
61
 
                margin: 3em auto;
62
 
        }
63
 
 
64
 
.navfooter {
65
 
        max-width: 950px;
66
 
        min-width: 580px;
67
 
 
68
 
        margin: 1em auto 3em auto;
69
 
 
70
 
        color: #555;
71
 
}
72
 
 
73
 
/*
74
 
 *  Elements
75
 
 *
76
 
 */
77
 
 
78
 
p, h1, h2, h3, h4, h5, h6, ul, ol, dl, blockquote {
79
 
        margin-bottom: 1em;
80
 
}
81
 
 
82
 
/*
83
 
 */
84
 
 
85
 
a {
86
 
        color: #2774e7;
87
 
        border-bottom: 1px solid #aaa;
88
 
        text-decoration: none;
89
 
}
90
 
        .navfooter a {
91
 
                border: none;
92
 
        }
93
 
 
94
 
dt { margin-bottom: 1em; }
95
 
dd { margin-left: 3em; }
96
 
dd dd { margin-left: 1.5em; }
97
 
 
98
 
dd dl dt {
99
 
        margin-bottom: 0;
100
 
}
101
 
 
102
 
dd dl {
103
 
        margin-top: -0.8em;
104
 
}
105
 
 
106
 
.chapter dd dl,
107
 
dd dd dl {
108
 
        margin-top: 0;
109
 
        font-size: 90%;
110
 
}
111
 
 
112
 
h1 {
113
 
        margin: 0 0 1em 0;
114
 
        font-size: 200%;
115
 
        font-weight: bold !important;
116
 
        line-height: 1.2em;
117
 
}
118
 
 
119
 
h2,
120
 
div.abstract p.title,
121
 
p.legalnotice-title {
122
 
        margin: 1.5em 0 1em 0;
123
 
 
124
 
        font-size: 180%;
125
 
        font-weight: normal;
126
 
        line-height: 1.2em;
127
 
 
128
 
        color: #555;
129
 
}
130
 
        body > div.chapter > div:first-child h2,
131
 
        body > div.sect1 > div:first-child h2,
132
 
        body > div.section > div:first-child h2,
133
 
        body > div.appendix > div:first-child h2,
134
 
        body > div.legalnotice p.legalnotice-title {
135
 
                margin-top: 0;
136
 
        }
137
 
 
138
 
        div.abstract p.title    strong {
139
 
                font-weight: normal;
140
 
        }
141
 
 
142
 
.sect1 h2,
143
 
h3 {
144
 
        margin: 1em 0;
145
 
 
146
 
        font-weight: bold;
147
 
        font-size: 150%;
148
 
        color: #555;
149
 
}
150
 
 
151
 
h4 {
152
 
        margin: 1em 0;
153
 
 
154
 
        font-size: 130%;
155
 
        font-weight: normal;
156
 
        color: #888;
157
 
}
158
 
 
159
 
hr {
160
 
        border: none;
161
 
        border-top: 1px solid #aaa;
162
 
        margin: 2em 0 !important;
163
 
}
164
 
        .navfooter hr {
165
 
                border: none !important;
166
 
                margin: 0 !important;
167
 
        }
168
 
 
169
 
ol, ul {
170
 
        margin-left: 1.5em;
171
 
}
172
 
        ol li { list-style-type: decimal; }
173
 
        ul li { list-style-type: disc; }
174
 
        li p { margin-bottom: 0.1em; }
175
 
 
176
 
/*
177
 
 *  Specific element styles
178
 
 *
179
 
 */
180
 
 
181
 
p.copyright {
182
 
        margin-bottom: 0.3em;
183
 
}
184
 
 
185
 
div.toc {
186
 
        margin: 1em;
187
 
        padding: 1em 1em 0.5em 1.5em;
188
 
        border-left: 2px solid #777; /* #2774e7 */
189
 
}
190
 
 
191
 
        .toc p strong {
192
 
                font-weight: normal;
193
 
                font-size: 130%;
194
 
        }
195
 
 
196
 
        .toc dt {
197
 
                font-weight: bold;
198
 
        }
199
 
 
200
 
        .chapter .toc dt {
201
 
                margin-bottom: 0;
202
 
        }
203
 
 
204
 
        .toc dd dl dt {
205
 
                margin-top: 0.2em;
206
 
                font-weight: normal;
207
 
        }
208
 
 
209
 
        .chapter .toc + p {
210
 
                margin-top: 2em;
211
 
        }
212
 
 
213
 
div.caution,
214
 
div.important,
215
 
div.note,
216
 
div.tip,
217
 
div.warning {
218
 
        margin: 2em 0 !important;
219
 
        padding: 1em 1.5em 0 1em;
220
 
 
221
 
        background-color: #eee;
222
 
        border: 1px solid #d1d1d1;
223
 
 
224
 
        -webkit-border-radius: 10px;
225
 
        -moz-border-radius: 10px;
226
 
        border-radius: 10px;
227
 
}
228
 
 
229
 
div.caution tr,
230
 
div.important tr,
231
 
div.note tr,
232
 
div.tip tr,
233
 
div.warning tr {
234
 
/*      max-width: 100%; */
235
 
        min-height: 3.5em;
236
 
/*      float: left; */
237
 
    position: absolute;
238
 
}
239
 
 
240
 
div.caution tr:first-child,
241
 
div.important tr:first-child,
242
 
div.note tr:first-child,
243
 
div.tip tr:first-child,
244
 
div.warning tr:first-child {
245
 
        width: 52px;
246
 
}
247
 
 
248
 
div.caution tr:last-child,
249
 
div.important tr:last-child,
250
 
div.note tr:last-child,
251
 
div.tip tr:last-child,
252
 
div.warning tr:last-child {
253
 
    float: right;
254
 
    margin: 0 0 0 52px;
255
 
    position: relative;
256
 
    top: 1px;
257
 
}
258
 
 
259
 
/* div.caution td > p,
260
 
div.important td > p,
261
 
div.note td > p,
262
 
div.tip td > p,
263
 
div.warning td > p {
264
 
        margin-top: -32px;
265
 
        margin-bottom: 0;
266
 
} */
267
 
 
268
 
div.caution img,
269
 
div.important img,
270
 
div.note img,
271
 
div.tip img,
272
 
div.warning img {
273
 
        margin-bottom: -32px;
274
 
        margin-right: 16px;
275
 
        padding-bottom: 16px;
276
 
}
277
 
 
278
 
div.caution .filename img,
279
 
div.important .filename img,
280
 
div.note .filename img,
281
 
div.tip .filename img,
282
 
div.warning .filename img {
283
 
        margin-bottom: -0.25em;
284
 
        margin-right: 0;
285
 
        padding-bottom: 0;
286
 
}
287
 
 
288
 
div.caution .keycap img,
289
 
div.important .keycap img,
290
 
div.note .keycap img,
291
 
div.tip .keycap img,
292
 
div.warning .keycap img {
293
 
        margin-bottom: -0.25em;
294
 
        margin-right: 0.15em;
295
 
        padding-bottom: 0;
296
 
}
297
 
 
298
 
div.caution .inline-icon-pkg img,
299
 
div.important .inline-icon-pkg img,
300
 
div.note .inline-icon-pkg img,
301
 
div.tip .inline-icon-pkg img,
302
 
div.warning .inline-icon-pkg img {
303
 
        margin-bottom: -0.3em;
304
 
        margin-right: 0.45em;
305
 
        padding-bottom: 0;
306
 
}
307
 
 
308
 
.orderedlist {
309
 
        margin-top: 1em;
310
 
}
311
 
        .orderedlist li p {
312
 
                margin-bottom: 0;
313
 
        }
314
 
 
315
 
.filename, .literal {
316
 
        font-family: "Liberation Mono", monospace;
317
 
        font-size: 85%;
318
 
}
319
 
        .literal {
320
 
                font-weight: bold;
321
 
                display: inline-table;
322
 
                vertical-align: middle;
323
 
                margin-right: 0.25em;
324
 
        }
325
 
 
326
 
.screen, .programlisting, .userinput, { 
327
 
        padding: 0.2em 0.6em;
328
 
 
329
 
        font-family: "Liberation Mono", monospace;
330
 
        font-size: 110%;
331
 
 
332
 
        background-color: #ccc;
333
 
        color: #131926;
334
 
}
335
 
        .userinput {
336
 
                background-color: #ddd;
337
 
                padding: 0.1em 0.3em;
338
 
                font-weight: normal;
339
 
        }
340
 
 
341
 
        .segmentedlist .userinput {
342
 
                background-color: inherit;
343
 
        }
344
 
 
345
 
p .application .guimenu {
346
 
        margin: 0 0.25em;
347
 
}
348
 
 
349
 
.guimenu, .guimenuitem, .guisubmenu {
350
 
        font-style: italic;
351
 
        color: #465364;
352
 
        color: #016;
353
 
}
354
 
 
355
 
.guiicon img,
356
 
.filename img {
357
 
        margin-bottom: -0.25em;
358
 
}
359
 
 
360
 
.inline-icon-pkg img {
361
 
        margin: 0 0.35em -0.35em 0.25em;
362
 
}
363
 
 
364
 
.inline-icon-key img {
365
 
        margin: 0 0.35em -0.20em 0.25em;
366
 
}
367
 
 
368
 
.inline-icon-submenu img {
369
 
        margin: 0 0 -0.25em 0;
370
 
}
371
 
 
372
 
.question { 
373
 
        font-weight: bold; 
374
 
}
375
 
 
376
 
.navfooter table td {
377
 
        padding-bottom: 1em;
378
 
}
379
 
 
380
 
.segmentedlist table {
381
 
        border: 1px solid #444;
382
 
        width: 100%;
383
 
}
384
 
 
385
 
.segmentedlist thead {
386
 
        background-color: #333;
387
 
        color: #fff;
388
 
}
389
 
 
390
 
.segmentedlist th,
391
 
.segmentedlist td {
392
 
        padding: 0.2em 0.4em;
393
 
        text-align: left;
394
 
}
395
 
 
396
 
.segmentedlist tr.seglistitem:nth-child(odd) {
397
 
        background-color: #f1f1f1;
398
 
}
399
 
 
400
 
.segmentedlist tr.seglistitem:nth-child(even) {
401
 
        background-color: #d1d1d1;
402
 
}
403
 
 
404
 
.keycap strong,
405
 
.keycombo strong {
406
 
        font-weight: normal;
407
 
        font-style: oblique;
408
 
}