Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 8418 | leency | 1 | /* |
| 2 | * This file is part of NetSurf, http://netsurf-browser.org/ |
||
| 3 | */ |
||
| 4 | |||
| 5 | /* Elements ordered as in the HTML 4.01 specification. */ |
||
| 6 | |||
| 7 | html { display: block; } |
||
| 8 | |||
| 9 | head { display: none; } |
||
| 10 | |||
| 11 | body { display: block; margin: 8px; line-height: 1.33; } |
||
| 12 | |||
| 13 | div { display: block; } |
||
| 14 | |||
| 15 | h1 { display: block; font-size: 2em; font-weight: bold; margin: .67em 0; } |
||
| 16 | h2 { display: block; font-size: 1.5em; font-weight: bold; margin: .69em 0; } |
||
| 17 | h3 { display: block; font-size: 1.17em; font-weight: bold; margin: .83em 0; } |
||
| 18 | h4 { display: block; font-weight: bold; margin: 1.12em 0; } |
||
| 19 | h5 { display: block; font-size: .83em; font-weight: bold; margin: 1.5em 0; } |
||
| 20 | h6 { display: block; font-size: .75em; font-weight: bold; margin: 1.67em 0; } |
||
| 21 | |||
| 22 | address { display: block; font-style: italic; } |
||
| 23 | |||
| 24 | em { font-style: italic; } |
||
| 25 | strong { font-weight: bold; } |
||
| 26 | dfn { font-style: italic; text-decoration: underline; } |
||
| 27 | code { font-family: monospace; } |
||
| 28 | samp { font-family: monospace; } |
||
| 29 | kbd { font-family: monospace; font-weight: bold; } |
||
| 30 | var { font-style: italic; } |
||
| 31 | cite { font-style: italic; } |
||
| 32 | abbr { font-variant: small-caps; } |
||
| 33 | acronym { font-variant: small-caps; } |
||
| 34 | |||
| 35 | blockquote { display: block; margin: 1.12em 40px;} |
||
| 36 | |||
| 37 | q { font-style: italic; } |
||
| 38 | |||
| 39 | sub { vertical-align: sub; font-size: .83em; } |
||
| 40 | sup { vertical-align: super; font-size: .83em; } |
||
| 41 | |||
| 42 | p { display: block; margin: 1.12em 0; } |
||
| 43 | |||
| 44 | br[clear=left] { clear: left; } |
||
| 45 | br[clear=right] { clear: right; } |
||
| 46 | br[clear=all] { clear: both; } |
||
| 47 | |||
| 48 | pre { display: block; font-family: monospace; white-space: pre; margin-bottom: 1em; } |
||
| 49 | |||
| 50 | ins { color: green; text-decoration: underline; } |
||
| 51 | del { color: red; text-decoration: line-through; } |
||
| 52 | |||
| 53 | ul { display: block; padding-left: 1.5em; margin: 1.12em 0; |
||
| 54 | list-style-type: disc; } |
||
| 55 | ol { display: block; padding-left: 1.5em; margin: 1.12em 0; |
||
| 56 | list-style-type: decimal; } |
||
| 57 | li { display: list-item; } |
||
| 58 | |||
| 59 | ul ul { list-style-type: circle; } |
||
| 60 | ul ul ul { list-style-type: square; } |
||
| 61 | |||
| 62 | ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0; } |
||
| 63 | |||
| 64 | dl { display: block; padding-left: 1.5em; margin: 1em; } |
||
| 65 | dt { display: block; font-weight: bold; } |
||
| 66 | dd { display: block; padding-left: 1em; margin-bottom: 0.3em; } |
||
| 67 | |||
| 68 | dir { display: block; padding-left: 1.5em; margin: 1.12em 0; } |
||
| 69 | menu { display: block; padding-left: 1.5em; margin: 1.12em 0; } |
||
| 70 | |||
| 71 | table { display: table; border-spacing: 2px; } |
||
| 72 | |||
| 73 | table[border], table[border] td, table[border] tr { border-color: grey; } |
||
| 74 | |||
| 75 | caption { display: table-caption; } |
||
| 76 | |||
| 77 | thead { display: table-header-group; vertical-align: middle; } |
||
| 78 | tfoot { display: table-footer-group; vertical-align: middle; } |
||
| 79 | tbody { display: table-row-group; vertical-align: middle; } |
||
| 80 | |||
| 81 | colgroup { display: table-column-group; } |
||
| 82 | col { display: table-column; } |
||
| 83 | |||
| 84 | table > tr { vertical-align: middle; } |
||
| 85 | |||
| 86 | tr { display: table-row; vertical-align: inherit; } |
||
| 87 | td, th { display: table-cell; vertical-align: inherit; padding: 1px; } |
||
| 88 | th { font-weight: bold; text-align: center; } |
||
| 89 | |||
| 90 | td[nowrap], th[nowrap] { white-space: nowrap; } |
||
| 91 | |||
| 92 | a:link { color: #00f; text-decoration: underline; } |
||
| 93 | a:visited { color: #609; } |
||
| 94 | |||
| 95 | img { color: #888; } |
||
| 96 | |||
| 97 | center { display: block; } |
||
| 98 | |||
| 99 | tt { font-family: monospace; } |
||
| 100 | i { font-style: italic; } |
||
| 101 | b { font-weight: bold; } |
||
| 102 | big { font-size: 1.17em; } |
||
| 103 | small { font-size: .83em; } |
||
| 104 | strike, s { text-decoration: line-through; } |
||
| 105 | u { text-decoration: underline; } |
||
| 106 | |||
| 107 | hr { display: block; background-color: #000; height: 1px; |
||
| 108 | margin: 4px auto; border: 1px #d9d9d9 inset; } |
||
| 109 | hr[noshade] { background-color: #888; height: 2px; border: none; } |
||
| 110 | |||
| 111 | noframes { display: none; } |
||
| 112 | |||
| 113 | iframe { width: 19em; height: 10em; } |
||
| 114 | |||
| 115 | form { display: block; } |
||
| 116 | |||
| 117 | input, button { background-color: #fff; color: #000; text-align: left; |
||
| 118 | font-family: sans-serif; width: auto; height: auto; overflow: hidden; |
||
| 119 | border: 1px solid #444; padding: 2px 3px; line-height: 1.33; |
||
| 120 | margin: 1px; } |
||
| 121 | input[readonly] { background-color: #ddd; color: #333; } |
||
| 122 | input[type=button], input[type=reset], input[type=submit], button { |
||
| 123 | background-color: #d9d9d9; color: #000; text-align: center; |
||
| 124 | border: 2px outset #d9d9d9; padding: 1px 0.5em; } |
||
| 125 | input[type=image] { background-color: transparent; color: #000; |
||
| 126 | border: none; padding: 0 2px; } |
||
| 127 | input[type=checkbox], input[type=radio] { background-color: transparent; |
||
| 128 | border: none; padding: 0 0.1em; } |
||
| 129 | input[type=file] { background-color: #d9d9d9; color: #000; font-style: italic; |
||
| 130 | border: 2px inset #d9d9d9; padding: 1px 2px; } |
||
| 131 | input[align=left] { float: left; } |
||
| 132 | input[align=right] { float: right; } |
||
| 133 | |||
| 134 | select { background-color: #d9d9d9; color: #000; text-align: left; |
||
| 135 | font-family: sans-serif; width: auto; height: auto; overflow: hidden; |
||
| 136 | border: medium inset #d9d9d9; padding: 1px 3px 1px 2px; |
||
| 137 | white-space: nowrap; margin: 1px; } |
||
| 138 | select:after { content: "\25bc"; border-left: 2px ridge #d9d9d9; } |
||
| 139 | |||
| 140 | textarea { background-color: #fff; color: #000; text-align: left; |
||
| 141 | font-family: monospace; width: auto; height: auto; overflow: scroll; |
||
| 142 | margin: 1px; border: 1px solid #333; padding: 1px 3px; } |
||
| 143 | textarea[readonly] { background-color: #ddd; color: #333; } |
||
| 144 | |||
| 145 | fieldset { display: block; border: thin solid #888; margin: 1.12em 0; } |
||
| 146 | |||
| 147 | noembed, script, style, title { display: none; } |
||
| 148 | |||
| 149 | /* HTML5 elements */ |
||
| 150 | article, aside, figcaption, figure, footer, header, main, nav, section { |
||
| 151 | display: block; |
||
| 152 | } |
||
| 153 | |||
| 154 | mark { |
||
| 155 | background: yellow; |
||
| 156 | color: black; |
||
| 157 | } |