path: root/khtml/css/html4.css

/*
 * 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 }
}