155 lines
5.1 KiB
CSS
155 lines
5.1 KiB
CSS
/*
|
|
* This file is part of NetSurf, http://netsurf-browser.org/
|
|
*/
|
|
|
|
/* Elements ordered as in the HTML 4.01 specification. */
|
|
|
|
html { display: block; }
|
|
|
|
head { display: none; }
|
|
|
|
body { display: block; margin: 8px; line-height: 1.33; }
|
|
|
|
div { display: block; }
|
|
|
|
h1 { display: block; font-size: 2em; font-weight: bold; margin: .67em 0; }
|
|
h2 { display: block; font-size: 1.5em; font-weight: bold; margin: .69em 0; }
|
|
h3 { display: block; font-size: 1.17em; font-weight: bold; margin: .83em 0; }
|
|
h4 { display: block; font-weight: bold; margin: 1.12em 0; }
|
|
h5 { display: block; font-size: .83em; font-weight: bold; margin: 1.5em 0; }
|
|
h6 { display: block; font-size: .75em; font-weight: bold; margin: 1.67em 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-style: italic; }
|
|
abbr { font-variant: small-caps; }
|
|
acronym { font-variant: small-caps; }
|
|
|
|
blockquote { display: block; margin: 1.12em 40px;}
|
|
|
|
q { font-style: italic; }
|
|
|
|
sub { vertical-align: sub; font-size: .83em; }
|
|
sup { vertical-align: super; font-size: .83em; }
|
|
|
|
p { display: block; margin: 1.12em 0; }
|
|
|
|
br[clear=left] { clear: left; }
|
|
br[clear=right] { clear: right; }
|
|
br[clear=all] { clear: both; }
|
|
|
|
pre { display: block; font-family: monospace; white-space: pre; margin-bottom: 1em; }
|
|
|
|
ins { color: green; text-decoration: underline; }
|
|
del { color: red; text-decoration: line-through; }
|
|
|
|
ul { display: block; padding-left: 40px; margin: 1.12em 0;
|
|
list-style-type: disc; }
|
|
ol { display: block; padding-left: 40px; margin: 1.12em 0;
|
|
list-style-type: decimal; }
|
|
li { display: list-item; }
|
|
|
|
ul ul { list-style-type: circle; }
|
|
ul ul ul { list-style-type: square; }
|
|
|
|
ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0; }
|
|
|
|
dl { display: block; padding-left: 1.5em; margin: 1em; }
|
|
dt { display: block; font-weight: bold; }
|
|
dd { display: block; padding-left: 1em; margin-bottom: 0.3em; }
|
|
|
|
dir { display: block; padding-left: 1.5em; margin: 1.12em 0; }
|
|
menu { display: block; padding-left: 1.5em; margin: 1.12em 0; }
|
|
|
|
table { display: table; border-spacing: 2px; }
|
|
|
|
table[border], table[border] td, table[border] tr { border-color: grey; }
|
|
|
|
caption { display: table-caption; }
|
|
|
|
thead { display: table-header-group; vertical-align: middle; }
|
|
tfoot { display: table-footer-group; vertical-align: middle; }
|
|
tbody { display: table-row-group; vertical-align: middle; }
|
|
|
|
colgroup { display: table-column-group; }
|
|
col { display: table-column; }
|
|
|
|
table > tr { vertical-align: middle; }
|
|
|
|
tr { display: table-row; vertical-align: inherit; }
|
|
td, th { display: table-cell; vertical-align: inherit; padding: 1px; }
|
|
th { font-weight: bold; text-align: center; }
|
|
|
|
a:link { color: #00f; text-decoration: underline; }
|
|
a:visited { color: #609; }
|
|
|
|
img { color: #888; }
|
|
|
|
center { display: block; }
|
|
|
|
tt { font-family: monospace; }
|
|
i { font-style: italic; }
|
|
b { font-weight: bold; }
|
|
big { font-size: 1.17em; }
|
|
small { font-size: .83em; }
|
|
strike, s { text-decoration: line-through; }
|
|
u { text-decoration: underline; }
|
|
|
|
hr { display: block; margin: 0.5em auto; border: 1px inset #888; }
|
|
hr[noshade] { border-style: solid; }
|
|
|
|
noframes { display: none; }
|
|
|
|
iframe { width: 19em; height: 10em; }
|
|
|
|
form { display: block; }
|
|
|
|
input, button { background-color: #fff; color: #000; text-align: left;
|
|
font-family: sans-serif; width: auto; height: auto; overflow: hidden;
|
|
border: 1px solid #444; padding: 2px 3px; line-height: 1.33;
|
|
margin: 1px; box-sizing: border-box; }
|
|
input[disabled] { background-color: #ddd; color: #333; }
|
|
input[type=button], input[type=reset], input[type=submit], button {
|
|
background-color: #d9d9d9; color: #000; text-align: center;
|
|
border: 2px outset #d9d9d9; padding: 1px 0.5em; }
|
|
input[type=image] { background-color: transparent; color: #000;
|
|
border: none; padding: 0 2px; box-sizing: content-box; }
|
|
input[type=checkbox], input[type=radio] { background-color: transparent;
|
|
border: none; padding: 0 0.1em; }
|
|
input[type=file] { background-color: #d9d9d9; color: #000; font-style: italic;
|
|
border: 2px inset #d9d9d9; padding: 1px 2px; }
|
|
input[align=left] { float: left; }
|
|
input[align=right] { float: right; }
|
|
|
|
select { background-color: #d9d9d9; color: #000; text-align: left;
|
|
font-family: sans-serif; width: auto; height: auto; overflow: hidden;
|
|
border: medium inset #d9d9d9; padding: 1px 3px 1px 2px;
|
|
white-space: nowrap; margin: 1px; }
|
|
select:after { content: "\25bc"; border-left: 2px ridge #d9d9d9; }
|
|
|
|
textarea { background-color: #fff; color: #000; text-align: left;
|
|
font-family: monospace; width: auto; height: auto; overflow: scroll;
|
|
margin: 1px; border: 1px solid #333; padding: 1px 3px; }
|
|
textarea[disabled] { background-color: #ddd; color: #333; }
|
|
|
|
fieldset { display: block; border: thin solid #888; margin: 1.12em 0; }
|
|
|
|
noembed, script, style, title { display: none; }
|
|
|
|
/* HTML5 elements */
|
|
article, aside, figcaption, figure, footer, header, main, nav, section {
|
|
display: block;
|
|
}
|
|
|
|
mark {
|
|
background: yellow;
|
|
color: black;
|
|
}
|