From bd86e2be69e2812c1355af63f9c5368be7fff45a Mon Sep 17 00:00:00 2001 From: James Bursa Date: Fri, 23 Jul 2004 16:16:51 +0000 Subject: [project @ 2004-07-23 16:16:51 by bursa] Clean up and re-order to HTML specification order. Add a few elements and attributes. svn path=/import/netsurf/; revision=1139 --- !NetSurf/Resources/CSS,f79 | 204 +++++++++++++++++++++++++++++---------------- 1 file changed, 133 insertions(+), 71 deletions(-) (limited to '!NetSurf') diff --git a/!NetSurf/Resources/CSS,f79 b/!NetSurf/Resources/CSS,f79 index 6a66c579b..beb85eaa8 100644 --- a/!NetSurf/Resources/CSS,f79 +++ b/!NetSurf/Resources/CSS,f79 @@ -1,62 +1,136 @@ -address, blockquote, body, center, dd, div, -dl, dt, fieldset, form, -h1, h2, h3, h4, h5, h6, html, -ol, p, ul, -hr, menu, pre { display: block } -/* a, abbr, acronym, b, code, -em, i, q, s, strong, u, font, span, -var { display: inline } */ -li { display: /* list-item */ block } -head, noframes { display: none } -table { display: table } -tr { display: table-row } -thead { display: table-header-group } -tbody { display: table-row-group } -tfoot { display: table-footer-group } -col { display: table-column } -colgroup { display: table-column-group } -td, th { display: table-cell } -caption { display: table-caption } -img { color: #888; } +/* + * This file is part of NetSurf, http://netsurf.sourceforge.net/ + */ -h1 { font-size: xx-large; font-weight: bold; margin: 0.58em 0; } -h2 { font-size: x-large; margin: 0.69em 0; } -h3 { font-size: large; font-weight: bold; margin: 0.83em 0; } -h4 { font-size: medium; font-weight: bold; margin: 1em 0; } -h5 { font-size: medium; font-style: italic; margin: 1em 0; } -h6 { font-size: medium; font-style: italic; margin: 1em 0; } -b, strong { font-weight: bold; } -i, cite, dfn, em, var, address { font-style: italic; } -u { text-decoration: underline; } -s { text-decoration: line-through; } -ins { color: green; } +/* Elements ordered as in the HTML 4.01 specification. */ + +html { display: block; } + +head { display: none; } + +body { display: block; margin: 5px; } + +div { display: block; } +div[align=left] > * { margin-right: auto; } +div[align=center] > * { margin-left: auto; margin-right: auto; } +div[align=right] > * { margin-left: auto; } + +h1 { display: block; font-size: xx-large; font-weight: bold; margin: 0.58em 0; } +h2 { display: block; font-size: x-large; margin: 0.69em 0; } +h3 { display: block; font-size: large; font-weight: bold; margin: 0.83em 0; } +h4 { display: block; font-size: medium; font-weight: bold; margin: 1em 0; } +h5 { display: block; font-size: medium; font-style: italic; margin: 1em 0; } +h6 { display: block; font-size: medium; font-style: italic; margin: 1em 0; } + +address { display: block; font-style: italic; } + +em { font-style: italic; } +strong { font-weight: bold; } +dfn { font-style: italic; text-decoration: underline; } +code { font-family: monospace; } +samp { font-family: monospace; } +kbd { font-family: monospace; font-weight: bold; } +var { font-style: italic; } +cite { font-weight: bold; } +abbr { font-variant: small-caps; } +acronym { font-variant: small-caps; } + +blockquote { display: block; margin: 1em; } + +q { font-style: italic; } + +sub { vertical-align: sub; font-size: 0.8em; } +sup { vertical-align: super; font-size: 0.8em; } + +p { display: block; margin-top: 1em; margin-bottom: 1em; } + +br[clear=left] { clear: left; } +br[clear=right] { clear: right; } +br[clear=all] { clear: both; } + +pre { display: block; font-family: monospace; white-space: pre; } + +ins { color: green; text-decoration: underline; } del { color: red; text-decoration: line-through; } + +ul { display: block; padding-left: 0.5em; } +ol { display: block; padding-left: 0.5em; } +li { display: block; padding-left: 1em; margin-bottom: 0.3em; } + +dl { display: block; padding-left: 0.5em; } +dt { display: block; font-weight: bold; } +dd { display: block; padding-left: 1em; margin-bottom: 0.3em; } + +dir { display: block; padding-left: 0.5em; } +menu { display: block; padding-left: 0.5em; } + +table { display: table; } +table[align=left] { float: left; } +table[align=center] { margin-left: auto; margin-right: auto; text-align: left; } +table[align=right] { float: right; text-align: left; } + +caption { display: table-caption; } + +thead { display: table-header-group; } +tfoot { display: table-footer-group; } +tbody { display: table-row-group; } + +colgroup { display: table-column-group; } +col { display: table-column; } + +tr { display: table-row; } +th { display: table-cell; font-weight: bold; } +td { display: table-cell; text-align: left; } +th[nowrap], td[nowrap] { white-space: nowrap; } + a:link { color: #00f; text-decoration: underline; } -th { font-weight: bold; } -td { text-align: left; } -body { margin: 5px; } -p { margin-top: 1em; margin-bottom: 1em; } +img { color: #888; } +img[align=left] { float: left; } +img[align=right] { float: right; } -/* kludge until this gets implemented */ -dl, ul, ol { padding-left: 0.5em; } -li, dd { padding-left: 1em; margin-bottom: 0.3em; } +object[align=left] { float: left; } +object[align=right] { float: right; } -blockquote { margin: 1em; } -hr { background-color: #000; height: 1px; } +applet[align=left] { float: left; } +applet[align=right] { float: right; } -center { text-align: center; } -center * { margin-left: auto; margin-right: auto; } -small { font-size: smaller; } +center { display: block; text-align: center; } +center > * { margin-left: auto; margin-right: auto; } + +tt { font-family: monospace; } +i { font-style: italic; } +b { font-weight: bold; } big { font-size: larger; } +small { font-size: smaller; } +strike, s { text-decoration: line-through; } +u { text-decoration: underline; } + +font[size="1"] { font-size: x-small; } +font[size="2"] { font-size: small; } +font[size="3"] { font-size: medium; } +font[size="4"] { font-size: large; } +font[size="5"] { font-size: x-large; } +font[size="6"] { font-size: xx-large; } +font[size="7"] { font-size: xx-large; } +font[size="-1"] { font-size: smaller; } +font[size="+1"] { font-size: larger; } + +hr { display: block; background-color: #000; height: 1px; } +hr[align=left] { margin-right: auto; } +hr[align=center] { margin-left: auto; margin-right: auto; } +hr[align=right] { margin-left: auto; } + +noframes { display: none; } + +iframe[align=left] { float: left; } +iframe[align=right] { float: right; } + +form { display: block; } + input { background-color: #fff; color: #000; width: 10em; height: 1.5em; text-align: left; border-width: 1px; border-color: #000; border-style: solid; } -select { background-color: #ddd; color: #000; width: 10em; - height: 1.5em; text-align: left; border-width: medium; - border-color: #aaa #eee #eee #aaa; border-style: inset; } -textarea { background-color: #fff; color: #000; text-align: left; - border-width: 1px; border-color: #000; border-style: solid; } input[type=button], input[type=reset], input[type=submit], button { background-color: #ddd; color: #000; width: auto; border-width: medium; border-color: #eee #aaa #aaa #eee; @@ -69,31 +143,19 @@ input[type=file] { background-color: #ddd; color: #000; border-width: medium; border-color: #aaa #eee #eee #aaa; border-style: inset; width: 10em; height: 1.5em; font-style: italic; } +input[align=left] { float: left; } +input[align=right] { float: right; } -[align=left] { text-align: left; } -[align=center] { text-align: center; } -[align=right] { text-align: right; } -img[align=left], table[align=left] { float: left; } -img[align=right], table[align=right] { float: right; text-align: left; } -table[align=center] { margin-left: auto; margin-right: auto; } - -br[clear=all] { clear: both; } -br[clear=left] { clear: left; } -br[clear=right] { clear: right; } +select { background-color: #ddd; color: #000; width: 10em; + height: 1.5em; text-align: left; border-width: medium; + border-color: #aaa #eee #eee #aaa; border-style: inset; } -font[size="1"] { font-size: x-small; } -font[size="2"] { font-size: small; } -font[size="3"] { font-size: medium; } -font[size="4"] { font-size: large; } -font[size="5"] { font-size: x-large; } -font[size="6"] { font-size: xx-large; } -font[size="7"] { font-size: xx-large; } -font[size="-1"] { font-size: smaller; } -font[size="+1"] { font-size: larger; } +textarea { background-color: #fff; color: #000; text-align: left; + border-width: 1px; border-color: #000; border-style: solid; } -td[nowrap], th[nowrap] { white-space: nowrap; } +fieldset { display: block; border: thin solid #888; } -code, kbd, pre, samp, tt { font-family: monospace; } -abbr, acronym { font-variant: small-caps; } -pre { white-space: pre; } +[align=left] { text-align: left; } +[align=center] { text-align: center; } +[align=right] { text-align: right; } -- cgit v1.2.3