joachim99@69
|
1 /*
|
joachim99@69
|
2 KDE-wide default CSS for HTML documentation (all media types).
|
joachim99@69
|
3 Copyright (C) 2000 Frederik Fouvry
|
joachim99@69
|
4
|
joachim99@69
|
5 This program is free software; you can redistribute it and/or modify
|
joachim99@69
|
6 it under the terms of the GNU General Public License as published by
|
joachim99@69
|
7 the Free Software Foundation; either version 2 of the License, or
|
joachim99@69
|
8 (at your option) any later version.
|
joachim99@69
|
9
|
joachim99@69
|
10 This program is distributed in the hope that it will be useful,
|
joachim99@69
|
11 but WITHOUT ANY WARRANTY; without even the implied warranty of
|
joachim99@69
|
12 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
joachim99@69
|
13 GNU General Public License for more details.
|
joachim99@69
|
14
|
joachim99@69
|
15 You should have received a copy of the GNU General Public License
|
joachim99@69
|
16 along with this program; if not, write to the Free Software
|
joachim99@69
|
17 Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
|
joachim99@69
|
18
|
joachim99@69
|
19 Send comments, suggestions, etc. to Frederik Fouvry
|
joachim99@69
|
20 <fouvry@sfs.nphil.uni-tuebingen.de>. */
|
joachim99@69
|
21
|
joachim99@69
|
22 /*
|
joachim99@69
|
23 Important note: these setting may be overridden by localised CSS. Do not
|
joachim99@69
|
24 add here any localization-sensitive style declarations.
|
joachim99@69
|
25
|
joachim99@69
|
26 Any updates should be validated, e.g. http://jigsaw.w3.org/css-validator/ */
|
joachim99@69
|
27
|
joachim99@69
|
28 /* Note: "should be inherit" means that in a proper browser inherit should work.
|
joachim99@69
|
29 Somehow Netscape manages to interpret "inherit" as bright green.
|
joachim99@69
|
30 Yuck. */
|
joachim99@69
|
31
|
joachim99@69
|
32 body {
|
joachim99@69
|
33 background: white none;
|
joachim99@69
|
34 color: black;
|
joachim99@69
|
35 font-family: sans-serif;
|
joachim99@80
|
36 padding: 0 15px 0 0;
|
joachim99@69
|
37 margin: 0;
|
joachim99@69
|
38 }
|
joachim99@69
|
39
|
joachim99@69
|
40 .legalnotice, .copyright {
|
joachim99@69
|
41 padding: 0;
|
joachim99@69
|
42 margin: 0;
|
joachim99@69
|
43 }
|
joachim99@69
|
44
|
joachim99@69
|
45 .abstract {
|
joachim99@69
|
46 font-weight: bolder;
|
joachim99@69
|
47 padding-right: 1em;
|
joachim99@69
|
48 }
|
joachim99@69
|
49
|
joachim99@69
|
50 .toc, .list-of-tables {
|
joachim99@69
|
51 padding-left: 1em;
|
joachim99@69
|
52 }
|
joachim99@69
|
53
|
joachim99@69
|
54 .sect1, .chapter, .synopsis, .appendix, .preface, .article, .refsect1, .index, .glossary, .section {
|
joachim99@80
|
55 padding-left: 1em;
|
joachim99@69
|
56 }
|
joachim99@69
|
57
|
joachim99@69
|
58 .toc .chapter {
|
joachim99@69
|
59 padding: 0em 0em 0em 1em;
|
joachim99@69
|
60 }
|
joachim99@69
|
61
|
joachim99@69
|
62 .author {
|
joachim99@69
|
63 color: rgb(82,80,82);
|
joachim99@69
|
64 font-weight: bolder;
|
joachim99@69
|
65 padding: 0;
|
joachim99@69
|
66 margin: 0;
|
joachim99@69
|
67 }
|
joachim99@69
|
68
|
joachim99@69
|
69 .othercredit {
|
joachim99@69
|
70 line-height: 1em;
|
joachim99@69
|
71 }
|
joachim99@69
|
72
|
joachim99@69
|
73 .chapter .sect1, .chapter .titlepage, .sect1 .titlepage, .article .titlepage {
|
joachim99@69
|
74 padding: 0em;
|
joachim99@69
|
75 }
|
joachim99@69
|
76
|
joachim99@69
|
77 .titlepage {
|
joachim99@69
|
78 padding-left: 1em;
|
joachim99@69
|
79 padding-right: 1em;
|
joachim99@69
|
80 }
|
joachim99@69
|
81
|
joachim99@69
|
82 /* Links in Navigation */
|
joachim99@69
|
83
|
joachim99@69
|
84 .navLeft a:link, .navCenter a:link, .navRight a:link, .header a:link, .header a:visited, .bottom-nav a:link, .bottom-nav a:visited {
|
joachim99@69
|
85 color: #41597A;
|
joachim99@69
|
86 font-weight: bold;
|
joachim99@69
|
87 }
|
joachim99@69
|
88
|
joachim99@69
|
89
|
joachim99@69
|
90 /* Nice link colors for the main text */
|
joachim99@69
|
91
|
joachim99@69
|
92 :link {
|
joachim99@69
|
93 color: #41597A;
|
joachim99@69
|
94 }
|
joachim99@69
|
95
|
joachim99@69
|
96 :visited {
|
joachim99@69
|
97 color: #597ba8;
|
joachim99@69
|
98 }
|
joachim99@69
|
99
|
joachim99@69
|
100 .navLeft {
|
joachim99@69
|
101 position: absolute;
|
joachim99@69
|
102 left: 20px;
|
joachim99@69
|
103 }
|
joachim99@69
|
104
|
joachim99@69
|
105 .navRight {
|
joachim99@69
|
106 position: absolute;
|
joachim99@69
|
107 right: 20px;
|
joachim99@69
|
108 }
|
joachim99@69
|
109
|
joachim99@69
|
110 .navCenter {
|
joachim99@69
|
111 text-align: center;
|
joachim99@69
|
112 align: center;
|
joachim99@69
|
113 }
|
joachim99@69
|
114
|
joachim99@69
|
115 .bannerBottomLeft {
|
joachim99@69
|
116 position: absolute; left: 0px;
|
joachim99@69
|
117 }
|
joachim99@69
|
118
|
joachim99@69
|
119 .bannerBottomRight {
|
joachim99@69
|
120 position: absolute; right: 0px;
|
joachim99@69
|
121 }
|
joachim99@69
|
122
|
joachim99@69
|
123 .header {
|
joachim99@69
|
124 background: #3E91EB none;
|
joachim99@69
|
125 border-bottom: 1px solid #206dcd;
|
joachim99@69
|
126 border-top: 1px solid white;
|
joachim99@69
|
127 color: white;
|
joachim99@69
|
128 font-size: small;
|
joachim99@69
|
129 height: 1.7em;
|
joachim99@69
|
130 line-height: 1em;
|
joachim99@69
|
131 margin: 0px;
|
joachim99@69
|
132 padding-bottom: 0px;
|
joachim99@69
|
133 padding-left: 1em;
|
joachim99@69
|
134 padding-right: 0px;
|
joachim99@69
|
135 padding-top: 0px;
|
joachim99@69
|
136 vertical-align: middle;
|
joachim99@69
|
137 }
|
joachim99@69
|
138
|
joachim99@69
|
139 .bottom-nav {
|
joachim99@69
|
140 background-color: #3E91EB;
|
joachim99@69
|
141 border-bottom: 1px solid #206dcd;
|
joachim99@69
|
142 border-top: 1px solid white;
|
joachim99@69
|
143 color: white;
|
joachim99@69
|
144 font-size: small;
|
joachim99@69
|
145 height: 1.7em;
|
joachim99@69
|
146 line-height: 1em;
|
joachim99@69
|
147 margin: 0px;
|
joachim99@69
|
148 padding-bottom: 0px;
|
joachim99@69
|
149 padding-left: 1em;
|
joachim99@69
|
150 padding-right: 0px;
|
joachim99@69
|
151 padding-top: 10px;
|
joachim99@69
|
152 vertical-align: middle;
|
joachim99@69
|
153 }
|
joachim99@69
|
154
|
joachim99@69
|
155 #logo {
|
joachim99@69
|
156 background: url('kde_logo_bg.png') transparent repeat;
|
joachim99@69
|
157 }
|
joachim99@69
|
158
|
joachim99@69
|
159 /* A little bit of padding makes the tables for keybindings etc much easier to read */
|
joachim99@69
|
160
|
joachim99@69
|
161 table {
|
joachim99@69
|
162 padding: 5px;
|
joachim99@69
|
163 }
|
joachim99@69
|
164
|
joachim99@69
|
165 dl {
|
joachim99@69
|
166 margin-top: 0em;
|
joachim99@69
|
167 margin-bottom: 0.5em;
|
joachim99@69
|
168 }
|
joachim99@69
|
169
|
joachim99@69
|
170 dt {
|
joachim99@69
|
171 margin-top: 1em;
|
joachim99@69
|
172 }
|
joachim99@69
|
173 div.toc dt {
|
joachim99@69
|
174 margin-top: 0px;
|
joachim99@69
|
175 }
|
joachim99@69
|
176 div.screenshot {
|
joachim99@69
|
177 margin-bottom: 1em;
|
joachim99@69
|
178 margin-top: 1em;
|
joachim99@69
|
179 }
|
joachim99@69
|
180
|
joachim99@69
|
181 div.informalexample {
|
joachim99@69
|
182 border-style: dotted;
|
joachim99@69
|
183 padding: 10px;
|
joachim99@69
|
184 }
|
joachim99@69
|
185
|
joachim99@69
|
186 /* But no padding for navigation elements */
|
joachim99@69
|
187
|
joachim99@69
|
188 .toplogo, .navbackground {
|
joachim99@69
|
189 padding: 0px;
|
joachim99@69
|
190 }
|
joachim99@69
|
191
|
joachim99@69
|
192 table.programlisting
|
joachim99@69
|
193 table.screen {
|
joachim99@69
|
194 border-style: none;
|
joachim99@69
|
195 background-color: rgb(224,224,224);
|
joachim99@69
|
196 table-layout: auto; /* 100%? */
|
joachim99@69
|
197 color: rgb(0,0,0); /* should be inherit */
|
joachim99@69
|
198 }
|
joachim99@69
|
199
|
joachim99@69
|
200 /* Same as previous block, but more general (previous is HTML only)
|
joachim99@69
|
201 Not all browsers understand this yet.
|
joachim99@69
|
202 TABLE[class~=programlisting]
|
joachim99@69
|
203 TABLE[class~=screen] { border-style: none;
|
joachim99@69
|
204 background-color: rgb(224,224,224);
|
joachim99@69
|
205 table-layout: auto;
|
joachim99@69
|
206 color: inherit;
|
joachim99@69
|
207 }
|
joachim99@69
|
208 */
|
joachim99@69
|
209
|
joachim99@69
|
210 p {
|
joachim99@69
|
211 text-align: justify;
|
joachim99@69
|
212 }
|
joachim99@69
|
213
|
joachim99@69
|
214 /* More specific settings */
|
joachim99@69
|
215 /* Temporary patch: browsers break on bad HTML */
|
joachim99@69
|
216 /* P, H1, H2, H3, H4, H5, TD, TH { font-family: Helvetica, Arial, sans-serif;
|
joachim99@69
|
217 } */
|
joachim99@69
|
218
|
joachim99@69
|
219 p, h1, h2, h3, h4, h5, h6, td, th {
|
joachim99@69
|
220 font-family: sans-serif;
|
joachim99@69
|
221 }
|
joachim99@69
|
222
|
joachim99@69
|
223 /* Visual cues for GUI elements etc in the text */
|
joachim99@69
|
224
|
joachim99@69
|
225 .guimenu, .guimenuitem, .guisubmenu {
|
joachim99@80
|
226 background-color: rgb(220,220,220);
|
joachim99@69
|
227 color: rgb(0,0,0); /* should be inherit */
|
joachim99@69
|
228 }
|
joachim99@69
|
229
|
joachim99@69
|
230 .guilabel, .interface, .guibutton {
|
joachim99@80
|
231 background-color: rgb(220,220,220);
|
joachim99@69
|
232 color: rgb(0,0,0); /* should be inherit */
|
joachim99@69
|
233 }
|
joachim99@69
|
234
|
joachim99@69
|
235 .shortcut {
|
joachim99@80
|
236 background-color: rgb(220,220,220);
|
joachim99@69
|
237 color: rgb(0,0,0); /* should be inherit */
|
joachim99@69
|
238 }
|
joachim99@69
|
239
|
joachim99@69
|
240 .shortcut .keycap {
|
joachim99@80
|
241 background-color: rgb(220,220,220);
|
joachim99@69
|
242 color: rgb(0,0,0); /* should be inherit */
|
joachim99@69
|
243 }
|
joachim99@69
|
244
|
joachim99@69
|
245 .question {
|
joachim99@69
|
246 font-weight: bolder;
|
joachim99@69
|
247 }
|
joachim99@69
|
248
|
joachim99@69
|
249 .accel {
|
joachim99@80
|
250 background-color: rgb(220,220,220);
|
joachim99@69
|
251 color: rgb(0,0,0);
|
joachim99@69
|
252 text-decoration: underline;
|
joachim99@69
|
253 }
|
joachim99@69
|
254
|
joachim99@69
|
255 .option, .command {
|
joachim99@69
|
256 background-color: rgb(255,255,255);
|
joachim99@69
|
257 color: rgb(0,96,160);
|
joachim99@69
|
258 font-weight: bold;
|
joachim99@69
|
259 }
|
joachim99@69
|
260
|
joachim99@69
|
261 h1, h2, h3, h4, h5, h6 {
|
joachim99@69
|
262 color: rgb(82,80,82);
|
joachim99@69
|
263 background-color: transparent;
|
joachim99@69
|
264 }
|
joachim99@69
|
265
|
joachim99@69
|
266 .arg, .parameter, .replaceable {
|
joachim99@69
|
267 background-color: rgb(255,255,255);
|
joachim99@69
|
268 color: rgb(0,128,64);
|
joachim99@69
|
269 font-style: italic;
|
joachim99@69
|
270 }
|
joachim99@69
|
271
|
joachim99@69
|
272 .screen, .programlisting {
|
joachim99@80
|
273 background-color: rgb(220,220,220);
|
joachim99@69
|
274 color: rgb(0,0,0); /* should be inherit */
|
joachim99@69
|
275 border-style: dotted;
|
joachim99@69
|
276 border-color: rgb(0,0,0);
|
joachim99@69
|
277 border-width: thin;
|
joachim99@69
|
278 padding: 5px;
|
joachim99@69
|
279 }
|
joachim99@69
|
280
|
joachim99@69
|
281
|
joachim99@69
|
282 /* This one is set in inches because the admonitions are set in inches
|
joachim99@69
|
283 and they're more difficult to change. We can live with it in here,
|
joachim99@69
|
284 for the meantime, it gives consistent margins */
|
joachim99@69
|
285
|
joachim99@69
|
286 .example {
|
joachim99@69
|
287 margin-left: 0.5in;
|
joachim99@69
|
288 margin-right: 0.5in;
|
joachim99@69
|
289 }
|
joachim99@69
|
290
|
joachim99@69
|
291 div.mediaobject {
|
joachim99@69
|
292 /* float: right; */
|
joachim99@69
|
293 /* might make it much nicer. although someone has to
|
joachim99@69
|
294 understand the rules ;-) You also don't want it to be
|
joachim99@69
|
295 surrounded by text it doesn't refer to ... But that
|
joachim99@69
|
296 may be among others a question of writing style. */
|
joachim99@69
|
297 text-align: center; /* a bit of a hack: it should
|
joachim99@69
|
298 position _images_ */
|
joachim99@69
|
299 }
|
joachim99@69
|
300
|
joachim99@69
|
301 .caption {
|
joachim99@69
|
302 margin: 0em 2em 3em 2em;
|
joachim99@69
|
303 text-align: center;
|
joachim99@69
|
304 }
|
joachim99@69
|
305
|
joachim99@69
|
306 .inlinemediaobject {
|
joachim99@69
|
307 vertical-align: baseline;
|
joachim99@69
|
308 padding-right: 1em;
|
joachim99@69
|
309 padding-left: 1em;
|
joachim99@69
|
310 }
|
joachim99@69
|
311
|
joachim99@69
|
312 /* An idea that could be nice: a search engine looking for specific
|
joachim99@69
|
313 classes could display them in some conspicuous color. All that is
|
joachim99@69
|
314 needed is an on the fly generated style element/style sheet. */
|
joachim99@69
|
315
|
joachim99@69
|
316 /* Only used in the hand-made HTML license texts */
|
joachim99@69
|
317 body.license {
|
joachim99@69
|
318 background-color: rgb(255,255,255);
|
joachim99@69
|
319 text-align: justify;
|
joachim99@69
|
320 color: rgb(0,0,0);
|
joachim99@69
|
321 }
|
joachim99@69
|
322 pre.license {
|
joachim99@69
|
323 background-color: rgb(255,255,255);
|
joachim99@69
|
324 font-family: monospace;
|
joachim99@69
|
325 color: rgb(0,0,0);
|
joachim99@69
|
326 }
|
joachim99@69
|
327
|