Changeset View
Changeset View
Standalone View
Standalone View
common/en/kde-default.css
Show First 20 Lines • Show All 77 Lines • ▼ Show 20 Line(s) | 77 | .chapter .sect1, .chapter .titlepage, .sect1 .titlepage, .article .titlepage { | |||
---|---|---|---|---|---|
78 | padding: 0em; | 78 | padding: 0em; | ||
79 | } | 79 | } | ||
80 | 80 | | |||
81 | .titlepage { | 81 | .titlepage { | ||
82 | padding-left: 1em; | 82 | padding-left: 1em; | ||
83 | padding-right: 1em; | 83 | padding-right: 1em; | ||
84 | } | 84 | } | ||
85 | 85 | | |||
86 | /* Links in Navigation */ | | |||
87 | | ||||
88 | .navLeft a:link, .navCenter a:link, .navRight a:link, .header a:link, .header a:visited, .bottom-nav a:link, .bottom-nav a:visited { | | |||
89 | color: #41597A; | | |||
90 | font-weight: bold; | | |||
91 | } | | |||
92 | | ||||
93 | | ||||
94 | /* Nice link colors for the main text */ | 86 | /* Nice link colors for the main text */ | ||
95 | 87 | | |||
96 | :link { | 88 | :link { | ||
97 | color: #41597A; | 89 | color: #41597A; | ||
98 | } | 90 | } | ||
99 | 91 | | |||
100 | :visited { | 92 | a, :visited { | ||
101 | color: #597ba8; | 93 | color: #597ba8; | ||
102 | } | 94 | } | ||
103 | 95 | | |||
104 | .navLeft { | 96 | .navLeft { | ||
105 | position: absolute; | 97 | position: absolute; | ||
106 | left: 20px; | 98 | left: 20px; | ||
107 | } | 99 | } | ||
108 | 100 | | |||
Show All 11 Lines | 111 | .bannerBottomLeft { | |||
120 | position: absolute; left: 0px; | 112 | position: absolute; left: 0px; | ||
121 | } | 113 | } | ||
122 | 114 | | |||
123 | .bannerBottomRight { | 115 | .bannerBottomRight { | ||
124 | position: absolute; right: 0px; | 116 | position: absolute; right: 0px; | ||
125 | } | 117 | } | ||
126 | 118 | | |||
127 | .header { | 119 | .header { | ||
128 | background: #3E91EB none; | 120 | background: #54a3d8 none; | ||
129 | border-bottom: 1px solid #206dcd; | | |||
130 | border-top: 1px solid white; | 121 | border-top: 1px solid white; | ||
131 | color: white; | 122 | color: white; | ||
132 | font-size: small; | 123 | font-size: small; | ||
133 | height: 1.7em; | 124 | height: 1.7em; | ||
134 | line-height: 1em; | 125 | line-height: 1em; | ||
135 | margin: 0px; | 126 | margin: 0px; | ||
136 | padding-bottom: 0px; | 127 | padding: 0px; | ||
137 | padding-left: 1em; | | |||
138 | padding-right: 0px; | | |||
139 | padding-top: 0px; | | |||
140 | vertical-align: middle; | 128 | vertical-align: middle; | ||
141 | } | 129 | } | ||
142 | 130 | | |||
143 | .bottom-nav { | 131 | .bottom-nav { | ||
144 | background-color: #3E91EB; | 132 | background-color: #3E91EB; | ||
145 | border-bottom: 1px solid #206dcd; | 133 | border-bottom: 1px solid #206dcd; | ||
146 | border-top: 1px solid white; | 134 | border-top: 1px solid white; | ||
147 | color: white; | 135 | color: white; | ||
148 | font-size: small; | 136 | font-size: small; | ||
149 | height: 1.7em; | 137 | height: 1.7em; | ||
150 | line-height: 1em; | 138 | line-height: 1em; | ||
151 | margin: 0px; | 139 | margin: 0px; | ||
152 | padding-bottom: 0px; | 140 | padding-bottom: 0px; | ||
153 | padding-left: 1em; | 141 | padding-left: 1em; | ||
154 | padding-right: 0px; | 142 | padding-right: 0px; | ||
155 | padding-top: 10px; | 143 | padding-top: 10px; | ||
156 | vertical-align: middle; | 144 | vertical-align: middle; | ||
157 | } | 145 | } | ||
158 | 146 | | |||
159 | #logo { | | |||
160 | background: url('kde_logo_bg.png') transparent repeat; | | |||
161 | } | | |||
162 | | ||||
163 | /* A little bit of padding makes the tables for keybindings etc much easier to read */ | 147 | /* A little bit of padding makes the tables for keybindings etc much easier to read */ | ||
164 | 148 | | |||
165 | table { | 149 | table { | ||
166 | padding: 5px; | 150 | padding: 5px; | ||
167 | } | 151 | } | ||
168 | 152 | | |||
169 | dl { | 153 | dl { | ||
170 | margin-top: 0em; | 154 | margin-top: 0em; | ||
▲ Show 20 Lines • Show All 48 Lines • ▼ Show 20 Line(s) | |||||
219 | /* Temporary patch: browsers break on bad HTML */ | 203 | /* Temporary patch: browsers break on bad HTML */ | ||
220 | /* P, H1, H2, H3, H4, H5, TD, TH { font-family: Helvetica, Arial, sans-serif; | 204 | /* P, H1, H2, H3, H4, H5, TD, TH { font-family: Helvetica, Arial, sans-serif; | ||
221 | } */ | 205 | } */ | ||
222 | 206 | | |||
223 | p, h1, h2, h3, h4, h5, h6, td, th { | 207 | p, h1, h2, h3, h4, h5, h6, td, th { | ||
224 | font-family: sans-serif; | 208 | font-family: sans-serif; | ||
225 | } | 209 | } | ||
226 | 210 | | |||
211 | h1,h2,h3,h4,h5,h6 { | ||||
212 | color: #525052; | ||||
213 | background-color: transparent; | ||||
214 | font-weight: 550; | ||||
215 | } | ||||
216 | | ||||
217 | h1,h2,h3 { | ||||
218 | line-height: 1.5em; | ||||
219 | } | ||||
220 | | ||||
227 | /* Visual cues for GUI elements etc in the text */ | 221 | /* Visual cues for GUI elements etc in the text */ | ||
228 | 222 | | |||
229 | .guimenu, .guimenuitem, .guisubmenu { | 223 | .guimenu, .guimenuitem, .guisubmenu { | ||
230 | background-color: rgb(220,220,220); | 224 | background-color: rgb(220,220,220); | ||
231 | color: rgb(0,0,0); /* should be inherit */ | 225 | color: rgb(0,0,0); /* should be inherit */ | ||
232 | } | 226 | } | ||
233 | 227 | | |||
234 | .guilabel, .interface, .guibutton, .guiicon { | 228 | .guilabel, .interface, .guibutton, .guiicon { | ||
Show All 22 Lines | |||||
257 | } | 251 | } | ||
258 | 252 | | |||
259 | .option, .command { | 253 | .option, .command { | ||
260 | background-color: rgb(255,255,255); | 254 | background-color: rgb(255,255,255); | ||
261 | color: rgb(0,96,160); | 255 | color: rgb(0,96,160); | ||
262 | font-weight: bold; | 256 | font-weight: bold; | ||
263 | } | 257 | } | ||
264 | 258 | | |||
265 | h1, h2, h3, h4, h5, h6 { | | |||
266 | color: rgb(82,80,82); | | |||
267 | background-color: transparent; | | |||
268 | } | | |||
269 | | ||||
270 | .arg, .parameter, .replaceable { | 259 | .arg, .parameter, .replaceable { | ||
271 | background-color: rgb(255,255,255); | 260 | background-color: rgb(255,255,255); | ||
272 | color: rgb(0,128,64); | 261 | color: rgb(0,128,64); | ||
273 | font-style: italic; | 262 | font-style: italic; | ||
274 | } | 263 | } | ||
275 | 264 | | |||
276 | .screen, .programlisting { | 265 | .screen, .programlisting { | ||
277 | background-color: rgb(220,220,220); | 266 | background-color: rgb(220,220,220); | ||
Show All 26 Lines | |||||
304 | 293 | | |||
305 | .caption { | 294 | .caption { | ||
306 | margin: 0em 2em 0em 2em; | 295 | margin: 0em 2em 0em 2em; | ||
307 | text-align: center; | 296 | text-align: center; | ||
308 | } | 297 | } | ||
309 | 298 | | |||
310 | .inlinemediaobject { | 299 | .inlinemediaobject { | ||
311 | vertical-align: baseline; | 300 | vertical-align: baseline; | ||
312 | padding-right: 1em; | | |||
313 | padding-left: 1em; | | |||
314 | } | 301 | } | ||
315 | 302 | | |||
316 | /* An idea that could be nice: a search engine looking for specific | 303 | /* An idea that could be nice: a search engine looking for specific | ||
317 | classes could display them in some conspicuous color. All that is | 304 | classes could display them in some conspicuous color. All that is | ||
318 | needed is an on the fly generated style element/style sheet. */ | 305 | needed is an on the fly generated style element/style sheet. */ | ||
319 | 306 | | |||
320 | /* Only used in the hand-made HTML license texts */ | 307 | /* Only used in the hand-made HTML license texts */ | ||
321 | body.license { | 308 | body.license { | ||
322 | background-color: rgb(255,255,255); | 309 | background-color: rgb(255,255,255); | ||
323 | text-align: justify; | 310 | text-align: justify; | ||
324 | color: rgb(0,0,0); | 311 | color: rgb(0,0,0); | ||
325 | } | 312 | } | ||
326 | pre.license { | 313 | pre.license { | ||
327 | background-color: rgb(255,255,255); | 314 | background-color: rgb(255,255,255); | ||
328 | font-family: monospace; | 315 | font-family: monospace; | ||
329 | color: rgb(0,0,0); | 316 | color: rgb(0,0,0); | ||
330 | } | 317 | } | ||
331 | 318 | code.email { | |||
319 | font-size: 87.5%; | ||||
320 | color: #e83e8c; | ||||
321 | word-break: break-word; | ||||
322 | } | ||||
323 | a { | ||||
324 | color: #007bff; | ||||
325 | text-decoration: none; | ||||
326 | background-color: transparent; | ||||
327 | } | ||||
328 | a:hover { | ||||
329 | color: #0056b3; | ||||
330 | text-decoration: underline; | ||||
331 | } | ||||
332 | dt { | ||||
333 | font-weight: 500; | ||||
334 | } |