├── LICENSE.md ├── README.md ├── build ├── common.css ├── form.css ├── html5.css ├── normal.css └── reset.css └── src ├── _ua_default ├── css-2.1.css ├── firefox-10.0 │ ├── forms.css │ └── html.css ├── firefox-3.6.x.css ├── firefox-4.0.1.css ├── ie-6.css ├── ie-7.css ├── ie-8.css ├── ie-9.css ├── navigator-9.0.css ├── opera-10.51.css ├── safari-4.0.x.css ├── safari-5.0.x.css └── webkit-r61376.css ├── base.css ├── common.css ├── form.css ├── html5.css ├── lab ├── form │ ├── demo.html │ ├── niceForm.css │ └── niceForm.js └── link │ ├── icons │ ├── doc.png │ ├── email.png │ ├── external.png │ ├── feed.png │ ├── im.png │ ├── lock.png │ ├── pdf.png │ ├── visited.png │ └── xls.png │ └── link.css ├── library ├── font-family.css ├── initial-values.css └── media.css ├── normal.css ├── print.css ├── reset.css └── test ├── assets └── 350x150.gif ├── default.html ├── form.html ├── iframe ├── blank.html ├── index.html └── page.html └── select └── index.html /LICENSE.md: -------------------------------------------------------------------------------- 1 | 2 | The MIT License 3 | ================ 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in 13 | all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 21 | THE SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | ## 一、关于 Nice： 3 | 4 | Nice 是轻量的CSS基础代码库，没有一味的重置，而是 `注重各浏览器基础表现` ，减小开发难度。 5 | 6 | 鉴于目前90%的reset(样式重置)都是归零的思想，而且在开发过程中我经常发现样式归零存在着潜在的问题，例如我们在全局将strong变成了一个普通标记，在用户可编辑内容区域的strong就不会反应出效果来，用户就会产生很大的疑惑，为什么在编辑器中加粗了字体儿实际上显示出来的效果却没反应呢？！Nice诞生了，只重置掉可能产生问题的样式（body、form的默认margin等），保留和坚持部分浏览器的基础样式，解决部分潜在的问题，提升一些细节体验 7 | 8 | Nice会一直围绕3点开发： 9 | 10 | 1. 统一的基础表现 11 | 2. 更小的开发难度 12 | 3. 更好的用户体验 13 | 14 | 15 | ## 二、仓库目录结构： 16 | 17 | --- 18 | |---- build/ 构建好的发布文件 19 | |---- src/ 源码、测试、实验等开发资源 20 | |---- readme.md 21 | |---- license.md 22 | 23 | 24 | ## 三、文件及开发说明： 25 | 26 | reset.css [精简与高效的重置方案，`推荐尽可能使用normal.css`] 27 | normal.css [与reset不同，注重的是各浏览器表现、W3C标准、用户体验以及减小开发难度] 28 | common.css [预定义的一些简洁的全局通用class, 按需摘取] 29 | print.css [打印的基础样式] 30 | form.css [表单的一些基础样式, 按需摘取] 31 | html5.css [基于html5的样式修复, 按需摘取] 32 | 33 | 34 | ## 四、意见反馈： 35 | 36 | 任何批评、问题和意见等，都欢迎联系：[zj86@foxmail.com](mailto:zj86@foxmail.com) 37 | 38 | 39 | ## 五、版权和许可 40 | 41 | 基于 [MIT License](http://en.wikipedia.org/wiki/MIT_License "WikiPedia 中关于 MIT License 的描述") 开源。版权属于 `niceUE` 所有，作者 [Jony](http://www.niceue.com) 具有作品署名权。 42 | -------------------------------------------------------------------------------- /build/common.css: -------------------------------------------------------------------------------- 1 | /* 2 | (CC) 2012, Jony (www.niceue.com), MIT Licensed 3 | */ 4 | /* Layout */ 5 | .cf {*zoom:1} .cf:after {display:block;content:'\20';height:0;clear:both} 6 | .inline-block {display:inline-block; *display:inline; *zoom:1} 7 | .hide {display:none !important} 8 | .hiding {position:absolute !important; clip:rect(1px 1px 1px 1px); clip:rect(1px,1px,1px,1px);} 9 | .invisible {visibility:hidden} 10 | .fl {float:left;_display:inline} 11 | .fr {float:right;_display:inline} 12 | 13 | /* Alignment */ 14 | .tal {text-align:left} 15 | .tar {text-align:right} 16 | .tac {text-align:center} 17 | .vat {vertical-align:top} 18 | .vam {vertical-align:middle} 19 | 20 | /* Font */ 21 | .fw4 {font-weight:400} 22 | .fw7 {font-weight:700} 23 | .fs12 {font-size:12px} 24 | .fs14 {font-size:14px} 25 | .fs18 {font-size:18px} 26 | 27 | /* Color */ 28 | .red,.red a {color:#f00} 29 | .green,.green a {color:#090} 30 | .yellow,.yellow a {color:#f90} 31 | .blue,.blue a {color:#06f} 32 | .white,.white a {color:#fff} 33 | .gray,.gray a {color:#999} 34 | .black,.black a {color:#000} -------------------------------------------------------------------------------- /build/form.css: -------------------------------------------------------------------------------- 1 | /* 2 | (CC) 2012, Jony (www.niceue.com), MIT Licensed 3 | */ 4 | fieldset {border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em} 5 | legend {padding:0 2px; *margin-left:-7px} 6 | input,button,textarea,select,label {margin:0; font:12px tahoma,arial,simsun,sans-serif; vertical-align:middle} 7 | button::-moz-focus-inner,input::-moz-focus-inner {border:0; padding:0} 8 | textarea {resize:vertical; overflow-y:auto; vertical-align:top} 9 | select {height:22px; line-height:18px; padding:2px 0} -------------------------------------------------------------------------------- /build/html5.css: -------------------------------------------------------------------------------- 1 | /* 2 | (CC) 2012, Jony (www.niceue.com), MIT Licensed 3 | */ 4 | article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block} 5 | audio,canvas,video{display:inline-block; *display:inline; *zoom:1} 6 | audio:not([controls]) {display:none;height:0} 7 | [hidden] {display:none} 8 | svg:not(:root){overflow:hidden} 9 | figure{margin:0} 10 | mark{background:#ff0;color:#000} -------------------------------------------------------------------------------- /build/normal.css: -------------------------------------------------------------------------------- 1 | /* 2 | (CC) 2012, Jony (www.niceue.com), MIT Licensed 3 | */ 4 | @charset "utf-8"; 5 | html {font-size:62.5%} 6 | body {font:12px/1.5 tahoma,arial,simsun,sans-serif; font-size:1.2rem; color:#282828} 7 | body,p,blockquote,ul,ol,dl,dd,form,caption {margin:0;padding:0} 8 | ul,ol,p {margin-bottom:1em} 9 | li ul,li ol {margin:0} 10 | ul,ol {padding-left:40px} 11 | blockquote {margin:0 40px 1em} 12 | table {border-collapse:collapse} 13 | img {border:0; vertical-align:middle; -ms-interpolation-mode:bicubic} 14 | iframe {border:0; vertical-align:top;} 15 | pre {white-space:pre; word-wrap:break-word} 16 | address,cite,dfn,em,var{font-style:normal} 17 | code,kbd,pre,samp {font-family:'courier new',monospace} 18 | q:before,q:after{content:''} 19 | sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em} 20 | input,button,textarea,select,label {margin:0; font-size:100%; vertical-align:middle} 21 | textarea {overflow:auto; vertical-align:top; resize:vertical} 22 | a {text-decoration:none} 23 | a:hover {text-decoration:underline} 24 | h1 {font-size:2em;margin:0.67em 0} 25 | h2 {font-size:1.5em;margin:0.83em 0} 26 | h3 {font-size:1.17em;margin:1em 0} 27 | h4 {font-size:1em;margin:1.33em 0} 28 | h5,h6 {font-size:0.83em;margin:1.67em 0} -------------------------------------------------------------------------------- /build/reset.css: -------------------------------------------------------------------------------- 1 | /* 2 | (CC) 2012, Jony (www.niceue.com), MIT Licensed 3 | */ 4 | body,p,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,blockquote,caption,form,fieldset,legend {margin:0; padding:0} 5 | body,input,select,button,textarea {font:12px/1.5 tahoma,arial} 6 | ul,ol {list-style:none} 7 | img,iframe,fieldset {border:0} 8 | table {border-collapse:collapse} 9 | a {text-decoration:none} -------------------------------------------------------------------------------- /src/_ua_default/css-2.1.css: -------------------------------------------------------------------------------- 1 | html, address, 2 | blockquote, 3 | body, dd, div, 4 | dl, dt, fieldset, form, 5 | frame, frameset, 6 | h1, h2, h3, h4, 7 | h5, h6, noframes, 8 | ol, p, ul, center, 9 | dir, hr, menu, pre { display: block } 10 | li { display: list-item } 11 | head { display: none } 12 | table { display: table } 13 | tr { display: table-row } 14 | thead { display: table-header-group } 15 | tbody { display: table-row-group } 16 | tfoot { display: table-footer-group } 17 | col { display: table-column } 18 | colgroup { display: table-column-group } 19 | td, th { display: table-cell } 20 | caption { display: table-caption } 21 | th { font-weight: bolder; text-align: center } 22 | caption { text-align: center } 23 | body { margin: 8px } 24 | h1 { font-size: 2em; margin: .67em 0 } 25 | h2 { font-size: 1.5em; margin: .75em 0 } 26 | h3 { font-size: 1.17em; margin: .83em 0 } 27 | h4, p, 28 | blockquote, ul, 29 | fieldset, form, 30 | ol, dl, dir, 31 | menu { margin: 1.12em 0 } 32 | h5 { font-size: .83em; margin: 1.5em 0 } 33 | h6 { font-size: .75em; margin: 1.67em 0 } 34 | h1, h2, h3, h4, 35 | h5, h6, b, 36 | strong { font-weight: bolder } 37 | blockquote { margin-left: 40px; margin-right: 40px } 38 | i, cite, em, 39 | var, address { font-style: italic } 40 | pre, tt, code, 41 | kbd, samp { font-family: monospace } 42 | pre { white-space: pre } 43 | button, textarea, 44 | input, select { display: inline-block } 45 | big { font-size: 1.17em } 46 | small, sub, sup { font-size: .83em } 47 | sub { vertical-align: sub } 48 | sup { vertical-align: super } 49 | table { border-spacing: 2px; } 50 | thead, tbody, 51 | tfoot { vertical-align: middle } 52 | td, th { vertical-align: inherit } 53 | s, strike, del { text-decoration: line-through } 54 | hr { border: 1px inset } 55 | ol, ul, dir, 56 | menu, dd { margin-left: 40px } 57 | ol { list-style-type: decimal } 58 | ol ul, ul ol, 59 | ul ul, ol ol { margin-top: 0; margin-bottom: 0 } 60 | u, ins { text-decoration: underline } 61 | br:before { content: "\A" } 62 | :before, :after { white-space: pre-line } 63 | center { text-align: center } 64 | :link, :visited { text-decoration: underline } 65 | :focus { outline: thin dotted invert } 66 | 67 | /* Begin bidirectionality settings (do not change) */ 68 | BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override } 69 | BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override } 70 | 71 | *[DIR="ltr"] { direction: ltr; unicode-bidi: embed } 72 | *[DIR="rtl"] { direction: rtl; unicode-bidi: embed } 73 | 74 | @media print { 75 | h1 { page-break-before: always } 76 | h1, h2, h3, 77 | h4, h5, h6 { page-break-after: avoid } 78 | ul, ol, dl { page-break-before: avoid } 79 | } -------------------------------------------------------------------------------- /src/_ua_default/firefox-10.0/html.css: -------------------------------------------------------------------------------- 1 | /* ***** BEGIN LICENSE BLOCK ***** 2 | * Version: MPL 1.1/GPL 2.0/LGPL 2.1 3 | * 4 | * The contents of this file are subject to the Mozilla Public License Version 5 | * 1.1 (the "License"); you may not use this file except in compliance with 6 | * the License. You may obtain a copy of the License at 7 | * http://www.mozilla.org/MPL/ 8 | * 9 | * Software distributed under the License is distributed on an "AS IS" basis, 10 | * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License 11 | * for the specific language governing rights and limitations under the 12 | * License. 13 | * 14 | * The Original Code is mozilla.org code. 15 | * 16 | * The Initial Developer of the Original Code is 17 | * Netscape Communications Corporation. 18 | * Portions created by the Initial Developer are Copyright (C) 1998 19 | * the Initial Developer. All Rights Reserved. 20 | * 21 | * Contributor(s): 22 | * Blake Ross 23 | * 24 | * Alternatively, the contents of this file may be used under the terms of 25 | * either of the GNU General Public License Version 2 or later (the "GPL"), 26 | * or the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), 27 | * in which case the provisions of the GPL or the LGPL are applicable instead 28 | * of those above. If you wish to allow use of your version of this file only 29 | * under the terms of either the GPL or the LGPL, and not to allow others to 30 | * use your version of this file under the terms of the MPL, indicate your 31 | * decision by deleting the provisions above and replace them with the notice 32 | * and other provisions required by the GPL or the LGPL. If you do not delete 33 | * the provisions above, a recipient may use your version of this file under 34 | * the terms of any one of the MPL, the GPL or the LGPL. 35 | * 36 | * ***** END LICENSE BLOCK ***** */ 37 | 38 | @namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */ 39 | @namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); 40 | 41 | /* bidi */ 42 | 43 | [dir="rtl"] { 44 | direction: rtl; 45 | unicode-bidi: embed; 46 | } 47 | [dir="ltr"] { 48 | direction: ltr; 49 | unicode-bidi: embed; 50 | } 51 | bdi, bdi[dir], output, output[dir], [dir="auto"] { 52 | unicode-bidi: -moz-isolate; 53 | } 54 | bdo, bdo[dir] { 55 | unicode-bidi: bidi-override; 56 | } 57 | bdo[dir="auto"] { 58 | unicode-bidi: bidi-override -moz-isolate; 59 | } 60 | textarea[dir="auto"], pre[dir="auto"] { unicode-bidi: -moz-plaintext; } 61 | 62 | /* To ensure http://www.w3.org/TR/REC-html40/struct/dirlang.html#style-bidi: 63 | * 64 | * "When a block element that does not have a dir attribute is transformed to 65 | * the style of an inline element by a style sheet, the resulting presentation 66 | * should be equivalent, in terms of bidirectional formatting, to the 67 | * formatting obtained by explicitly adding a dir attribute (assigned the 68 | * inherited value) to the transformed element." */ 69 | 70 | address, 71 | article, 72 | aside, 73 | blockquote, 74 | body, 75 | caption, 76 | center, 77 | col, 78 | colgroup, 79 | dd, 80 | dir, 81 | div, 82 | dl, 83 | dt, 84 | fieldset, 85 | footer, 86 | form, 87 | h1, 88 | h2, 89 | h3, 90 | h4, 91 | h5, 92 | h6, 93 | header, 94 | hgroup, 95 | hr, 96 | html, 97 | li, 98 | listing, 99 | map, 100 | marquee, 101 | menu, 102 | nav, 103 | noframes, 104 | ol, 105 | p, 106 | plaintext, 107 | pre, 108 | section, 109 | table, 110 | tbody, 111 | td, 112 | tfoot, 113 | th, 114 | thead, 115 | tr, 116 | ul, 117 | xmp { 118 | unicode-bidi: -moz-isolate; 119 | } 120 | 121 | 122 | /* blocks */ 123 | 124 | article, 125 | aside, 126 | div, 127 | dt, 128 | figcaption, 129 | footer, 130 | form, 131 | header, 132 | hgroup, 133 | html, 134 | map, 135 | nav, 136 | section { 137 | display: block; 138 | } 139 | 140 | body { 141 | display: block; 142 | margin: 8px; 143 | } 144 | 145 | p, dl, multicol { 146 | display: block; 147 | margin: 1em 0; 148 | } 149 | 150 | dd { 151 | display: block; 152 | -moz-margin-start: 40px; 153 | } 154 | 155 | blockquote, figure { 156 | display: block; 157 | margin: 1em 40px; 158 | } 159 | 160 | address { 161 | display: block; 162 | font-style: italic; 163 | } 164 | 165 | center { 166 | display: block; 167 | text-align: -moz-center; 168 | } 169 | 170 | blockquote[type=cite] { 171 | display: block; 172 | margin: 1em 0px; 173 | -moz-padding-start: 1em; 174 | -moz-border-start: solid; 175 | border-color: blue; 176 | border-width: thin; 177 | } 178 | 179 | span[_moz_quote=true] { 180 | color: blue; 181 | } 182 | 183 | pre[_moz_quote=true] { 184 | color: blue; 185 | } 186 | 187 | h1 { 188 | display: block; 189 | font-size: 2em; 190 | font-weight: bold; 191 | margin: .67em 0; 192 | } 193 | 194 | h2, 195 | :-moz-any(article, aside, nav, section) 196 | h1 { 197 | display: block; 198 | font-size: 1.5em; 199 | font-weight: bold; 200 | margin: .83em 0; 201 | } 202 | 203 | h3, 204 | :-moz-any(article, aside, nav, section) 205 | :-moz-any(article, aside, nav, section) 206 | h1 { 207 | display: block; 208 | font-size: 1.17em; 209 | font-weight: bold; 210 | margin: 1em 0; 211 | } 212 | 213 | h4, 214 | :-moz-any(article, aside, nav, section) 215 | :-moz-any(article, aside, nav, section) 216 | :-moz-any(article, aside, nav, section) 217 | h1 { 218 | display: block; 219 | font-size: 1.00em; 220 | font-weight: bold; 221 | margin: 1.33em 0; 222 | } 223 | 224 | h5, 225 | :-moz-any(article, aside, nav, section) 226 | :-moz-any(article, aside, nav, section) 227 | :-moz-any(article, aside, nav, section) 228 | :-moz-any(article, aside, nav, section) 229 | h1 { 230 | display: block; 231 | font-size: 0.83em; 232 | font-weight: bold; 233 | margin: 1.67em 0; 234 | } 235 | 236 | h6, 237 | :-moz-any(article, aside, nav, section) 238 | :-moz-any(article, aside, nav, section) 239 | :-moz-any(article, aside, nav, section) 240 | :-moz-any(article, aside, nav, section) 241 | :-moz-any(article, aside, nav, section) 242 | h1 { 243 | display: block; 244 | font-size: 0.67em; 245 | font-weight: bold; 246 | margin: 2.33em 0; 247 | } 248 | 249 | listing { 250 | display: block; 251 | font-family: -moz-fixed; 252 | font-size: medium; 253 | white-space: pre; 254 | margin: 1em 0; 255 | } 256 | 257 | xmp, pre, plaintext { 258 | display: block; 259 | font-family: -moz-fixed; 260 | white-space: pre; 261 | margin: 1em 0; 262 | } 263 | 264 | /* tables */ 265 | 266 | table { 267 | display: table; 268 | border-spacing: 2px; 269 | border-collapse: separate; 270 | margin-top: 0; 271 | margin-bottom: 0; 272 | /* XXXldb do we want this if we're border-collapse:collapse ? */ 273 | -moz-box-sizing: border-box; 274 | text-indent: 0; 275 | } 276 | 277 | table[align="left"] { 278 | float: left; 279 | } 280 | 281 | table[align="right"] { 282 | float: right; 283 | text-align: start; 284 | } 285 | 286 | 287 | /* border collapse rules */ 288 | 289 | /* Set hidden if we have 'frame' or 'rules' attribute. 290 | Set it on all sides when we do so there's more consistency 291 | in what authors should expect */ 292 | 293 | /* Put this first so 'border' and 'frame' rules can override it. */ 294 | table[rules] { 295 | border-width: thin; 296 | border-style: hidden; 297 | } 298 | 299 | /* 'border' before 'frame' so 'frame' overrides 300 | A border with a given value should, of course, pass that value 301 | as the border-width in pixels -> attr mapping */ 302 | 303 | /* :-moz-table-border-nonzero is like [border]:not([border="0"]) except it 304 | also checks for other zero-like values according to HTML attribute 305 | parsing rules */ 306 | table:-moz-table-border-nonzero { 307 | border-width: thin; 308 | border-style: outset; 309 | } 310 | 311 | table[frame] { 312 | border: thin hidden; 313 | } 314 | 315 | /* specificity must beat table:-moz-table-border-nonzero rule above */ 316 | table[frame="void"] { border-style: hidden; } 317 | table[frame="above"] { border-style: outset hidden hidden hidden; } 318 | table[frame="below"] { border-style: hidden hidden outset hidden; } 319 | table[frame="lhs"] { border-style: hidden hidden hidden outset; } 320 | table[frame="rhs"] { border-style: hidden outset hidden hidden; } 321 | table[frame="hsides"] { border-style: outset hidden; } 322 | table[frame="vsides"] { border-style: hidden outset; } 323 | table[frame="box"], 324 | table[frame="border"] { border-style: outset; } 325 | 326 | 327 | /* Internal Table Borders */ 328 | 329 | /* 'border' cell borders first */ 330 | 331 | table:-moz-table-border-nonzero > * > tr > td, 332 | table:-moz-table-border-nonzero > * > tr > th, 333 | table:-moz-table-border-nonzero > * > td, 334 | table:-moz-table-border-nonzero > * > th, 335 | table:-moz-table-border-nonzero > td, 336 | table:-moz-table-border-nonzero > th 337 | { 338 | border-width: thin; 339 | border-style: inset; 340 | } 341 | 342 | /* collapse only if rules are really specified */ 343 | table[rules]:not([rules="none"]):not([rules=""]) { 344 | border-collapse: collapse; 345 | } 346 | 347 | /* only specified rules override 'border' settings 348 | (increased specificity to achieve this) */ 349 | table[rules]:not([rules=""])> tr > td, 350 | table[rules]:not([rules=""])> * > tr > td, 351 | table[rules]:not([rules=""])> tr > th, 352 | table[rules]:not([rules=""])> * > tr > th, 353 | table[rules]:not([rules=""])> td, 354 | table[rules]:not([rules=""])> th 355 | { 356 | border-width: thin; 357 | border-style: none; 358 | } 359 | 360 | 361 | table[rules][rules="none"] > tr > td, 362 | table[rules][rules="none"] > * > tr > td, 363 | table[rules][rules="none"] > tr > th, 364 | table[rules][rules="none"] > * > tr > th, 365 | table[rules][rules="none"] > td, 366 | table[rules][rules="none"] > th 367 | { 368 | border-width: thin; 369 | border-style: none; 370 | } 371 | 372 | table[rules][rules="all"] > tr > td, 373 | table[rules][rules="all"] > * > tr > td, 374 | table[rules][rules="all"] > tr > th, 375 | table[rules][rules="all"] > * > tr > th, 376 | table[rules][rules="all"] > td, 377 | table[rules][rules="all"] > th 378 | { 379 | border-width: thin; 380 | border-style: solid; 381 | } 382 | 383 | table[rules][rules="rows"] > tr, 384 | table[rules][rules="rows"] > * > tr { 385 | border-top-width: thin; 386 | border-bottom-width: thin; 387 | border-top-style: solid; 388 | border-bottom-style: solid; 389 | } 390 | 391 | 392 | table[rules][rules="cols"] > tr > td, 393 | table[rules][rules="cols"] > * > tr > td, 394 | table[rules][rules="cols"] > tr > th, 395 | table[rules][rules="cols"] > * > tr > th { 396 | border-left-width: thin; 397 | border-right-width: thin; 398 | border-left-style: solid; 399 | border-right-style: solid; 400 | } 401 | 402 | table[rules][rules="groups"] > colgroup { 403 | border-left-width: thin; 404 | border-right-width: thin; 405 | border-left-style: solid; 406 | border-right-style: solid; 407 | } 408 | table[rules][rules="groups"] > tfoot, 409 | table[rules][rules="groups"] > thead, 410 | table[rules][rules="groups"] > tbody { 411 | border-top-width: thin; 412 | border-bottom-width: thin; 413 | border-top-style: solid; 414 | border-bottom-style: solid; 415 | } 416 | 417 | 418 | /* caption inherits from table not table-outer */ 419 | caption { 420 | display: table-caption; 421 | text-align: center; 422 | -moz-box-sizing: border-box; 423 | } 424 | 425 | table[align="center"] > caption { 426 | margin-left: auto; 427 | margin-right: auto; 428 | } 429 | 430 | table[align="center"] > caption[align="left"] { 431 | margin-right: 0; 432 | } 433 | 434 | table[align="center"] > caption[align="right"] { 435 | margin-left: 0; 436 | } 437 | 438 | tr { 439 | display: table-row; 440 | vertical-align: inherit; 441 | } 442 | 443 | col { 444 | display: table-column; 445 | } 446 | 447 | colgroup { 448 | display: table-column-group; 449 | } 450 | 451 | tbody { 452 | display: table-row-group; 453 | vertical-align: middle; 454 | } 455 | 456 | thead { 457 | display: table-header-group; 458 | vertical-align: middle; 459 | } 460 | 461 | tfoot { 462 | display: table-footer-group; 463 | vertical-align: middle; 464 | } 465 | 466 | /* for XHTML tables without tbody */ 467 | table > tr { 468 | vertical-align: middle; 469 | } 470 | 471 | td { 472 | display: table-cell; 473 | vertical-align: inherit; 474 | text-align: inherit; 475 | padding: 1px; 476 | } 477 | 478 | th { 479 | display: table-cell; 480 | vertical-align: inherit; 481 | font-weight: bold; 482 | padding: 1px; 483 | } 484 | 485 | tr > form:-moz-is-html, tbody > form:-moz-is-html, 486 | thead > form:-moz-is-html, tfoot > form:-moz-is-html, 487 | table > form:-moz-is-html { 488 | /* Important: don't show these forms in HTML */ 489 | display: none !important; 490 | } 491 | 492 | table[bordercolor] > tbody, 493 | table[bordercolor] > thead, 494 | table[bordercolor] > tfoot, 495 | table[bordercolor] > col, 496 | table[bordercolor] > colgroup, 497 | table[bordercolor] > tr, 498 | table[bordercolor] > * > tr, 499 | table[bordercolor] > tr > td, 500 | table[bordercolor] > * > tr > td, 501 | table[bordercolor] > tr > th, 502 | table[bordercolor] > * > tr > th { 503 | border-color: inherit; 504 | } 505 | 506 | /* inlines */ 507 | 508 | q:before { 509 | content: open-quote; 510 | } 511 | 512 | q:after { 513 | content: close-quote; 514 | } 515 | 516 | b, strong { 517 | font-weight: bolder; 518 | } 519 | 520 | i, cite, em, var, dfn { 521 | font-style: italic; 522 | } 523 | 524 | tt, code, kbd, samp { 525 | font-family: -moz-fixed; 526 | } 527 | 528 | u, ins { 529 | text-decoration: underline; 530 | } 531 | 532 | s, strike, del { 533 | text-decoration: line-through; 534 | } 535 | 536 | blink { 537 | text-decoration: blink; 538 | } 539 | 540 | big { 541 | font-size: larger; 542 | } 543 | 544 | small { 545 | font-size: smaller; 546 | } 547 | 548 | sub { 549 | vertical-align: sub; 550 | font-size: smaller; 551 | line-height: normal; 552 | } 553 | 554 | sup { 555 | vertical-align: super; 556 | font-size: smaller; 557 | line-height: normal; 558 | } 559 | 560 | nobr { 561 | white-space: nowrap; 562 | } 563 | 564 | mark { 565 | background: yellow; 566 | color: black; 567 | } 568 | 569 | /* titles */ 570 | abbr[title], acronym[title] { 571 | border-bottom: dotted 1px; 572 | } 573 | 574 | /* lists */ 575 | 576 | ul, menu, dir { 577 | display: block; 578 | list-style-type: disc; 579 | margin: 1em 0; 580 | -moz-padding-start: 40px; 581 | } 582 | 583 | menu[type="context"] { 584 | display: none !important; 585 | } 586 | 587 | ol { 588 | display: block; 589 | list-style-type: decimal; 590 | margin: 1em 0; 591 | -moz-padding-start: 40px; 592 | } 593 | 594 | li { 595 | display: list-item; 596 | } 597 | 598 | /* nested lists have no top/bottom margins */ 599 | :-moz-any(ul, ol, dir, menu, dl) ul, 600 | :-moz-any(ul, ol, dir, menu, dl) ol, 601 | :-moz-any(ul, ol, dir, menu, dl) dir, 602 | :-moz-any(ul, ol, dir, menu, dl) menu, 603 | :-moz-any(ul, ol, dir, menu, dl) dl { 604 | margin-top: 0; 605 | margin-bottom: 0; 606 | } 607 | 608 | /* 2 deep unordered lists use a circle */ 609 | :-moz-any(ol, ul, menu, dir) ul, 610 | :-moz-any(ol, ul, menu, dir) menu, 611 | :-moz-any(ol, ul, menu, dir) dir { 612 | list-style-type: circle; 613 | } 614 | 615 | /* 3 deep (or more) unordered lists use a square */ 616 | :-moz-any(ol, ul, menu, dir) :-moz-any(ol, ul, menu, dir) ul, 617 | :-moz-any(ol, ul, menu, dir) :-moz-any(ol, ul, menu, dir) menu, 618 | :-moz-any(ol, ul, menu, dir) :-moz-any(ol, ul, menu, dir) dir { 619 | list-style-type: square; 620 | } 621 | 622 | 623 | /* leafs */ 624 | 625 | /*
noshade and color attributes are handled completely by 626 | * the nsHTMLHRElement attribute mapping code 627 | */ 628 | hr { 629 | display: block; 630 | height: 2px; 631 | border: 1px inset; 632 | margin: 0.5em auto 0.5em auto; 633 | color: gray; 634 | -moz-float-edge: margin-box; 635 | -moz-box-sizing: border-box; 636 | } 637 | 638 | hr[size="1"] { 639 | border-style: solid none none none; 640 | } 641 | 642 | img:-moz-broken::before, input:-moz-broken::before, 643 | img:-moz-user-disabled::before, input:-moz-user-disabled::before, 644 | img:-moz-loading::before, input:-moz-loading::before, 645 | applet:-moz-empty-except-children-with-localname(param):-moz-broken::before, 646 | applet:-moz-empty-except-children-with-localname(param):-moz-user-disabled::before { 647 | content: -moz-alt-content !important; 648 | unicode-bidi: -moz-isolate; 649 | } 650 | 651 | :-moz-any(object,applet):-moz-any(:-moz-broken,:-moz-user-disabled) > *|* { 652 | /* 653 | Inherit in the object's alignment so that if we aren't aligned explicitly 654 | we'll end up in the right place vertically. See bug 36997. Note that this 655 | is not !important because we _might_ be aligned explicitly. 656 | */ 657 | vertical-align: inherit; 658 | } 659 | 660 | img:-moz-suppressed, input:-moz-suppressed, object:-moz-suppressed, 661 | embed:-moz-suppressed, applet:-moz-suppressed { 662 | /* 663 | Set visibility too in case the page changes display. Note that we _may_ 664 | want to just set visibility and not display, in general, if we find that 665 | display:none breaks too many layouts. And if we decide we really do want 666 | people to be able to right-click blocked images, etc, we need to set 667 | neither one, and hack the painting code.... :( 668 | */ 669 | display: none !important; 670 | visibility: hidden !important; 671 | } 672 | 673 | img[usemap], object[usemap] { 674 | color: blue; 675 | } 676 | 677 | frameset { 678 | display: block ! important; 679 | overflow: -moz-hidden-unscrollable; 680 | position: static ! important; 681 | float: none ! important; 682 | border: none ! important; 683 | } 684 | 685 | frame { 686 | border: none ! important; 687 | } 688 | 689 | iframe { 690 | border: 2px inset; 691 | } 692 | 693 | noframes { 694 | display: none; 695 | } 696 | 697 | spacer { 698 | position: static ! important; 699 | float: none ! important; 700 | } 701 | 702 | canvas { 703 | -moz-user-select: none; 704 | } 705 | 706 | /* focusable content: anything w/ tabindex >=0 is focusable, but we 707 | skip drawing a focus outline on a few things that handle it 708 | themselves. */ 709 | :-moz-focusring:not(input):not(button):not(select):not(textarea):not(iframe):not(frame):not(body):not(html) { 710 | /* Don't specify the outline-color, we should always use initial value. */ 711 | outline: 1px dotted; 712 | } 713 | 714 | /* hidden elements */ 715 | base, basefont, datalist, head, meta, script, style, title, 716 | noembed, param { 717 | display: none; 718 | } 719 | 720 | area { 721 | /* Don't give it frames other than its imageframe */ 722 | display: none ! important; 723 | } 724 | 725 | iframe:-moz-full-screen { 726 | /* iframes in full-screen mode don't show a border. */ 727 | border: none; 728 | } 729 | 730 | /* media elements */ 731 | video > xul|videocontrols, audio > xul|videocontrols { 732 | display: -moz-box; 733 | -moz-box-orient: vertical; 734 | -moz-binding: url("chrome://global/content/bindings/videocontrols.xml#videoControls"); 735 | } 736 | 737 | video:not([controls]) > xul|videocontrols, 738 | audio:not([controls]) > xul|videocontrols { 739 | visibility: hidden; 740 | } 741 | 742 | audio:not([controls]) { 743 | display: none; 744 | } 745 | 746 | /* emulation of non-standard HTML tag */ 747 | marquee { 748 | width: -moz-available; 749 | display: inline-block; 750 | vertical-align: text-bottom; 751 | text-align: start; 752 | -moz-binding: url('chrome://xbl-marquee/content/xbl-marquee.xml#marquee-horizontal'); 753 | } 754 | 755 | marquee[direction="up"], marquee[direction="down"] { 756 | -moz-binding: url('chrome://xbl-marquee/content/xbl-marquee.xml#marquee-vertical'); 757 | height: 200px; 758 | } 759 | 760 | /* PRINT ONLY rules follow */ 761 | @media print { 762 | 763 | marquee { -moz-binding: none; } 764 | 765 | } 766 | -------------------------------------------------------------------------------- /src/_ua_default/firefox-3.6.x.css: -------------------------------------------------------------------------------- 1 | /* ***** BEGIN LICENSE BLOCK ***** 2 | * Version: MPL 1.1/GPL 2.0/LGPL 2.1 3 | * 4 | * The contents of this file are subject to the Mozilla Public License Version 5 | * 1.1 (the "License"); you may not use this file except in compliance with 6 | * the License. You may obtain a copy of the License at 7 | * http://www.mozilla.org/MPL/ 8 | * 9 | * Software distributed under the License is distributed on an "AS IS" basis, 10 | * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License 11 | * for the specific language governing rights and limitations under the 12 | * License. 13 | * 14 | * The Original Code is mozilla.org code. 15 | * 16 | * The Initial Developer of the Original Code is 17 | * Netscape Communications Corporation. 18 | * Portions created by the Initial Developer are Copyright (C) 1998 19 | * the Initial Developer. All Rights Reserved. 20 | * 21 | * Contributor(s): 22 | * Blake Ross 23 | * 24 | * Alternatively, the contents of this file may be used under the terms of 25 | * either of the GNU General Public License Version 2 or later (the "GPL"), 26 | * or the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), 27 | * in which case the provisions of the GPL or the LGPL are applicable instead 28 | * of those above. If you wish to allow use of your version of this file only 29 | * under the terms of either the GPL or the LGPL, and not to allow others to 30 | * use your version of this file under the terms of the MPL, indicate your 31 | * decision by deleting the provisions above and replace them with the notice 32 | * and other provisions required by the GPL or the LGPL. If you do not delete 33 | * the provisions above, a recipient may use your version of this file under 34 | * the terms of any one of the MPL, the GPL or the LGPL. 35 | * 36 | * ***** END LICENSE BLOCK ***** */ 37 | 38 | @namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */ 39 | @namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); 40 | 41 | /* bidi */ 42 | 43 | [dir="rtl"] { 44 | direction: rtl; 45 | unicode-bidi: embed; 46 | } 47 | [dir="ltr"] { 48 | direction: ltr; 49 | unicode-bidi: embed; 50 | } 51 | bdo[dir] { 52 | unicode-bidi: bidi-override; 53 | } 54 | 55 | /* To ensure http://www.w3.org/TR/REC-html40/struct/dirlang.html#style-bidi: 56 | * 57 | * "When a block element that does not have a dir attribute is transformed to 58 | * the style of an inline element by a style sheet, the resulting presentation 59 | * should be equivalent, in terms of bidirectional formatting, to the 60 | * formatting obtained by explicitly adding a dir attribute (assigned the 61 | * inherited value) to the transformed element." */ 62 | 63 | address, blockquote, body, caption, center, col, colgroup, dd, dir, div, dl, dt, 64 | fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, isindex, li, listing, map, 65 | marquee, menu, noframes, ol, p, plaintext, pre, table, tbody, td, tfoot, th, 66 | thead, tr, ul, xmp { 67 | unicode-bidi: embed; 68 | } 69 | 70 | 71 | /* blocks */ 72 | 73 | html, div, map, dt, isindex, form { 74 | display: block; 75 | } 76 | 77 | body { 78 | display: block; 79 | margin: 8px; 80 | } 81 | 82 | p, dl, multicol { 83 | display: block; 84 | margin: 1em 0; 85 | } 86 | 87 | dd { 88 | display: block; 89 | -moz-margin-start: 40px; 90 | } 91 | 92 | blockquote { 93 | display: block; 94 | margin: 1em 40px; 95 | } 96 | 97 | address { 98 | display: block; 99 | font-style: italic; 100 | } 101 | 102 | center { 103 | display: block; 104 | text-align: -moz-center; 105 | } 106 | 107 | blockquote[type=cite] { 108 | display: block; 109 | margin: 1em 0px; 110 | -moz-padding-start: 1em; 111 | -moz-border-start: solid; 112 | border-color: blue; 113 | border-width: thin; 114 | } 115 | 116 | span[_moz_quote=true] { 117 | color: blue; 118 | } 119 | 120 | pre[_moz_quote=true] { 121 | color: blue; 122 | } 123 | 124 | h1 { 125 | display: block; 126 | font-size: 2em; 127 | font-weight: bold; 128 | margin: .67em 0; 129 | } 130 | 131 | h2 { 132 | display: block; 133 | font-size: 1.5em; 134 | font-weight: bold; 135 | margin: .83em 0; 136 | } 137 | 138 | h3 { 139 | display: block; 140 | font-size: 1.17em; 141 | font-weight: bold; 142 | margin: 1em 0; 143 | } 144 | 145 | h4 { 146 | display: block; 147 | font-weight: bold; 148 | margin: 1.33em 0; 149 | } 150 | 151 | h5 { 152 | display: block; 153 | font-size: 0.83em; 154 | font-weight: bold; 155 | margin: 1.67em 0; 156 | } 157 | 158 | h6 { 159 | display: block; 160 | font-size: 0.67em; 161 | font-weight: bold; 162 | margin: 2.33em 0; 163 | } 164 | 165 | listing { 166 | display: block; 167 | font-family: -moz-fixed; 168 | font-size: medium; 169 | white-space: pre; 170 | margin: 1em 0; 171 | } 172 | 173 | xmp, pre, plaintext { 174 | display: block; 175 | font-family: -moz-fixed; 176 | white-space: pre; 177 | margin: 1em 0; 178 | } 179 | 180 | /* tables */ 181 | 182 | table { 183 | display: table; 184 | border-spacing: 2px; 185 | border-collapse: separate; 186 | margin-top: 0; 187 | margin-bottom: 0; 188 | /* XXXldb do we want this if we're border-collapse:collapse ? */ 189 | -moz-box-sizing: border-box; 190 | text-indent: 0; 191 | } 192 | 193 | table[align="left"] { 194 | float: left; 195 | } 196 | 197 | table[align="right"] { 198 | float: right; 199 | text-align: start; 200 | } 201 | 202 | table[rules]:not([rules="none"]) { 203 | border-collapse: collapse; 204 | } 205 | 206 | /* caption inherits from table not table-outer */ 207 | caption { 208 | display: table-caption; 209 | text-align: center; 210 | -moz-box-sizing: border-box; 211 | } 212 | 213 | table[align="center"] > caption { 214 | margin-left: auto; 215 | margin-right: auto; 216 | } 217 | 218 | table[align="center"] > caption[align="left"] { 219 | margin-right: 0; 220 | } 221 | 222 | table[align="center"] > caption[align="right"] { 223 | margin-left: 0; 224 | } 225 | 226 | tr { 227 | display: table-row; 228 | vertical-align: inherit; 229 | } 230 | 231 | col { 232 | display: table-column; 233 | } 234 | 235 | colgroup { 236 | display: table-column-group; 237 | } 238 | 239 | tbody { 240 | display: table-row-group; 241 | vertical-align: middle; 242 | } 243 | 244 | thead { 245 | display: table-header-group; 246 | vertical-align: middle; 247 | } 248 | 249 | tfoot { 250 | display: table-footer-group; 251 | vertical-align: middle; 252 | } 253 | 254 | /* for XHTML tables without tbody */ 255 | table > tr { 256 | vertical-align: middle; 257 | } 258 | 259 | td { 260 | display: table-cell; 261 | vertical-align: inherit; 262 | text-align: inherit; 263 | padding: 1px; 264 | } 265 | 266 | th { 267 | display: table-cell; 268 | vertical-align: inherit; 269 | font-weight: bold; 270 | padding: 1px; 271 | } 272 | 273 | tr > form:-moz-is-html, tbody > form:-moz-is-html, 274 | thead > form:-moz-is-html, tfoot > form:-moz-is-html, 275 | table > form:-moz-is-html { 276 | /* Important: don't show these forms in HTML */ 277 | display: none !important; 278 | } 279 | 280 | /* inlines */ 281 | 282 | q:before { 283 | content: open-quote; 284 | } 285 | 286 | q:after { 287 | content: close-quote; 288 | } 289 | 290 | b, strong { 291 | font-weight: bolder; 292 | } 293 | 294 | i, cite, em, var, dfn { 295 | font-style: italic; 296 | } 297 | 298 | tt, code, kbd, samp { 299 | font-family: -moz-fixed; 300 | } 301 | 302 | u, ins { 303 | text-decoration: underline; 304 | } 305 | 306 | s, strike, del { 307 | text-decoration: line-through; 308 | } 309 | 310 | blink { 311 | text-decoration: blink; 312 | } 313 | 314 | big { 315 | font-size: larger; 316 | } 317 | 318 | small { 319 | font-size: smaller; 320 | } 321 | 322 | sub { 323 | vertical-align: sub; 324 | font-size: smaller; 325 | line-height: normal; 326 | } 327 | 328 | sup { 329 | vertical-align: super; 330 | font-size: smaller; 331 | line-height: normal; 332 | } 333 | 334 | nobr { 335 | white-space: nowrap; 336 | } 337 | 338 | /* titles */ 339 | abbr[title], acronym[title] { 340 | border-bottom: dotted 1px; 341 | } 342 | 343 | /* lists */ 344 | 345 | ul, menu, dir { 346 | display: block; 347 | list-style-type: disc; 348 | margin: 1em 0; 349 | -moz-padding-start: 40px; 350 | } 351 | 352 | ol { 353 | display: block; 354 | list-style-type: decimal; 355 | margin: 1em 0; 356 | -moz-padding-start: 40px; 357 | } 358 | 359 | li { 360 | display: list-item; 361 | } 362 | 363 | /* nested lists have no top/bottom margins */ 364 | ul ul, ul ol, ul dir, ul menu, ul dl, 365 | ol ul, ol ol, ol dir, ol menu, ol dl, 366 | dir ul, dir ol, dir dir, dir menu, dir dl, 367 | menu ul, menu ol, menu dir, menu menu, menu dl, 368 | dl ul, dl ol, dl dir, dl menu, dl dl { 369 | margin-top: 0; 370 | margin-bottom: 0; 371 | } 372 | 373 | /* 2 deep unordered lists use a circle */ 374 | ol ul, ul ul, menu ul, dir ul, 375 | ol menu, ul menu, menu menu, dir menu, 376 | ol dir, ul dir, menu dir, dir dir { 377 | list-style-type: circle; 378 | } 379 | 380 | /* 3 deep (or more) unordered lists use a square */ 381 | ol ol ul, ol ul ul, ol menu ul, ol dir ul, 382 | ol ol menu, ol ul menu, ol menu menu, ol dir menu, 383 | ol ol dir, ol ul dir, ol menu dir, ol dir dir, 384 | ul ol ul, ul ul ul, ul menu ul, ul dir ul, 385 | ul ol menu, ul ul menu, ul menu menu, ul dir menu, 386 | ul ol dir, ul ul dir, ul menu dir, ul dir dir, 387 | menu ol ul, menu ul ul, menu menu ul, menu dir ul, 388 | menu ol menu, menu ul menu, menu menu menu, menu dir menu, 389 | menu ol dir, menu ul dir, menu menu dir, menu dir dir, 390 | dir ol ul, dir ul ul, dir menu ul, dir dir ul, 391 | dir ol menu, dir ul menu, dir menu menu, dir dir menu, 392 | dir ol dir, dir ul dir, dir menu dir, dir dir dir { 393 | list-style-type: square; 394 | } 395 | 396 | 397 | /* leafs */ 398 | 399 | /*
noshade and color attributes are handled completely by 400 | * the nsHTMLHRElement attribute mapping code 401 | */ 402 | hr { 403 | display: block; 404 | height: 2px; 405 | border: 1px inset; 406 | margin: 0.5em auto 0.5em auto; 407 | color: gray; 408 | -moz-float-edge: margin-box; 409 | -moz-box-sizing: border-box; 410 | } 411 | 412 | hr[size="1"] { 413 | border-style: solid none none none; 414 | } 415 | 416 | *|*:-moz-any-link img, img[usemap], object[usemap] { 417 | border: 2px solid; 418 | } 419 | 420 | img:-moz-broken::before, input:-moz-broken::before, 421 | img:-moz-user-disabled::before, input:-moz-user-disabled::before, 422 | img:-moz-loading::before, input:-moz-loading::before, 423 | applet:-moz-empty-except-children-with-localname(param):-moz-broken::before, 424 | applet:-moz-empty-except-children-with-localname(param):-moz-user-disabled::before { 425 | content: -moz-alt-content !important; 426 | unicode-bidi: embed; 427 | } 428 | 429 | object:-moz-broken > *|*, applet:-moz-broken > *|* 430 | object:-moz-user-disabled > *|*, applet:-moz-user-disabled > *|* { 431 | /* 432 | Inherit in the object's alignment so that if we aren't aligned explicitly 433 | we'll end up in the right place vertically. See bug 36997. Note that this 434 | is not !important because we _might_ be aligned explicitly. 435 | */ 436 | vertical-align: inherit; 437 | } 438 | 439 | img:-moz-suppressed, input:-moz-suppressed, object:-moz-suppressed, 440 | embed:-moz-suppressed, applet:-moz-suppressed { 441 | /* 442 | Set visibility too in case the page changes display. Note that we _may_ 443 | want to just set visibility and not display, in general, if we find that 444 | display:none breaks too many layouts. And if we decide we really do want 445 | people to be able to right-click blocked images, etc, we need to set 446 | neither one, and hack the painting code.... :( 447 | */ 448 | display: none !important; 449 | visibility: hidden !important; 450 | } 451 | 452 | img[usemap], object[usemap] { 453 | color: blue; 454 | } 455 | 456 | frameset { 457 | display: block ! important; 458 | overflow: -moz-hidden-unscrollable; 459 | position: static ! important; 460 | float: none ! important; 461 | border: none ! important; 462 | } 463 | 464 | frame { 465 | border: none ! important; 466 | } 467 | 468 | iframe { 469 | border: 2px inset; 470 | } 471 | 472 | noframes { 473 | display: none; 474 | } 475 | 476 | spacer { 477 | position: static ! important; 478 | float: none ! important; 479 | } 480 | 481 | canvas { 482 | -moz-user-select: none; 483 | } 484 | 485 | /* focusable content: anything w/ tabindex >=0 is focusable */ 486 | abbr:focus, acronym:focus, address:focus, b:focus, 487 | base:focus, big:focus, blockquote:focus, br:focus, canvas:focus, caption:focus, 488 | center:focus, cite:focus, code:focus, col:focus, colgroup:focus, dd:focus, 489 | del:focus, dfn:focus, dir:focus, div:focus, dl:focus, dt:focus, em:focus, 490 | fieldset:focus, font:focus, form:focus, h1:focus, h2:focus, h3:focus, h4:focus, 491 | h5:focus, h6:focus, hr:focus, i:focus, img:focus, ins:focus, 492 | kbd:focus, label:focus, legend:focus, li:focus, link:focus, menu:focus, 493 | ol:focus, p:focus, pre:focus, q:focus, s:focus, samp:focus, 494 | small:focus, span:focus, strike:focus, strong:focus, sub:focus, sup:focus, 495 | table:focus, tbody:focus, td:focus, tfoot:focus, th:focus, thead:focus, 496 | tr:focus, tt:focus, u:focus, ul:focus, var:focus { 497 | /* Don't specify the outline-color, we should always use initial value. */ 498 | outline: 1px dotted; 499 | } 500 | 501 | /* hidden elements */ 502 | area, base, basefont, head, meta, script, style, title, 503 | noembed, param { 504 | display: none; 505 | } 506 | 507 | /* media elements */ 508 | video > xul|videocontrols, audio > xul|videocontrols { 509 | display: -moz-box; 510 | -moz-box-orient: vertical; 511 | -moz-binding: url("chrome://global/content/bindings/videocontrols.xml#videoControls"); 512 | } 513 | 514 | video:not([controls]) > xul|videocontrols, 515 | audio:not([controls]) > xul|videocontrols { 516 | visibility: hidden; 517 | } 518 | 519 | audio:not([controls]) { 520 | display: none; 521 | } 522 | 523 | /* emulation of non-standard HTML tag */ 524 | marquee { 525 | width: -moz-available; 526 | display: inline-block; 527 | vertical-align: text-bottom; 528 | text-align: start; 529 | -moz-binding: url('chrome://xbl-marquee/content/xbl-marquee.xml#marquee-horizontal'); 530 | } 531 | 532 | marquee[direction="up"], marquee[direction="down"] { 533 | -moz-binding: url('chrome://xbl-marquee/content/xbl-marquee.xml#marquee-vertical'); 534 | height: 200px; 535 | } 536 | 537 | /* PRINT ONLY rules follow */ 538 | @media print { 539 | 540 | marquee { -moz-binding: none; } 541 | 542 | } 543 | -------------------------------------------------------------------------------- /src/_ua_default/firefox-4.0.1.css: -------------------------------------------------------------------------------- 1 | /* ***** BEGIN LICENSE BLOCK ***** 2 | * Version: MPL 1.1/GPL 2.0/LGPL 2.1 3 | * 4 | * The contents of this file are subject to the Mozilla Public License Version 5 | * 1.1 (the "License"); you may not use this file except in compliance with 6 | * the License. You may obtain a copy of the License at 7 | * http://www.mozilla.org/MPL/ 8 | * 9 | * Software distributed under the License is distributed on an "AS IS" basis, 10 | * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License 11 | * for the specific language governing rights and limitations under the 12 | * License. 13 | * 14 | * The Original Code is mozilla.org code. 15 | * 16 | * The Initial Developer of the Original Code is 17 | * Netscape Communications Corporation. 18 | * Portions created by the Initial Developer are Copyright (C) 1998 19 | * the Initial Developer. All Rights Reserved. 20 | * 21 | * Contributor(s): 22 | * Blake Ross 23 | * 24 | * Alternatively, the contents of this file may be used under the terms of 25 | * either of the GNU General Public License Version 2 or later (the "GPL"), 26 | * or the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), 27 | * in which case the provisions of the GPL or the LGPL are applicable instead 28 | * of those above. If you wish to allow use of your version of this file only 29 | * under the terms of either the GPL or the LGPL, and not to allow others to 30 | * use your version of this file under the terms of the MPL, indicate your 31 | * decision by deleting the provisions above and replace them with the notice 32 | * and other provisions required by the GPL or the LGPL. If you do not delete 33 | * the provisions above, a recipient may use your version of this file under 34 | * the terms of any one of the MPL, the GPL or the LGPL. 35 | * 36 | * ***** END LICENSE BLOCK ***** */ 37 | 38 | @namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */ 39 | @namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); 40 | 41 | /* bidi */ 42 | 43 | [dir="rtl"] { 44 | direction: rtl; 45 | unicode-bidi: embed; 46 | } 47 | [dir="ltr"] { 48 | direction: ltr; 49 | unicode-bidi: embed; 50 | } 51 | bdo[dir] { 52 | unicode-bidi: bidi-override; 53 | } 54 | 55 | /* To ensure http://www.w3.org/TR/REC-html40/struct/dirlang.html#style-bidi: 56 | * 57 | * "When a block element that does not have a dir attribute is transformed to 58 | * the style of an inline element by a style sheet, the resulting presentation 59 | * should be equivalent, in terms of bidirectional formatting, to the 60 | * formatting obtained by explicitly adding a dir attribute (assigned the 61 | * inherited value) to the transformed element." */ 62 | 63 | address, 64 | article, 65 | aside, 66 | blockquote, 67 | body, 68 | caption, 69 | center, 70 | col, 71 | colgroup, 72 | dd, 73 | dir, 74 | div, 75 | dl, 76 | dt, 77 | fieldset, 78 | footer, 79 | form, 80 | h1, 81 | h2, 82 | h3, 83 | h4, 84 | h5, 85 | h6, 86 | header, 87 | hgroup, 88 | hr, 89 | html, 90 | isindex, 91 | li, 92 | listing, 93 | map, 94 | marquee, 95 | menu, 96 | nav, 97 | noframes, 98 | ol, 99 | p, 100 | plaintext, 101 | pre, 102 | section, 103 | table, 104 | tbody, 105 | td, 106 | tfoot, 107 | th, 108 | thead, 109 | tr, 110 | ul, 111 | xmp { 112 | unicode-bidi: embed; 113 | } 114 | 115 | 116 | /* blocks */ 117 | 118 | article, 119 | aside, 120 | div, 121 | dt, 122 | figcaption, 123 | footer, 124 | form, 125 | header, 126 | hgroup, 127 | html, 128 | isindex, 129 | map, 130 | nav, 131 | section { 132 | display: block; 133 | } 134 | 135 | body { 136 | display: block; 137 | margin: 8px; 138 | } 139 | 140 | p, dl, multicol { 141 | display: block; 142 | margin: 1em 0; 143 | } 144 | 145 | dd { 146 | display: block; 147 | -moz-margin-start: 40px; 148 | } 149 | 150 | blockquote, figure { 151 | display: block; 152 | margin: 1em 40px; 153 | } 154 | 155 | address { 156 | display: block; 157 | font-style: italic; 158 | } 159 | 160 | center { 161 | display: block; 162 | text-align: -moz-center; 163 | } 164 | 165 | blockquote[type=cite] { 166 | display: block; 167 | margin: 1em 0px; 168 | -moz-padding-start: 1em; 169 | -moz-border-start: solid; 170 | border-color: blue; 171 | border-width: thin; 172 | } 173 | 174 | span[_moz_quote=true] { 175 | color: blue; 176 | } 177 | 178 | pre[_moz_quote=true] { 179 | color: blue; 180 | } 181 | 182 | h1 { 183 | display: block; 184 | font-size: 2em; 185 | font-weight: bold; 186 | margin: .67em 0; 187 | } 188 | 189 | h2, 190 | :-moz-any(article, aside, nav, section) 191 | h1 { 192 | display: block; 193 | font-size: 1.5em; 194 | font-weight: bold; 195 | margin: .83em 0; 196 | } 197 | 198 | h3, 199 | :-moz-any(article, aside, nav, section) 200 | :-moz-any(article, aside, nav, section) 201 | h1 { 202 | display: block; 203 | font-size: 1.17em; 204 | font-weight: bold; 205 | margin: 1em 0; 206 | } 207 | 208 | h4, 209 | :-moz-any(article, aside, nav, section) 210 | :-moz-any(article, aside, nav, section) 211 | :-moz-any(article, aside, nav, section) 212 | h1 { 213 | display: block; 214 | font-size: 1.00em; 215 | font-weight: bold; 216 | margin: 1.33em 0; 217 | } 218 | 219 | h5, 220 | :-moz-any(article, aside, nav, section) 221 | :-moz-any(article, aside, nav, section) 222 | :-moz-any(article, aside, nav, section) 223 | :-moz-any(article, aside, nav, section) 224 | h1 { 225 | display: block; 226 | font-size: 0.83em; 227 | font-weight: bold; 228 | margin: 1.67em 0; 229 | } 230 | 231 | h6, 232 | :-moz-any(article, aside, nav, section) 233 | :-moz-any(article, aside, nav, section) 234 | :-moz-any(article, aside, nav, section) 235 | :-moz-any(article, aside, nav, section) 236 | :-moz-any(article, aside, nav, section) 237 | h1 { 238 | display: block; 239 | font-size: 0.67em; 240 | font-weight: bold; 241 | margin: 2.33em 0; 242 | } 243 | 244 | listing { 245 | display: block; 246 | font-family: -moz-fixed; 247 | font-size: medium; 248 | white-space: pre; 249 | margin: 1em 0; 250 | } 251 | 252 | xmp, pre, plaintext { 253 | display: block; 254 | font-family: -moz-fixed; 255 | white-space: pre; 256 | margin: 1em 0; 257 | } 258 | 259 | /* tables */ 260 | 261 | table { 262 | display: table; 263 | border-spacing: 2px; 264 | border-collapse: separate; 265 | margin-top: 0; 266 | margin-bottom: 0; 267 | /* XXXldb do we want this if we're border-collapse:collapse ? */ 268 | -moz-box-sizing: border-box; 269 | text-indent: 0; 270 | } 271 | 272 | table[align="left"] { 273 | float: left; 274 | } 275 | 276 | table[align="right"] { 277 | float: right; 278 | text-align: start; 279 | } 280 | 281 | 282 | /* border collapse rules */ 283 | 284 | /* Set hidden if we have 'frame' or 'rules' attribute. 285 | Set it on all sides when we do so there's more consistency 286 | in what authors should expect */ 287 | 288 | /* Put this first so 'border' and 'frame' rules can override it. */ 289 | table[rules] { 290 | border-width: thin; 291 | border-style: hidden; 292 | } 293 | 294 | /* 'border' before 'frame' so 'frame' overrides 295 | A border with a given value should, of course, pass that value 296 | as the border-width in pixels -> attr mapping */ 297 | 298 | /* :-moz-table-border-nonzero is like [border]:not([border="0"]) except it 299 | also checks for other zero-like values according to HTML attribute 300 | parsing rules */ 301 | table:-moz-table-border-nonzero { 302 | border-width: thin; 303 | border-style: outset; 304 | } 305 | 306 | table[frame] { 307 | border: thin hidden; 308 | } 309 | 310 | /* specificity must beat table:-moz-table-border-nonzero rule above */ 311 | table[frame="void"] { border-style: hidden; } 312 | table[frame="above"] { border-style: outset hidden hidden hidden; } 313 | table[frame="below"] { border-style: hidden hidden outset hidden; } 314 | table[frame="lhs"] { border-style: hidden hidden hidden outset; } 315 | table[frame="rhs"] { border-style: hidden outset hidden hidden; } 316 | table[frame="hsides"] { border-style: outset hidden; } 317 | table[frame="vsides"] { border-style: hidden outset; } 318 | table[frame="box"], 319 | table[frame="border"] { border-style: outset; } 320 | 321 | 322 | /* Internal Table Borders */ 323 | 324 | /* 'border' cell borders first */ 325 | 326 | table:-moz-table-border-nonzero > * > tr > td, 327 | table:-moz-table-border-nonzero > * > tr > th, 328 | table:-moz-table-border-nonzero > * > td, 329 | table:-moz-table-border-nonzero > * > th, 330 | table:-moz-table-border-nonzero > td, 331 | table:-moz-table-border-nonzero > th 332 | { 333 | border-width: thin; 334 | border-style: inset; 335 | } 336 | 337 | /* collapse only if rules are really specified */ 338 | table[rules]:not([rules="none"]):not([rules=""]) { 339 | border-collapse: collapse; 340 | } 341 | 342 | /* only specified rules override 'border' settings 343 | (increased specificity to achieve this) */ 344 | table[rules]:not([rules=""])> tr > td, 345 | table[rules]:not([rules=""])> * > tr > td, 346 | table[rules]:not([rules=""])> tr > th, 347 | table[rules]:not([rules=""])> * > tr > th, 348 | table[rules]:not([rules=""])> td, 349 | table[rules]:not([rules=""])> th 350 | { 351 | border-width: thin; 352 | border-style: none; 353 | } 354 | 355 | 356 | table[rules][rules="none"] > tr > td, 357 | table[rules][rules="none"] > * > tr > td, 358 | table[rules][rules="none"] > tr > th, 359 | table[rules][rules="none"] > * > tr > th, 360 | table[rules][rules="none"] > td, 361 | table[rules][rules="none"] > th 362 | { 363 | border-width: thin; 364 | border-style: hidden; 365 | } 366 | 367 | table[rules][rules="all"] > tr > td, 368 | table[rules][rules="all"] > * > tr > td, 369 | table[rules][rules="all"] > tr > th, 370 | table[rules][rules="all"] > * > tr > th, 371 | table[rules][rules="all"] > td, 372 | table[rules][rules="all"] > th 373 | { 374 | border-width: thin; 375 | border-style: solid; 376 | } 377 | 378 | table[rules][rules="rows"] > tr, 379 | table[rules][rules="rows"] > * > tr { 380 | border-top-width: thin; 381 | border-bottom-width: thin; 382 | border-top-style: solid; 383 | border-bottom-style: solid; 384 | } 385 | 386 | 387 | table[rules][rules="cols"] > tr > td, 388 | table[rules][rules="cols"] > * > tr > td, 389 | table[rules][rules="cols"] > tr > th, 390 | table[rules][rules="cols"] > * > tr > th { 391 | border-left-width: thin; 392 | border-right-width: thin; 393 | border-left-style: solid; 394 | border-right-style: solid; 395 | } 396 | 397 | table[rules][rules="groups"] > colgroup { 398 | border-left-width: thin; 399 | border-right-width: thin; 400 | border-left-style: solid; 401 | border-right-style: solid; 402 | } 403 | table[rules][rules="groups"] > tfoot, 404 | table[rules][rules="groups"] > thead, 405 | table[rules][rules="groups"] > tbody { 406 | border-top-width: thin; 407 | border-bottom-width: thin; 408 | border-top-style: solid; 409 | border-bottom-style: solid; 410 | } 411 | 412 | 413 | /* caption inherits from table not table-outer */ 414 | caption { 415 | display: table-caption; 416 | text-align: center; 417 | -moz-box-sizing: border-box; 418 | } 419 | 420 | table[align="center"] > caption { 421 | margin-left: auto; 422 | margin-right: auto; 423 | } 424 | 425 | table[align="center"] > caption[align="left"] { 426 | margin-right: 0; 427 | } 428 | 429 | table[align="center"] > caption[align="right"] { 430 | margin-left: 0; 431 | } 432 | 433 | tr { 434 | display: table-row; 435 | vertical-align: inherit; 436 | } 437 | 438 | col { 439 | display: table-column; 440 | } 441 | 442 | colgroup { 443 | display: table-column-group; 444 | } 445 | 446 | tbody { 447 | display: table-row-group; 448 | vertical-align: middle; 449 | } 450 | 451 | thead { 452 | display: table-header-group; 453 | vertical-align: middle; 454 | } 455 | 456 | tfoot { 457 | display: table-footer-group; 458 | vertical-align: middle; 459 | } 460 | 461 | /* for XHTML tables without tbody */ 462 | table > tr { 463 | vertical-align: middle; 464 | } 465 | 466 | td { 467 | display: table-cell; 468 | vertical-align: inherit; 469 | text-align: inherit; 470 | padding: 1px; 471 | } 472 | 473 | th { 474 | display: table-cell; 475 | vertical-align: inherit; 476 | font-weight: bold; 477 | padding: 1px; 478 | } 479 | 480 | tr > form:-moz-is-html, tbody > form:-moz-is-html, 481 | thead > form:-moz-is-html, tfoot > form:-moz-is-html, 482 | table > form:-moz-is-html { 483 | /* Important: don't show these forms in HTML */ 484 | display: none !important; 485 | } 486 | 487 | table[bordercolor] > tbody, 488 | table[bordercolor] > thead, 489 | table[bordercolor] > tfoot, 490 | table[bordercolor] > col, 491 | table[bordercolor] > colgroup, 492 | table[bordercolor] > tr, 493 | table[bordercolor] > * > tr, 494 | table[bordercolor] > tr > td, 495 | table[bordercolor] > * > tr > td, 496 | table[bordercolor] > tr > th, 497 | table[bordercolor] > * > tr > th { 498 | border-color: inherit; 499 | } 500 | 501 | /* inlines */ 502 | 503 | q:before { 504 | content: open-quote; 505 | } 506 | 507 | q:after { 508 | content: close-quote; 509 | } 510 | 511 | b, strong { 512 | font-weight: bolder; 513 | } 514 | 515 | i, cite, em, var, dfn { 516 | font-style: italic; 517 | } 518 | 519 | tt, code, kbd, samp { 520 | font-family: -moz-fixed; 521 | } 522 | 523 | u, ins { 524 | text-decoration: underline; 525 | } 526 | 527 | s, strike, del { 528 | text-decoration: line-through; 529 | } 530 | 531 | blink { 532 | text-decoration: blink; 533 | } 534 | 535 | big { 536 | font-size: larger; 537 | } 538 | 539 | small { 540 | font-size: smaller; 541 | } 542 | 543 | sub { 544 | vertical-align: sub; 545 | font-size: smaller; 546 | line-height: normal; 547 | } 548 | 549 | sup { 550 | vertical-align: super; 551 | font-size: smaller; 552 | line-height: normal; 553 | } 554 | 555 | nobr { 556 | white-space: nowrap; 557 | } 558 | 559 | mark { 560 | background: yellow; 561 | color: black; 562 | } 563 | 564 | /* titles */ 565 | abbr[title], acronym[title] { 566 | border-bottom: dotted 1px; 567 | } 568 | 569 | /* lists */ 570 | 571 | ul, menu, dir { 572 | display: block; 573 | list-style-type: disc; 574 | margin: 1em 0; 575 | -moz-padding-start: 40px; 576 | } 577 | 578 | ol { 579 | display: block; 580 | list-style-type: decimal; 581 | margin: 1em 0; 582 | -moz-padding-start: 40px; 583 | } 584 | 585 | li { 586 | display: list-item; 587 | } 588 | 589 | /* nested lists have no top/bottom margins */ 590 | :-moz-any(ul, ol, dir, menu, dl) ul, 591 | :-moz-any(ul, ol, dir, menu, dl) ol, 592 | :-moz-any(ul, ol, dir, menu, dl) dir, 593 | :-moz-any(ul, ol, dir, menu, dl) menu, 594 | :-moz-any(ul, ol, dir, menu, dl) dl { 595 | margin-top: 0; 596 | margin-bottom: 0; 597 | } 598 | 599 | /* 2 deep unordered lists use a circle */ 600 | :-moz-any(ol, ul, menu, dir) ul, 601 | :-moz-any(ol, ul, menu, dir) menu, 602 | :-moz-any(ol, ul, menu, dir) dir { 603 | list-style-type: circle; 604 | } 605 | 606 | /* 3 deep (or more) unordered lists use a square */ 607 | :-moz-any(ol, ul, menu, dir) :-moz-any(ol, ul, menu, dir) ul, 608 | :-moz-any(ol, ul, menu, dir) :-moz-any(ol, ul, menu, dir) menu, 609 | :-moz-any(ol, ul, menu, dir) :-moz-any(ol, ul, menu, dir) dir { 610 | list-style-type: square; 611 | } 612 | 613 | 614 | /* leafs */ 615 | 616 | /*
noshade and color attributes are handled completely by 617 | * the nsHTMLHRElement attribute mapping code 618 | */ 619 | hr { 620 | display: block; 621 | height: 2px; 622 | border: 1px inset; 623 | margin: 0.5em auto 0.5em auto; 624 | color: gray; 625 | -moz-float-edge: margin-box; 626 | -moz-box-sizing: border-box; 627 | } 628 | 629 | hr[size="1"] { 630 | border-style: solid none none none; 631 | } 632 | 633 | img:-moz-broken::before, input:-moz-broken::before, 634 | img:-moz-user-disabled::before, input:-moz-user-disabled::before, 635 | img:-moz-loading::before, input:-moz-loading::before, 636 | applet:-moz-empty-except-children-with-localname(param):-moz-broken::before, 637 | applet:-moz-empty-except-children-with-localname(param):-moz-user-disabled::before { 638 | content: -moz-alt-content !important; 639 | unicode-bidi: embed; 640 | } 641 | 642 | :-moz-any(object,applet):-moz-any(:-moz-broken,:-moz-user-disabled) > *|* { 643 | /* 644 | Inherit in the object's alignment so that if we aren't aligned explicitly 645 | we'll end up in the right place vertically. See bug 36997. Note that this 646 | is not !important because we _might_ be aligned explicitly. 647 | */ 648 | vertical-align: inherit; 649 | } 650 | 651 | img:-moz-suppressed, input:-moz-suppressed, object:-moz-suppressed, 652 | embed:-moz-suppressed, applet:-moz-suppressed { 653 | /* 654 | Set visibility too in case the page changes display. Note that we _may_ 655 | want to just set visibility and not display, in general, if we find that 656 | display:none breaks too many layouts. And if we decide we really do want 657 | people to be able to right-click blocked images, etc, we need to set 658 | neither one, and hack the painting code.... :( 659 | */ 660 | display: none !important; 661 | visibility: hidden !important; 662 | } 663 | 664 | img[usemap], object[usemap] { 665 | color: blue; 666 | } 667 | 668 | frameset { 669 | display: block ! important; 670 | overflow: -moz-hidden-unscrollable; 671 | position: static ! important; 672 | float: none ! important; 673 | border: none ! important; 674 | } 675 | 676 | frame { 677 | border: none ! important; 678 | } 679 | 680 | iframe { 681 | border: 2px inset; 682 | } 683 | 684 | noframes { 685 | display: none; 686 | } 687 | 688 | spacer { 689 | position: static ! important; 690 | float: none ! important; 691 | } 692 | 693 | canvas { 694 | -moz-user-select: none; 695 | } 696 | 697 | /* focusable content: anything w/ tabindex >=0 is focusable */ 698 | abbr:-moz-focusring, acronym:-moz-focusring, address:-moz-focusring, 699 | applet:-moz-focusring, 700 | b:-moz-focusring, base:-moz-focusring, big:-moz-focusring, 701 | blockquote:-moz-focusring, br:-moz-focusring, canvas:-moz-focusring, 702 | caption:-moz-focusring, center:-moz-focusring, cite:-moz-focusring, 703 | code:-moz-focusring, col:-moz-focusring, colgroup:-moz-focusring, 704 | dd:-moz-focusring, del:-moz-focusring, dfn:-moz-focusring, dir:-moz-focusring, 705 | div:-moz-focusring, dl:-moz-focusring, dt:-moz-focusring, em:-moz-focusring, 706 | embed:-moz-focusring, 707 | fieldset:-moz-focusring, font:-moz-focusring, form:-moz-focusring, 708 | h1:-moz-focusring, h2:-moz-focusring, h3:-moz-focusring, h4:-moz-focusring, 709 | h5:-moz-focusring, h6:-moz-focusring, hr:-moz-focusring, i:-moz-focusring, 710 | img:-moz-focusring, ins:-moz-focusring, kbd:-moz-focusring, 711 | label:-moz-focusring, legend:-moz-focusring, li:-moz-focusring, 712 | link:-moz-focusring, 713 | menu:-moz-focusring, 714 | object:-moz-focusring, 715 | ol:-moz-focusring, 716 | p:-moz-focusring, 717 | pre:-moz-focusring, q:-moz-focusring, s:-moz-focusring, samp:-moz-focusring, 718 | small:-moz-focusring, span:-moz-focusring, strike:-moz-focusring, 719 | strong:-moz-focusring, sub:-moz-focusring, sup:-moz-focusring, 720 | table:-moz-focusring, tbody:-moz-focusring, td:-moz-focusring, 721 | tfoot:-moz-focusring, th:-moz-focusring, thead:-moz-focusring, 722 | tr:-moz-focusring, tt:-moz-focusring, u:-moz-focusring, 723 | ul:-moz-focusring, var:-moz-focusring { 724 | /* Don't specify the outline-color, we should always use initial value. */ 725 | outline: 1px dotted; 726 | } 727 | 728 | /* hidden elements */ 729 | base, basefont, datalist, head, meta, script, style, title, 730 | noembed, param { 731 | display: none; 732 | } 733 | 734 | area { 735 | /* Don't give it frames other than its imageframe */ 736 | display: none ! important; 737 | } 738 | 739 | /* media elements */ 740 | video > xul|videocontrols, audio > xul|videocontrols { 741 | display: -moz-box; 742 | -moz-box-orient: vertical; 743 | -moz-binding: url("chrome://global/content/bindings/videocontrols.xml#videoControls"); 744 | } 745 | 746 | video:not([controls]) > xul|videocontrols, 747 | audio:not([controls]) > xul|videocontrols { 748 | visibility: hidden; 749 | } 750 | 751 | audio:not([controls]) { 752 | display: none; 753 | } 754 | 755 | /* emulation of non-standard HTML tag */ 756 | marquee { 757 | width: -moz-available; 758 | display: inline-block; 759 | vertical-align: text-bottom; 760 | text-align: start; 761 | -moz-binding: url('chrome://xbl-marquee/content/xbl-marquee.xml#marquee-horizontal'); 762 | } 763 | 764 | marquee[direction="up"], marquee[direction="down"] { 765 | -moz-binding: url('chrome://xbl-marquee/content/xbl-marquee.xml#marquee-vertical'); 766 | height: 200px; 767 | } 768 | 769 | /* PRINT ONLY rules follow */ 770 | @media print { 771 | 772 | marquee { -moz-binding: none; } 773 | 774 | } 775 | -------------------------------------------------------------------------------- /src/_ua_default/ie-6.css: -------------------------------------------------------------------------------- 1 | [dir=rtl] dd { 2 | margin: 0 30pt 0 0; 3 | } 4 | 5 | [dir=rtl] menu { 6 | margin: 14pt 30pt 14pt 0; 7 | } 8 | 9 | [dir=rtl] ol { 10 | margin: 14pt 30pt 14pt 0; 11 | } 12 | 13 | [dir=rtl] ul { 14 | margin: 14pt 30pt 14pt 0; 15 | } 16 | 17 | a { 18 | color: #00F; 19 | text-decoration: underline; 20 | } 21 | 22 | a:visited { 23 | color: #80080; 24 | } 25 | 26 | address { 27 | display: block; 28 | font-style: italic; 29 | } 30 | 31 | b { 32 | font-weight: bold; 33 | } 34 | 35 | bdo { 36 | direction: rtl; 37 | unicode-bidi: bidi-override; 38 | } 39 | 40 | blockquote { 41 | display: block; 42 | margin: 14pt 30pt; 43 | } 44 | 45 | body { 46 | display: block; 47 | margin: 15px 10px; 48 | zoom: 1; 49 | } 50 | 51 | button { 52 | background-color: #D4D0C8; 53 | border-style: outset; 54 | border-width: 2px; 55 | font-family: sans-serif; 56 | font-size: 10pt; 57 | overflow: hidden; 58 | text-align: center; 59 | zoom: 1; 60 | } 61 | 62 | caption { 63 | display: block; 64 | padding: 1px 3px 5px; 65 | text-align: center; 66 | zoom: 1; 67 | } 68 | 69 | cite { 70 | font-style: italic; 71 | } 72 | 73 | code { 74 | font-family: monospace; 75 | font-size: 10pt; 76 | } 77 | 78 | col { 79 | border-color: #D4D0C8; 80 | display: block; 81 | } 82 | 83 | colgroup { 84 | border-color: #D4D0C8; 85 | display: block; 86 | } 87 | 88 | dd { 89 | display: block; 90 | margin: 0 0 0 30pt; 91 | } 92 | 93 | del { 94 | text-decoration: line-through; 95 | } 96 | 97 | dfn { 98 | font-style: italic; 99 | } 100 | 101 | div { 102 | display: block; 103 | } 104 | 105 | dl { 106 | display: block; 107 | margin: 14pt 0; 108 | } 109 | 110 | dt { 111 | display: block; 112 | } 113 | 114 | em { 115 | font-style: italic; 116 | } 117 | 118 | embed { 119 | zoom: 1; 120 | } 121 | 122 | fieldset { 123 | border-style: groove; 124 | border-width: 2px; 125 | display: block; 126 | zoom: 1; 127 | } 128 | 129 | form { 130 | display: block; 131 | margin: 14pt 0; 132 | } 133 | 134 | h1 { 135 | display: block; 136 | font-size: 24pt; 137 | font-weight: bold; 138 | margin: 14pt 0; 139 | } 140 | 141 | h2 { 142 | display: block; 143 | font-size: 18pt; 144 | font-weight: bold; 145 | margin: 14pt 0; 146 | } 147 | 148 | h3 { 149 | display: block; 150 | font-size: 13.55pt; 151 | font-weight: bold; 152 | margin: 14pt 0; 153 | } 154 | 155 | h4 { 156 | display: block; 157 | font-weight: bold; 158 | margin: 14pt 0; 159 | } 160 | 161 | h5 { 162 | display: block; 163 | font-size: 10pt; 164 | font-weight: bold; 165 | margin: 14pt 0; 166 | } 167 | 168 | h6 { 169 | display: block; 170 | font-size: 7.55pt; 171 | font-weight: bold; 172 | margin: 14pt 0; 173 | } 174 | 175 | hr { 176 | text-align: center; 177 | zoom: 1; 178 | } 179 | 180 | html { 181 | overflow-x: auto; 182 | overflow-y: scroll; 183 | zoom: 1; 184 | } 185 | 186 | i { 187 | font-style: italic; 188 | } 189 | 190 | iframe { 191 | background-color: #FFF; 192 | height: 150px; 193 | width: 300px; 194 | zoom: 1; 195 | } 196 | 197 | img { 198 | zoom: 1; 199 | } 200 | 201 | input { 202 | background-color: #FFF; 203 | border-style: inset; 204 | border-width: 2px; 205 | font-family: sans-serif; 206 | font-size: 10pt; 207 | overflow: hidden; 208 | padding: 1px; 209 | zoom: 1; 210 | } 211 | 212 | ins { 213 | text-decoration: underline; 214 | } 215 | 216 | kbd { 217 | font-family: monospace; 218 | font-size: 10pt; 219 | } 220 | 221 | legend { 222 | zoom: 1; 223 | } 224 | 225 | li { 226 | display: block; 227 | } 228 | 229 | menu { 230 | display: block; 231 | list-style-image: none; 232 | list-style-position: outside; 233 | list-style-type: disc; 234 | margin: 14pt 0 14pt 30pt; 235 | } 236 | 237 | object { 238 | zoom: 1; 239 | } 240 | 241 | ol { 242 | display: block; 243 | list-style-image: none; 244 | list-style-position: outside; 245 | list-style-type: decimal; 246 | margin: 14pt 0 14pt 30pt; 247 | } 248 | 249 | optgroup { 250 | font-family: sans-serif; 251 | font-size: 10pt; 252 | font-style: italic; 253 | font-weight: bold; 254 | } 255 | 256 | option { 257 | font-family: sans-serif; 258 | font-size: 10pt; 259 | font-style: italic; 260 | font-weight: bold; 261 | } 262 | 263 | p { 264 | display: block; 265 | margin: 14pt 0; 266 | } 267 | 268 | pre { 269 | display: block; 270 | font-family: monospace; 271 | font-size: 10pt; 272 | white-space: pre; 273 | } 274 | 275 | rp { 276 | font-size: 6pt; 277 | } 278 | 279 | rt { 280 | font-size: 6pt; 281 | } 282 | 283 | samp { 284 | font-family: monospace; 285 | font-size: 10pt; 286 | } 287 | 288 | select { 289 | border-color: #FFF; 290 | border-style: inset; 291 | border-width: 2px; 292 | font-family: sans-serif; 293 | font-size: 10pt; 294 | zoom: 1; 295 | } 296 | 297 | small { 298 | font-size: 10pt; 299 | } 300 | 301 | strong { 302 | font-weight: bold; 303 | } 304 | 305 | sub { 306 | font-size: 10pt; 307 | } 308 | 309 | sup { 310 | font-size: 10pt; 311 | } 312 | 313 | table { 314 | border-color: #D4D0C8; 315 | display: block; 316 | zoom: 1; 317 | } 318 | 319 | tbody { 320 | border-color: #D4D0C8; 321 | display: block; 322 | } 323 | 324 | td { 325 | border-color: #D4D0C8; 326 | display: block; 327 | padding: 1px; 328 | zoom: 1; 329 | } 330 | 331 | textarea { 332 | background-color: #FFF; 333 | border-style: inset; 334 | border-width: 2px; 335 | font-family: monospace; 336 | font-size: 10pt; 337 | overflow-x: hidden; 338 | overflow-y: scroll; 339 | padding: 1px; 340 | white-space: pre; 341 | zoom: 1; 342 | } 343 | 344 | tfoot { 345 | border-color: #D4D0C8; 346 | display: block; 347 | } 348 | 349 | th { 350 | border-color: #D4D0C8; 351 | display: block; 352 | font-weight: bold; 353 | padding: 1px; 354 | text-align: center; 355 | zoom: 1; 356 | } 357 | 358 | thead { 359 | border-color: #D4D0C8; 360 | display: block; 361 | } 362 | 363 | tr { 364 | border-color: #D4D0C8; 365 | display: block; 366 | zoom: 1; 367 | } 368 | 369 | ul { 370 | display: block; 371 | list-style-image: none; 372 | list-style-position: outside; 373 | list-style-type: disc; 374 | margin: 14pt 0 14pt 30pt; 375 | } 376 | 377 | var { 378 | font-style: italic; 379 | } -------------------------------------------------------------------------------- /src/_ua_default/ie-7.css: -------------------------------------------------------------------------------- 1 | [dir=rtl] dd { 2 | margin: 0 30pt 0 0; 3 | } 4 | 5 | [dir=rtl] menu { 6 | margin: 14pt 30pt 14pt 0; 7 | } 8 | 9 | [dir=rtl] ol { 10 | margin: 14pt 30pt 14pt 0; 11 | } 12 | 13 | [dir=rtl] ul { 14 | margin: 14pt 30pt 14pt 0; 15 | } 16 | 17 | a { 18 | color: #06C; 19 | text-decoration: underline; 20 | } 21 | 22 | a:visited { 23 | color: #80080; 24 | } 25 | 26 | address { 27 | display: block; 28 | font-style: italic; 29 | } 30 | 31 | b { 32 | font-weight: bold; 33 | } 34 | 35 | bdo { 36 | direction: rtl; 37 | unicode-bidi: bidi-override; 38 | } 39 | 40 | blockquote { 41 | display: block; 42 | margin: 14pt 30pt; 43 | } 44 | 45 | body { 46 | display: block; 47 | margin: 15px 10px; 48 | zoom: 1; 49 | } 50 | 51 | button { 52 | background-color: #F0F0F0; 53 | border-width: 2px; 54 | font-family: sans-serif; 55 | font-size: 10pt; 56 | overflow: hidden; 57 | text-align: center; 58 | zoom: 1; 59 | } 60 | 61 | caption { 62 | display: block; 63 | padding: 1px 300zzz 500zzz; 64 | text-align: center; 65 | zoom: 1; 66 | } 67 | 68 | cite { 69 | font-style: italic; 70 | } 71 | 72 | code { 73 | font-family: monospace; 74 | font-size: 10pt; 75 | } 76 | 77 | col { 78 | border-color: #F0F0F0; 79 | display: block; 80 | } 81 | 82 | colgroup { 83 | border-color: #F0F0F0; 84 | display: block; 85 | } 86 | 87 | dd { 88 | display: block; 89 | margin: 0 0 0 30pt; 90 | } 91 | 92 | del { 93 | text-decoration: line-through; 94 | } 95 | 96 | dfn { 97 | font-style: italic; 98 | } 99 | 100 | div { 101 | display: block; 102 | } 103 | 104 | dl { 105 | display: block; 106 | margin: 14pt 0; 107 | } 108 | 109 | dt { 110 | display: block; 111 | } 112 | 113 | em { 114 | font-style: italic; 115 | } 116 | 117 | embed { 118 | zoom: 1; 119 | } 120 | 121 | fieldset { 122 | border-style: groove; 123 | border-width: 2px; 124 | display: block; 125 | padding: 0 2px 3px; 126 | zoom: 1; 127 | } 128 | 129 | form { 130 | display: block; 131 | margin: 14pt 0; 132 | } 133 | 134 | h1 { 135 | display: block; 136 | font-size: 24pt; 137 | font-weight: bold; 138 | margin: 14pt 0; 139 | } 140 | 141 | h2 { 142 | display: block; 143 | font-size: 18pt; 144 | font-weight: bold; 145 | margin: 14pt 0; 146 | } 147 | 148 | h3 { 149 | display: block; 150 | font-size: 13.55pt; 151 | font-weight: bold; 152 | margin: 14pt 0; 153 | } 154 | 155 | h4 { 156 | display: block; 157 | font-weight: bold; 158 | margin: 14pt 0; 159 | } 160 | 161 | h5 { 162 | display: block; 163 | font-size: 10pt; 164 | font-weight: bold; 165 | margin: 14pt 0; 166 | } 167 | 168 | h6 { 169 | display: block; 170 | font-size: 7.55pt; 171 | font-weight: bold; 172 | margin: 14pt 0; 173 | } 174 | 175 | hr { 176 | outline: 0 none; 177 | text-align: center; 178 | zoom: 1; 179 | } 180 | 181 | html { 182 | overflow-x: auto; 183 | overflow-y: scroll; 184 | zoom: 1; 185 | } 186 | 187 | i { 188 | font-style: italic; 189 | } 190 | 191 | iframe { 192 | background-color: #FFF; 193 | height: 150px; 194 | width: 300px; 195 | zoom: 1; 196 | } 197 | 198 | img { 199 | zoom: 1; 200 | } 201 | 202 | input { 203 | background-color: #FFF; 204 | border-width: 2px; 205 | font-family: sans-serif; 206 | font-size: 10pt; 207 | overflow: hidden; 208 | padding: 1px; 209 | zoom: 1; 210 | } 211 | 212 | ins { 213 | text-decoration: underline; 214 | } 215 | 216 | kbd { 217 | font-family: monospace; 218 | font-size: 10pt; 219 | } 220 | 221 | legend { 222 | padding: 0 2px; 223 | zoom: 1; 224 | } 225 | 226 | li { 227 | display: block; 228 | } 229 | 230 | menu { 231 | display: block; 232 | list-style-image: none; 233 | list-style-position: outside; 234 | list-style-type: disc; 235 | margin: 14pt 0 14pt 30pt; 236 | } 237 | 238 | object { 239 | zoom: 1; 240 | } 241 | 242 | ol { 243 | display: block; 244 | list-style-image: none; 245 | list-style-position: outside; 246 | list-style-type: decimal; 247 | margin: 14pt 0 14pt 30pt; 248 | } 249 | 250 | optgroup { 251 | font-family: sans-serif; 252 | font-size: 10pt; 253 | font-style: italic; 254 | font-weight: bold; 255 | } 256 | 257 | option { 258 | font-family: sans-serif; 259 | font-size: 10pt; 260 | font-style: italic; 261 | font-weight: bold; 262 | } 263 | 264 | p { 265 | display: block; 266 | } 267 | 268 | pre { 269 | display: block; 270 | font-family: monospace; 271 | font-size: 10pt; 272 | white-space: pre; 273 | } 274 | 275 | rp { 276 | font-size: 6pt; 277 | } 278 | 279 | rt { 280 | font-size: 6pt; 281 | } 282 | 283 | samp { 284 | font-family: monospace; 285 | font-size: 10pt; 286 | } 287 | 288 | select { 289 | background-color: #FFF; 290 | border-color: #FFF; 291 | border-width: 2px; 292 | font-family: sans-serif; 293 | font-size: 10pt; 294 | overflow: hidden; 295 | zoom: 1; 296 | } 297 | 298 | small { 299 | font-size: 10pt; 300 | } 301 | 302 | strong { 303 | font-weight: bold; 304 | } 305 | 306 | sub { 307 | font-size: 10pt; 308 | } 309 | 310 | sup { 311 | font-size: 10pt; 312 | } 313 | 314 | table { 315 | border-color: #F0F0F0; 316 | display: block; 317 | zoom: 1; 318 | } 319 | 320 | tbody { 321 | border-color: #F0F0F0; 322 | display: block; 323 | } 324 | 325 | td { 326 | border-color: #F0F0F0; 327 | display: block; 328 | padding: 1px; 329 | zoom: 1; 330 | } 331 | 332 | textarea { 333 | background-color: #FFF; 334 | border-width: 2px; 335 | font-family: monospace; 336 | font-size: 10pt; 337 | overflow-x: hidden; 338 | overflow-y: scroll; 339 | padding: 2px; 340 | white-space: pre; 341 | zoom: 1; 342 | } 343 | 344 | tfoot { 345 | border-color: #F0F0F0; 346 | display: block; 347 | } 348 | 349 | th { 350 | border-color: #F0F0F0; 351 | display: block; 352 | font-weight: bold; 353 | padding: 1px; 354 | text-align: center; 355 | zoom: 1; 356 | } 357 | 358 | thead { 359 | border-color: #F0F0F0; 360 | display: block; 361 | } 362 | 363 | tr { 364 | border-color: #F0F0F0; 365 | display: block; 366 | zoom: 1; 367 | } 368 | 369 | ul { 370 | display: block; 371 | list-style-image: none; 372 | list-style-position: outside; 373 | list-style-type: disc; 374 | margin: 14pt 0 14pt 30pt; 375 | } 376 | 377 | var { 378 | font-style: italic; 379 | } -------------------------------------------------------------------------------- /src/_ua_default/ie-8.css: -------------------------------------------------------------------------------- 1 | [dir=rtl] dd { 2 | margin: 0 40px 0 0; 3 | } 4 | 5 | [dir=rtl] menu { 6 | padding: 0 30pt 0 0; 7 | } 8 | 9 | [dir=rtl] ol { 10 | padding: 0 30pt 0 0; 11 | } 12 | 13 | [dir=rtl] ul { 14 | padding: 0 30pt 0 0; 15 | } 16 | 17 | a { 18 | color: #06C; 19 | text-decoration: underline; 20 | } 21 | 22 | a:visited { 23 | color: #80080; 24 | } 25 | 26 | address { 27 | display: block; 28 | font-style: italic; 29 | } 30 | 31 | b { 32 | font-weight: bold; 33 | } 34 | 35 | bdo { 36 | direction: rtl; 37 | unicode-bidi: bidi-override; 38 | } 39 | 40 | blockquote { 41 | display: block; 42 | margin: 1em 40px; 43 | } 44 | 45 | body { 46 | display: block; 47 | margin: 8px; 48 | zoom: 1; 49 | } 50 | 51 | button { 52 | background-color: #F0F0F0; 53 | border-width: 3px; 54 | box-sizing: border-box; 55 | font-family: sans-serif; 56 | font-size: 10pt; 57 | overflow: hidden; 58 | padding: 1px 8px; 59 | text-align: center; 60 | zoom: 1; 61 | } 62 | 63 | caption { 64 | display: table-caption; 65 | text-align: center; 66 | zoom: 1; 67 | } 68 | 69 | cite { 70 | font-style: italic; 71 | } 72 | 73 | code { 74 | font-family: monospace; 75 | font-size: 10pt; 76 | } 77 | 78 | col { 79 | box-sizing: border-box; 80 | display: table-column; 81 | } 82 | 83 | colgroup { 84 | box-sizing: border-box; 85 | display: table-column-group; 86 | } 87 | 88 | dd { 89 | display: block; 90 | margin: 0 0 0 40px; 91 | } 92 | 93 | del { 94 | text-decoration: line-through; 95 | } 96 | 97 | dfn { 98 | font-style: italic; 99 | } 100 | 101 | div { 102 | display: block; 103 | } 104 | 105 | dl { 106 | display: block; 107 | margin: 1em 0; 108 | } 109 | 110 | dt { 111 | display: block; 112 | } 113 | 114 | em { 115 | font-style: italic; 116 | } 117 | 118 | embed { 119 | zoom: 1; 120 | } 121 | 122 | fieldset { 123 | border-style: groove; 124 | border-width: 2px; 125 | display: block; 126 | margin: 0 2px; 127 | padding: 0 2px 3px; 128 | zoom: 1; 129 | } 130 | 131 | form { 132 | display: block; 133 | } 134 | 135 | h1 { 136 | display: block; 137 | font-size: 2em; 138 | font-weight: bold; 139 | margin: 0.67em 0; 140 | page-break-after: avoid; 141 | } 142 | 143 | h2 { 144 | display: block; 145 | font-size: 1.5em; 146 | font-weight: bold; 147 | margin: 0.83em 0; 148 | page-break-after: avoid; 149 | } 150 | 151 | h3 { 152 | display: block; 153 | font-size: 1.17em; 154 | font-weight: bold; 155 | margin: 1em 0; 156 | page-break-after: avoid; 157 | } 158 | 159 | h4 { 160 | display: block; 161 | font-size: 1em; 162 | font-weight: bold; 163 | margin: 1.33em 0; 164 | page-break-after: avoid; 165 | } 166 | 167 | h5 { 168 | display: block; 169 | font-size: 0.83em; 170 | font-weight: bold; 171 | margin: 1.67em 0; 172 | page-break-after: avoid; 173 | } 174 | 175 | h6 { 176 | display: block; 177 | font-size: 0.67em; 178 | font-weight: bold; 179 | margin: 2.33em 0; 180 | page-break-after: avoid; 181 | } 182 | 183 | head { 184 | display: none; 185 | } 186 | 187 | hr { 188 | border-style: inset; 189 | border-width: 1px; 190 | display: block; 191 | margin-bottom: 0.5em; 192 | margin-top: 0.5em; 193 | overflow: hidden; 194 | text-align: center; 195 | zoom: 1; 196 | } 197 | 198 | html { 199 | display: block; 200 | zoom: 1; 201 | } 202 | 203 | i { 204 | font-style: italic; 205 | } 206 | 207 | iframe { 208 | background-color: #FFF; 209 | height: 150px; 210 | width: 300px; 211 | zoom: 1; 212 | } 213 | 214 | img { 215 | zoom: 1; 216 | } 217 | 218 | input { 219 | background-color: #FFF; 220 | border-width: 2px; 221 | font-family: sans-serif; 222 | font-size: 10pt; 223 | overflow: hidden; 224 | padding: 1px; 225 | zoom: 1; 226 | } 227 | 228 | ins { 229 | text-decoration: underline; 230 | } 231 | 232 | kbd { 233 | font-family: monospace; 234 | font-size: 10pt; 235 | } 236 | 237 | legend { 238 | padding: 0 2px; 239 | zoom: 1; 240 | } 241 | 242 | li { 243 | display: list-item; 244 | } 245 | 246 | menu { 247 | display: block; 248 | list-style-image: none; 249 | list-style-position: outside; 250 | list-style-type: disc; 251 | margin: 1em 0; 252 | padding: 0 0 0 30pt; 253 | } 254 | 255 | object { 256 | zoom: 1; 257 | } 258 | 259 | ol { 260 | display: block; 261 | list-style-image: none; 262 | list-style-position: outside; 263 | list-style-type: decimal; 264 | margin: 1em 0; 265 | padding: 0 0 0 30pt; 266 | } 267 | 268 | optgroup { 269 | font-family: sans-serif; 270 | font-size: 10pt; 271 | font-style: italic; 272 | font-weight: bold; 273 | } 274 | 275 | option { 276 | font-family: sans-serif; 277 | font-size: 10pt; 278 | font-style: italic; 279 | font-weight: bold; 280 | } 281 | 282 | p { 283 | display: block; 284 | margin: 1em 0; 285 | } 286 | 287 | pre { 288 | display: block; 289 | font-family: monospace; 290 | font-size: 10pt; 291 | margin: 1em 0; 292 | white-space: pre; 293 | } 294 | 295 | rp { 296 | font-size: 6pt; 297 | } 298 | 299 | rt { 300 | display: ruby-text; 301 | font-size: 6pt; 302 | } 303 | 304 | ruby { 305 | display: ruby; 306 | } 307 | 308 | samp { 309 | font-family: monospace; 310 | font-size: 10pt; 311 | } 312 | 313 | select { 314 | background-color: #FFF; 315 | border-width: 1px; 316 | box-sizing: border-box; 317 | font-family: sans-serif; 318 | font-size: 10pt; 319 | overflow: hidden; 320 | zoom: 1; 321 | } 322 | 323 | small { 324 | font-size: 0.83em; 325 | } 326 | 327 | strong { 328 | font-weight: bold; 329 | } 330 | 331 | sub { 332 | font-size: 0.83em; 333 | } 334 | 335 | sup { 336 | font-size: 0.83em; 337 | } 338 | 339 | table { 340 | border-color: #F0F0F0; 341 | border-spacing: 2px 2px; 342 | box-sizing: border-box; 343 | display: table; 344 | zoom: 1; 345 | } 346 | 347 | tbody { 348 | box-sizing: border-box; 349 | display: table-row-group; 350 | vertical-align: middle; 351 | } 352 | 353 | td { 354 | display: table-cell; 355 | padding: 1px; 356 | vertical-align: middle; 357 | zoom: 1; 358 | } 359 | 360 | textarea { 361 | background-color: #FFF; 362 | border-width: 1px; 363 | font-family: monospace; 364 | font-size: 10pt; 365 | overflow-x: hidden; 366 | overflow-y: scroll; 367 | padding: 2px; 368 | white-space: pre-wrap; 369 | zoom: 1; 370 | } 371 | 372 | tfoot { 373 | box-sizing: border-box; 374 | display: table-footer-group; 375 | vertical-align: middle; 376 | } 377 | 378 | th { 379 | display: table-cell; 380 | font-weight: bold; 381 | padding: 1px; 382 | text-align: center; 383 | vertical-align: middle; 384 | zoom: 1; 385 | } 386 | 387 | thead { 388 | box-sizing: border-box; 389 | display: table-header-group; 390 | vertical-align: middle; 391 | } 392 | 393 | tr { 394 | box-sizing: border-box; 395 | display: table-row; 396 | vertical-align: middle; 397 | zoom: 1; 398 | } 399 | 400 | ul { 401 | display: block; 402 | list-style-image: none; 403 | list-style-position: outside; 404 | list-style-type: disc; 405 | margin: 1em 0; 406 | padding: 0 0 0 30pt; 407 | } 408 | 409 | var { 410 | font-style: italic; 411 | } -------------------------------------------------------------------------------- /src/_ua_default/ie-9.css: -------------------------------------------------------------------------------- 1 | [dir=rtl] dd { 2 | margin: 0 40px 0 0; 3 | } 4 | 5 | [dir=rtl] menu { 6 | padding: 0 30pt 0 0; 7 | } 8 | 9 | [dir=rtl] ol { 10 | padding: 0 30pt 0 0; 11 | } 12 | 13 | [dir=rtl] ul { 14 | padding: 0 30pt 0 0; 15 | } 16 | 17 | a { 18 | color: #06C; 19 | text-decoration: underline; 20 | } 21 | 22 | a:visited { 23 | color: #80080; 24 | } 25 | 26 | address { 27 | display: block; 28 | font-style: italic; 29 | } 30 | 31 | b { 32 | font-weight: bold; 33 | } 34 | 35 | bdo { 36 | direction: rtl; 37 | unicode-bidi: bidi-override; 38 | } 39 | 40 | blockquote { 41 | display: block; 42 | margin: 1em 40px; 43 | } 44 | 45 | body { 46 | display: block; 47 | margin: 8px; 48 | zoom: 1; 49 | } 50 | 51 | button { 52 | background-color: #F0F0F0; 53 | border-width: 3px; 54 | box-sizing: border-box; 55 | font-family: sans-serif; 56 | font-size: 10pt; 57 | overflow: hidden; 58 | padding: 1px 8px; 59 | text-align: center; 60 | zoom: 1; 61 | } 62 | 63 | caption { 64 | display: table-caption; 65 | text-align: center; 66 | zoom: 1; 67 | } 68 | 69 | cite { 70 | font-style: italic; 71 | } 72 | 73 | code { 74 | font-family: monospace; 75 | font-size: 10pt; 76 | } 77 | 78 | col { 79 | box-sizing: border-box; 80 | display: table-column; 81 | } 82 | 83 | colgroup { 84 | box-sizing: border-box; 85 | display: table-column-group; 86 | } 87 | 88 | dd { 89 | display: block; 90 | margin: 0 0 0 40px; 91 | } 92 | 93 | del { 94 | text-decoration: line-through; 95 | } 96 | 97 | dfn { 98 | font-style: italic; 99 | } 100 | 101 | div { 102 | display: block; 103 | } 104 | 105 | dl { 106 | display: block; 107 | margin: 1em 0; 108 | } 109 | 110 | dt { 111 | display: block; 112 | } 113 | 114 | em { 115 | font-style: italic; 116 | } 117 | 118 | embed { 119 | zoom: 1; 120 | } 121 | 122 | fieldset { 123 | border-style: groove; 124 | border-width: 2px; 125 | display: block; 126 | margin: 0 2px; 127 | padding: 0 2px 3px; 128 | zoom: 1; 129 | } 130 | 131 | form { 132 | display: block; 133 | } 134 | 135 | h1 { 136 | display: block; 137 | font-size: 2em; 138 | font-weight: bold; 139 | margin: 0.67em 0; 140 | page-break-after: avoid; 141 | } 142 | 143 | h2 { 144 | display: block; 145 | font-size: 1.5em; 146 | font-weight: bold; 147 | margin: 0.83em 0; 148 | page-break-after: avoid; 149 | } 150 | 151 | h3 { 152 | display: block; 153 | font-size: 1.17em; 154 | font-weight: bold; 155 | margin: 1em 0; 156 | page-break-after: avoid; 157 | } 158 | 159 | h4 { 160 | display: block; 161 | font-size: 1em; 162 | font-weight: bold; 163 | margin: 1.33em 0; 164 | page-break-after: avoid; 165 | } 166 | 167 | h5 { 168 | display: block; 169 | font-size: 0.83em; 170 | font-weight: bold; 171 | margin: 1.67em 0; 172 | page-break-after: avoid; 173 | } 174 | 175 | h6 { 176 | display: block; 177 | font-size: 0.67em; 178 | font-weight: bold; 179 | margin: 2.33em 0; 180 | page-break-after: avoid; 181 | } 182 | 183 | head { 184 | display: none; 185 | } 186 | 187 | hr { 188 | border-style: inset; 189 | border-width: 1px; 190 | display: block; 191 | margin-bottom: 0.5em; 192 | margin-top: 0.5em; 193 | overflow: hidden; 194 | text-align: center; 195 | zoom: 1; 196 | } 197 | 198 | html { 199 | display: block; 200 | zoom: 1; 201 | } 202 | 203 | i { 204 | font-style: italic; 205 | } 206 | 207 | iframe { 208 | background-color: #FFF; 209 | height: 150px; 210 | width: 300px; 211 | zoom: 1; 212 | } 213 | 214 | img { 215 | zoom: 1; 216 | } 217 | 218 | input { 219 | background-color: #FFF; 220 | border-width: 2px; 221 | font-family: sans-serif; 222 | font-size: 10pt; 223 | overflow: hidden; 224 | padding: 1px; 225 | zoom: 1; 226 | } 227 | 228 | ins { 229 | text-decoration: underline; 230 | } 231 | 232 | kbd { 233 | font-family: monospace; 234 | font-size: 10pt; 235 | } 236 | 237 | legend { 238 | padding: 0 2px; 239 | zoom: 1; 240 | } 241 | 242 | li { 243 | display: list-item; 244 | } 245 | 246 | menu { 247 | display: block; 248 | list-style-image: none; 249 | list-style-position: outside; 250 | list-style-type: disc; 251 | margin: 1em 0; 252 | padding: 0 0 0 30pt; 253 | } 254 | 255 | object { 256 | zoom: 1; 257 | } 258 | 259 | ol { 260 | display: block; 261 | list-style-image: none; 262 | list-style-position: outside; 263 | list-style-type: decimal; 264 | margin: 1em 0; 265 | padding: 0 0 0 30pt; 266 | } 267 | 268 | optgroup { 269 | font-family: sans-serif; 270 | font-size: 10pt; 271 | font-style: italic; 272 | font-weight: bold; 273 | } 274 | 275 | option { 276 | font-family: sans-serif; 277 | font-size: 10pt; 278 | font-style: italic; 279 | font-weight: bold; 280 | } 281 | 282 | p { 283 | display: block; 284 | margin: 1em 0; 285 | } 286 | 287 | pre { 288 | display: block; 289 | font-family: monospace; 290 | font-size: 10pt; 291 | margin: 1em 0; 292 | white-space: pre; 293 | } 294 | 295 | rp { 296 | font-size: 6pt; 297 | } 298 | 299 | rt { 300 | display: ruby-text; 301 | font-size: 6pt; 302 | } 303 | 304 | ruby { 305 | display: ruby; 306 | } 307 | 308 | samp { 309 | font-family: monospace; 310 | font-size: 10pt; 311 | } 312 | 313 | script { 314 | display: none; 315 | zoom: 1; 316 | } 317 | 318 | select { 319 | background-color: #FFF; 320 | border-width: 1px; 321 | box-sizing: border-box; 322 | font-family: sans-serif; 323 | font-size: 10pt; 324 | overflow: hidden; 325 | zoom: 1; 326 | } 327 | 328 | small { 329 | font-size: 0.83em; 330 | } 331 | 332 | strong { 333 | font-weight: bold; 334 | } 335 | 336 | style { 337 | display: none; 338 | zoom: 1; 339 | } 340 | 341 | sub { 342 | font-size: 0.83em; 343 | } 344 | 345 | sup { 346 | font-size: 0.83em; 347 | } 348 | 349 | table { 350 | border-color: #F0F0F0; 351 | border-spacing: 2px 2px; 352 | box-sizing: border-box; 353 | display: table; 354 | zoom: 1; 355 | } 356 | 357 | tbody { 358 | box-sizing: border-box; 359 | display: table-row-group; 360 | vertical-align: middle; 361 | } 362 | 363 | td { 364 | display: table-cell; 365 | padding: 1px; 366 | vertical-align: middle; 367 | zoom: 1; 368 | } 369 | 370 | textarea { 371 | background-color: #FFF; 372 | border-width: 1px; 373 | font-family: monospace; 374 | font-size: 10pt; 375 | overflow-x: hidden; 376 | overflow-y: scroll; 377 | padding: 2px; 378 | white-space: pre-wrap; 379 | zoom: 1; 380 | } 381 | 382 | tfoot { 383 | box-sizing: border-box; 384 | display: table-footer-group; 385 | vertical-align: middle; 386 | } 387 | 388 | th { 389 | display: table-cell; 390 | font-weight: bold; 391 | padding: 1px; 392 | text-align: center; 393 | vertical-align: middle; 394 | zoom: 1; 395 | } 396 | 397 | thead { 398 | box-sizing: border-box; 399 | display: table-header-group; 400 | vertical-align: middle; 401 | } 402 | 403 | tr { 404 | box-sizing: border-box; 405 | display: table-row; 406 | vertical-align: middle; 407 | zoom: 1; 408 | } 409 | 410 | ul { 411 | display: block; 412 | list-style-image: none; 413 | list-style-position: outside; 414 | list-style-type: disc; 415 | margin: 1em 0; 416 | padding: 0 0 0 30pt; 417 | } 418 | 419 | var { 420 | font-style: italic; 421 | } -------------------------------------------------------------------------------- /src/_ua_default/navigator-9.0.css: -------------------------------------------------------------------------------- 1 | /* ***** BEGIN LICENSE BLOCK ***** 2 | * Version: MPL 1.1/GPL 2.0/LGPL 2.1 3 | * 4 | * The contents of this file are subject to the Mozilla Public License Version 5 | * 1.1 (the "License"); you may not use this file except in compliance with 6 | * the License. You may obtain a copy of the License at 7 | * http://www.mozilla.org/MPL/ 8 | * 9 | * Software distributed under the License is distributed on an "AS IS" basis, 10 | * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License 11 | * for the specific language governing rights and limitations under the 12 | * License. 13 | * 14 | * The Original Code is mozilla.org code. 15 | * 16 | * The Initial Developer of the Original Code is 17 | * Netscape Communications Corporation. 18 | * Portions created by the Initial Developer are Copyright (C) 1998 19 | * the Initial Developer. All Rights Reserved. 20 | * 21 | * Contributor(s): 22 | * Blake Ross 23 | * 24 | * Alternatively, the contents of this file may be used under the terms of 25 | * either of the GNU General Public License Version 2 or later (the "GPL"), 26 | * or the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), 27 | * in which case the provisions of the GPL or the LGPL are applicable instead 28 | * of those above. If you wish to allow use of your version of this file only 29 | * under the terms of either the GPL or the LGPL, and not to allow others to 30 | * use your version of this file under the terms of the MPL, indicate your 31 | * decision by deleting the provisions above and replace them with the notice 32 | * and other provisions required by the GPL or the LGPL. If you do not delete 33 | * the provisions above, a recipient may use your version of this file under 34 | * the terms of any one of the MPL, the GPL or the LGPL. 35 | * 36 | * ***** END LICENSE BLOCK ***** */ 37 | 38 | @namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */ 39 | 40 | /* bidi */ 41 | 42 | [dir="rtl"] { 43 | direction: rtl; 44 | unicode-bidi: embed; 45 | } 46 | [dir="ltr"] { 47 | direction: ltr; 48 | unicode-bidi: embed; 49 | } 50 | bdo[dir] { 51 | unicode-bidi: bidi-override; 52 | } 53 | 54 | /* blocks */ 55 | 56 | html, div, map, dt, isindex, form { 57 | display: block; 58 | } 59 | 60 | body { 61 | display: block; 62 | margin: 8px; 63 | } 64 | 65 | p, dl, multicol { 66 | display: block; 67 | margin: 1em 0; 68 | } 69 | 70 | dd { 71 | display: block; 72 | -moz-margin-start: 40px; 73 | } 74 | 75 | blockquote { 76 | display: block; 77 | margin: 1em 40px; 78 | } 79 | 80 | address { 81 | display: block; 82 | font-style: italic; 83 | } 84 | 85 | center { 86 | display: block; 87 | text-align: -moz-center; 88 | } 89 | 90 | blockquote[type=cite] { 91 | display: block; 92 | margin: 1em 0px; 93 | padding-left: 1em; 94 | border-left: solid; 95 | border-color: blue; 96 | border-width: thin; 97 | } 98 | 99 | span[_moz_quote=true] { 100 | color: blue; 101 | } 102 | 103 | pre[_moz_quote=true] { 104 | color: blue; 105 | } 106 | 107 | h1 { 108 | display: block; 109 | font-size: 2em; 110 | font-weight: bold; 111 | margin: .67em 0; 112 | } 113 | 114 | h2 { 115 | display: block; 116 | font-size: 1.5em; 117 | font-weight: bold; 118 | margin: .83em 0; 119 | } 120 | 121 | h3 { 122 | display: block; 123 | font-size: 1.17em; 124 | font-weight: bold; 125 | margin: 1em 0; 126 | } 127 | 128 | h4 { 129 | display: block; 130 | font-weight: bold; 131 | margin: 1.33em 0; 132 | } 133 | 134 | h5 { 135 | display: block; 136 | font-size: 0.83em; 137 | font-weight: bold; 138 | margin: 1.67em 0; 139 | } 140 | 141 | h6 { 142 | display: block; 143 | font-size: 0.67em; 144 | font-weight: bold; 145 | margin: 2.33em 0; 146 | } 147 | 148 | listing { 149 | display: block; 150 | font-family: -moz-fixed; 151 | font-size: medium; 152 | white-space: pre; 153 | margin: 1em 0; 154 | } 155 | 156 | xmp, pre, plaintext { 157 | display: block; 158 | font-family: -moz-fixed; 159 | white-space: pre; 160 | margin: 1em 0; 161 | } 162 | 163 | /* tables */ 164 | 165 | table { 166 | display: table; 167 | border-spacing: 2px; 168 | border-collapse: separate; 169 | margin-top: 0; 170 | margin-bottom: 0; 171 | -moz-box-sizing: border-box; 172 | text-indent: 0; 173 | } 174 | 175 | table[align="left"] { 176 | float: left; 177 | } 178 | 179 | table[align="right"] { 180 | float: right; 181 | text-align: start; 182 | } 183 | 184 | table[rules]:not([rules="none"]) { 185 | border-collapse: collapse; 186 | } 187 | 188 | /* caption inherits from table not table-outer */ 189 | caption { 190 | display: table-caption; 191 | text-align: center; 192 | -moz-box-sizing: border-box; 193 | } 194 | 195 | table[align="center"] > caption { 196 | margin-left: auto; 197 | margin-right: auto; 198 | } 199 | 200 | table[align="center"] > caption[align="left"] { 201 | margin-right: 0; 202 | } 203 | 204 | table[align="center"] > caption[align="right"] { 205 | margin-left: 0; 206 | } 207 | 208 | tr { 209 | display: table-row; 210 | vertical-align: inherit; 211 | } 212 | 213 | col { 214 | display: table-column; 215 | } 216 | 217 | colgroup { 218 | display: table-column-group; 219 | } 220 | 221 | tbody { 222 | display: table-row-group; 223 | vertical-align: middle; 224 | } 225 | 226 | thead { 227 | display: table-header-group; 228 | vertical-align: middle; 229 | } 230 | 231 | tfoot { 232 | display: table-footer-group; 233 | vertical-align: middle; 234 | } 235 | 236 | /* for XHTML tables without tbody */ 237 | table > tr { 238 | vertical-align: middle; 239 | } 240 | 241 | td { 242 | display: table-cell; 243 | vertical-align: inherit; 244 | text-align: inherit; 245 | padding: 1px; 246 | } 247 | 248 | th { 249 | display: table-cell; 250 | vertical-align: inherit; 251 | font-weight: bold; 252 | padding: 1px; 253 | } 254 | 255 | tr > form:-moz-is-html, tbody > form:-moz-is-html, 256 | thead > form:-moz-is-html, tfoot > form:-moz-is-html, 257 | table > form:-moz-is-html { 258 | /* Important: don't show these forms in HTML */ 259 | display: none !important; 260 | } 261 | 262 | /* inlines */ 263 | 264 | q:before { 265 | content: open-quote; 266 | } 267 | 268 | q:after { 269 | content: close-quote; 270 | } 271 | 272 | b, strong { 273 | font-weight: bolder; 274 | } 275 | 276 | i, cite, em, var, dfn { 277 | font-style: italic; 278 | } 279 | 280 | tt, code, kbd, samp { 281 | font-family: -moz-fixed; 282 | } 283 | 284 | u, ins { 285 | text-decoration: underline; 286 | } 287 | 288 | s, strike, del { 289 | text-decoration: line-through; 290 | } 291 | 292 | blink { 293 | text-decoration: blink; 294 | } 295 | 296 | big { 297 | font-size: larger; 298 | } 299 | 300 | small { 301 | font-size: smaller; 302 | } 303 | 304 | sub { 305 | vertical-align: sub; 306 | font-size: smaller; 307 | line-height: normal; 308 | } 309 | 310 | sup { 311 | vertical-align: super; 312 | font-size: smaller; 313 | line-height: normal; 314 | } 315 | 316 | nobr { 317 | white-space: nowrap; 318 | } 319 | 320 | /* titles */ 321 | abbr[title], acronym[title] { 322 | border-bottom: dotted 1px; 323 | } 324 | 325 | /* lists */ 326 | 327 | ul, menu, dir { 328 | display: block; 329 | list-style-type: disc; 330 | margin: 1em 0; 331 | -moz-padding-start: 40px; 332 | } 333 | 334 | ol { 335 | display: block; 336 | list-style-type: decimal; 337 | margin: 1em 0; 338 | -moz-padding-start: 40px; 339 | } 340 | 341 | li { 342 | display: list-item; 343 | -moz-float-edge: margin-box; 344 | } 345 | 346 | /* nested lists have no top/bottom margins */ 347 | ul ul, ul ol, ul dir, ul menu, ul dl, 348 | ol ul, ol ol, ol dir, ol menu, ol dl, 349 | dir ul, dir ol, dir dir, dir menu, dir dl, 350 | menu ul, menu ol, menu dir, menu menu, menu dl, 351 | dl ul, dl ol, dl dir, dl menu, dl dl { 352 | margin-top: 0; 353 | margin-bottom: 0; 354 | } 355 | 356 | /* 2 deep unordered lists use a circle */ 357 | ol ul, ul ul, menu ul, dir ul, 358 | ol menu, ul menu, menu menu, dir menu, 359 | ol dir, ul dir, menu dir, dir dir { 360 | list-style-type: circle; 361 | } 362 | 363 | /* 3 deep (or more) unordered lists use a square */ 364 | ol ol ul, ol ul ul, ol menu ul, ol dir ul, 365 | ol ol menu, ol ul menu, ol menu menu, ol dir menu, 366 | ol ol dir, ol ul dir, ol menu dir, ol dir dir, 367 | ul ol ul, ul ul ul, ul menu ul, ul dir ul, 368 | ul ol menu, ul ul menu, ul menu menu, ul dir menu, 369 | ul ol dir, ul ul dir, ul menu dir, ul dir dir, 370 | menu ol ul, menu ul ul, menu menu ul, menu dir ul, 371 | menu ol menu, menu ul menu, menu menu menu, menu dir menu, 372 | menu ol dir, menu ul dir, menu menu dir, menu dir dir, 373 | dir ol ul, dir ul ul, dir menu ul, dir dir ul, 374 | dir ol menu, dir ul menu, dir menu menu, dir dir menu, 375 | dir ol dir, dir ul dir, dir menu dir, dir dir dir { 376 | list-style-type: square; 377 | } 378 | 379 | 380 | /* leafs */ 381 | 382 | /*
noshade and color attributes are handled completely by 383 | * the nsHTMLHRElement attribute mapping code 384 | */ 385 | hr { 386 | display: block; 387 | height: 2px; 388 | border: 1px -moz-bg-inset; 389 | margin: 0.5em auto 0.5em auto; 390 | -moz-float-edge: margin-box; 391 | -moz-box-sizing: border-box; 392 | } 393 | 394 | hr[size="1"] { 395 | border-style: -moz-bg-solid none none none; 396 | } 397 | 398 | *|*:-moz-any-link img, img[usemap], object[usemap] { 399 | border: 2px solid; 400 | } 401 | 402 | img[usemap], object[usemap] { 403 | color: blue; 404 | } 405 | 406 | frameset { 407 | display: block ! important; 408 | overflow: -moz-hidden-unscrollable; 409 | position: static ! important; 410 | float: none ! important; 411 | border: none ! important; 412 | } 413 | 414 | frame { 415 | border: none ! important; 416 | } 417 | 418 | iframe { 419 | border: 2px inset; 420 | } 421 | 422 | noframes { 423 | display: none; 424 | } 425 | 426 | spacer { 427 | position: static ! important; 428 | float: none ! important; 429 | } 430 | 431 | canvas { 432 | -moz-user-select: none; 433 | } 434 | 435 | /* focusable content: anything w/ tabindex >=0 is focusable */ 436 | abbr:focus, acronym:focus, address:focus, applet:focus, b:focus, 437 | base:focus, big:focus, blockquote:focus, br:focus, canvas:focus, caption:focus, 438 | center:focus, cite:focus, code:focus, col:focus, colgroup:focus, dd:focus, 439 | del:focus, dfn:focus, dir:focus, div:focus, dl:focus, dt:focus, em:focus, 440 | fieldset:focus, font:focus, form:focus, h1:focus, h2:focus, h3:focus, h4:focus, 441 | h5:focus, h6:focus, hr:focus, i:focus, img:focus, ins:focus, 442 | kbd:focus, label:focus, legend:focus, li:focus, link:focus, menu:focus, 443 | object:focus, ol:focus, p:focus, pre:focus, q:focus, s:focus, samp:focus, 444 | small:focus, span:focus, strike:focus, strong:focus, sub:focus, sup:focus, 445 | table:focus, tbody:focus, td:focus, tfoot:focus, th:focus, thead:focus, 446 | tr:focus, tt:focus, u:focus, ul:focus, var:focus { 447 | outline: 1px dotted invert; 448 | } 449 | 450 | /* hidden elements */ 451 | area, base, basefont, head, meta, script, style, title, 452 | noembed, param { 453 | display: none; 454 | } 455 | 456 | /* emulation of non-standard HTML tag */ 457 | marquee { 458 | display: block; 459 | -moz-binding: url('chrome://xbl-marquee/content/xbl-marquee.xml#marquee-horizontal'); 460 | } 461 | 462 | marquee[direction="up"], marquee[direction="down"] { 463 | -moz-binding: url('chrome://xbl-marquee/content/xbl-marquee.xml#marquee-vertical'); 464 | height: 200px; 465 | } 466 | 467 | /* PRINT ONLY rules follow */ 468 | @media print { 469 | 470 | marquee { -moz-binding: none; } 471 | 472 | /* XXX this should not be necessary, we should be stopping blinking 473 | of any kind in print preview, not just the element */ 474 | blink { 475 | text-decoration: none; 476 | } 477 | 478 | } 479 | -------------------------------------------------------------------------------- /src/_ua_default/opera-10.51.css: -------------------------------------------------------------------------------- 1 | /* Copyright 2010 Opera Software */ 2 | 3 | a { 4 | color: #00C; 5 | text-decoration: underline; 6 | } 7 | 8 | a:visited { 9 | color: #800080; 10 | } 11 | 12 | abbr { 13 | border-bottom-style: dotted; 14 | border-bottom-width: 1px; 15 | } 16 | 17 | address { 18 | display: block; 19 | font-style: italic; 20 | padding-left: 2px; 21 | padding-right: 2px; 22 | } 23 | 24 | area { 25 | display: none; 26 | } 27 | 28 | audio { 29 | display: none; 30 | } 31 | 32 | audio[controls] { 33 | display: inline; 34 | } 35 | 36 | b { 37 | font-weight: bold; 38 | } 39 | 40 | base { 41 | display: none; 42 | } 43 | 44 | bdo { 45 | direction: rtl; 46 | unicode-bidi: bidi-override; 47 | } 48 | 49 | blockquote { 50 | display: block; 51 | margin: 1em 10px 1em 40px; 52 | } 53 | 54 | [dir=rtl] blockquote { 55 | margin: 1em 10px 1em 40px; 56 | } 57 | 58 | body { 59 | display: block; 60 | margin: 8px; 61 | } 62 | 63 | button { 64 | border-width: 2px; 65 | color: #000; 66 | display: inline-block; 67 | font-family: use-lang-def; 68 | font-size: 13px; 69 | font-weight: 400; 70 | padding: 1px 8px; 71 | text-align: center; 72 | text-indent: 0; 73 | white-space: nowrap; 74 | } 75 | 76 | caption { 77 | display: table-caption; 78 | text-align: center; 79 | } 80 | 81 | cite { 82 | font-style: italic; 83 | } 84 | 85 | code { 86 | font-family: use-lang-def; 87 | font-size: 0.81em; 88 | } 89 | 90 | col { 91 | display: table-column; 92 | } 93 | 94 | colgroup { 95 | display: table-column-group; 96 | } 97 | 98 | datalist { 99 | display: none; 100 | } 101 | 102 | dd { 103 | margin: 0 0 0 40px; 104 | } 105 | 106 | [dir=rtl] dd { 107 | margin: 0 40px 0 0; 108 | } 109 | 110 | del { 111 | text-decoration: line-through; 112 | } 113 | 114 | dfn { 115 | font-style: italic; 116 | } 117 | 118 | div { 119 | display: block; 120 | } 121 | 122 | dl { 123 | display: block; 124 | margin: 1em 0; 125 | } 126 | 127 | dt { 128 | display: block; 129 | } 130 | 131 | em { 132 | font-style: italic; 133 | } 134 | 135 | fieldset { 136 | border-style: groove; 137 | border-width: 2px; 138 | display: block; 139 | margin-left: 2px; 140 | margin-right: 2px; 141 | padding: 0.33em 0.67em 0.75em; 142 | } 143 | 144 | form { 145 | display: block; 146 | } 147 | 148 | h1 { 149 | display: block; 150 | font-size: 2em; 151 | font-weight: bold; 152 | margin: 0.67em 0; 153 | } 154 | 155 | h2 { 156 | display: block; 157 | font-size: 1.5em; 158 | font-weight: bold; 159 | margin: 0.83em 0; 160 | } 161 | 162 | h3 { 163 | display: block; 164 | font-size: 1.17em; 165 | font-weight: bold; 166 | margin: 1em 0; 167 | } 168 | 169 | h4 { 170 | display: block; 171 | font-weight: bold; 172 | margin: 1em 0; 173 | } 174 | 175 | h5 { 176 | display: block; 177 | font-size: 0.83em; 178 | font-weight: bold; 179 | margin: 1.67em 0; 180 | } 181 | 182 | h6 { 183 | display: block; 184 | font-size: 0.67em; 185 | font-weight: bold; 186 | margin: 2.33em 0; 187 | } 188 | 189 | head { 190 | display: none; 191 | } 192 | 193 | hr { 194 | border-style: inset; 195 | border-width: 1px; 196 | box-sizing: content-box; 197 | display: block; 198 | height: 0; 199 | margin: 10px 0; 200 | text-align: center; 201 | } 202 | 203 | html { 204 | display: block; 205 | } 206 | 207 | i { 208 | font-style: italic; 209 | } 210 | 211 | iframe { 212 | border-style: inset; 213 | border-width: 2px; 214 | } 215 | 216 | input { 217 | border-width: 2px; 218 | color: #000; 219 | font-family: use-lang-def; 220 | font-size: 13px; 221 | font-weight: 400; 222 | padding: 1px; 223 | text-align: default; 224 | text-indent: 0; 225 | text-transform: none; 226 | } 227 | 228 | ins { 229 | text-decoration: underline; 230 | } 231 | 232 | kbd { 233 | font-family: use-lang-def; 234 | font-size: 0.81em; 235 | } 236 | 237 | keygen { 238 | border-width: 2px; 239 | color: #000; 240 | font-family: use-lang-def; 241 | font-size: 13px; 242 | font-weight: 400; 243 | padding: 1px; 244 | text-align: default; 245 | text-indent: 0; 246 | } 247 | 248 | legend { 249 | display: block; 250 | padding-left: 2px; 251 | padding-right: 2px; 252 | } 253 | 254 | li { 255 | display: list-item; 256 | } 257 | 258 | link { 259 | display: none; 260 | } 261 | 262 | menu { 263 | display: block; 264 | margin: 1em 0 1em 40px; 265 | padding-left: 2px; 266 | padding-right: 2px; 267 | } 268 | 269 | [dir=rtl] menu { 270 | margin: 1em 40px 1em 0; 271 | } 272 | 273 | meta { 274 | display: none; 275 | } 276 | 277 | noscript { 278 | display: none; 279 | } 280 | 281 | ol { 282 | padding: 0 40px 0 0; 283 | } 284 | 285 | optgroup { 286 | text-indent: 0; 287 | } 288 | 289 | option { 290 | text-indent: 0; 291 | } 292 | 293 | p { 294 | display: block; 295 | margin: 1em 0; 296 | } 297 | 298 | pre { 299 | display: block; 300 | font-family: use-lang-def; 301 | font-size: 0.81em; 302 | margin: 1em 0; 303 | white-space: pre; 304 | } 305 | 306 | q { 307 | quotes: "\"" "\"" "'" "'"; 308 | } 309 | 310 | samp { 311 | font-family: use-lang-def; 312 | font-size: 0.81em; 313 | } 314 | 315 | script { 316 | display: none; 317 | } 318 | 319 | select { 320 | border-width: 2px; 321 | color: #000; 322 | font-family: use-lang-def; 323 | font-size: 13px; 324 | font-weight: 400; 325 | padding: 1px; 326 | text-align: default; 327 | text-indent: 0; 328 | } 329 | 330 | strong { 331 | font-weight: bold; 332 | } 333 | 334 | style { 335 | display: none; 336 | } 337 | 338 | sub { 339 | vertical-align: sub; 340 | } 341 | 342 | sup { 343 | vertical-align: super; 344 | } 345 | 346 | table { 347 | border-spacing: 2px; 348 | display: table; 349 | text-indent: 0; 350 | } 351 | 352 | tbody { 353 | display: table-row-group; 354 | vertical-align: middle; 355 | } 356 | 357 | td { 358 | display: table-cell; 359 | padding: 1px; 360 | vertical-align: inherit; 361 | } 362 | 363 | textarea { 364 | border-width: 2px; 365 | color: #000; 366 | font-family: use-lang-def; 367 | font-size: 13px; 368 | font-weight: 400; 369 | line-height: normal; 370 | padding: 1px; 371 | text-align: default; 372 | text-indent: 0; 373 | text-transform: none; 374 | } 375 | 376 | tfoot { 377 | display: table-footer-group; 378 | vertical-align: middle; 379 | } 380 | 381 | th { 382 | display: table-cell; 383 | font-weight: bold; 384 | padding: 1px; 385 | vertical-align: inherit; 386 | } 387 | 388 | thead { 389 | display: table-header-group; 390 | vertical-align: middle; 391 | } 392 | 393 | title { 394 | display: none; 395 | } 396 | 397 | tr { 398 | display: table-row; 399 | vertical-align: inherit; 400 | } 401 | 402 | ul { 403 | display: block; 404 | list-style-position: outside; 405 | list-style-type: disc; 406 | margin: 1em 0; 407 | padding: 0 0 0 40px; 408 | } 409 | 410 | [dir=rtl] ul { 411 | padding: 0 40px 0 0; 412 | } 413 | 414 | var { 415 | font-style: italic; 416 | } 417 | 418 | video { 419 | display: inline; 420 | } -------------------------------------------------------------------------------- /src/_ua_default/safari-4.0.x.css: -------------------------------------------------------------------------------- 1 | /* 2 | * The default style sheet used to render HTML. 3 | * 4 | * Copyright (C) 2000 Lars Knoll (knoll@kde.org) 5 | * Copyright (C) 2003, 2004, 2005, 2006, 2007, 2008 Apple Inc. All rights reserved. 6 | * 7 | * This library is free software; you can redistribute it and/or 8 | * modify it under the terms of the GNU Library General Public 9 | * License as published by the Free Software Foundation; either 10 | * version 2 of the License, or (at your option) any later version. 11 | * 12 | * This library is distributed in the hope that it will be useful, 13 | * but WITHOUT ANY WARRANTY; without even the implied warranty of 14 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU 15 | * Library General Public License for more details. 16 | * 17 | * You should have received a copy of the GNU Library General Public License 18 | * along with this library; see the file COPYING.LIB. If not, write to 19 | * the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, 20 | * Boston, MA 02110-1301, USA. 21 | * 22 | */ 23 | 24 | @namespace "http://www.w3.org/1999/xhtml"; 25 | 26 | html { 27 | display: block 28 | } 29 | 30 | /* children of the element all have display:none */ 31 | head { 32 | display: none 33 | } 34 | 35 | meta { 36 | display: none 37 | } 38 | 39 | title { 40 | display: none 41 | } 42 | 43 | link { 44 | display: none 45 | } 46 | 47 | style { 48 | display: none 49 | } 50 | 51 | script { 52 | display: none 53 | } 54 | 55 | /* generic block-level elements */ 56 | 57 | body { 58 | display: block; 59 | margin: 8px 60 | } 61 | 62 | p { 63 | display: block; 64 | margin: 1.0__qem 0px 65 | } 66 | 67 | div { 68 | display: block 69 | } 70 | 71 | layer { 72 | display: block 73 | } 74 | 75 | marquee { 76 | display: inline-block; 77 | overflow: -webkit-marquee 78 | } 79 | 80 | address { 81 | display: block 82 | } 83 | 84 | blockquote { 85 | display: block; 86 | margin: 1__qem 40px 1em 40px 87 | } 88 | 89 | q { 90 | display: inline 91 | } 92 | 93 | q:before { 94 | content: '"' 95 | /* FIXME: content: open-quote; */ 96 | } 97 | 98 | q:after { 99 | content: '"' 100 | /* FIXME: content: close-quote; */ 101 | } 102 | 103 | center { 104 | display: block; 105 | /* special centering to be able to emulate the html4/netscape behaviour */ 106 | text-align: -webkit-center 107 | } 108 | 109 | hr { 110 | display: block; 111 | margin: 0.5em auto; 112 | border-style: inset; 113 | border-width: 1px 114 | } 115 | 116 | map { 117 | display: inline 118 | } 119 | 120 | /* heading elements */ 121 | 122 | h1 { 123 | display: block; 124 | font-size: 2em; 125 | margin: .67__qem 0 .67em 0; 126 | font-weight: bold 127 | } 128 | 129 | h2 { 130 | display: block; 131 | font-size: 1.5em; 132 | margin: .83__qem 0 .83em 0; 133 | font-weight: bold 134 | } 135 | 136 | h3 { 137 | display: block; 138 | font-size: 1.17em; 139 | margin: 1__qem 0 1em 0; 140 | font-weight: bold 141 | } 142 | 143 | h4 { 144 | display: block; 145 | margin: 1.33__qem 0 1.33em 0; 146 | font-weight: bold 147 | } 148 | 149 | h5 { 150 | display: block; 151 | font-size: .83em; 152 | margin: 1.67__qem 0 1.67em 0; 153 | font-weight: bold 154 | } 155 | 156 | h6 { 157 | display: block; 158 | font-size: .67em; 159 | margin: 2.33__qem 0 2.33em 0; 160 | font-weight: bold 161 | } 162 | 163 | /* tables */ 164 | 165 | table { 166 | display: table; 167 | border-collapse: separate; 168 | border-spacing: 2px; 169 | border-color: gray 170 | } 171 | 172 | thead { 173 | display: table-header-group; 174 | vertical-align: middle; 175 | border-color: inherit 176 | } 177 | 178 | tbody { 179 | display: table-row-group; 180 | vertical-align: middle; 181 | border-color: inherit 182 | } 183 | 184 | tfoot { 185 | display: table-footer-group; 186 | vertical-align: middle; 187 | border-color: inherit 188 | } 189 | 190 | /* for tables without table section elements (can happen with XHTML or dynamically created tables) */ 191 | table > tr { 192 | vertical-align: middle; 193 | } 194 | 195 | col { 196 | display: table-column 197 | } 198 | 199 | colgroup { 200 | display: table-column-group 201 | } 202 | 203 | tr { 204 | display: table-row; 205 | vertical-align: inherit; 206 | border-color: inherit 207 | } 208 | 209 | td, th { 210 | display: table-cell; 211 | vertical-align: inherit 212 | } 213 | 214 | th { 215 | font-weight: bold 216 | } 217 | 218 | caption { 219 | display: table-caption; 220 | text-align: -webkit-center 221 | } 222 | 223 | /* lists */ 224 | 225 | ul, menu, dir { 226 | display: block; 227 | list-style-type: disc; 228 | margin: 1__qem 0 1em 0; 229 | -webkit-padding-start: 40px 230 | } 231 | 232 | ol { 233 | display: block; 234 | list-style-type: decimal; 235 | margin: 1__qem 0 1em 0; 236 | -webkit-padding-start: 40px 237 | } 238 | 239 | li { 240 | display: list-item 241 | } 242 | 243 | ul ul, ol ul { 244 | list-style-type: circle 245 | } 246 | 247 | ol ol ul, ol ul ul, ul ol ul, ul ul ul { 248 | list-style-type: square 249 | } 250 | 251 | dd { 252 | display: block; 253 | -webkit-margin-start: 40px 254 | } 255 | 256 | dl { 257 | display: block; 258 | margin: 1__qem 0 1em 0 259 | } 260 | 261 | dt { 262 | display: block 263 | } 264 | 265 | ol ul, ul ol, ul ul, ol ol { 266 | margin-top: 0; 267 | margin-bottom: 0 268 | } 269 | 270 | /* form elements */ 271 | 272 | form { 273 | display: block; 274 | margin-top: 0__qem 275 | } 276 | 277 | label { 278 | cursor: default; 279 | } 280 | 281 | legend { 282 | display: block; 283 | padding-left: 2px; 284 | padding-right: 2px; 285 | border: none 286 | } 287 | 288 | fieldset { 289 | display: block; 290 | margin-left: 2px; 291 | margin-right: 2px; 292 | padding: 0.35em 0.75em 0.625em; 293 | border: 2px groove ThreeDFace 294 | } 295 | 296 | button { 297 | -webkit-appearance: button; 298 | } 299 | 300 | input, textarea, keygen, select, button, isindex, datagrid { 301 | margin: 0__qem; 302 | font: -webkit-small-control; 303 | color: initial; 304 | letter-spacing: normal; 305 | word-spacing: normal; 306 | line-height: normal; 307 | text-transform: none; 308 | text-indent: 0; 309 | text-shadow: none; 310 | display: inline-block; 311 | text-align: -webkit-auto; 312 | } 313 | 314 | input[type="hidden"] { 315 | display: none 316 | } 317 | 318 | input, input[type="password"], input[type="search"], isindex { 319 | -webkit-appearance: textfield; 320 | padding: 1px; 321 | background-color: white; 322 | border: 2px inset; 323 | -webkit-rtl-ordering: logical; 324 | -webkit-user-select: text; 325 | cursor: auto; 326 | } 327 | 328 | input[type="search"] { 329 | -webkit-appearance: searchfield; 330 | -webkit-box-sizing: border-box; 331 | } 332 | 333 | input[type="search"]::-webkit-search-cancel-button { 334 | -webkit-appearance: searchfield-cancel-button; 335 | display: inline-block; 336 | } 337 | 338 | input[type="search"]::-webkit-search-decoration { 339 | -webkit-appearance: searchfield-decoration; 340 | display: inline-block; 341 | } 342 | 343 | input[type="search"]::-webkit-search-results-decoration { 344 | -webkit-appearance: searchfield-results-decoration; 345 | display: inline-block; 346 | } 347 | 348 | input[type="search"]::-webkit-search-results-button { 349 | -webkit-appearance: searchfield-results-button; 350 | display: inline-block; 351 | } 352 | 353 | textarea { 354 | -webkit-appearance: textarea; 355 | background-color: white; 356 | border: 1px solid; 357 | -webkit-rtl-ordering: logical; 358 | -webkit-user-select: text; 359 | -webkit-box-orient: vertical; 360 | resize: auto; 361 | cursor: auto; 362 | } 363 | 364 | input::-webkit-input-placeholder, isindex::-webkit-input-placeholder { 365 | color: darkGray; 366 | } 367 | 368 | input[type="password"] { 369 | -webkit-text-security: disc !important; 370 | } 371 | 372 | input[type="hidden"], input[type="image"], input[type="file"] { 373 | -webkit-appearance: initial; 374 | padding: initial; 375 | background-color: initial; 376 | border: initial; 377 | } 378 | 379 | input[type="file"] { 380 | -webkit-box-align: baseline; 381 | text-align: start !important; 382 | } 383 | 384 | input:-webkit-autofill { 385 | background-color: #FAFFBD !important; 386 | background-image:none !important; 387 | } 388 | 389 | input[type="radio"], input[type="checkbox"] { 390 | margin: 3px 0.5ex; 391 | padding: initial; 392 | background-color: initial; 393 | border: initial; 394 | } 395 | 396 | input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button { 397 | -webkit-appearance: push-button; 398 | white-space: pre 399 | } 400 | 401 | input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { 402 | -webkit-box-align: center; 403 | text-align: center; 404 | cursor: default; 405 | color: ButtonText; 406 | padding: 2px 6px 3px 6px; 407 | border: 2px outset ButtonFace; 408 | background-color: ButtonFace; 409 | -webkit-box-sizing: border-box 410 | } 411 | 412 | input[type="range"] { 413 | -webkit-appearance: slider-horizontal; 414 | padding: initial; 415 | border: initial; 416 | margin: 2px; 417 | } 418 | 419 | input[type="range"]::-webkit-slider-thumb { 420 | -webkit-appearance: sliderthumb-horizontal; 421 | } 422 | 423 | input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, 424 | input[type="file"]:disabled::-webkit-file-upload-button, button:disabled, 425 | select:disabled, keygen:disabled, optgroup:disabled, option:disabled, datagrid:disabled { 426 | color: GrayText 427 | } 428 | 429 | input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]:active::-webkit-file-upload-button, button:active { 430 | border-style: inset 431 | } 432 | 433 | input[type="button"]:active:disabled, input[type="submit"]:active:disabled, input[type="reset"]:active:disabled, input[type="file"]:active:disabled::-webkit-file-upload-button, button:active:disabled { 434 | border-style: outset 435 | } 436 | 437 | area, param { 438 | display: none 439 | } 440 | 441 | input[type="checkbox"] { 442 | -webkit-appearance: checkbox; 443 | -webkit-box-sizing: border-box; 444 | } 445 | 446 | input[type="radio"] { 447 | -webkit-appearance: radio; 448 | -webkit-box-sizing: border-box; 449 | } 450 | 451 | keygen, select { 452 | -webkit-appearance: menulist; 453 | -webkit-box-sizing: border-box; 454 | -webkit-box-align: center; 455 | border: 1px solid; 456 | -webkit-border-radius: 5px; 457 | white-space: pre; 458 | -webkit-rtl-ordering: logical; 459 | color: black; 460 | background-color: white; 461 | cursor: default; 462 | } 463 | 464 | select[size], 465 | select[multiple], 466 | select[size][multiple] { 467 | -webkit-appearance: listbox; 468 | -webkit-box-align: start; 469 | border: 1px inset gray; 470 | -webkit-border-radius: initial; 471 | white-space: initial; 472 | } 473 | 474 | select[size="0"], 475 | select[size="1"] { 476 | -webkit-appearance: menulist; 477 | -webkit-box-align: center; 478 | border: 1px solid; 479 | -webkit-border-radius: 5px; 480 | white-space: pre; 481 | } 482 | 483 | optgroup { 484 | font-weight: bolder; 485 | } 486 | 487 | option { 488 | font-weight: normal; 489 | } 490 | 491 | /* datagrid */ 492 | 493 | datagrid { 494 | height: 150px; /* We don't use width:300px in CSS, since we want width:intrinsic and width:min-intrinsic to reset to 300 properly. */ 495 | -webkit-appearance: datagrid; 496 | -webkit-box-sizing: border-box; 497 | -webkit-rtl-ordering: logical; 498 | color: black; 499 | background-color: white; 500 | cursor: default; 501 | border: 1px inset gray; 502 | white-space: initial; 503 | } 504 | 505 | /* inline elements */ 506 | 507 | u, ins { 508 | text-decoration: underline 509 | } 510 | 511 | strong, b { 512 | font-weight: bolder 513 | } 514 | 515 | i, cite, em, var, address { 516 | font-style: italic 517 | } 518 | 519 | tt, code, kbd, samp { 520 | font-family: monospace 521 | } 522 | 523 | pre, xmp, plaintext, listing { 524 | display: block; 525 | font-family: monospace; 526 | white-space: pre; 527 | margin: 1__qem 0 528 | } 529 | 530 | big { 531 | font-size: larger 532 | } 533 | 534 | small { 535 | font-size: smaller 536 | } 537 | 538 | s, strike, del { 539 | text-decoration: line-through 540 | } 541 | 542 | sub { 543 | vertical-align: sub; 544 | font-size: smaller 545 | } 546 | 547 | sup { 548 | vertical-align: super; 549 | font-size: smaller 550 | } 551 | 552 | nobr { 553 | white-space: nowrap 554 | } 555 | 556 | /* states */ 557 | 558 | :focus { 559 | outline: auto 5px -webkit-focus-ring-color 560 | } 561 | 562 | /* Read-only text fields do not show a focus ring but do still receive focus */ 563 | html:focus, body:focus, input[readonly]:focus { 564 | outline: none 565 | } 566 | 567 | input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus { 568 | outline-offset: -2px 569 | } 570 | 571 | input[type="button"]:focus, 572 | input[type="checkbox"]:focus, 573 | input[type="file"]:focus, 574 | input[type="hidden"]:focus, 575 | input[type="image"]:focus, 576 | input[type="radio"]:focus, 577 | input[type="reset"]:focus, 578 | input[type="search"]:focus, 579 | input[type="submit"]:focus, 580 | input[type="file"]:focus::-webkit-file-upload-button { 581 | outline-offset: 0 582 | } 583 | 584 | a:-webkit-any-link { 585 | color: -webkit-link; 586 | text-decoration: underline; 587 | cursor: auto; 588 | } 589 | 590 | a:-webkit-any-link:active { 591 | color: -webkit-activelink 592 | } 593 | 594 | /* other elements */ 595 | 596 | noframes { 597 | display: none 598 | } 599 | 600 | frameset, frame { 601 | display: block 602 | } 603 | 604 | frameset { 605 | border-color: inherit 606 | } 607 | 608 | iframe { 609 | border: 2px inset 610 | } 611 | 612 | /* noscript is handled internally, as it depends on settings */ -------------------------------------------------------------------------------- /src/_ua_default/safari-5.0.x.css: -------------------------------------------------------------------------------- 1 | /* 2 | * The default style sheet used to render HTML. 3 | * 4 | * Copyright (C) 2000 Lars Knoll (knoll@kde.org) 5 | * Copyright (C) 2003, 2004, 2005, 2006, 2007, 2008 Apple Inc. All rights reserved. 6 | * 7 | * This library is free software; you can redistribute it and/or 8 | * modify it under the terms of the GNU Library General Public 9 | * License as published by the Free Software Foundation; either 10 | * version 2 of the License, or (at your option) any later version. 11 | * 12 | * This library is distributed in the hope that it will be useful, 13 | * but WITHOUT ANY WARRANTY; without even the implied warranty of 14 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU 15 | * Library General Public License for more details. 16 | * 17 | * You should have received a copy of the GNU Library General Public License 18 | * along with this library; see the file COPYING.LIB. If not, write to 19 | * the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, 20 | * Boston, MA 02110-1301, USA. 21 | * 22 | */ 23 | 24 | @namespace "http://www.w3.org/1999/xhtml"; 25 | 26 | html { 27 | display: block 28 | } 29 | 30 | /* children of the element all have display:none */ 31 | head { 32 | display: none 33 | } 34 | 35 | meta { 36 | display: none 37 | } 38 | 39 | title { 40 | display: none 41 | } 42 | 43 | link { 44 | display: none 45 | } 46 | 47 | style { 48 | display: none 49 | } 50 | 51 | script { 52 | display: none 53 | } 54 | 55 | /* generic block-level elements */ 56 | 57 | body { 58 | display: block; 59 | margin: 8px 60 | } 61 | 62 | p { 63 | display: block; 64 | margin: 1.0__qem 0px 65 | } 66 | 67 | div { 68 | display: block 69 | } 70 | 71 | layer { 72 | display: block 73 | } 74 | 75 | article, aside, footer, header, hgroup, nav, section { 76 | display: block 77 | } 78 | 79 | marquee { 80 | display: inline-block; 81 | overflow: -webkit-marquee 82 | } 83 | 84 | address { 85 | display: block 86 | } 87 | 88 | blockquote { 89 | display: block; 90 | margin: 1__qem 40px 1em 40px 91 | } 92 | 93 | q { 94 | display: inline 95 | } 96 | 97 | q:before { 98 | content: '"' 99 | /* FIXME: content: open-quote; */ 100 | } 101 | 102 | q:after { 103 | content: '"' 104 | /* FIXME: content: close-quote; */ 105 | } 106 | 107 | center { 108 | display: block; 109 | /* special centering to be able to emulate the html4/netscape behaviour */ 110 | text-align: -webkit-center 111 | } 112 | 113 | hr { 114 | display: block; 115 | margin: 0.5em auto; 116 | border-style: inset; 117 | border-width: 1px 118 | } 119 | 120 | map { 121 | display: inline 122 | } 123 | 124 | /* heading elements */ 125 | 126 | h1 { 127 | display: block; 128 | font-size: 2em; 129 | margin: .67__qem 0 .67em 0; 130 | font-weight: bold 131 | } 132 | 133 | h2 { 134 | display: block; 135 | font-size: 1.5em; 136 | margin: .83__qem 0 .83em 0; 137 | font-weight: bold 138 | } 139 | 140 | h3 { 141 | display: block; 142 | font-size: 1.17em; 143 | margin: 1__qem 0 1em 0; 144 | font-weight: bold 145 | } 146 | 147 | h4 { 148 | display: block; 149 | margin: 1.33__qem 0 1.33em 0; 150 | font-weight: bold 151 | } 152 | 153 | h5 { 154 | display: block; 155 | font-size: .83em; 156 | margin: 1.67__qem 0 1.67em 0; 157 | font-weight: bold 158 | } 159 | 160 | h6 { 161 | display: block; 162 | font-size: .67em; 163 | margin: 2.33__qem 0 2.33em 0; 164 | font-weight: bold 165 | } 166 | 167 | /* tables */ 168 | 169 | table { 170 | display: table; 171 | border-collapse: separate; 172 | border-spacing: 2px; 173 | border-color: gray 174 | } 175 | 176 | thead { 177 | display: table-header-group; 178 | vertical-align: middle; 179 | border-color: inherit 180 | } 181 | 182 | tbody { 183 | display: table-row-group; 184 | vertical-align: middle; 185 | border-color: inherit 186 | } 187 | 188 | tfoot { 189 | display: table-footer-group; 190 | vertical-align: middle; 191 | border-color: inherit 192 | } 193 | 194 | /* for tables without table section elements (can happen with XHTML or dynamically created tables) */ 195 | table > tr { 196 | vertical-align: middle; 197 | } 198 | 199 | col { 200 | display: table-column 201 | } 202 | 203 | colgroup { 204 | display: table-column-group 205 | } 206 | 207 | tr { 208 | display: table-row; 209 | vertical-align: inherit; 210 | border-color: inherit 211 | } 212 | 213 | td, th { 214 | display: table-cell; 215 | vertical-align: inherit 216 | } 217 | 218 | th { 219 | font-weight: bold 220 | } 221 | 222 | caption { 223 | display: table-caption; 224 | text-align: -webkit-center 225 | } 226 | 227 | /* lists */ 228 | 229 | ul, menu, dir { 230 | display: block; 231 | list-style-type: disc; 232 | margin: 1__qem 0 1em 0; 233 | -webkit-padding-start: 40px 234 | } 235 | 236 | ol { 237 | display: block; 238 | list-style-type: decimal; 239 | margin: 1__qem 0 1em 0; 240 | -webkit-padding-start: 40px 241 | } 242 | 243 | li { 244 | display: list-item 245 | } 246 | 247 | ul ul, ol ul { 248 | list-style-type: circle 249 | } 250 | 251 | ol ol ul, ol ul ul, ul ol ul, ul ul ul { 252 | list-style-type: square 253 | } 254 | 255 | dd { 256 | display: block; 257 | -webkit-margin-start: 40px 258 | } 259 | 260 | dl { 261 | display: block; 262 | margin: 1__qem 0 1em 0 263 | } 264 | 265 | dt { 266 | display: block 267 | } 268 | 269 | ol ul, ul ol, ul ul, ol ol { 270 | margin-top: 0; 271 | margin-bottom: 0 272 | } 273 | 274 | /* form elements */ 275 | 276 | form { 277 | display: block; 278 | margin-top: 0__qem 279 | } 280 | 281 | label { 282 | cursor: default; 283 | } 284 | 285 | legend { 286 | display: block; 287 | padding-left: 2px; 288 | padding-right: 2px; 289 | border: none 290 | } 291 | 292 | fieldset { 293 | display: block; 294 | margin-left: 2px; 295 | margin-right: 2px; 296 | padding: 0.35em 0.75em 0.625em; 297 | border: 2px groove ThreeDFace 298 | } 299 | 300 | button { 301 | -webkit-appearance: button; 302 | } 303 | 304 | input, textarea, keygen, select, button, isindex, datagrid { 305 | margin: 0__qem; 306 | font: -webkit-small-control; 307 | color: initial; 308 | letter-spacing: normal; 309 | word-spacing: normal; 310 | line-height: normal; 311 | text-transform: none; 312 | text-indent: 0; 313 | text-shadow: none; 314 | display: inline-block; 315 | text-align: -webkit-auto; 316 | } 317 | 318 | input[type="hidden"] { 319 | display: none 320 | } 321 | 322 | input, input[type="password"], input[type="search"], isindex { 323 | -webkit-appearance: textfield; 324 | padding: 1px; 325 | background-color: white; 326 | border: 2px inset; 327 | -webkit-rtl-ordering: logical; 328 | -webkit-user-select: text; 329 | cursor: auto; 330 | } 331 | 332 | input[type="search"] { 333 | -webkit-appearance: searchfield; 334 | -webkit-box-sizing: border-box; 335 | } 336 | 337 | input[type="search"]::-webkit-search-cancel-button { 338 | -webkit-appearance: searchfield-cancel-button; 339 | display: inline-block; 340 | } 341 | 342 | input[type="search"]::-webkit-search-decoration { 343 | -webkit-appearance: searchfield-decoration; 344 | display: inline-block; 345 | } 346 | 347 | input[type="search"]::-webkit-search-results-decoration { 348 | -webkit-appearance: searchfield-results-decoration; 349 | display: inline-block; 350 | } 351 | 352 | input[type="search"]::-webkit-search-results-button { 353 | -webkit-appearance: searchfield-results-button; 354 | display: inline-block; 355 | } 356 | 357 | input::-webkit-input-list-button { 358 | -webkit-appearance: list-button; 359 | display: inline-block; 360 | } 361 | 362 | input::-webkit-inner-spin-button { 363 | -webkit-appearance: inner-spin-button; 364 | display: inline-block; 365 | -webkit-user-select: none; 366 | } 367 | 368 | input::-webkit-outer-spin-button { 369 | -webkit-appearance: outer-spin-button; 370 | display: inline-block; 371 | margin-left: 2px; 372 | -webkit-user-select: none; 373 | } 374 | 375 | textarea { 376 | -webkit-appearance: textarea; 377 | background-color: white; 378 | border: 1px solid; 379 | -webkit-rtl-ordering: logical; 380 | -webkit-user-select: text; 381 | -webkit-box-orient: vertical; 382 | resize: auto; 383 | cursor: auto; 384 | padding: 2px; 385 | white-space: pre-wrap; 386 | word-wrap: break-word; 387 | } 388 | 389 | input::-webkit-input-placeholder, isindex::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 390 | color: darkGray; 391 | } 392 | 393 | input[type="password"] { 394 | -webkit-text-security: disc !important; 395 | } 396 | 397 | input[type="hidden"], input[type="image"], input[type="file"] { 398 | -webkit-appearance: initial; 399 | padding: initial; 400 | background-color: initial; 401 | border: initial; 402 | } 403 | 404 | input[type="file"] { 405 | -webkit-box-align: baseline; 406 | text-align: start !important; 407 | } 408 | 409 | input:-webkit-autofill { 410 | background-color: #FAFFBD !important; 411 | background-image:none !important; 412 | } 413 | 414 | input[type="radio"], input[type="checkbox"] { 415 | margin: 3px 0.5ex; 416 | padding: initial; 417 | background-color: initial; 418 | border: initial; 419 | } 420 | 421 | input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button { 422 | -webkit-appearance: push-button; 423 | white-space: pre 424 | } 425 | 426 | input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { 427 | -webkit-box-align: center; 428 | text-align: center; 429 | cursor: default; 430 | color: ButtonText; 431 | padding: 2px 6px 3px 6px; 432 | border: 2px outset ButtonFace; 433 | background-color: ButtonFace; 434 | -webkit-box-sizing: border-box 435 | } 436 | 437 | input[type="range"] { 438 | -webkit-appearance: slider-horizontal; 439 | padding: initial; 440 | border: initial; 441 | margin: 2px; 442 | } 443 | 444 | input[type="range"]::-webkit-slider-thumb { 445 | -webkit-appearance: sliderthumb-horizontal; 446 | } 447 | 448 | input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, 449 | input[type="file"]:disabled::-webkit-file-upload-button, button:disabled, 450 | select:disabled, keygen:disabled, optgroup:disabled, option:disabled, datagrid:disabled { 451 | color: GrayText 452 | } 453 | 454 | input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]:active::-webkit-file-upload-button, button:active { 455 | border-style: inset 456 | } 457 | 458 | input[type="button"]:active:disabled, input[type="submit"]:active:disabled, input[type="reset"]:active:disabled, input[type="file"]:active:disabled::-webkit-file-upload-button, button:active:disabled { 459 | border-style: outset 460 | } 461 | 462 | area, param { 463 | display: none 464 | } 465 | 466 | input[type="checkbox"] { 467 | -webkit-appearance: checkbox; 468 | -webkit-box-sizing: border-box; 469 | } 470 | 471 | input[type="radio"] { 472 | -webkit-appearance: radio; 473 | -webkit-box-sizing: border-box; 474 | } 475 | 476 | keygen, select { 477 | -webkit-appearance: menulist; 478 | -webkit-box-sizing: border-box; 479 | -webkit-box-align: center; 480 | border: 1px solid; 481 | -webkit-border-radius: 5px; 482 | white-space: pre; 483 | -webkit-rtl-ordering: logical; 484 | color: black; 485 | background-color: white; 486 | cursor: default; 487 | } 488 | 489 | select[size], 490 | select[multiple], 491 | select[size][multiple] { 492 | -webkit-appearance: listbox; 493 | -webkit-box-align: start; 494 | border: 1px inset gray; 495 | -webkit-border-radius: initial; 496 | white-space: initial; 497 | } 498 | 499 | select[size="0"], 500 | select[size="1"] { 501 | -webkit-appearance: menulist; 502 | -webkit-box-align: center; 503 | border: 1px solid; 504 | -webkit-border-radius: 5px; 505 | white-space: pre; 506 | } 507 | 508 | datalist { 509 | display: none; 510 | } 511 | 512 | optgroup { 513 | font-weight: bolder; 514 | } 515 | 516 | option { 517 | font-weight: normal; 518 | } 519 | 520 | /* progress */ 521 | 522 | progress { 523 | -webkit-appearance: progress-bar; 524 | display: inline-block; 525 | height: 1em; 526 | width: 10em; 527 | vertical-align: -0.2em; 528 | } 529 | 530 | progress::-webkit-progress-bar { 531 | -webkit-appearance: progress-bar; 532 | } 533 | 534 | /* datagrid */ 535 | 536 | datagrid { 537 | height: 150px; /* We don't use width:300px in CSS, since we want width:intrinsic and width:min-intrinsic to reset to 300 properly. */ 538 | -webkit-appearance: datagrid; 539 | -webkit-box-sizing: border-box; 540 | -webkit-rtl-ordering: logical; 541 | color: black; 542 | background-color: white; 543 | cursor: default; 544 | border: 1px inset gray; 545 | white-space: initial; 546 | } 547 | 548 | /* inline elements */ 549 | 550 | u, ins { 551 | text-decoration: underline 552 | } 553 | 554 | strong, b { 555 | font-weight: bolder 556 | } 557 | 558 | i, cite, em, var, address { 559 | font-style: italic 560 | } 561 | 562 | tt, code, kbd, samp { 563 | font-family: monospace 564 | } 565 | 566 | pre, xmp, plaintext, listing { 567 | display: block; 568 | font-family: monospace; 569 | white-space: pre; 570 | margin: 1__qem 0 571 | } 572 | 573 | big { 574 | font-size: larger 575 | } 576 | 577 | small { 578 | font-size: smaller 579 | } 580 | 581 | s, strike, del { 582 | text-decoration: line-through 583 | } 584 | 585 | sub { 586 | vertical-align: sub; 587 | font-size: smaller 588 | } 589 | 590 | sup { 591 | vertical-align: super; 592 | font-size: smaller 593 | } 594 | 595 | nobr { 596 | white-space: nowrap 597 | } 598 | 599 | /* states */ 600 | 601 | :focus { 602 | outline: auto 5px -webkit-focus-ring-color 603 | } 604 | 605 | /* Read-only text fields do not show a focus ring but do still receive focus */ 606 | html:focus, body:focus, input[readonly]:focus { 607 | outline: none 608 | } 609 | 610 | input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus { 611 | outline-offset: -2px 612 | } 613 | 614 | input[type="button"]:focus, 615 | input[type="checkbox"]:focus, 616 | input[type="file"]:focus, 617 | input[type="hidden"]:focus, 618 | input[type="image"]:focus, 619 | input[type="radio"]:focus, 620 | input[type="reset"]:focus, 621 | input[type="search"]:focus, 622 | input[type="submit"]:focus, 623 | input[type="file"]:focus::-webkit-file-upload-button { 624 | outline-offset: 0 625 | } 626 | 627 | a:-webkit-any-link { 628 | color: -webkit-link; 629 | text-decoration: underline; 630 | cursor: auto; 631 | } 632 | 633 | a:-webkit-any-link:active { 634 | color: -webkit-activelink 635 | } 636 | 637 | /* HTML5 ruby elements */ 638 | 639 | ruby, rt { 640 | text-indent: 0; /* blocks used for ruby rendering should not trigger this */ 641 | line-height: normal; 642 | } 643 | 644 | ruby > rt { 645 | display: block; 646 | font-size: 60%; /* make slightly larger than 50% for better readability */ 647 | text-align: center; 648 | } 649 | 650 | ruby > rp { 651 | display: none; 652 | } 653 | 654 | /* other elements */ 655 | 656 | noframes { 657 | display: none 658 | } 659 | 660 | frameset, frame { 661 | display: block 662 | } 663 | 664 | frameset { 665 | border-color: inherit 666 | } 667 | 668 | iframe { 669 | border: 2px inset 670 | } 671 | 672 | /* noscript is handled internally, as it depends on settings */ -------------------------------------------------------------------------------- /src/_ua_default/webkit-r61376.css: -------------------------------------------------------------------------------- 1 | /* 2 | * The default style sheet used to render HTML. 3 | * 4 | * Copyright (C) 2000 Lars Knoll (knoll@kde.org) 5 | * Copyright (C) 2003, 2004, 2005, 2006, 2007, 2008 Apple Inc. All rights reserved. 6 | * 7 | * This library is free software; you can redistribute it and/or 8 | * modify it under the terms of the GNU Library General Public 9 | * License as published by the Free Software Foundation; either 10 | * version 2 of the License, or (at your option) any later version. 11 | * 12 | * This library is distributed in the hope that it will be useful, 13 | * but WITHOUT ANY WARRANTY; without even the implied warranty of 14 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU 15 | * Library General Public License for more details. 16 | * 17 | * You should have received a copy of the GNU Library General Public License 18 | * along with this library; see the file COPYING.LIB. If not, write to 19 | * the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, 20 | * Boston, MA 02110-1301, USA. 21 | * 22 | */ 23 | 24 | @namespace "http://www.w3.org/1999/xhtml"; 25 | 26 | html { 27 | display: block 28 | } 29 | 30 | /* children of the element all have display:none */ 31 | head { 32 | display: none 33 | } 34 | 35 | meta { 36 | display: none 37 | } 38 | 39 | title { 40 | display: none 41 | } 42 | 43 | link { 44 | display: none 45 | } 46 | 47 | style { 48 | display: none 49 | } 50 | 51 | script { 52 | display: none 53 | } 54 | 55 | /* generic block-level elements */ 56 | 57 | body { 58 | display: block; 59 | margin: 8px 60 | } 61 | 62 | p { 63 | display: block; 64 | margin: 1.0__qem 0px 65 | } 66 | 67 | div { 68 | display: block 69 | } 70 | 71 | layer { 72 | display: block 73 | } 74 | 75 | article, aside, footer, header, hgroup, nav, section { 76 | display: block 77 | } 78 | 79 | marquee { 80 | display: inline-block; 81 | overflow: -webkit-marquee 82 | } 83 | 84 | address { 85 | display: block 86 | } 87 | 88 | blockquote { 89 | display: block; 90 | margin: 1__qem 40px 1em 40px 91 | } 92 | 93 | q { 94 | display: inline 95 | } 96 | 97 | q:before { 98 | content: '"' 99 | /* FIXME: content: open-quote; */ 100 | } 101 | 102 | q:after { 103 | content: '"' 104 | /* FIXME: content: close-quote; */ 105 | } 106 | 107 | center { 108 | display: block; 109 | /* special centering to be able to emulate the html4/netscape behaviour */ 110 | text-align: -webkit-center 111 | } 112 | 113 | hr { 114 | display: block; 115 | margin: 0.5em auto; 116 | border-style: inset; 117 | border-width: 1px 118 | } 119 | 120 | map { 121 | display: inline 122 | } 123 | 124 | /* heading elements */ 125 | 126 | h1 { 127 | display: block; 128 | font-size: 2em; 129 | margin: .67__qem 0 .67em 0; 130 | font-weight: bold 131 | } 132 | 133 | h2 { 134 | display: block; 135 | font-size: 1.5em; 136 | margin: .83__qem 0 .83em 0; 137 | font-weight: bold 138 | } 139 | 140 | h3 { 141 | display: block; 142 | font-size: 1.17em; 143 | margin: 1__qem 0 1em 0; 144 | font-weight: bold 145 | } 146 | 147 | h4 { 148 | display: block; 149 | margin: 1.33__qem 0 1.33em 0; 150 | font-weight: bold 151 | } 152 | 153 | h5 { 154 | display: block; 155 | font-size: .83em; 156 | margin: 1.67__qem 0 1.67em 0; 157 | font-weight: bold 158 | } 159 | 160 | h6 { 161 | display: block; 162 | font-size: .67em; 163 | margin: 2.33__qem 0 2.33em 0; 164 | font-weight: bold 165 | } 166 | 167 | /* tables */ 168 | 169 | table { 170 | display: table; 171 | border-collapse: separate; 172 | border-spacing: 2px; 173 | border-color: gray 174 | } 175 | 176 | thead { 177 | display: table-header-group; 178 | vertical-align: middle; 179 | border-color: inherit 180 | } 181 | 182 | tbody { 183 | display: table-row-group; 184 | vertical-align: middle; 185 | border-color: inherit 186 | } 187 | 188 | tfoot { 189 | display: table-footer-group; 190 | vertical-align: middle; 191 | border-color: inherit 192 | } 193 | 194 | /* for tables without table section elements (can happen with XHTML or dynamically created tables) */ 195 | table > tr { 196 | vertical-align: middle; 197 | } 198 | 199 | col { 200 | display: table-column 201 | } 202 | 203 | colgroup { 204 | display: table-column-group 205 | } 206 | 207 | tr { 208 | display: table-row; 209 | vertical-align: inherit; 210 | border-color: inherit 211 | } 212 | 213 | td, th { 214 | display: table-cell; 215 | vertical-align: inherit 216 | } 217 | 218 | th { 219 | font-weight: bold 220 | } 221 | 222 | caption { 223 | display: table-caption; 224 | text-align: -webkit-center 225 | } 226 | 227 | /* lists */ 228 | 229 | ul, menu, dir { 230 | display: block; 231 | list-style-type: disc; 232 | margin: 1__qem 0 1em 0; 233 | -webkit-padding-start: 40px 234 | } 235 | 236 | ol { 237 | display: block; 238 | list-style-type: decimal; 239 | margin: 1__qem 0 1em 0; 240 | -webkit-padding-start: 40px 241 | } 242 | 243 | li { 244 | display: list-item 245 | } 246 | 247 | ul ul, ol ul { 248 | list-style-type: circle 249 | } 250 | 251 | ol ol ul, ol ul ul, ul ol ul, ul ul ul { 252 | list-style-type: square 253 | } 254 | 255 | dd { 256 | display: block; 257 | -webkit-margin-start: 40px 258 | } 259 | 260 | dl { 261 | display: block; 262 | margin: 1__qem 0 1em 0 263 | } 264 | 265 | dt { 266 | display: block 267 | } 268 | 269 | ol ul, ul ol, ul ul, ol ol { 270 | margin-top: 0; 271 | margin-bottom: 0 272 | } 273 | 274 | /* form elements */ 275 | 276 | form { 277 | display: block; 278 | margin-top: 0__qem 279 | } 280 | 281 | label { 282 | cursor: default; 283 | } 284 | 285 | legend { 286 | display: block; 287 | padding-left: 2px; 288 | padding-right: 2px; 289 | border: none 290 | } 291 | 292 | fieldset { 293 | display: block; 294 | margin-left: 2px; 295 | margin-right: 2px; 296 | padding: 0.35em 0.75em 0.625em; 297 | border: 2px groove ThreeDFace 298 | } 299 | 300 | button { 301 | -webkit-appearance: button; 302 | } 303 | 304 | input, textarea, keygen, select, button, isindex, datagrid { 305 | margin: 0__qem; 306 | font: -webkit-small-control; 307 | color: initial; 308 | letter-spacing: normal; 309 | word-spacing: normal; 310 | line-height: normal; 311 | text-transform: none; 312 | text-indent: 0; 313 | text-shadow: none; 314 | display: inline-block; 315 | text-align: -webkit-auto; 316 | } 317 | 318 | input[type="hidden"] { 319 | display: none 320 | } 321 | 322 | input, input[type="password"], input[type="search"], isindex { 323 | -webkit-appearance: textfield; 324 | padding: 1px; 325 | background-color: white; 326 | border: 2px inset; 327 | -webkit-rtl-ordering: logical; 328 | -webkit-user-select: text; 329 | cursor: auto; 330 | } 331 | 332 | input[type="search"] { 333 | -webkit-appearance: searchfield; 334 | -webkit-box-sizing: border-box; 335 | } 336 | 337 | input[type="search"]::-webkit-search-cancel-button { 338 | -webkit-appearance: searchfield-cancel-button; 339 | display: inline-block; 340 | } 341 | 342 | input[type="search"]::-webkit-search-decoration { 343 | -webkit-appearance: searchfield-decoration; 344 | display: inline-block; 345 | } 346 | 347 | input[type="search"]::-webkit-search-results-decoration { 348 | -webkit-appearance: searchfield-results-decoration; 349 | display: inline-block; 350 | } 351 | 352 | input[type="search"]::-webkit-search-results-button { 353 | -webkit-appearance: searchfield-results-button; 354 | display: inline-block; 355 | } 356 | 357 | input::-webkit-input-list-button { 358 | -webkit-appearance: list-button; 359 | display: inline-block; 360 | } 361 | 362 | input::-webkit-inner-spin-button { 363 | -webkit-appearance: inner-spin-button; 364 | display: inline-block; 365 | -webkit-user-select: none; 366 | } 367 | 368 | input::-webkit-outer-spin-button { 369 | -webkit-appearance: outer-spin-button; 370 | display: inline-block; 371 | margin-left: 2px; 372 | -webkit-user-select: none; 373 | } 374 | 375 | textarea { 376 | -webkit-appearance: textarea; 377 | background-color: white; 378 | border: 1px solid; 379 | -webkit-rtl-ordering: logical; 380 | -webkit-user-select: text; 381 | -webkit-box-orient: vertical; 382 | resize: auto; 383 | cursor: auto; 384 | padding: 2px; 385 | white-space: pre-wrap; 386 | word-wrap: break-word; 387 | } 388 | 389 | input::-webkit-input-placeholder, isindex::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 390 | color: darkGray; 391 | } 392 | 393 | input[type="password"] { 394 | -webkit-text-security: disc !important; 395 | } 396 | 397 | input[type="hidden"], input[type="image"], input[type="file"] { 398 | -webkit-appearance: initial; 399 | padding: initial; 400 | background-color: initial; 401 | border: initial; 402 | } 403 | 404 | input[type="file"] { 405 | -webkit-box-align: baseline; 406 | text-align: start !important; 407 | } 408 | 409 | input:-webkit-autofill { 410 | background-color: #FAFFBD !important; 411 | background-image:none !important; 412 | } 413 | 414 | input[type="radio"], input[type="checkbox"] { 415 | margin: 3px 0.5ex; 416 | padding: initial; 417 | background-color: initial; 418 | border: initial; 419 | } 420 | 421 | input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button { 422 | -webkit-appearance: push-button; 423 | white-space: pre 424 | } 425 | 426 | input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { 427 | -webkit-box-align: center; 428 | text-align: center; 429 | cursor: default; 430 | color: ButtonText; 431 | padding: 2px 6px 3px 6px; 432 | border: 2px outset ButtonFace; 433 | background-color: ButtonFace; 434 | -webkit-box-sizing: border-box 435 | } 436 | 437 | input[type="range"] { 438 | -webkit-appearance: slider-horizontal; 439 | padding: initial; 440 | border: initial; 441 | margin: 2px; 442 | } 443 | 444 | input[type="range"]::-webkit-slider-thumb { 445 | -webkit-appearance: sliderthumb-horizontal; 446 | } 447 | 448 | input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, 449 | input[type="file"]:disabled::-webkit-file-upload-button, button:disabled, 450 | select:disabled, keygen:disabled, optgroup:disabled, option:disabled, datagrid:disabled { 451 | color: GrayText 452 | } 453 | 454 | input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]:active::-webkit-file-upload-button, button:active { 455 | border-style: inset 456 | } 457 | 458 | input[type="button"]:active:disabled, input[type="submit"]:active:disabled, input[type="reset"]:active:disabled, input[type="file"]:active:disabled::-webkit-file-upload-button, button:active:disabled { 459 | border-style: outset 460 | } 461 | 462 | area, param { 463 | display: none 464 | } 465 | 466 | input[type="checkbox"] { 467 | -webkit-appearance: checkbox; 468 | -webkit-box-sizing: border-box; 469 | } 470 | 471 | input[type="radio"] { 472 | -webkit-appearance: radio; 473 | -webkit-box-sizing: border-box; 474 | } 475 | 476 | keygen, select { 477 | -webkit-appearance: menulist; 478 | -webkit-box-sizing: border-box; 479 | -webkit-box-align: center; 480 | border: 1px solid; 481 | -webkit-border-radius: 5px; 482 | white-space: pre; 483 | -webkit-rtl-ordering: logical; 484 | color: black; 485 | background-color: white; 486 | cursor: default; 487 | } 488 | 489 | select[size], 490 | select[multiple], 491 | select[size][multiple] { 492 | -webkit-appearance: listbox; 493 | -webkit-box-align: start; 494 | border: 1px inset gray; 495 | -webkit-border-radius: initial; 496 | white-space: initial; 497 | } 498 | 499 | select[size="0"], 500 | select[size="1"] { 501 | -webkit-appearance: menulist; 502 | -webkit-box-align: center; 503 | border: 1px solid; 504 | -webkit-border-radius: 5px; 505 | white-space: pre; 506 | } 507 | 508 | datalist { 509 | display: none; 510 | } 511 | 512 | optgroup { 513 | font-weight: bolder; 514 | } 515 | 516 | option { 517 | font-weight: normal; 518 | } 519 | 520 | /* meter */ 521 | 522 | meter { 523 | -webkit-appearance: meter; 524 | display: inline-block; 525 | height: 1em; 526 | width: 5em; 527 | vertical-align: -0.2em; 528 | } 529 | 530 | meter::-webkit-meter { 531 | -webkit-appearance: meter; 532 | } 533 | 534 | meter::-webkit-meter-horizontal-bar { 535 | -webkit-appearance: meter; 536 | background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ddd), color-stop(0.20, #eee), color-stop(0.45, #ccc), color-stop(0.55, #ccc)); 537 | } 538 | 539 | meter::-webkit-meter-vertical-bar { 540 | -webkit-appearance: meter; 541 | background: -webkit-gradient(linear, left top, right top, from(#ddd), to(#ddd), color-stop(0.20, #eee), color-stop(0.45, #ccc), color-stop(0.55, #ccc)); 542 | } 543 | 544 | meter::-webkit-meter-horizontal-optimum-value { 545 | -webkit-appearance: meter; 546 | background: -webkit-gradient(linear, left top, left bottom, from(#ad7), to(#ad7), color-stop(0.20, #cea), color-stop(0.45, #7a3), color-stop(0.55, #7a3)); 547 | } 548 | 549 | meter::-webkit-meter-horizontal-suboptimal-value { 550 | -webkit-appearance: meter; 551 | background: -webkit-gradient(linear, left top, left bottom, from(#fe7), to(#fe7), color-stop(0.20, #ffc), color-stop(0.45, #db3), color-stop(0.55, #db3)); 552 | } 553 | 554 | meter::-webkit-meter-horizontal-even-less-good-value { 555 | -webkit-appearance: meter; 556 | background: -webkit-gradient(linear, left top, left bottom, from(#f77), to(#f77), color-stop(0.20, #fcc), color-stop(0.45, #d44), color-stop(0.55, #d44)); 557 | } 558 | 559 | meter::-webkit-meter-vertical-optimum-value { 560 | -webkit-appearance: meter; 561 | background: -webkit-gradient(linear, left top, right top, from(#ad7), to(#ad7), color-stop(0.20, #cea), color-stop(0.45, #7a3), color-stop(0.55, #7a3)); 562 | } 563 | 564 | meter::-webkit-meter-vertical-suboptimal-value { 565 | -webkit-appearance: meter; 566 | background: -webkit-gradient(linear, left top, right top, from(#fe7), to(#fe7), color-stop(0.20, #ffc), color-stop(0.45, #db3), color-stop(0.55, #db3)); 567 | } 568 | 569 | meter::-webkit-meter-vertical-even-less-good-value { 570 | -webkit-appearance: meter; 571 | background: -webkit-gradient(linear, left top, right top, from(#f77), to(#f77), color-stop(0.20, #fcc), color-stop(0.45, #d44), color-stop(0.55, #d44)); 572 | } 573 | 574 | /* progress */ 575 | 576 | progress { 577 | -webkit-appearance: progress-bar; 578 | display: inline-block; 579 | height: 1em; 580 | width: 10em; 581 | vertical-align: -0.2em; 582 | } 583 | 584 | progress::-webkit-progress-bar { 585 | -webkit-appearance: progress-bar; 586 | } 587 | 588 | /* datagrid */ 589 | 590 | datagrid { 591 | height: 150px; /* We don't use width:300px in CSS, since we want width:intrinsic and width:min-intrinsic to reset to 300 properly. */ 592 | -webkit-appearance: datagrid; 593 | -webkit-box-sizing: border-box; 594 | -webkit-rtl-ordering: logical; 595 | color: black; 596 | background-color: white; 597 | cursor: default; 598 | border: 1px inset gray; 599 | white-space: initial; 600 | } 601 | 602 | /* inline elements */ 603 | 604 | u, ins { 605 | text-decoration: underline 606 | } 607 | 608 | strong, b { 609 | font-weight: bolder 610 | } 611 | 612 | i, cite, em, var, address { 613 | font-style: italic 614 | } 615 | 616 | tt, code, kbd, samp { 617 | font-family: monospace 618 | } 619 | 620 | pre, xmp, plaintext, listing { 621 | display: block; 622 | font-family: monospace; 623 | white-space: pre; 624 | margin: 1__qem 0 625 | } 626 | 627 | big { 628 | font-size: larger 629 | } 630 | 631 | small { 632 | font-size: smaller 633 | } 634 | 635 | s, strike, del { 636 | text-decoration: line-through 637 | } 638 | 639 | sub { 640 | vertical-align: sub; 641 | font-size: smaller 642 | } 643 | 644 | sup { 645 | vertical-align: super; 646 | font-size: smaller 647 | } 648 | 649 | nobr { 650 | white-space: nowrap 651 | } 652 | 653 | /* states */ 654 | 655 | :focus { 656 | outline: auto 5px -webkit-focus-ring-color 657 | } 658 | 659 | /* Read-only text fields do not show a focus ring but do still receive focus */ 660 | html:focus, body:focus, input[readonly]:focus { 661 | outline: none 662 | } 663 | 664 | input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus { 665 | outline-offset: -2px 666 | } 667 | 668 | input[type="button"]:focus, 669 | input[type="checkbox"]:focus, 670 | input[type="file"]:focus, 671 | input[type="hidden"]:focus, 672 | input[type="image"]:focus, 673 | input[type="radio"]:focus, 674 | input[type="reset"]:focus, 675 | input[type="search"]:focus, 676 | input[type="submit"]:focus, 677 | input[type="file"]:focus::-webkit-file-upload-button { 678 | outline-offset: 0 679 | } 680 | 681 | a:-webkit-any-link { 682 | color: -webkit-link; 683 | text-decoration: underline; 684 | cursor: auto; 685 | } 686 | 687 | a:-webkit-any-link:active { 688 | color: -webkit-activelink 689 | } 690 | 691 | /* HTML5 ruby elements */ 692 | 693 | ruby, rt { 694 | text-indent: 0; /* blocks used for ruby rendering should not trigger this */ 695 | line-height: normal; 696 | } 697 | 698 | ruby > rt { 699 | display: block; 700 | font-size: 60%; /* make slightly larger than 50% for better readability */ 701 | text-align: center; 702 | } 703 | 704 | ruby > rp { 705 | display: none; 706 | } 707 | 708 | /* other elements */ 709 | 710 | noframes { 711 | display: none 712 | } 713 | 714 | frameset, frame { 715 | display: block 716 | } 717 | 718 | frameset { 719 | border-color: inherit 720 | } 721 | 722 | iframe { 723 | border: 2px inset 724 | } 725 | 726 | /* page */ 727 | 728 | @page { 729 | /* FIXME: Define the right default values for page properties. */ 730 | margin: 1in; 731 | } 732 | 733 | /* noscript is handled internally, as it depends on settings */ 734 | -------------------------------------------------------------------------------- /src/base.css: -------------------------------------------------------------------------------- 1 | /* 2 | (CC) 2012, Jony (www.niceue.com), MIT Licensed 3 | */ 4 | @charset "utf-8"; 5 | html {font-size:62.5%} 6 | body {font:12px/1.5 tahoma,arial,simsun,sans-serif; font-size:1.2rem; color:#282828} 7 | body,p,blockquote,ul,ol,dl,dd,form,caption,figure {margin:0;padding:0} 8 | ul,ol,p {margin-bottom:1em} 9 | li ul,li ol {margin:0} 10 | ul,ol {padding-left:40px} 11 | blockquote {margin:0 40px 1em} 12 | table {border-collapse:collapse} 13 | img {border:0; vertical-align:middle; -ms-interpolation-mode:bicubic} 14 | iframe {border:0; vertical-align:top;} 15 | pre {white-space:pre; word-wrap:break-word} 16 | address,cite,dfn,em,var{font-style:normal} 17 | code,kbd,pre,samp {font-family:'courier new',monospace} 18 | q:before,q:after{content:''} 19 | sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em} 20 | fieldset {border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em} 21 | legend {padding:0 2px; *margin-left:-7px} 22 | input,button,textarea,select,label {margin:0; font-size:100%; vertical-align:middle} 23 | textarea {overflow:auto; vertical-align:top; resize:vertical} 24 | select {height:22px; line-height:18px; padding:2px 0} 25 | a {text-decoration:none} 26 | a:hover {text-decoration:underline} 27 | h1 {font-size:2em;margin:0.67em 0} 28 | h2 {font-size:1.5em;margin:0.83em 0} 29 | h3 {font-size:1.17em;margin:1em 0} 30 | h4 {font-size:1em;margin:1.33em 0} 31 | h5,h6 {font-size:0.83em;margin:1.67em 0} 32 | /* HTML5 */ 33 | article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block} 34 | audio,canvas,video{display:inline-block; *display:inline; *zoom:1} 35 | audio:not([controls]) {display:none;height:0} 36 | mark{background:#ff0;color:#000} 37 | /* Layout */ 38 | .fl {float:left;_display:inline} 39 | .fr {float:right;_display:inline} 40 | .cf {*zoom:1} .cf:after {display:block;content:'\20';height:0;clear:both} 41 | .inline-block {display:inline-block; *display:inline; *zoom:1} 42 | .hide {display:none !important} 43 | .hiding {position:absolute!important; clip:rect(1px 1px 1px 1px); clip:rect(1px,1px,1px,1px);} 44 | .invisible {visibility:hidden} -------------------------------------------------------------------------------- /src/common.css: -------------------------------------------------------------------------------- 1 | /* 2 | (CC) 2012, Jony (www.niceue.com), MIT Licensed 3 | */ 4 | /* Layout */ 5 | 6 | /* 7 | * 清除浮动 8 | */ 9 | .cf {*zoom:1} 10 | .cf:after {display:block;content:'\20';height:0;clear:both} 11 | 12 | 13 | /* 14 | * 兼容的inline-block 15 | * 1. 针对IE6/7的定义 16 | */ 17 | .inline-block { 18 | display:inline-block; 19 | *display:inline; *zoom:1; /*1*/ 20 | } 21 | 22 | 23 | /* 24 | * 隐藏（主要应用于用js动态隐藏元素） 25 | */ 26 | .hide {display:none !important} 27 | 28 | 29 | /* 30 | * 友好的隐藏（隐藏元素但是屏幕阅读器可见） 31 | * 1. 针对IE6/7的定义 32 | */ 33 | .clip-hide { 34 | position:absolute !important; 35 | clip:rect(1px,1px,1px,1px); 36 | *clip:rect(1px 1px 1px 1px); /*1*/ 37 | } 38 | 39 | 40 | /* 41 | * 不可见（包括屏幕阅读器） 42 | */ 43 | .invisible {visibility:hidden} 44 | 45 | 46 | /* 47 | * 浮动（解决了IE6下双倍边距隐患） 48 | */ 49 | .fl {float:left;_display:inline} 50 | .fr {float:right;_display:inline} 51 | 52 | 53 | 54 | /* Alignment */ 55 | .tal {text-align:left} 56 | .tar {text-align:right} 57 | .tac {text-align:center} 58 | .vat {vertical-align:top} 59 | .vam {vertical-align:middle} 60 | 61 | /* Font */ 62 | .fw4 {font-weight:400} 63 | .fw7 {font-weight:700} 64 | .fs12 {font-size:12px} 65 | .fs14 {font-size:14px} 66 | .fs18 {font-size:18px} 67 | 68 | /* Color */ 69 | .red,.red a {color:#f00} 70 | .green,.green a {color:#090} 71 | .yellow,.yellow a {color:#f90} 72 | .blue,.blue a {color:#06f} 73 | .white,.white a {color:#fff} 74 | .gray,.gray a {color:#999} 75 | .black,.black a {color:#000} -------------------------------------------------------------------------------- /src/form.css: -------------------------------------------------------------------------------- 1 | /* 2 | (CC) 2012, Jony (www.niceue.com), MIT Licensed 3 | */ 4 | 5 | /* 6 | * 定义各浏览器显示一致的样式 7 | */ 8 | fieldset { 9 | border: 1px solid #c0c0c0; 10 | margin: 0 2px; 11 | padding: 0.35em 0.625em 0.75em; 12 | } 13 | 14 | 15 | /* 16 | * 1. 纠正IE6, FF下padding不正确 17 | * 2. 纠正IE6/7下对齐方式不一样 18 | */ 19 | legend { 20 | padding:0 2px; /*1*/ 21 | *margin-left:-7px; /*2*/ 22 | } 23 | 24 | 25 | /* 26 | * 1. 去除IE6/7, FF3+, S5, Chrome默认的margin 27 | * 2. 在不同浏览器，label与input(特别是checkbox和radio)总是不能对齐，这里统一了各个浏览器的表现 28 | * 3. 解决IE6/7不能继承字体样式 29 | */ 30 | input,button,textarea,select,label { 31 | margin:0; /*1*/ 32 | vertical-align:middle; /*2*/ 33 | font-size:100%; /*3*/ 34 | font-family: inherit; /*3*/ 35 | } 36 | 37 | /* 38 | * 去除OS X下search框的内padding和取消按钮 39 | */ 40 | input[type="search"]::-webkit-search-cancel-button, 41 | input[type="search"]::-webkit-search-decoration { 42 | -webkit-appearance: none; 43 | } 44 | 45 | /* 46 | * 去除FF3+内补丁和内边框 47 | */ 48 | button::-moz-focus-inner, 49 | input::-moz-focus-inner { 50 | border:0; 51 | padding:0; 52 | } 53 | 54 | 55 | /* 56 | * 1. 让FF,S5,Chrome下的textarea只能纵向拉伸高度, 避免因拉伸而影响布局 57 | * 2. 去掉IE下默认的滚动条占位 58 | * 3. 默认textarea与文本baseline对齐，导致文本沉在下面比较难看，这里统一与文本顶对齐 59 | */ 60 | textarea { 61 | resize:vertical; /*1*/ 62 | overflow:auto; /*2*/ 63 | vertical-align:top; /*3*/ 64 | } 65 | 66 | 67 | /* 68 | * 1. IE6/7 默认22px并且IE6下无法设置select高度, 这里统一为22px 69 | * 2. Sa 有默认padding:2px 0， 无法设置高度，但是可以设置line-height 70 | * 3. IE8/9、ff、ch、op 无法设置line-height，但可以设置height和padding，而且padding不影响height 71 | * 注：select 参见：test/select，在不同浏览器查看 72 | */ 73 | select { 74 | height:22px; /*1*/ 75 | line-height:18px; /*2*/ 76 | padding:2px 0; /*2*3*/ 77 | } -------------------------------------------------------------------------------- /src/html5.css: -------------------------------------------------------------------------------- 1 | /* 2 | (CC) 2012, Jony (www.niceue.com), MIT Licensed 3 | */ 4 | 5 | /* 6 | * 纠正IE6/7/8下block元素未定义 7 | */ 8 | article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { 9 | display:block; 10 | } 11 | 12 | 13 | /* 14 | * 纠正IE6/7/8下inline-block元素未定义 15 | */ 16 | audio,canvas,video { 17 | display:inline-block; 18 | *display:inline; *zoom:1; 19 | } 20 | 21 | 22 | /* 23 | * 1. 防止没设置controls的audio显示出来 24 | * 2. 去除ios5中额外的高度 25 | */ 26 | audio:not([controls]) { 27 | display:none; /*1*/ 28 | height:0; /*2*/ 29 | } 30 | 31 | 32 | /* 33 | * 纠正IE7/8，FF3，S4下hidden属性显示不正确 34 | * 注：IE6不支持 35 | */ 36 | [hidden] { 37 | display:none; 38 | } 39 | 40 | 41 | /* 42 | * 纠正IE9中overflow不正确 43 | */ 44 | svg:not(:root) { 45 | overflow:hidden; 46 | } 47 | 48 | 49 | /* 50 | * 去除默认margin 51 | */ 52 | figure { 53 | margin:0; 54 | } 55 | 56 | 57 | /* 58 | * 纠正IE6/7/8样式不正确 59 | */ 60 | mark { 61 | background:#ff0; 62 | color:#000; 63 | } -------------------------------------------------------------------------------- /src/lab/form/demo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Nice Form Checker 6 | 7 | 8 | 9 | 10 | 15 | 16 | 17 | 18 |
19 | 20 |
21 | 22 | 23 |

text fields

24 | 25 |
26 | 27 | 29 |
30 | 31 | 32 |
33 | 34 | 36 |
37 | 38 | 39 |
40 | 41 | 43 |
44 | 45 | 46 |
47 | 48 | 50 |
51 | 52 | 53 |
54 | 55 | 57 |
58 | 59 | 60 |
61 | 62 | 64 |
65 | 66 | 67 |
68 | 69 | 71 |
72 | 73 | 74 |
75 | 76 | 77 |
78 | 79 |

date/time fields

80 |
81 | 82 | 84 |
85 | 86 | 87 |
88 | 89 | 91 |
92 | 93 | 94 |
95 | 96 | 98 |
99 | 100 | 101 |
102 | 103 | 105 |
106 | 107 | 108 |
109 | 110 | 112 |
113 | 114 | 115 |
116 | 117 | 119 |
120 | 121 |

misc fields

122 |
123 | 124 | 126 |
127 | 128 | 129 |
130 | 131 | 133 |
134 | 135 | 136 |
137 | 138 | 140 |
141 | 142 | 143 | 144 |

option fields

145 | 146 |
147 | Radio Buttons 148 | 149 |
150 | 151 | 152 |
153 | 154 |
155 | 156 | 157 |
158 |
159 | 160 |
161 | Check Boxes 162 | 163 |
164 | 165 | 166 |
167 | 168 |
169 | 170 | 171 |
172 |
173 | 174 |
175 | 176 | 185 |
186 | 187 |

submits

188 | 189 |
190 | 191 | 192 | 193 | 194 | a.button 195 |
196 |
197 | 198 | 199 | 200 | 201 | a.按钮 202 |
203 |
204 | 205 | 206 | -------------------------------------------------------------------------------- /src/lab/form/niceForm.css: -------------------------------------------------------------------------------- 1 | /* 按钮 */ 2 | a.btn { 3 | display: inline-block; *display: inline; *zoom: 1; 4 | padding: .2em 1em; 5 | margin:0 .2em; 6 | line-height: 2em; 7 | color: #333; 8 | font-weight: bold; 9 | text-shadow: 0 1px #fff; 10 | background-image: -webkit-linear-gradient(top, #fff, #ccc); /* Chrome 10+, Saf5.1+ */ 11 | background-image: -moz-linear-gradient(top, #fff, #ccc); /* FF3.6 */ 12 | background-image: -ms-linear-gradient(top, #fff, #ccc); /* IE10+ */ 13 | background-image: -o-linear-gradient(top, #fff, #ccc); /* Opera 11.10+ */ 14 | background-image: linear-gradient(top, #fff, #ccc); 15 | filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0); /* IE6–IE9 */ 16 | border: 1px solid; 17 | border-color: #ccc #aaa #aaa #ccc; 18 | -moz-border-radius: 3px; 19 | border-radius: 3px; 20 | } 21 | a.btn:hover{ 22 | color: #000; 23 | text-decoration: none; 24 | background-image: -webkit-linear-gradient(top, #fff, #bbb); /* Chrome 10+, Saf5.1+ */ 25 | background-image: -moz-linear-gradient(top, #fff, #bbb); /* FF3.6+ */ 26 | background-image: -ms-linear-gradient(top, #fff, #bbb); /* IE10+ */ 27 | background-image: -o-linear-gradient(top, #fff, #bbb); /* Opera 11.10+ */ 28 | background-image: linear-gradient(top, #fff, #bbb); 29 | filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffffff', endColorstr='#bbbbbb',GradientType=0); /* IE6–IE9 */ 30 | border-color: #aaa #888 #888 #aaa; 31 | } 32 | a.btn:active { 33 | background-image: -webkit-linear-gradient(top, #bbb, #fff); /* Chrome 10+, Saf5.1+ */ 34 | background-image: -moz-linear-gradient(top, #bbb, #fff); /* FF3.6 */ 35 | background-image: -ms-linear-gradient(top, #bbb, #fff); /* IE10 */ 36 | background-image: -o-linear-gradient(top, #bbb, #fff); /* Opera 11.10+ */ 37 | background-image: linear-gradient(top, #bbb, #fff); 38 | filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#bbbbbb', endColorstr='#ffffff',GradientType=0); /* IE6–IE9 */ 39 | border-color: #888 #aaa #aaa #888; 40 | } 41 | 42 | input[type='text'], 43 | input[type='tel'], 44 | input[type='url'], 45 | input[type='email'], 46 | input[type='password'], 47 | input[type='number'], 48 | input[type^='date'], 49 | input[type='month'], 50 | input[type='week'], 51 | input[type='time'], 52 | textarea { 53 | padding: .2em; 54 | height:18px; 55 | line-height:18px; 56 | color: #555; 57 | border: 1px solid #BDBDBD; 58 | -moz-border-radius: 3px; 59 | border-radius: 3px; 60 | } 61 | 62 | input[type='text']:focus, 63 | input[type='tel']:focus, 64 | input[type='url']:focus, 65 | input[type='email']:focus, 66 | input[type='password']:focus, 67 | input[type='number']:focus, 68 | input[type^='date']:focus, 69 | input[type='month']:focus, 70 | input[type='week']:focus, 71 | input[type='time']:focus, 72 | a.btn:focus, 73 | textarea:focus { 74 | border-color: #54A1CB; 75 | color: #000; 76 | outline:0 none; 77 | -moz-box-shadow: 0 0 4px rgba(84,161,203,.5); 78 | box-shadow: 0 0 4px rgba(84,161,203,.5); 79 | -webkit-transition:box-shadow .2s linear 0s; 80 | -moz-transition:box-shadow .3s linear 0s; 81 | -ms-transition:box-shadow .3s linear 0s; 82 | -o-transition:box-shadow .3s linear 0s; 83 | transition:box-shadow .3s linear 0s; 84 | } 85 | 86 | input[disabled], 87 | select[disabled], 88 | textarea[disabled], 89 | input[readonly], 90 | select[readonly], 91 | textarea[readonly] { 92 | background-color: #f5f5f5; 93 | border-color: #ddd; 94 | } 95 | 96 | textarea {height:6em} 97 | input.text {height:18px;} 98 | .text {padding:.2em; line-height:18px; outline:0; color: #555; border: 1px solid #BDBDBD;} 99 | input.focus,textarea.focus {padding:.2em; border: 1px solid #54A1CB; color: #000;} 100 | 101 | :-moz-placeholder {color:#A9A9A9;} 102 | input.placeholder {color:#A9A9A9;} -------------------------------------------------------------------------------- /src/lab/form/niceForm.js: -------------------------------------------------------------------------------- 1 | /* Nice表单增强： 2 | * 使IE支持“placeholder”和“autofocus”，并且给不支持:focus伪类的IE67添加class，给不支持属性选择器的IE6添加class 3 | * 可以通过设置ns的属性来添加命名空间 4 | */ 5 | ;(function($){ 6 | var ns = '', //Namespace 7 | ltIE8= window.ActiveXObject && $.browser.version<8, 8 | x = function(a, b) {return !!~ a.indexOf(b)}, 9 | ck = function(s){return s in document.createElement('input')}, 10 | b = {ph:ck('placeholder'),af:ck('autofocus')}; 11 | if(!b.ph || !b.af){ 12 | $('input,textarea').each(function(){ 13 | var input = $(this), 14 | type = input.attr('type') || 'textarea', 15 | attrPh = input.attr('placeholder'), 16 | attrAf = input.attr('autofocus'); 17 | if (attrPh && !b.ph) { 18 | input.attr('value', attrPh).addClass('placeholder').bind({ 19 | focus: function() {if(input.val() === attrPh) input.val('').removeClass('placeholder');}, 20 | blur: function() {if(input.val() === '') input.val(attrPh).addClass('placeholder');} 21 | }); 22 | } 23 | if((attrAf || attrAf==='') && !b.af)input.focus(); 24 | if(ltIE8){ 25 | if(x('text password textarea',type)){ 26 | input.addClass(ns+'text').bind({ 27 | focus: function() {input.addClass('focus');}, 28 | blur: function() {input.removeClass('focus');} 29 | }); 30 | }else if(x('button reset submit',type)){ 31 | input.addClass(ns+'button'); 32 | }else{ 33 | input.addClass(ns+type); 34 | } 35 | } 36 | }); 37 | } 38 | })(jQuery); -------------------------------------------------------------------------------- /src/lab/link/icons/doc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/niceue/css-shim/120cfd4828a204adbab1d81de1eed1f1ee8c64e8/src/lab/link/icons/doc.png -------------------------------------------------------------------------------- /src/lab/link/icons/email.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/niceue/css-shim/120cfd4828a204adbab1d81de1eed1f1ee8c64e8/src/lab/link/icons/email.png -------------------------------------------------------------------------------- /src/lab/link/icons/external.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/niceue/css-shim/120cfd4828a204adbab1d81de1eed1f1ee8c64e8/src/lab/link/icons/external.png -------------------------------------------------------------------------------- /src/lab/link/icons/feed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/niceue/css-shim/120cfd4828a204adbab1d81de1eed1f1ee8c64e8/src/lab/link/icons/feed.png -------------------------------------------------------------------------------- /src/lab/link/icons/im.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/niceue/css-shim/120cfd4828a204adbab1d81de1eed1f1ee8c64e8/src/lab/link/icons/im.png -------------------------------------------------------------------------------- /src/lab/link/icons/lock.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/niceue/css-shim/120cfd4828a204adbab1d81de1eed1f1ee8c64e8/src/lab/link/icons/lock.png -------------------------------------------------------------------------------- /src/lab/link/icons/pdf.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/niceue/css-shim/120cfd4828a204adbab1d81de1eed1f1ee8c64e8/src/lab/link/icons/pdf.png -------------------------------------------------------------------------------- /src/lab/link/icons/visited.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/niceue/css-shim/120cfd4828a204adbab1d81de1eed1f1ee8c64e8/src/lab/link/icons/visited.png -------------------------------------------------------------------------------- /src/lab/link/icons/xls.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/niceue/css-shim/120cfd4828a204adbab1d81de1eed1f1ee8c64e8/src/lab/link/icons/xls.png -------------------------------------------------------------------------------- /src/lab/link/link.css: -------------------------------------------------------------------------------- 1 | /* Use this class if a link gets an icon when it shouldn't. */ 2 | body a.noicon { 3 | background:transparent none !important; 4 | padding:0 !important; 5 | margin:0 !important; 6 | } 7 | 8 | /* Make sure the icons are not cut */ 9 | a[href^="http:"], a[href^="https:"], 10 | a[href^="http:"]:visited, a[href^="https:"]:visited, 11 | a[href^="mailto:"], a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], 12 | a[href$=".rss"], a[href$=".rdf"], a[href^="aim:"] { 13 | padding:2px 22px 2px 0; 14 | margin:-2px 0; 15 | background-repeat: no-repeat; 16 | background-position: right center; 17 | } 18 | 19 | /* External links */ 20 | a[href^="http:"] { background-image: url(icons/external.png); } 21 | a[href^="https:"] { background-image: url(icons/lock.png); } 22 | a[href^="mailto:"] { background-image: url(icons/email.png); } 23 | a[href^="http:"]:visited { background-image: url(icons/visited.png); } 24 | 25 | /* Files */ 26 | a[href$=".pdf"] { background-image: url(icons/pdf.png); } 27 | a[href$=".doc"] { background-image: url(icons/doc.png); } 28 | a[href$=".xls"] { background-image: url(icons/xls.png); } 29 | 30 | /* Misc */ 31 | a[href$=".rss"], 32 | a[href$=".rdf"] { background-image: url(icons/feed.png); } 33 | a[href^="aim:"] { background-image: url(icons/im.png); } 34 | 35 | a[href^="http://yourwebsite.com"] { background:none; padding:0; margin:0; } -------------------------------------------------------------------------------- /src/library/font-family.css: -------------------------------------------------------------------------------- 1 | /* Serif */ 2 | gerogia : Georgia, Times, 'Times New Roman', serif; 3 | times : Times, "Times New Roman", serif; 4 | palatino : Palatino, 'Palatino Linotype', 'Hoefler Text', Times, 'Times New Roman', serif; 5 | 6 | /* Sans serif */ 7 | helvetica : "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif; 8 | arial : "Arial Unicode MS", Arial, Helvetica, sans-serif; 9 | verdana : Verdana, Tahoma, Arial, sans-serif; 10 | lucida : "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, sans-serif; 11 | 12 | /* Monospace */ 13 | consolas : Consolas, "Lucida Console", Monaco, "Courier New", Courier, mono; 14 | courier : "Courier New", Courier, mono; 15 | monaco : Monaco, "Courier New", Courier, mono; 16 | 17 | /* Unicode */ 18 | unicode : "Arial Unicode MS", Arial, "Microsoft Sans Serif", "Lucida Grande", sans-serif; -------------------------------------------------------------------------------- /src/library/initial-values.css: -------------------------------------------------------------------------------- 1 | background: 0; 2 | background-attachment: scroll; 3 | background-clip: border-box; 4 | background-color: transparent; 5 | background-image: none; 6 | background-origin: padding-box; 7 | background-position: 0 0; 8 | background-repeat: repeat; 9 | background-size: auto auto; 10 | 11 | margin: 0; 12 | margin-bottom: 0; 13 | margin-left: 0; 14 | margin-right: 0; 15 | margin-top: 0; 16 | max-height: none; 17 | max-width: none; 18 | 19 | padding: 0; 20 | padding-bottom: 0; 21 | padding-left: 0; 22 | padding-right: 0; 23 | padding-top: 0; 24 | 25 | border: 0; 26 | border-width: medium; 27 | border-style: none; 28 | border-color: inherit; 29 | border-top: 0; 30 | border-right: 0; 31 | border-bottom: 0; 32 | border-left: 0; 33 | border-top-width: medium; 34 | border-top-style: none; 35 | border-top-color: inherit; 36 | border-right-width: medium; 37 | border-right-style: none; 38 | border-right-color: inherit; 39 | border-bottom-width: medium; 40 | border-bottom-style: none; 41 | border-bottom-color: inherit; 42 | border-left-width: medium; 43 | border-left-style: none; 44 | border-left-color: inherit; 45 | 46 | border-radius: 0; 47 | border-top-left-radius: 0; 48 | border-top-right-radius: 0; 49 | border-bottom-left-radius: 0; 50 | border-bottom-right-radius: 0; 51 | border-image: none; 52 | 53 | box-shadow: none; 54 | box-sizing: content-box; 55 | 56 | font: normal; 57 | font-family: inherit; 58 | font-size: medium; 59 | font-style: normal; 60 | font-variant: normal; 61 | font-weight: normal; 62 | line-height: normal; 63 | 64 | white-space: normal; 65 | word-spacing: normal; 66 | letter-spacing: normal; 67 | unicode-bidi: normal; 68 | 69 | color: inherit; 70 | 71 | text-align: inherit; 72 | text-decoration: none; 73 | text-decoration-color: inherit; 74 | text-decoration-line: none; 75 | text-decoration-style: solid; 76 | text-indent: 0; 77 | text-shadow: none; 78 | text-transform: none; 79 | 80 | outline: 0; 81 | outline-color: invert; 82 | outline-style: none; 83 | outline-width: medium; 84 | 85 | list-style: none; 86 | list-style-image: none; 87 | list-style-position: outside; 88 | list-style-type: disc; 89 | 90 | table-layout: auto; 91 | border-collapse: separate; 92 | border-spacing: 0; 93 | caption-side: top; 94 | empty-cells: show; 95 | 96 | display: inline; 97 | vertical-align: baseline; 98 | 99 | width: auto; 100 | height: auto; 101 | min-height: 0; 102 | min-width: 0; 103 | opacity: 1; 104 | float: none; 105 | position: static; 106 | z-index: auto; 107 | top: auto; 108 | right: auto; 109 | bottom: auto; 110 | left: auto; 111 | clip: auto; 112 | overflow: visible; 113 | visibility: visible; 114 | clear: none; 115 | content: normal; 116 | counter-increment: none; 117 | counter-reset: none; 118 | cursor: auto; 119 | direction: ltr; 120 | quotes: '\201C' '\201D' '\2018' '\2019'; 121 | 122 | tab-size: 8; 123 | hyphens: none; 124 | orphans: 0; 125 | widows: 0; 126 | page-break-after: auto; 127 | page-break-before: auto; 128 | page-break-inside: auto; 129 | 130 | animation: none; 131 | animation-delay: 0; 132 | animation-direction: normal; 133 | animation-duration: 0; 134 | animation-fill-mode: none; 135 | animation-iteration-count: 1; 136 | animation-name: none; 137 | animation-play-state: running; 138 | animation-timing-function: ease; 139 | backface-visibility: visible; 140 | 141 | columns: auto; 142 | column-count: auto; 143 | column-fill: balance; 144 | column-gap: normal; 145 | column-rule: medium none currentColor; 146 | column-rule-color: currentColor; 147 | column-rule-style: none; 148 | column-rule-width: none; 149 | column-span: 1; 150 | column-width: auto; 151 | 152 | transform: none; 153 | transform-style: flat; 154 | transition: none; 155 | transition-delay: 0; 156 | transition-duration: 0; 157 | transition-property: none; 158 | transition-timing-function: ease; 159 | 160 | perspective: none; 161 | perspective-origin: 50% 50%; -------------------------------------------------------------------------------- /src/library/media.css: -------------------------------------------------------------------------------- 1 | /* Smartphones (portrait and landscape) ----------- */ 2 | @media only screen 3 | and (min-device-width : 320px) 4 | and (max-device-width : 480px) { 5 | /* Styles */ 6 | } 7 | 8 | /* Smartphones (landscape) ----------- */ 9 | @media only screen 10 | and (min-width : 321px) { 11 | /* Styles */ 12 | } 13 | 14 | /* Smartphones (portrait) ----------- */ 15 | @media only screen 16 | and (max-width : 320px) { 17 | /* Styles */ 18 | } 19 | 20 | /* iPads (portrait and landscape) ----------- */ 21 | @media only screen 22 | and (min-device-width : 768px) 23 | and (max-device-width : 1024px) { 24 | /* Styles */ 25 | } 26 | 27 | /* iPads (landscape) ----------- */ 28 | @media only screen 29 | and (min-device-width : 768px) 30 | and (max-device-width : 1024px) 31 | and (orientation : landscape) { 32 | /* Styles */ 33 | } 34 | 35 | /* iPads (portrait) ----------- */ 36 | @media only screen 37 | and (min-device-width : 768px) 38 | and (max-device-width : 1024px) 39 | and (orientation : portrait) { 40 | /* Styles */ 41 | } 42 | 43 | /* Desktops and laptops ----------- */ 44 | @media only screen 45 | and (min-width : 1224px) { 46 | /* Styles */ 47 | } 48 | 49 | /* Large screens ----------- */ 50 | @media only screen 51 | and (min-width : 1824px) { 52 | /* Styles */ 53 | } 54 | 55 | /* iPhone 4 ----------- */ 56 | @media 57 | only screen and (-webkit-min-device-pixel-ratio : 1.5), 58 | only screen and (min-device-pixel-ratio : 1.5) { 59 | /* Styles */ 60 | } -------------------------------------------------------------------------------- /src/normal.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * normal.css 3 | * (CC) 2012, Jony (www.niceue.com), MIT Licensed 4 | */ 5 | /* 6 | * Nice会一直围绕3点开发: 7 | 1. 统一的基础表现 8 | 2. 更小的开发难度 9 | 3. 更好的用户体验 10 | 11 | Nice参考了一些有名的框架，如normalize、minimum-page、YUI、kissy， 12 | 好的东西会经过测试后吸收过来，每一个元素都经过了主流浏览器的测试 13 | 提交问题：https://github.com/niceue/Nice/issues 14 | 15 | 注释说明中，“IE”指代“Internet Explorer”，“Ch”指代“Google Chrome”，“FF”指代“Firefox”，“Op”指代“Opera”，“Sa”指代Safari 16 | */ 17 | 18 | 19 | @charset "utf-8"; 20 | 21 | /* 22 | * 导入html5元素的定义 23 | * 参考自normalize.css 及 html5shiv (http://html5shim.googlecode.com/svn/trunk/html5.js) 24 | * 注: 请选择性使用, 如果已经在head区域使用了html5shiv, 则不需要引用html5.css 25 | * 实际应用中如果用到html5应该直接写进来，而不是@import 26 | */ 27 | @import "html5.css"; 28 | 29 | 30 | /* 31 | * 1. 10px = 1em = 100% = 8pt 32 | * 2. 解决IE6下内容振动 33 | */ 34 | html { 35 | font-size:62.5%; /*1*/ 36 | _background:url(about:blank) fixed; 37 | } 38 | 39 | 40 | /* 41 | * 1. 全局字体设置(兼容中/英文操作系统，兼容utf-8及gbk编码) 42 | * 2. 相对于html的字体大小，IE9+ & !IE 支持该属性 (注:为了兼容IE6-8，前面需加上px的字体大小) 43 | * 3. IE中默认字体颜色是#282828，比纯黑和谐好看，这里进行统一 44 | */ 45 | body { 46 | font:12px/1.5 tahoma,arial,simsun,sans-serif; /*1*/ 47 | font-size:1.2rem; /*2*/ 48 | color:#282828; /*3*/ 49 | } 50 | 51 | 52 | /* 53 | * 移除大部分情况下不需要或者各浏览器表现不够统一的margin、padding 54 | * 1. 除了IE6/7默认margin:15px 10px，其他浏览器均为margin:8px，body的margin不一定是预期，直接移除 55 | * 2. IE6/7与其他浏览器margin表现不一致，先移除 56 | * 3. IE6/7/8/9与其他浏览器margin和padding不一致，先移除 57 | * 4. IE6/7下form有margin，直接移除 58 | * 5. IE6/7下caption有padding值，直接移除 59 | */ 60 | body, /*1*/ 61 | p,blockquote,dl,dd, /*2*/ 62 | ul,ol, /*3*/ 63 | form, /*4*/ 64 | caption /*5*/ 65 | { 66 | margin:0; 67 | padding:0; 68 | } 69 | 70 | 71 | /* 72 | * 1. 防止IE下img被链接时出现边框 73 | * 2. 解决在IE6/7 底部出现3px间隙 74 | * 3. 解决在IE7图片缩放会变得失真 75 | */ 76 | img { 77 | border:0; /*1*/ 78 | vertical-align:middle; /*2*/ 79 | -ms-interpolation-mode:bicubic; /*3*/ 80 | } 81 | 82 | 83 | /* 84 | * 1. 清除iframe默认的2px边框 85 | * 已知问题: IE6/7/8无法通过样式清除border,必须设置属性“frameborder=0” 86 | * 2. 解决在HTML5的docype下()，IE8/9,Ch,Sa,FF,Op底部有间隙 87 | * 注：vertical-align:bottom也可以, 或者display:block,但w3c的定义以及所有浏览器表现都为inline (参见：test/iframe) 88 | */ 89 | iframe { 90 | border:0; /*1*/ 91 | vertical-align:top; /*2*/ 92 | } 93 | 94 | 95 | /* 96 | * 使用合并单元格边框的方式移除单元格间距 97 | */ 98 | table { 99 | border-collapse:collapse; 100 | } 101 | 102 | 103 | /* 104 | * 文章中常用的块元素保持间距 105 | * 注：dl在各浏览器也有margin，但我们一般用来布局，而不是出现在文章中，所以前面置零后这里不再定义 106 | */ 107 | ul,ol,p { 108 | margin-bottom:1em; 109 | } 110 | li ul,li ol { 111 | margin:0; 112 | } 113 | 114 | 115 | /* 116 | * 统一列表元素左padding 117 | */ 118 | ul,ol { 119 | padding-left:40px; 120 | } 121 | 122 | 123 | /* 124 | * 纠正IE6/7下margin值不一样，并且移除顶部margin 125 | */ 126 | blockquote { 127 | margin:0 40px 1em; 128 | } 129 | 130 | 131 | /* 132 | * 提高
标记内文本的可读性,IE7及更早浏览器不支持pre-wrap
133 |  */
134 | pre {
135 |     white-space:pre;
136 |     word-wrap:break-word;
137 | }
138 | 
139 | 
140 | /*
141 |  * 斜体扶正
142 |  */
143 | address,cite,dfn,em,var{
144 |     font-style:normal;
145 | }
146 | 
147 | 
148 | /*
149 |  * 统一等宽字体
150 |  */
151 | code,kbd,pre,samp {
152 |     font-family:'courier new',monospace;
153 | }
154 | 
155 | 
156 | /*
157 |  * 统一引用标记
158 |  */
159 | q:before,q:after{
160 |     content:'';
161 | }
162 | 
163 | 
164 | /*
165 |  * 防止上标和下标影响行高(gist.github.com/413930)
166 |  */
167 | sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
168 | sup{top:-0.5em}
169 | sub{bottom:-0.25em}
170 | 
171 | 
172 | /*
173 |  * 1. 去除IE6/7, FF3+, S5, Chrome默认的margin
174 |  * 2. 在不同浏览器，label与input(特别是checkbox和radio)总是不能对齐，这里统一了各个浏览器的表现
175 |  * 3. 解决IE6/7不能继承字体样式
176 |  */
177 | input,button,textarea,select,label {
178 |     margin:0;  /*1*/
179 |     vertical-align:middle;  /*2*/
180 |     font-size:100%;  /*3*/
181 |     font-family: inherit; /*3*/
182 | }
183 | 
184 | 
185 | /*
186 |  * 1. 让FF,Sa5,Ch下的textarea只能纵向拉伸高度, 避免因拉伸而影响布局
187 |  * 2. 去掉IE下默认的滚动条占位
188 |  * 3. 默认textarea与文本baseline对齐，导致文本沉在下面比较难看，这里统一与文本顶对齐
189 |  */
190 | textarea {
191 |     resize:vertical;  /*1*/
192 |     overflow:auto;  /*2*/
193 |     vertical-align:top;  /*3*/
194 | }
195 | 
196 | 
197 | /*
198 |  * 基本的链接样式
199 |  */
200 | a {text-decoration:none}
201 | a:hover {text-decoration:underline}
202 | 
203 | 
204 | /*
205 |  * 纠正IE6/7下h1~h6的font-size和margin与其他浏览器表现不同
206 |  * 1. h6字体(12px * 0.67 = 8px)太小看不清楚，保持和h5字体(12px * 0.83 = 10px)一致
207 |  */
208 | h1 {
209 |     font-size:2em;
210 |     margin:0.67em 0;
211 | }
212 | h2 {
213 |     font-size:1.5em;
214 |     margin:0.83em 0;
215 | }
216 | h3 {
217 |     font-size:1.17em;
218 |     margin:1em 0;
219 | }
220 | h4 {
221 |     font-size:1em;
222 |     margin:1.33em 0;
223 | }
224 | h5,h6 {
225 |     font-size:0.83em; /*1*/
226 |     margin:1.67em 0;
227 | }


--------------------------------------------------------------------------------
/src/print.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | (CC) 2012, Jony (www.niceue.com), MIT Licensed
 3 | */
 4 | @media print {
 5 | @page {margin:0.5cm;}
 6 | * {background:transparent !important; color:#282828 !important; box-shadow:none !important; text-shadow:none !important; filter:0 !important; -ms-filter:0 !important;}
 7 | a:link,a:visited {text-decoration:underline;}
 8 | a[href]:after {content:" (" attr(href) ")"; font-size:.9em;}
 9 | abbr[title]:after {content:" (" attr(title) ")";}
10 | img {max-width:100%; border:0}
11 | pre,blockquote {border:1px solid #999;}
12 | thead {display:table-header-group;}
13 | pre,blockquote,tr,img {page-break-inside:avoid;}
14 | h2,h3 {page-break-after:avoid;}
15 | p,h2,h3 {orphans:3; widows:3;}
16 | }


--------------------------------------------------------------------------------
/src/reset.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | (CC) 2012, Jony (www.niceue.com), MIT Licensed
 3 | */
 4 | 
 5 | /*
 6 |  * 移除大部分情况下不需要或者各浏览器表现不够统一的margin、padding
 7 |  * 1. 除了IE6/7默认margin:15px 10px，其他浏览器均为margin:8px，body的margin不一定是预期，直接移除
 8 |  * 2. 有margin，且IE6/7与其他浏览器不一致，全部移除
 9 |  * 3. IE6/7/8/9与其他浏览器margin和padding不一致，全部移除
10 |  * 4. IE6/7与其他浏览器font-size和margin值均不相同，全部移除margin
11 |  * 5. IE6/7下caption有padding值，移除
12 |  * 6. IE6/7下form有margin值，移除
13 |  * 7. padding和margin在各浏览器均不相同，全部移除
14 |  */
15 | body,   /*1*/
16 | p,blockquote,dl,dd, /*2*/
17 | ul,ol,  /*3*/
18 | h1,h2,h3,h4,h5,h6,  /*4*/
19 | caption,    /*5*/
20 | form,   /*6*/
21 | fieldset,legend /*7*/
22 | {
23 |     margin:0; padding:0
24 | }
25 | 
26 | 
27 | /*
28 |  * 1. 定义全局字体
29 |  * 2. 修正这些表单元素不能继承字体样式
30 |  */
31 | body,   /*1*/
32 | input,select,button,textarea /*2*/
33 | {
34 |     font:12px/1.5 tahoma,arial
35 | }
36 | 
37 | 
38 | /*
39 |  * 移除列表元素的默认样式
40 |  */
41 | ul,ol {
42 |     list-style:none;
43 | }
44 | 
45 | 
46 | /*
47 |  * 移除默认边框
48 |  * 注：IE下img被链接时出现边框
49 |  */
50 | img,iframe,fieldset {
51 |     border:0;
52 | }
53 | 
54 | 
55 | /*
56 |  * 合并表格边框
57 |  */
58 | table {
59 |     border-collapse:collapse;
60 | }
61 | 
62 | 
63 | /*
64 |  * 去除链接默认的下划线
65 |  */
66 | a {
67 |     text-decoration:none;
68 | }


--------------------------------------------------------------------------------
/src/test/assets/350x150.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/niceue/css-shim/120cfd4828a204adbab1d81de1eed1f1ee8c64e8/src/test/assets/350x150.gif


--------------------------------------------------------------------------------
/src/test/default.html:
--------------------------------------------------------------------------------
  1 | 
  2 | 
  3 | 
  4 | 
  5 | Nice Style Checker
  6 | 
  7 | 
 11 | 
 15 | 
 16 | 
 17 | 
 18 | 	
Test bed mostly nicked from the YUI test bed with a few additions

 19 | 	
 20 | 	
Heading One

 21 | 	
Paragraph: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, volutpat. 
 
 22 | 	
 23 | 	
Heading Two

 24 | 	
Paragraph: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, volutpat. 
 
 25 | 
 26 | 	
Heading Three

 27 | 	
Paragraph: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, volutpat. 
 
 28 | 	
 29 | 	
Heading Four

 30 | 	
Paragraph: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, volutpat. 
 
 31 | 	
 32 | 	
Heading Five

 33 | 	
Paragraph: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, volutpat. 
 
 34 | 	
 35 | 	
Heading Six

 36 | 	
Paragraph: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, volutpat. 
 
 37 | 	
 38 | 	
This is a div element. Lorem ipsum dolor sit amet, elit, sed diam nonummy nibh euismod tincidunt ut consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. (End of div.)
 
 39 | 	
 40 | 	
 
 41 | 		
This is a block quotation containing a single paragraph. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
 
 42 |  
 43 | 	
 44 | 	
 45 | 
HTML5 Block Elemements

 46 | 
 47 | 
This is an article element. Lorem ipsum dolor sit amet, elit, sed diam nonummy nibh euismod tincidunt ut consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. (End of article.)

 48 | 
 49 | 
 50 | 
 51 | 

 52 | 	This is a details element containing a summary and paragraph. 
 53 | 	
Lorem ipsum dolor sit amet, elit, sed diam nonummy nibh euismod tincidunt ut consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. (End of details.)

 54 | 
 55 | 
This is a footer element. Lorem ipsum dolor sit amet, elit, sed diam nonummy nibh euismod tincidunt ut consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. (End of footer.)

 56 | 
 57 | 
This is a header element. Lorem ipsum dolor sit amet, elit, sed diam nonummy nibh euismod tincidunt ut consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. (End of header.)

 58 | 
 59 | 
This is a section element. Lorem ipsum dolor sit amet, elit, sed diam nonummy nibh euismod tincidunt ut consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. (End of section.)

 60 | 
 61 | 

 62 | 	350x150
 63 | 	
This is a figure element containing an image and figcaption.
 
 64 | 

 65 | 
 66 | 

 67 | 	
HGroup: h1

 68 | 	
HGroup: h2

 69 | 	
HGroup: h3

 70 | 	
HGroup: h4

 71 | 

 72 | 
 73 | 
 74 | 	
 75 | 			
Lists
 
 76 | 			
 83 | 
 84 | 			
This is a paragraph before an unnumbered list (ul). Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
 
 85 | 
 86 | 			
     
 87 | 			  
  • One.
    •  
 88 | 			  
  • Two.
    •  
 89 | 			  
  • Three. Well, probably this list item should be longer. Note that for short items lists look better if they are compactly presented, whereas for long items, it would be better to have more vertical spacing between items.
    •  
 90 | 			  
  • Four. This is the last item in this list. Let us terminate the list now without making any more fuss about it.
    •  
 91 | 			
 
 92 | 
 93 | 			
This is a paragraph before a numbered list (ol). Note that the spacing between a paragraph and a list before or after that is hard to tune in a user style sheet. You can't guess which paragraphs are logically related to a list, e.g. as a "list header".
 
 94 | 
 95 | 			
     
 96 | 			  
  1. One.
    2.  
 97 | 			  
  2. Two.
    3.  
 98 | 			  
  3. Three. Well, probably this list item should be longer. Note that if items are short, lists look better if they are compactly presented, whereas for long items, it would be better to have more vertical spacing between items.
    4.  
 99 | 			  
  4. Four. This is the last item in this list. Let us terminate the list now without making any more fuss about it.
    5.  
100 | 			  
  5. Five
    6.  
101 | 			  
  6. Six
    7.  
102 | 			  
  7. Seven
    8.  
103 | 			  
  8. Eight
    9.  
104 | 			  
  9. Nine
    10.  
105 | 			  
  10. Ten
    11.  
106 | 
107 | 			
 
108 | 
109 | 			
This is a paragraph before a definition list (dl). In principle, such a list should consist of terms and associated definitions. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
 
110 | 			
 
111 | 			  
Apple
 
112 | 			  
is a fruit.
 
113 | 			  
Banana
 
114 | 			  
Is also a fruit.
 
115 | 			  
Tomato
 
116 | 			  
Is debatable. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
 
117 | 			
 
118 | 
119 | 			
Text-level markup
 
120 | 
121 | 
122 | 			
     
123 | 			  
  •  CSS (an abbreviation;
124 | 			 abbr and title markup used)
    •  
125 | 			  
  •  radar (an acronym; acronym and title markup used)
    •  
126 | 			
127 | 			  
  •  CSS (an abbreviation;
128 | 			 abbr markup used without title)
    •  
129 | 			  
  •  radar (an acronym; acronym markup used without title)
    •  
130 | 
131 | 			  
  •  Origin of Species (a book title; cite markup used)
    •  
132 | 			  
  •  a[i] = b[i] + c[i); (computer code; code markup used)
    •  
133 | 
134 | 			  
  •  an octet is an entity consisting of eight bits
135 | 			       (dfn markup used for the term being defined)
    •  
136 | 			  
  •  this is very simple (em markup used for emphasizing
137 | 			       a word)
    •  
138 | 
139 | 			  
  •  type yes when prompted for an answer (kbd markup
140 | 			       used for text indicating keyboard input)
    •  
141 | 			  
  •  Hello! (q markup used for quotation)
    •  
142 | 
143 | 			  
  •  He said: She said Hello! (a quotation inside a quotation)
    •  
144 | 			  
  •  you may get the message Core dumped at times
145 | 			       (samp markup used for sample output)
    •  
146 | 
147 | 			  
  •  this is highlighted text (strong markup used)
    •  
148 | 
149 | 			  
  •  this is marked text (mark markup used)
    •  
150 | 
151 | 			  
  •  this is deleted text (del markup used)
    • 
152 | 
153 | 			  
  •  text in monospace font (tt markup used)
    •  
154 | 
155 | 			  
  •  the command cat filename displays the
156 | 			       file specified by the filename (var markup
157 | 			       used to indicate a word as a variable).
    •  
158 | 			  
  •  In order to test how subscripts and superscripts (sub and sup markup) work inside running text, we need some dummy text around constructs like x1 and H2O (where subscripts occur). So here is some fill so that you will (hopefully) see whether and how badly the subscripts and superscripts mess up vertical spacing between lines. Now superscripts: Mlle, 1st, and then some mathematical notations: ex, sin2 x, and some nested superscripts (exponents) too: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
    •  
159 | 
160 | 			
 
161 | 
162 | 			
Some of the elements tested above are typically displayed in a monospace font, often using the same presentation for all of them. This tests whether that is the case on your browser:
 
163 | 
164 | 			
     
165 | 			  
  • This is sample text inside code markup
    •  
166 | 			  
  • This is sample text inside kbd markup
    •  
167 | 			  
  • This is sample text inside samp markup
    •  
168 | 
169 | 			  
  • This is sample text inside tt markup
    •  
170 | 			
 
171 | 
172 | 			
Links
 
173 | 
174 | 			 
180 | 
181 | 
182 | 			
Tables
 
183 | 
184 | 			
The following table has a caption. The first row and the first column contain table header cells only; other cells are data cells.
 
185 | 
186 | 			 
187 | 				 
188 | 				 
189 | 					 
190 | 					 
191 | 					 
192 | 				 
193 | 				 
194 | 					 
195 | 					 
196 | 					 
197 | 					
198 | 				 
199 | 
200 | 					 
201 | 					 
202 | 					 
203 | 				 
204 | 				 
205 | 					 
206 | 					 
207 | 
208 | 					 
209 | 				 
210 | 				 
211 | 					 
212 | 					 
213 | 					 
214 | 				 
215 | 
216 | 				 
217 | 					 
218 | 					 
219 | 					 
220 | 					
221 | 			
Caption: Sample table: Areas of the Nordic countries, in sq km
CountryTotal areaLand area
Denmark43,07042,370
Finland337,030305,470
Iceland103,000100,250
Norway324,220307,860
Sweden449,964410,928
 
222 | 
223 | 			
Forms
 
224 | 
225 | 			
See form.html 
226 | 
227 | 				
Preformatted text
 
228 | 			
This next bit shows that PREformatted text is working.
 
229 | 
230 | 		
 
231 | 		1
232 | 		 2
233 | 		  3
234 | 		   4
235 | 		    5
236 | 		
 
237 | 
238 | 			
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

239 | 
240 | 	
241 | 	
242 | 
243 | 


--------------------------------------------------------------------------------
/src/test/form.html:
--------------------------------------------------------------------------------
  1 | 
  2 | 
  3 | 
  4 | 
  5 | Nice Form Checker
  6 | 
  7 | 
 12 | 
 13 | 
 14 | 
 15 | 	
 
 16 |  
 17 | 		
 
 18 | 		
 19 | 		
 20 | 		
 text fields
 
 21 | 		
 22 | 		
 
 23 | 			 
 24 | 			 
 26 | 		
 
 27 |  
 28 | 		
 29 | 		
 
 30 | 			 
 31 | 			 
 33 | 		
 
 34 |  
 35 | 		
 36 | 		
 
 37 | 			 
 38 | 			 
 40 | 		
 
 41 |  
 42 | 		
 43 | 		
 
 44 | 			 
 45 | 			 
 47 | 		
 
 48 |  
 49 | 		
 50 | 		
 
 51 | 			 
 52 | 			 
 54 | 		
 
 55 |  
 56 | 		
 57 | 		
 
 58 | 			 
 59 | 			 
 61 | 		
 
 62 |  
 63 | 		
 64 | 		
 
 65 | 			 
 66 | 			 
 68 | 		
 
 69 |  
 70 | 				
 71 | 		
 
 72 | 			 
 73 | 			 
 74 | 		
 
 75 | 		
 76 | 		
 date/time fields
 
 77 | 		
 
 78 | 			 
 79 | 			 
 81 | 		
 
 82 |  
 83 | 		
 84 | 		
 
 85 | 			 
 86 | 			 
 88 | 		
 
 89 |  
 90 | 		
 91 | 		
 
 92 | 			 
 93 | 			 
 95 | 		
 
 96 |  
 97 | 		
 98 | 		
 
 99 | 			 
100 | 			 
102 | 		
 
103 |  
104 | 		
105 | 		
 
106 | 			 
107 | 			 
109 | 		
 
110 |  
111 | 		
112 | 		
 
113 | 			 
114 | 			 
116 | 		
 
117 |  
118 | 		
 misc fields
 
119 | 		
 
120 | 			 
121 | 			 
123 | 		
 
124 |  
125 | 		
126 | 		
 
127 | 			 
128 | 			 
130 | 		
 
131 |  
132 | 		
133 | 		
 
134 | 			 
135 | 			 
137 | 		
 
138 |  
139 | 				
140 | 		
141 | 		
option fields
 
142 | 		
143 | 		
 
144 | 			Radio Buttons 
145 | 			
146 | 			
 
147 | 				 
148 | 				 
149 | 			
 
150 |  
151 | 			
 
152 | 				 
153 | 					
154 | 			
 
155 | 		
 
156 | 		
157 | 		
 
158 | 			Check Boxes 
159 | 			
160 | 			
 
161 | 				 
162 | 				 
163 | 			
 
164 |  
165 | 			
 
166 | 				 
167 | 					
168 | 			
 
169 | 		
 
170 | 		
171 | 		
 
172 | 			 
173 | 			 
182 | 		
 
183 | 		
184 | 		
submits
 
185 | 		
186 | 		
 
187 | 			 
188 | 			 
189 | 			 
190 | 			 
191 | 		
 
192 | 		
 
193 | 			 
194 | 			 
195 | 			 
196 | 			 
197 | 		
 
198 | 	
 
199 | 


200 | 
201 | 


--------------------------------------------------------------------------------
/src/test/iframe/blank.html:
--------------------------------------------------------------------------------
1 | 
2 | 
3 | 
4 | 
5 |  Iframe Test
6 | 
7 | 
8 | 
9 | 


--------------------------------------------------------------------------------
/src/test/iframe/index.html:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | 
 4 | 
 5 |  Iframe Test
 6 | 
20 | 
21 | 
22 | 
原始iframe

23 | 

24 | 
25 | 

26 | 
27 | 
28 | 
移除iframe的边框和底部间距

29 | 
30 |  * 移除底部间距的3中方法：(测试发现vertical-align:middle;在IE6下导致上下错位1像素),这里选择的是vertical-align:top
31 |  * 1. vertical-align:bottom;
32 |  * 2. vertical-align:top;
33 |  * 3. display:block;
34 | 
35 |  <iframe src="page.html" id="iframe2" frameborder=0></iframe>
36 | 

37 | 

38 | 
39 | 

40 | 
41 | 
42 | 
iframe的行内表现

43 | 
44 | <iframe src="page.html" style="width:200px;height:50px"></iframe>
45 | <iframe src="page.html" style="width:200px;height:30px"></iframe>
46 | <iframe src="page.html" style="width:200px;height:50px"></iframe>
47 | 

48 | 

49 | 
50 | 
51 | 
52 | 

53 | 
54 | 
55 | 
使iframe在IE下也透明

56 | 
57 |  * 给iframe设置allowTransparency="true"
58 | 
59 | <iframe src="blank.html" id="iframe3" height="100" allowTransparency="true"></iframe>
60 | 

61 | 

62 | 
63 | 

64 | 
65 | 


--------------------------------------------------------------------------------
/src/test/iframe/page.html:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | 
 4 | 
 5 |  Iframe Test
 6 | 
 9 | 
10 | 
11 | 
12 | 
13 | 


--------------------------------------------------------------------------------
/src/test/select/index.html:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | 
 4 | 
 5 | demo
 6 | 
14 | 
15 | 
16 | 
原始select

17 | 

18 | 
25 | 
26 | px
29 | 

30 | 
31 | 
经过重置的select

32 | 

33 |  
40 | 
41 | px
44 | 

45 | 
46 | 


--------------------------------------------------------------------------------