-rw-r--r-- | doc/common/kde-web.css | 178 |
1 files changed, 178 insertions, 0 deletions
diff --git a/doc/common/kde-web.css b/doc/common/kde-web.css new file mode 100644 index 0000000..c143105 --- a/dev/null +++ b/doc/common/kde-web.css | |||
@@ -0,0 +1,178 @@ | |||
1 | /* | ||
2 | KDE-wide default CSS for HTML documentation (all media types). | ||
3 | Copyright (C) 2000 Frederik Fouvry | ||
4 | |||
5 | This program is free software; you can redistribute it and/or modify | ||
6 | it under the terms of the GNU General Public License as published by | ||
7 | the Free Software Foundation; either version 2 of the License, or | ||
8 | (at your option) any later version. | ||
9 | |||
10 | This program is distributed in the hope that it will be useful, | ||
11 | but WITHOUT ANY WARRANTY; without even the implied warranty of | ||
12 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | ||
13 | GNU General Public License for more details. | ||
14 | |||
15 | You should have received a copy of the GNU General Public License | ||
16 | along with this program; if not, write to the Free Software | ||
17 | Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA | ||
18 | |||
19 | Send comments, suggestions, etc. to Frederik Fouvry | ||
20 | <fouvry@sfs.nphil.uni-tuebingen.de>. */ | ||
21 | |||
22 | /* | ||
23 | Important note: these setting may be overridden by localised CSS. Do not | ||
24 | add here any localisation-sensitive style declarations. | ||
25 | |||
26 | Any updates should be validated, e.g. http://jigsaw.w3.org/css-validator/ */ | ||
27 | |||
28 | /* Note: "should be inherit" means that in a proper browser inherit should work. | ||
29 | Somehow Netscape manages to interpret "inherit" as bright green. | ||
30 | Yuck. */ | ||
31 | |||
32 | /* Make the main contents of the page not slide up under the top banner */ | ||
33 | |||
34 | /* #body_text { position: relative; | ||
35 | top: 100px; } */ | ||
36 | |||
37 | /* This is a horrible awful hack.. to once again fix the sliding | ||
38 | navigation problem. */ | ||
39 | |||
40 | body { background-color: white; | ||
41 | width: 596px; | ||
42 | color: black; | ||
43 | align: center;} | ||
44 | |||
45 | /* Nice link colors for the main text, and bottom navigation */ | ||
46 | |||
47 | :link { color: rgb(170,0,0); | ||
48 | background-color: white; /* should be inherit */ } | ||
49 | :visited { color: rgb(170,0,85); | ||
50 | background-color: white; /* should be inherit */ } | ||
51 | :active { color: rgb(170,0,0); | ||
52 | background-color: white; /* should be inherit */ } | ||
53 | |||
54 | /* Link colors for the top navigation */ | ||
55 | |||
56 | .left :link, .center :link, .right :link { color: rgb(255,255,255); | ||
57 | background-color: rgb(82,80,82); } | ||
58 | |||
59 | .left :visited, .center :visited, .right :visited { color: rgb(186,182,186); | ||
60 | background-color: rgb(82,80,82); } | ||
61 | |||
62 | /* Giving this a background color breaks things, and it's not necessary for | ||
63 | either navigation or orientation.. so transparent */ | ||
64 | |||
65 | .center {color: rgb(255,255,255); | ||
66 | background-color: transparent; } | ||
67 | |||
68 | |||
69 | :active {color: rgb(186,182,186); | ||
70 | background-color: transparent; } | ||
71 | |||
72 | /* A little bit of padding makes the tables for keybindings etc much easier to read */ | ||
73 | |||
74 | TABLE { padding: 5px; } | ||
75 | DT { margin-top: 1em; } | ||
76 | DIV.SCREENSHOT { margin-bottom: 1em; | ||
77 | margin-top: 1em; } | ||
78 | DIV.INFORMALEXAMPLE { border-style: dotted; | ||
79 | padding: 10px; } | ||
80 | |||
81 | /* But no padding for navigation elements */ | ||
82 | |||
83 | .shadow, .headline, .bulb, .end { padding: 0px; } | ||
84 | |||
85 | TABLE.programlisting | ||
86 | TABLE.screen { border-style: none; | ||
87 | background-color: rgb(224,224,224); | ||
88 | table-layout: auto; /* 100%? */ | ||
89 | color: rgb(0,0,0); /* should be inherit */ | ||
90 | } | ||
91 | |||
92 | /* Same as previous block, but more general (previous is HTML only) | ||
93 | Not all browsers understand this yet. | ||
94 | TABLE[class~=programlisting] | ||
95 | TABLE[class~=screen] { border-style: none; | ||
96 | background-color: rgb(224,224,224); | ||
97 | table-layout: auto; | ||
98 | color: inherit; | ||
99 | } | ||
100 | */ | ||
101 | |||
102 | P { text-align: justify; } | ||
103 | |||
104 | /* More specific settings */ | ||
105 | |||
106 | DIV.navbar P { text-align: right; } | ||
107 | |||
108 | /* Temporary patch: browsers break on bad HTML */ | ||
109 | /* P, H1, H2, H3, H4, H5, TD, TH { font-family: Helvetica, Arial, sans-serif; | ||
110 | } */ | ||
111 | |||
112 | P, H1, H2, H3, H4, H5, TD, TH { font-family: sans-serif; | ||
113 | } | ||
114 | |||
115 | |||
116 | |||
117 | /* Visual cues for GUI elements etc in the text */ | ||
118 | |||
119 | .guimenu, .guimenuitem, .guisubmenu { background-color: rgb(240,240,240); | ||
120 | color: rgb(0,0,0); /* should be inherit */ | ||
121 | } | ||
122 | |||
123 | .guilabel, .interface, .guibutton { background-color: rgb(240,240,240); | ||
124 | color: rgb(0,0,0); /* should be inherit */ | ||
125 | } | ||
126 | |||
127 | .shortcut { background-color: rgb(240,240,240); | ||
128 | color: rgb(0,0,0); /* should be inherit */ | ||
129 | } | ||
130 | |||
131 | .shortcut .keycap { background-color: rgb(240,240,240); | ||
132 | color: rgb(0,0,0); /* should be inherit */ | ||
133 | } | ||
134 | |||
135 | .question { font-weight: bolder; } | ||
136 | |||
137 | .accel { background-color: rgb(240,240,240); | ||
138 | color: rgb(0,0,0); | ||
139 | text-decoration: underline; | ||
140 | } | ||
141 | |||
142 | .option, .command { background-color: rgb(255,255,255); | ||
143 | color: rgb(0,96,160); | ||
144 | font-weight: bold; | ||
145 | } | ||
146 | |||
147 | h1, h2, h3, h4, h5, h6 { color: rgb(82,80,82); | ||
148 | } | ||
149 | .arg, .parameter, .replaceable{ background-color: rgb(255,255,255); | ||
150 | color: rgb(0,128,64); | ||
151 | font-style: italic; | ||
152 | } | ||
153 | |||
154 | DIV.mediaobject { /* float: right; */ | ||
155 | /* might make it much nicer. although someone has to | ||
156 | understand the rules ;-) You also don't want it to be | ||
157 | surrounded by text it doesn't refer to ... But that | ||
158 | may be among others a question of writing style. */ | ||
159 | text-align: center; /* a bit of a hack: it should | ||
160 | position _images_ */ | ||
161 | } | ||
162 | |||
163 | /* An idea that could be nice: a search engine looking for specific | ||
164 | classes could display them in some conspicuous colour. All that is | ||
165 | needed is an on the fly generated style element/style sheet. */ | ||
166 | |||
167 | /* Only used in the hand-made HTML license texts */ | ||
168 | BODY.license { background-color: rgb(255,255,255); | ||
169 | text-align: justify; | ||
170 | color: rgb(0,0,0); | ||
171 | } | ||
172 | PRE.license { background-color: rgb(255,255,255); | ||
173 | font-family: monospace; | ||
174 | color: rgb(0,0,0); | ||
175 | } | ||
176 | |||
177 | .topbanner { background-repeat: no-repeat; | ||
178 | } \ No newline at end of file | ||