|
1 /* |
|
2 * The default style sheet used to render HTML. |
|
3 * |
|
4 * Copyright (C) 2000 Lars Knoll (knoll@kde.org) |
|
5 * Copyright (C) 2003, 2004, 2005, 2006, 2007 Apple Inc. All rights reserved. |
|
6 * |
|
7 * This library is free software; you can redistribute it and/or |
|
8 * modify it under the terms of the GNU Library General Public |
|
9 * License as published by the Free Software Foundation; either |
|
10 * version 2 of the License, or (at your option) any later version. |
|
11 * |
|
12 * This library is distributed in the hope that it will be useful, |
|
13 * but WITHOUT ANY WARRANTY; without even the implied warranty of |
|
14 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU |
|
15 * Library General Public License for more details. |
|
16 * |
|
17 * You should have received a copy of the GNU Library General Public License |
|
18 * along with this library; see the file COPYING.LIB. If not, write to |
|
19 * the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, |
|
20 * Boston, MA 02110-1301, USA. |
|
21 * |
|
22 */ |
|
23 |
|
24 @namespace "http://www.w3.org/1999/xhtml"; |
|
25 |
|
26 html { |
|
27 display: block |
|
28 } |
|
29 |
|
30 /* children of the <head> element all have display:none */ |
|
31 head { |
|
32 display: none |
|
33 } |
|
34 |
|
35 meta { |
|
36 display: none |
|
37 } |
|
38 |
|
39 title { |
|
40 display: none |
|
41 } |
|
42 |
|
43 link { |
|
44 display: none |
|
45 } |
|
46 |
|
47 style { |
|
48 display: none |
|
49 } |
|
50 |
|
51 script { |
|
52 display: none |
|
53 } |
|
54 |
|
55 /* generic block-level elements */ |
|
56 |
|
57 body { |
|
58 display: block; |
|
59 margin: 8px |
|
60 } |
|
61 |
|
62 p { |
|
63 display: block; |
|
64 margin: 1.0__qem 0px |
|
65 } |
|
66 |
|
67 div { |
|
68 display: block |
|
69 } |
|
70 |
|
71 layer { |
|
72 display: block |
|
73 } |
|
74 |
|
75 marquee { |
|
76 display: inline-block; |
|
77 overflow: -webkit-marquee |
|
78 } |
|
79 |
|
80 address { |
|
81 display: block |
|
82 } |
|
83 |
|
84 blockquote { |
|
85 display: block; |
|
86 margin: 1__qem 40px 1em 40px |
|
87 } |
|
88 |
|
89 q { |
|
90 display: inline |
|
91 } |
|
92 |
|
93 q:before { |
|
94 content: '"' |
|
95 /* FIXME: content: open-quote; */ |
|
96 } |
|
97 |
|
98 q:after { |
|
99 content: '"' |
|
100 /* FIXME: content: close-quote; */ |
|
101 } |
|
102 |
|
103 q q:before { |
|
104 content: "'" |
|
105 /* FIXME: content: open-quote; */ |
|
106 } |
|
107 |
|
108 q q:after { |
|
109 content: "'" |
|
110 /* FIXME: content: close-quote; */ |
|
111 } |
|
112 |
|
113 bgsound { |
|
114 display: none; |
|
115 width: 0px; |
|
116 height: 0px; |
|
117 } |
|
118 |
|
119 center { |
|
120 display: block; |
|
121 /* special centering to be able to emulate the html4/netscape behaviour */ |
|
122 text-align: -webkit-center |
|
123 } |
|
124 |
|
125 hr { |
|
126 display: block; |
|
127 margin: 0.5em auto; |
|
128 border-style: inset; |
|
129 border-width: 1px |
|
130 } |
|
131 |
|
132 map { |
|
133 display: inline |
|
134 } |
|
135 |
|
136 /* heading elements */ |
|
137 |
|
138 h1 { |
|
139 display: block; |
|
140 font-size: 2em; |
|
141 margin: .67__qem 0 .67em 0; |
|
142 font-weight: bold |
|
143 } |
|
144 |
|
145 h2 { |
|
146 display: block; |
|
147 font-size: 1.5em; |
|
148 margin: .83__qem 0 .83em 0; |
|
149 font-weight: bold |
|
150 } |
|
151 |
|
152 h3 { |
|
153 display: block; |
|
154 font-size: 1.17em; |
|
155 margin: 1__qem 0 1em 0; |
|
156 font-weight: bold |
|
157 } |
|
158 |
|
159 h4 { |
|
160 display: block; |
|
161 margin: 1.33__qem 0 1.33em 0; |
|
162 font-weight: bold |
|
163 } |
|
164 |
|
165 h5 { |
|
166 display: block; |
|
167 font-size: .83em; |
|
168 margin: 1.67__qem 0 1.67em 0; |
|
169 font-weight: bold |
|
170 } |
|
171 |
|
172 h6 { |
|
173 display: block; |
|
174 font-size: .67em; |
|
175 margin: 2.33__qem 0 2.33em 0; |
|
176 font-weight: bold |
|
177 } |
|
178 |
|
179 /* tables */ |
|
180 |
|
181 table { |
|
182 display: table; |
|
183 border-collapse: separate; |
|
184 border-spacing: 2px; |
|
185 border-color: gray |
|
186 } |
|
187 |
|
188 table[align="center"] { |
|
189 margin-left: auto; |
|
190 margin-right: auto |
|
191 } |
|
192 |
|
193 thead { |
|
194 display: table-header-group; |
|
195 vertical-align: middle; |
|
196 border-color: inherit |
|
197 } |
|
198 |
|
199 tbody { |
|
200 display: table-row-group; |
|
201 vertical-align: middle; |
|
202 border-color: inherit |
|
203 } |
|
204 |
|
205 tfoot { |
|
206 display: table-footer-group; |
|
207 vertical-align: middle; |
|
208 border-color: inherit |
|
209 } |
|
210 |
|
211 /* for tables without table section elements (can happen with XHTML or dynamically created tables) */ |
|
212 table > tr { |
|
213 vertical-align: middle; |
|
214 } |
|
215 |
|
216 col { |
|
217 display: table-column |
|
218 } |
|
219 |
|
220 colgroup { |
|
221 display: table-column-group |
|
222 } |
|
223 |
|
224 tr { |
|
225 display: table-row; |
|
226 vertical-align: inherit; |
|
227 border-color: inherit |
|
228 } |
|
229 |
|
230 td, th { |
|
231 display: table-cell; |
|
232 vertical-align: inherit |
|
233 } |
|
234 |
|
235 th { |
|
236 font-weight: bold |
|
237 } |
|
238 |
|
239 caption { |
|
240 display: table-caption; |
|
241 text-align: -webkit-center |
|
242 } |
|
243 |
|
244 /* lists */ |
|
245 |
|
246 ul, menu, dir { |
|
247 display: block; |
|
248 list-style-type: disc; |
|
249 margin: 1__qem 0 1em 0; |
|
250 -webkit-padding-start: 40px |
|
251 } |
|
252 |
|
253 ol { |
|
254 display: block; |
|
255 list-style-type: decimal; |
|
256 margin: 1__qem 0 1em 0; |
|
257 -webkit-padding-start: 40px |
|
258 } |
|
259 |
|
260 li { |
|
261 display: list-item |
|
262 } |
|
263 |
|
264 ul ul, ol ul { |
|
265 list-style-type: circle |
|
266 } |
|
267 |
|
268 ol ol ul, ol ul ul, ul ol ul, ul ul ul { |
|
269 list-style-type: square |
|
270 } |
|
271 |
|
272 dd { |
|
273 display: block; |
|
274 -webkit-margin-start: 40px |
|
275 } |
|
276 |
|
277 dl { |
|
278 display: block; |
|
279 margin: 1__qem 0 1em 0 |
|
280 } |
|
281 |
|
282 dt { |
|
283 display: block |
|
284 } |
|
285 |
|
286 ol ul, ul ol, ul ul, ol ol { |
|
287 margin-top: 0; |
|
288 margin-bottom: 0 |
|
289 } |
|
290 |
|
291 /* form elements */ |
|
292 |
|
293 form { |
|
294 display: block; |
|
295 margin: 0__qem 0 1em 0 |
|
296 } |
|
297 |
|
298 label { |
|
299 cursor: default; |
|
300 } |
|
301 |
|
302 legend { |
|
303 display: block; |
|
304 padding-left: 2px; |
|
305 padding-right: 2px; |
|
306 border: none |
|
307 } |
|
308 |
|
309 fieldset { |
|
310 display: block; |
|
311 margin-left: 2px; |
|
312 margin-right: 2px; |
|
313 padding: 0.35em 0.75em 0.625em; |
|
314 border: 2px groove ThreeDFace |
|
315 } |
|
316 |
|
317 button { |
|
318 -webkit-appearance: button; |
|
319 } |
|
320 |
|
321 input, textarea, keygen, select, button, isindex { |
|
322 margin: 0__qem; |
|
323 font: -webkit-small-control; |
|
324 color: initial; |
|
325 letter-spacing: normal; |
|
326 word-spacing: normal; |
|
327 line-height: normal; |
|
328 text-transform: none; |
|
329 text-indent: 0; |
|
330 text-shadow: none; |
|
331 display: inline-block; |
|
332 text-align: -webkit-auto; |
|
333 } |
|
334 |
|
335 input[type="hidden"] { |
|
336 display: none |
|
337 } |
|
338 |
|
339 input, input[type="password"], input[type="search"], isindex { |
|
340 -webkit-appearance: textfield; |
|
341 padding: 1px; |
|
342 background-color: white; |
|
343 border: 2px inset; |
|
344 -webkit-rtl-ordering: logical; |
|
345 -webkit-user-select: text; |
|
346 cursor: auto; |
|
347 } |
|
348 |
|
349 input[type="search"] { |
|
350 -webkit-appearance: searchfield; |
|
351 -webkit-box-sizing: border-box; |
|
352 } |
|
353 |
|
354 input[type="search"]::-webkit-search-cancel-button { |
|
355 -webkit-appearance: searchfield-cancel-button; |
|
356 } |
|
357 |
|
358 input[type="search"]::-webkit-search-decoration { |
|
359 -webkit-appearance: searchfield-decoration; |
|
360 } |
|
361 |
|
362 input[type="search"]::-webkit-search-results-decoration { |
|
363 -webkit-appearance: searchfield-results-decoration; |
|
364 } |
|
365 |
|
366 input[type="search"]::-webkit-search-results-button { |
|
367 -webkit-appearance: searchfield-results-button; |
|
368 } |
|
369 |
|
370 textarea { |
|
371 -webkit-appearance: textarea; |
|
372 background-color: white; |
|
373 border: 1px solid; |
|
374 -webkit-rtl-ordering: logical; |
|
375 -webkit-user-select: text; |
|
376 -webkit-box-orient: vertical; |
|
377 resize: auto; |
|
378 cursor: auto; |
|
379 } |
|
380 |
|
381 input[type="password"] { |
|
382 -webkit-text-security: disc !important; |
|
383 } |
|
384 |
|
385 input[type="hidden"], input[type="image"], input[type="file"] { |
|
386 -webkit-appearance: initial; |
|
387 padding: initial; |
|
388 background-color: initial; |
|
389 border: initial; |
|
390 } |
|
391 |
|
392 input[type="file"] { |
|
393 -webkit-box-align: baseline; |
|
394 } |
|
395 |
|
396 input:-webkit-autofill { |
|
397 background-color: #FAFFBD !important; |
|
398 background-image:none !important; |
|
399 } |
|
400 |
|
401 input[type="radio"], input[type="checkbox"] { |
|
402 margin: 3px 0.5ex; |
|
403 padding: initial; |
|
404 background-color: initial; |
|
405 border: initial; |
|
406 } |
|
407 |
|
408 input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button { |
|
409 -webkit-appearance: push-button; |
|
410 white-space: pre |
|
411 } |
|
412 |
|
413 input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { |
|
414 -webkit-box-align: center; |
|
415 text-align: center; |
|
416 cursor: default; |
|
417 color: ButtonText; |
|
418 padding: 2px 6px 3px 6px; |
|
419 border: 2px outset ButtonFace; |
|
420 background-color: ButtonFace; |
|
421 -webkit-box-sizing: border-box |
|
422 } |
|
423 |
|
424 input[type="range"] { |
|
425 -webkit-appearance: slider-horizontal; |
|
426 padding: initial; |
|
427 border: initial; |
|
428 margin: 2px; |
|
429 } |
|
430 |
|
431 input[type="range"]::-webkit-slider-thumb { |
|
432 -webkit-appearance: sliderthumb-horizontal; |
|
433 } |
|
434 |
|
435 input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, input[type="file"]:disabled::-webkit-file-upload-button, button:disabled, select:disabled, keygen:disabled, optgroup:disabled, option:disabled { |
|
436 color: GrayText |
|
437 } |
|
438 |
|
439 input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]:active::-webkit-file-upload-button, button:active { |
|
440 border-style: inset |
|
441 } |
|
442 |
|
443 input[type="button"]:active:disabled, input[type="submit"]:active:disabled, input[type="reset"]:active:disabled, input[type="file"]:active:disabled::-webkit-file-upload-button, button:active:disabled { |
|
444 border-style: outset |
|
445 } |
|
446 |
|
447 area, param { |
|
448 display: none |
|
449 } |
|
450 |
|
451 input[type="checkbox"] { |
|
452 -webkit-appearance: checkbox; |
|
453 -webkit-box-sizing: border-box; |
|
454 } |
|
455 |
|
456 input[type="radio"] { |
|
457 -webkit-appearance: radio; |
|
458 -webkit-box-sizing: border-box; |
|
459 } |
|
460 |
|
461 keygen, select { |
|
462 -webkit-appearance: menulist; |
|
463 -webkit-box-sizing: border-box; |
|
464 -webkit-box-align: center; |
|
465 border: 1px solid; |
|
466 white-space: pre; |
|
467 -webkit-rtl-ordering: logical; |
|
468 color: black; |
|
469 background-color: white; |
|
470 cursor: default; |
|
471 } |
|
472 |
|
473 select[size], |
|
474 select[multiple], |
|
475 select[size][multiple] { |
|
476 -webkit-appearance: listbox; |
|
477 -webkit-box-align: start; |
|
478 border: 1px inset gray; |
|
479 -webkit-border-radius: initial; |
|
480 white-space: initial; |
|
481 } |
|
482 |
|
483 select[size="0"], |
|
484 select[size="1"] { |
|
485 -webkit-appearance: menulist; |
|
486 -webkit-box-align: center; |
|
487 border: 1px solid; |
|
488 white-space: pre; |
|
489 } |
|
490 |
|
491 optgroup { |
|
492 font-weight: bolder; |
|
493 } |
|
494 |
|
495 option { |
|
496 font-weight: normal; |
|
497 } |
|
498 |
|
499 /* inline elements */ |
|
500 |
|
501 u, ins { |
|
502 text-decoration: underline |
|
503 } |
|
504 |
|
505 strong, b { |
|
506 font-weight: bolder |
|
507 } |
|
508 |
|
509 i, cite, em, var, address { |
|
510 font-style: italic |
|
511 } |
|
512 |
|
513 tt, code, kbd, samp { |
|
514 font-family: monospace |
|
515 } |
|
516 |
|
517 pre, xmp, plaintext, listing { |
|
518 display: block; |
|
519 font-family: monospace; |
|
520 white-space: pre; |
|
521 margin: 1__qem 0 |
|
522 } |
|
523 |
|
524 big { |
|
525 font-size: larger |
|
526 } |
|
527 |
|
528 small { |
|
529 font-size: smaller |
|
530 } |
|
531 |
|
532 s, strike, del { |
|
533 text-decoration: line-through |
|
534 } |
|
535 |
|
536 sub { |
|
537 vertical-align: sub; |
|
538 font-size: smaller |
|
539 } |
|
540 |
|
541 sup { |
|
542 vertical-align: super; |
|
543 font-size: smaller |
|
544 } |
|
545 |
|
546 nobr { |
|
547 white-space: nowrap |
|
548 } |
|
549 |
|
550 /* states */ |
|
551 |
|
552 /* |
|
553 :focus { |
|
554 outline: auto 5px -webkit-focus-ring-color |
|
555 } |
|
556 */ |
|
557 |
|
558 /* Read-only text fields do not show a focus ring but do still receive focus */ |
|
559 html:focus, body:focus, input[readonly]:focus { |
|
560 outline: none |
|
561 } |
|
562 |
|
563 input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus { |
|
564 outline-offset: -2px |
|
565 } |
|
566 |
|
567 input[type="button"]:focus, |
|
568 input[type="checkbox"]:focus, |
|
569 input[type="file"]:focus, |
|
570 input[type="hidden"]:focus, |
|
571 input[type="image"]:focus, |
|
572 input[type="radio"]:focus, |
|
573 input[type="reset"]:focus, |
|
574 input[type="search"]:focus, |
|
575 input[type="submit"]:focus, |
|
576 input[type="file"]:focus::-webkit-file-upload-button { |
|
577 outline-offset: 0 |
|
578 } |
|
579 |
|
580 input:hover, select:hover, textarea:hover { |
|
581 outline: auto 4px #aaaaff; outline-offset: 0px; |
|
582 cursor: pointer |
|
583 } |
|
584 |
|
585 a:-webkit-any-link { |
|
586 color: -webkit-link; |
|
587 text-decoration: underline; |
|
588 } |
|
589 |
|
590 a:-webkit-any-link:active { |
|
591 color: -webkit-activelink |
|
592 } |
|
593 |
|
594 a:-webkit-any-link:hover { |
|
595 outline: auto 4px #aaaaff; outline-offset: 2px |
|
596 } |
|
597 |
|
598 a[cti] { |
|
599 color: blue; |
|
600 text-decoration: underline; |
|
601 } |
|
602 |
|
603 a[cti]:active { |
|
604 color: -webkit-activelink |
|
605 } |
|
606 |
|
607 a[cti]:hover { |
|
608 outline: auto 4px #aaaaff; outline-offset: 2px |
|
609 } |
|
610 |
|
611 /* other elements */ |
|
612 |
|
613 noframes { |
|
614 display: none |
|
615 } |
|
616 |
|
617 frameset, frame { |
|
618 display: block |
|
619 } |
|
620 |
|
621 frameset { |
|
622 border-color: inherit |
|
623 } |
|
624 |
|
625 iframe { |
|
626 border: 2px inset |
|
627 } |
|
628 |
|
629 object:hover, embed:hover { outline: auto 4px #aaaaff} |
|
630 object, embed { |
|
631 margin: 1px |
|
632 } |
|
633 |
|
634 /* noscript is handled internally, as it depends on settings */ |