diff options
Diffstat (limited to 'khtml/css/html4.css')
-rw-r--r-- | khtml/css/html4.css | 549 |
1 files changed, 549 insertions, 0 deletions
diff --git a/khtml/css/html4.css b/khtml/css/html4.css new file mode 100644 index 000000000..c3fd1a347 --- /dev/null +++ b/khtml/css/html4.css @@ -0,0 +1,549 @@ +/* + * The default style sheet used by khtml to render HTML pages + * (C) 2000-2003 Lars Knoll (knoll@kde.org) + * + * Konqueror/khtml relies on the existence of this style sheet for + * rendering. Do not remove or modify this file unless you know + * what you are doing. + */ + +@namespace "http://www.w3.org/1999/xhtml"; + +html { + display: block; + color: -khtml-text; +} + +/* + * head and it's children all have display=none + */ + +head { + display: none; +} + +meta { + display: none; +} + +title { + display: none; +} + +link { + display: none; +} + +style { + display: none; +} + +script { + display: none; +} + +/* + * generic block level elements + */ + +@media print { + body { + display: block; + margin: 0px; + } +} + +@media screen { + body { + display: block; + margin: 10px; + } +} + +p { + display: block; + margin: 1.0__qem 0px; +} + +div { + display: block; +} + +/* to force a block level context for some cases (broken HTML) */ + +layer { + display: block; +} + +address { + display: block; +} + +blockquote { + display: block; + margin: 1__qem 40px 1em 40px; +} + +q { + display: inline; +} + +q:before { + content: open-quote; +} + +q:after { + content: close-quote; +} + +center { + display: block; + /* special centering to be able to emulate the html4/netscape behavior */ + text-align: -khtml-center; +} + +hr { + display: block; + margin: 12px auto; + border-style: inset; + border-width: 1px; + -khtml-flow-mode: -khtml-around-floats +} + +map { + display: inline; +} + +/* + * heading elements + * margin values rely on font-sizes ratio defined in css-2.1 15.7 + * (cf. cssstyleselector for absolute font-sizes computation) + * we have an 1.1/font-ratio margin + */ + +h1 { + display: block; + font-size: xx-large; + margin: .55__qem 0 .55em 0; + font-weight: bolder; +} + +h2 { + display: block; + font-size: x-large; + margin: .73__qem 0 .73em 0; + font-weight: bolder; +} + +h3 { + display: block; + font-size: large; + margin: 0.92__qem 0 0.92em 0; + font-weight: bolder; +} + +h4 { + display: block; + font-size: medium; + margin: 1.1__qem 0 1.1em 0; + font-weight: bolder; +} + +h5 { + display: block; + font-size: small; + margin: 1.24__qem 0 1.24em 0; + font-weight: bolder; +} + +h6 { + display: block; + font-size: xx-small; + margin: 1.83__qem 0 1.83em 0; + font-weight: bolder; +} + +/* + * tables + */ + +table { + display: table; + border-collapse: separate; + border-spacing: 2px; + -khtml-flow-mode: -khtml-around-floats; + box-sizing: border-box; +} + +table[align="center"] { + margin-left: auto; + margin-right: auto; +} + +table[align="left"] { + float: -khtml-left; +} + +table[align="right"] { + float: -khtml-right; +} + +thead { + display: table-header-group; + border-color: inherit; + vertical-align: middle; +} + +tbody { + display: table-row-group; + border-color: inherit; + vertical-align: middle; +} + +tfoot { + display: table-footer-group; + border-color: inherit; + vertical-align: middle; +} + +col { + display: table-column; +} + +colgroup { + display: table-column-group; +} + +tr { + display: table-row; + vertical-align: inherit; + border-color: inherit; +} + + +td, th { + display: table-cell; + vertical-align: inherit; +} + +th { + font-weight: bolder; +} + +caption { + display: table-caption; + text-align: -khtml-center; +} + +/* + * lists + */ + +ul, menu, dir { + display: block; + list-style-type: disc; + margin: 1__qem 0 1em 0; + -khtml-padding-start: 40px +} + +ol { + display: block; + list-style-type: decimal; + margin: 1__qem 0 1em 0; + -khtml-padding-start: 40px +} + +li { + display: list-item; + -khtml-flow-mode: -khtml-around-floats; +} + + +ul ul, ol ul { + list-style-type: circle; +} + +ol ol ul, ol ul ul, ul ol ul, ul ul ul { + list-style-type: square; +} + + +dd { + display: block; +} + +dl > dd { + -khtml-margin-start: 40px; +} + +dl { + display: block; + margin: 1__qem 0 1em 0; +} + +dt { + display: block; +} + +dl[compact] > dt { + display: compact; +} + +ol ul, +ul ol, +ul ul, +ol ol { + margin-top: auto; + margin-bottom: auto; +} + +li > p { + margin-top: auto; +/* margin-bottom: auto;*/ +} + +li > div { + margin-top: auto; +/* margin-bottom: auto;*/ +} + +/* + * form elements + */ + +form { + display: block; + margin: 0__qem 0 1em 0; +} + +legend { + display: block; + padding-left: 2px; + padding-right: 2px; + border: none; + margin: 0; +} + +fieldset { + display: block; + padding: 0.75em 0.625em; + margin: 1.0em 0; + border: 2px groove threedface; + -khtml-flow-mode: -khtml-around-floats +} + +button { + display: inline-block; + border: 2px outset buttonface; + background-color: buttonface; + color: buttontext; + padding: 2px 2px 2px 2px; + cursor: default; +} + +button:active { + border-style: inset; +} + +input, textarea { + text-align: -khtml-auto; +} + +input, textarea, select, button { + font-weight: normal; + margin: 0__qem; +} + +input { color: windowtext; + font-family: sans-serif; + font-size: small; + border: 2px -khtml-native; +} + +input[type="hidden"] { + display: none; +} + +input[type="radio"], input[type="checkbox"] { + margin: 0 0.5ex; + color: buttontext; +} + +input[type="text"], input[type="password"] { + cursor: text; +} + +input[type="submit"], input[type="reset"], input[type="button"] { + color: buttontext; +} + +isindex { color: windowtext; font-size: small; } + + +option, +optgroup, +area, +param { + display: none; +} + +select { + font-family: sans-serif; + font-size: small; + color: windowtext; +} + +textarea { + color: windowtext; + font-family: monospace; + border: 2px -khtml-native; +} + +/* + * inline elements + */ + +u, +ins { + text-decoration: underline; +} + +strong, +b { + font-weight: bolder; +} + +i, +cite, +em, +var, +address { + font-style: italic; +} + +tt, +code, +kbd, +samp { + font-family: monospace; +} + +pre, +xmp, +plaintext { + display: block; + font-family: monospace; + white-space: pre; + margin: 1__qem 0; +} + +big { + font-size: larger; +} + +small { + font-size: smaller; +} + +s, +strike, +del { + text-decoration: line-through; +} + +sub { + vertical-align: sub; + font-size: smaller; +} +sup { + vertical-align: super; + font-size: smaller; +} + +abbr, acronym { + font-variant: small-caps; + letter-spacing: 0.1em +} + +pre[wrap] { + white-space: pre-wrap +} + +*|:focus { outline: 1px dotted invert } +a:link:active { color: red; outline: 1px dotted invert; } +a:visited:active { color: red; outline: 1px dotted invert; } + +/* with the current design it is too expensive to set this default via css +:before,:after { white-space: pre-line } +*/ + +/* ### use this to replace renderbr + br:before { content: "\n" } +*/ + + +/* bidirectionality settings (do not change) */ + +bdo[dir="ltr"] { + direction: ltr; + unicode-bidi: bidi-override; +} + +bdo[dir="rtl"] { + direction: rtl; + unicode-bidi: bidi-override; +} + +/* ### this selector seems to be still broken ... + *[dir="ltr"] { direction: ltr; unicode-bidi: embed } + *[dir="rtl"] { direction: rtl; unicode-bidi: embed } +*/ + +/* elements that are block-level in html4 */ +/* ### don't support unicode-bidi at the moment + address, blockquote, body, dd, div, dl, dt, fieldset, + form, frame, frameset, h1, h2, h3, h4, h5, h6, iframe, + noscript, noframes, object, ol, p, ul, applet, center, + dir, hr, menu, pre, li, table, tr, thead, tbody, tfoot, + col, colgroup, td, th, caption + { unicode-bidi: embed } +*/ + +/* end bidi settings */ + +/* + * other elements + */ + +noframes { + display: none; +} + +frameset { + display: block; +} + +frame { + display: block; +} + +nobr { + white-space: nowrap; +} + +wbr { + white-space: normal; +} + +marquee { + display: inline-block; + overflow: marquee; +} + +/* noscript is handled internally, as it depends on the html settings */ + +@media print { + h1, h2, h3, + h4, h5, h6 { page-break-after: avoid } + ul, ol, dl { page-break-before: avoid } +} |