├── _reference-ua-css ├── firefox-3.6.x.css ├── firefox-4.0.1.css ├── ie-6.css ├── ie-7.css ├── ie-8.css ├── ie-9.css ├── opera-10.51.css ├── safari-4.0.x.css ├── safari-5.0.x.css └── webkit-r61376.css ├── assets ├── css │ ├── base.css │ └── forms.css ├── img │ └── 350x150.gif └── js │ ├── selectivizr-min.js │ └── validation-setup.js ├── forms.html ├── index.html └── readme.md /_reference-ua-css/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 | -------------------------------------------------------------------------------- /_reference-ua-css/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 | -------------------------------------------------------------------------------- /_reference-ua-css/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 | } 266 | 267 | pre { 268 | display: block; 269 | font-family: monospace; 270 | font-size: 10pt; 271 | white-space: pre; 272 | } 273 | 274 | rp { 275 | font-size: 6pt; 276 | } 277 | 278 | rt { 279 | font-size: 6pt; 280 | } 281 | 282 | samp { 283 | font-family: monospace; 284 | font-size: 10pt; 285 | } 286 | 287 | select { 288 | border-color: #FFF; 289 | border-style: inset; 290 | border-width: 2px; 291 | font-family: sans-serif; 292 | font-size: 10pt; 293 | zoom: 1; 294 | } 295 | 296 | small { 297 | font-size: 10pt; 298 | } 299 | 300 | strong { 301 | font-weight: bold; 302 | } 303 | 304 | sub { 305 | font-size: 10pt; 306 | } 307 | 308 | sup { 309 | font-size: 10pt; 310 | } 311 | 312 | table { 313 | border-color: #D4D0C8; 314 | display: block; 315 | zoom: 1; 316 | } 317 | 318 | tbody { 319 | border-color: #D4D0C8; 320 | display: block; 321 | } 322 | 323 | td { 324 | border-color: #D4D0C8; 325 | display: block; 326 | padding: 1px; 327 | zoom: 1; 328 | } 329 | 330 | textarea { 331 | background-color: #FFF; 332 | border-style: inset; 333 | border-width: 2px; 334 | font-family: monospace; 335 | font-size: 10pt; 336 | overflow-x: hidden; 337 | overflow-y: scroll; 338 | padding: 1px; 339 | white-space: pre; 340 | zoom: 1; 341 | } 342 | 343 | tfoot { 344 | border-color: #D4D0C8; 345 | display: block; 346 | } 347 | 348 | th { 349 | border-color: #D4D0C8; 350 | display: block; 351 | font-weight: bold; 352 | padding: 1px; 353 | text-align: center; 354 | zoom: 1; 355 | } 356 | 357 | thead { 358 | border-color: #D4D0C8; 359 | display: block; 360 | } 361 | 362 | tr { 363 | border-color: #D4D0C8; 364 | display: block; 365 | zoom: 1; 366 | } 367 | 368 | ul { 369 | display: block; 370 | list-style-image: none; 371 | list-style-position: outside; 372 | list-style-type: disc; 373 | margin: 14pt 0 14pt 30pt; 374 | } 375 | 376 | var { 377 | font-style: italic; 378 | } -------------------------------------------------------------------------------- /_reference-ua-css/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 | } -------------------------------------------------------------------------------- /_reference-ua-css/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 | } -------------------------------------------------------------------------------- /_reference-ua-css/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 | } -------------------------------------------------------------------------------- /_reference-ua-css/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 | } -------------------------------------------------------------------------------- /_reference-ua-css/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 */ -------------------------------------------------------------------------------- /_reference-ua-css/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 */ -------------------------------------------------------------------------------- /_reference-ua-css/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 | -------------------------------------------------------------------------------- /assets/css/base.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | 1. Fonts 4 | 2. Resetish 5 | 3. Base 6 | 4. Figures & Images 7 | 5. Forms 8 | 6. Tables 9 | 10 | 11 | 12 | */ 13 | 14 | 15 | 16 | /* ************** * 17 | * 1. Fonts * 18 | * ************** */ 19 | 20 | /*! 21 | Copyright (c) 2010, Yahoo! Inc. All rights reserved. 22 | Code licensed under the BSD License: 23 | http://developer.yahoo.com/yui/license.html 24 | version: 3.3.0 25 | build: 3167 26 | */ 27 | /** 28 | * Percents could work for IE, but for backCompat purposes, we are using keywords. 29 | * x-small is for IE6/7 quirks mode. 30 | */ 31 | body { 32 | font:13px/1.5 arial,helvetica,clean,sans-serif; 33 | *font-size:small; /* for IE */ 34 | *font:x-small; /* for IE in quirks mode */ 35 | } 36 | 37 | /** 38 | * Nudge down to get to 13px equivalent for these form elements 39 | */ 40 | select, 41 | input, 42 | button, 43 | textarea { 44 | font:99% arial,helvetica,clean,sans-serif; 45 | } 46 | 47 | /** 48 | * To help tables remember to inherit 49 | */ 50 | table { 51 | font-size:inherit; 52 | font:100%; 53 | } 54 | 55 | /** 56 | * Bump up IE to get to 13px equivalent for these fixed-width elements 57 | */ 58 | pre, 59 | code, 60 | kbd, 61 | samp, 62 | tt { 63 | font-family:monospace; 64 | *font-size:108%; 65 | line-height:100%; 66 | } 67 | 68 | /*! END BSD licensed Yahoo! code 69 | /*! 70 | Copyright (c) 2011, Soupgiant 71 | All rights reserved. 72 | 73 | Redistribution and use in source and binary forms, with or without 74 | modification, are permitted provided that the following conditions are met: 75 | * Redistributions of source code must retain the above copyright 76 | notice, this list of conditions and the following disclaimer. 77 | * Redistributions in binary form must reproduce the above copyright 78 | notice, this list of conditions and the following disclaimer in the 79 | documentation and/or other materials provided with the distribution. 80 | * Neither the name of the Soupgiant nor the 81 | names of its contributors may be used to endorse or promote products 82 | derived from this software without specific prior written permission. 83 | 84 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND 85 | ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED 86 | WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE 87 | DISCLAIMED. IN NO EVENT SHALL SOUPGIANT BE LIABLE FOR ANY 88 | DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES 89 | (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; 90 | LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND 91 | ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 92 | (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS 93 | SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 94 | 95 | Version 1.0 96 | */ 97 | 98 | /* ************** * 99 | * 2. Resetish * 100 | * ************** */ 101 | 102 | html, body, 103 | div, address, 104 | form 105 | { 106 | margin: 0; 107 | padding: 0; 108 | } 109 | 110 | figure img, 111 | figure object, 112 | figure embed { 113 | margin: 0; 114 | padding: 0; 115 | } 116 | 117 | h1,h2,h3,h4,h5,h6, 118 | p, ol, ul, dl, 119 | blockquote, pre, 120 | table, 121 | form fieldset.set, form div.set 122 | { 123 | margin: 1em 0 0; 124 | padding: 0; 125 | } 126 | 127 | img { 128 | border: 0; 129 | -ms-interpolation-mode: bicubic; 130 | /* needed for responsive designs */ 131 | width: auto !important; 132 | height: auto !important; 133 | max-width: 100%; 134 | } 135 | 136 | abbr[title], 137 | acronym[title], 138 | dfn[title] { 139 | border-bottom : 1px dotted; 140 | cursor : help; 141 | } 142 | 143 | /* html5 block elements */ 144 | article, aside, details, figcaption, figure, 145 | footer, header, hgroup, menu, nav, section { 146 | margin: 0; 147 | padding: 0; 148 | display : block; 149 | } 150 | 151 | /* ************** * 152 | * 3. Base * 153 | * ************** */ 154 | 155 | 156 | /* 3a. Headings */ 157 | h1,h2,h3,h4,h5,h6 { 158 | page-break-after: avoid; 159 | } 160 | 161 | /* margin on first element only in hgroup */ 162 | hgroup *:nth-child(n+2) { 163 | margin-top:0 164 | } 165 | 166 | 167 | h1 { 168 | font-size:138.5%; /* 18px */ 169 | } 170 | 171 | h2 { 172 | font-size:123.1%; /* 16px */ 173 | } 174 | 175 | h3 { 176 | font-size:108%; /* 14px */ 177 | } 178 | 179 | h4,h5,h6 { 180 | font-size: 100%; /* 13px */ 181 | } 182 | 183 | /* 3b.Typography */ 184 | 185 | /* p - see 2.*/ 186 | 187 | ul, ol, dl { 188 | margin-left: 1em; 189 | padding-left: 1em; 190 | } 191 | 192 | li ul, li ol, li dl { 193 | /* nested lists don't need top, margins */ 194 | margin-top: 0; 195 | } 196 | 197 | dd, blockquote { 198 | margin-left: 1em; 199 | } 200 | 201 | address { 202 | font-style: italic; 203 | } 204 | 205 | 206 | small, sup, sup { 207 | font-size: 75%; 208 | } 209 | 210 | sub, 211 | sup { 212 | line-height: 0; 213 | position: relative; 214 | vertical-align: baseline; 215 | } 216 | 217 | sup { 218 | top: -0.5em; 219 | } 220 | 221 | sub { 222 | bottom: -0.25em; 223 | } 224 | 225 | mark { 226 | /* for IE */ 227 | background: #ff0; 228 | } 229 | 230 | 231 | /* 3c. Links */ 232 | 233 | a, 234 | a:link, 235 | a:visited { 236 | color: #1670a4; 237 | background: transparent; 238 | text-decoration: underline; 239 | 240 | /* double ups required as multiple psuedo classes can apply at once */ 241 | } 242 | 243 | a:focus { 244 | color: #fff; 245 | background: #1670a4; 246 | text-decoration: none; 247 | } 248 | 249 | a:hover, 250 | a:active { 251 | color: #1670a4; 252 | background: transparent; 253 | text-decoration: none; 254 | } 255 | 256 | 257 | /* ******************* * 258 | * 4. Figures & Images * 259 | * ******************* */ 260 | figure { 261 | text-align: center; 262 | } 263 | 264 | figure img { 265 | background-color: #f3f3f3; 266 | padding: 4px; 267 | margin: 5px; 268 | border: 1px solid #ccc; 269 | -moz-border-radius: 3px; 270 | -khtml-border-radius: 3px; 271 | -webkit-border-radius: 3px; 272 | border-radius: 3px; 273 | } 274 | 275 | figcaption { 276 | font-size: 85%; /* approx 11px at standard font size */ 277 | padding: 0 4px 5px; 278 | margin: 0; 279 | text-align: center; 280 | } 281 | 282 | /* ************** * 283 | * 5. Forms * 284 | * ************** */ 285 | 286 | /* see forms.css */ 287 | 288 | /* ************** * 289 | * 6. Tables * 290 | * ************** */ 291 | 292 | table { 293 | border-collapse:collapse; 294 | border-spacing:0; 295 | } 296 | 297 | th,td { 298 | border:1px solid #000; 299 | padding:.5em; 300 | vertical-align: top; 301 | } 302 | th { 303 | /*distinguishing table headers from data cells*/ 304 | font-weight:bold; 305 | text-align:left; 306 | } 307 | 308 | thead th { 309 | text-align: center; 310 | vertical-align: bottom; 311 | } 312 | 313 | caption { 314 | /*coordinated margin to match cell's padding*/ 315 | margin-bottom:.5em; 316 | font-style: italic; 317 | } -------------------------------------------------------------------------------- /assets/css/forms.css: -------------------------------------------------------------------------------- 1 | /*! 2 | Copyright (c) 2011, Soupgiant 3 | All rights reserved. 4 | 5 | Redistribution and use in source and binary forms, with or without 6 | modification, are permitted provided that the following conditions are met: 7 | * Redistributions of source code must retain the above copyright 8 | notice, this list of conditions and the following disclaimer. 9 | * Redistributions in binary form must reproduce the above copyright 10 | notice, this list of conditions and the following disclaimer in the 11 | documentation and/or other materials provided with the distribution. 12 | * Neither the name of the Soupgiant nor the 13 | names of its contributors may be used to endorse or promote products 14 | derived from this software without specific prior written permission. 15 | 16 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND 17 | ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED 18 | WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE 19 | DISCLAIMED. IN NO EVENT SHALL SOUPGIANT BE LIABLE FOR ANY 20 | DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES 21 | (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; 22 | LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND 23 | ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 24 | (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS 25 | SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 26 | 27 | Version 1.0 28 | */ 29 | 30 | 31 | /* ************** * 32 | * 5. Forms * 33 | * ************** */ 34 | 35 | /*! form styles inspired (heavily) by MIT licenced http://www.getskeleton.com/ */ /* 36 | - tidied up a few bits 37 | - used % for font-sizes 38 | - used ems for margins, padding 39 | - changed a few colours to pass AAA in WCAG 2 40 | */ 41 | 42 | fieldset { 43 | border: 0; 44 | } 45 | 46 | input[type='text'], 47 | input[type='search'], 48 | input[type='tel'], 49 | input[type='url'], 50 | input[type='email'], 51 | input[type='password'], 52 | input[type='number'], 53 | input[type^='date'], 54 | input[type='month'], 55 | input[type='week'], 56 | input[type='time'], 57 | textarea, 58 | select { 59 | color: #555; 60 | background: #fff; 61 | margin: 0; 62 | padding: .5em .25em; 63 | 64 | outline: none; 65 | border: 1px solid #999; 66 | -moz-border-radius: 2px; 67 | -webkit-border-radius: 2px; 68 | border-radius: 2px; 69 | 70 | width: 280px; 71 | max-width: 100%; 72 | display: block; 73 | } 74 | 75 | 76 | input.error, 77 | textarea.error, 78 | select.error { 79 | border-color: #900; 80 | } 81 | 82 | 83 | select { 84 | padding: 0; 85 | } 86 | 87 | input[type="search"] { 88 | -webkit-appearance: textfield; 89 | -moz-box-sizing: content-box; 90 | -webkit-box-sizing: content-box; 91 | box-sizing: content-box; 92 | } 93 | input[type="search"]::-webkit-search-decoration { 94 | -webkit-appearance: none; 95 | } 96 | 97 | input[type='text']:focus, 98 | input[type='search']:focus, 99 | input[type='tel']:focus, 100 | input[type='url']:focus, 101 | input[type='email']:focus, 102 | input[type='password']:focus, 103 | input[type='number']:focus, 104 | input[type^='date']:focus, 105 | input[type='month']:focus, 106 | input[type='week']:focus, 107 | input[type='time']:focus, 108 | textarea:focus { 109 | color: #000; 110 | background: #fec; 111 | border-color: #666; 112 | -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); 113 | -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); 114 | box-shadow: 0 0 3px rgba(0,0,0,.2); 115 | } 116 | 117 | textarea { 118 | min-height: 8em; 119 | } 120 | 121 | label, legend { 122 | display: block; 123 | font-weight: bold; 124 | } 125 | 126 | legend { 127 | *margin-left: -7px; 128 | } 129 | 130 | fieldset label{ 131 | display: inline; 132 | font-weight: normal; 133 | } 134 | 135 | form span.error { 136 | color: #900; 137 | } 138 | 139 | 140 | label, 141 | select, 142 | input[type='radio'], 143 | input[type='checkbox'], 144 | input[type='submit'], 145 | input[type='reset'], 146 | input[type='button'], 147 | button, .button { 148 | cursor : pointer; 149 | } 150 | 151 | input[type='submit'], 152 | input[type='reset'], 153 | input[type='button'], 154 | button, a.button { 155 | color: #333; 156 | 157 | background-color: #eee; 158 | background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Saf4+, Chrome */ 159 | background-image: -webkit-linear-gradient(top, #fff, #ccc); /* Chrome 10+, Saf5.1+ */ 160 | background-image: -moz-linear-gradient(top, #fff, #ccc); /* FF3.6 */ 161 | background-image: -ms-linear-gradient(top, #fff, #ccc); /* IE10 */ 162 | background-image: -o-linear-gradient(top, #fff, #ccc); /* Opera 11.10+ */ 163 | background-image: linear-gradient(top, #fff, #ccc); 164 | filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc'); /* IE6–IE9 */ 165 | 166 | border: 1px solid; 167 | border-color: #ccc #aaa #aaa #ccc; 168 | -moz-border-radius: 3px; 169 | -webkit-border-radius: 3px; 170 | border-radius: 3px; 171 | 172 | font-size: 85%; 173 | font-weight: bold; 174 | text-decoration: none; 175 | text-shadow: 0 1px #fff; 176 | line-height: 2em; 177 | 178 | 179 | padding: .4em 1em; 180 | display: inline-block; 181 | 182 | *display: inline; 183 | *zoom: 1; 184 | } 185 | 186 | input[type='submit']:hover, 187 | input[type='reset']:hover, 188 | input[type='button']:hover, 189 | button:hover, a.button:hover, 190 | 191 | input[type='submit']:focus, 192 | input[type='reset']:focus, 193 | input[type='button']:focus, 194 | button:focus, a.button:focus 195 | { 196 | color: #000; 197 | background-color: #eee; 198 | background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#bbb)); /* Saf4+, Chrome */ 199 | background-image: -webkit-linear-gradient(top, #fff, #bbb); /* Chrome 10+, Saf5.1+ */ 200 | background-image: -moz-linear-gradient(top, #fff, #bbb); /* FF3.6 */ 201 | background-image: -ms-linear-gradient(top, #fff, #bbb); /* IE10 */ 202 | background-image: -o-linear-gradient(top, #fff, #bbb); /* Opera 11.10+ */ 203 | background-image: linear-gradient(top, #fff, #bbb); 204 | filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#bbbbbb'); /* IE6–IE9 */ 205 | 206 | 207 | border-color: #aaa #888 #888 #aaa; 208 | } 209 | 210 | 211 | input[type='submit']:active, 212 | input[type='reset']:active, 213 | input[type='button']:active, 214 | button:active, a.button:active { 215 | 216 | background-color: #eee; 217 | background-image: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#fff)); /* Saf4+, Chrome */ 218 | background-image: -webkit-linear-gradient(top, #bbb, #fff); /* Chrome 10+, Saf5.1+ */ 219 | background-image: -moz-linear-gradient(top, #bbb, #fff); /* FF3.6 */ 220 | background-image: -ms-linear-gradient(top, #bbb, #fff); /* IE10 */ 221 | background-image: -o-linear-gradient(top, #bbb, #fff); /* Opera 11.10+ */ 222 | background-image: linear-gradient(top, #bbb, #fff); 223 | filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#bbbbbb', EndColorStr='#ffffff'); /* IE6–IE9 */ 224 | 225 | border-color: #888 #aaa #aaa #888; 226 | } -------------------------------------------------------------------------------- /assets/img/350x150.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soupgiant/minimum-page/b89ca6d98fd74f8f92a83e752163274c1833dd31/assets/img/350x150.gif -------------------------------------------------------------------------------- /assets/js/selectivizr-min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * selectivizr v1.0.2 - (c) Keith Clark, freely distributable under the terms of the MIT license. 3 | * selectivizr.com 4 | */ 5 | (function(j){function A(a){return a.replace(B,h).replace(C,function(a,d,b){for(var a=b.split(","),b=0,e=a.length;b0){var a=l,f,e=s.substring(0,e).replace(H,i);if(e==i||e.charAt(e.length-1)==o)e+="*";try{f=t(e)}catch(k){}if(f){e=0;for(c=f.length;e-1&&(a=a.substring(0,l));if(a.charAt(0)==":")switch(a.slice(1)){case "root":c=function(a){return b?a!=p:a==p};break;case "target":if(m==8){c=function(a){function c(){var d=location.hash,e=d.slice(1);return b?d==i||a.id!=e:d!=i&&a.id==e}k(j,"hashchange",function(){g(a,d,c())});return c()};break}return!1;case "checked":c=function(a){J.test(a.type)&&k(a,"propertychange",function(){event.propertyName=="checked"&&g(a,d,a.checked!==b)});return a.checked!==b};break;case "disabled":b=!b;case "enabled":c=function(c){if(K.test(c.tagName))return k(c,"propertychange",function(){event.propertyName=="$disabled"&&g(c,d,c.a===b)}),q.push(c),c.a=c.disabled,c.disabled===b;return a==":enabled"?b:!b};break;case "focus":e="focus",f="blur";case "hover":e||(e="mouseenter",f="mouseleave");c=function(a){k(a,b?f:e,function(){g(a,d,!0)});k(a,b?e:f,function(){g(a,d,!1)});return b};break;default:if(!L.test(a))return!1}return{className:d,b:c}}function w(a){return M+"-"+(m==6&&N?O++:a.replace(P,function(a){return a.charCodeAt(0)}))}function D(a){return a.replace(x,h).replace(Q,o)}function g(a,c,d){var b=a.className,c=u(b,c,d);if(c!=b)a.className=c,a.parentNode.className+=i}function u(a,c,d){var b=RegExp("(^|\\s)"+c+"(\\s|$)"),e=b.test(a);return d?e?a:a+o+c:e?a.replace(b,h).replace(x,h):a}function k(a,c,d){a.attachEvent("on"+c,d)}function r(a,c){if(/^https?:\/\//i.test(a))return c.substring(0,c.indexOf("/",8))==a.substring(0,a.indexOf("/",8))?a:null;if(a.charAt(0)=="/")return c.substring(0,c.indexOf("/",8))+a;var d=c.split(/[?#]/)[0];a.charAt(0)!="?"&&d.charAt(d.length-1)!="/"&&(d=d.substring(0,d.lastIndexOf("/")+1));return d+a}function y(a){if(a)return n.open("GET",a,!1),n.send(),(n.status==200?n.responseText:i).replace(R,i).replace(S,function(c,d,b,e,f){return y(r(b||f,a))}).replace(T,function(c,d,b){d=d||i;return" url("+d+r(b,a)+d+") "});return i}function U(){var a,c;a=f.getElementsByTagName("BASE");for(var d=a.length>0?a[0].href:f.location.href,b=0;b0&&setInterval(function(){for(var a=0,c=q.length;a8||!n)){var z={NW:"*.Dom.select",MooTools:"$$",DOMAssistant:"*.$",Prototype:"$$",YAHOO:"*.util.Selector.query",Sizzle:"*",jQuery:"*",dojo:"*.query"},t,q=[],O=0,N=!0,M="slvzr",R=/(\/\*[^*]*\*+([^\/][^*]*\*+)*\/)\s*/g,S=/@import\s*(?:(?:(?:url\(\s*(['"]?)(.*)\1)\s*\))|(?:(['"])(.*)\3))[^;]*;/g,T=/\burl\(\s*(["']?)(?!data:)([^"')]+)\1\s*\)/g,L=/^:(empty|(first|last|only|nth(-last)?)-(child|of-type))$/,B=/:(:first-(?:line|letter))/g,C=/(^|})\s*([^\{]*?[\[:][^{]+)/g,G=/([ +~>])|(:[a-z-]+(?:\(.*?\)+)?)|(\[.*?\])/g,H=/(:not\()?:(hover|enabled|disabled|focus|checked|target|active|visited|first-line|first-letter)\)?/g,P=/[^\w-]/g,K=/^(INPUT|SELECT|TEXTAREA|BUTTON)$/,J=/^(checkbox|radio)$/,v=m>6?/[\$\^*]=(['"])\1/:null,E=/([(\[+~])\s+/g,F=/\s+([)\]+~])/g,Q=/\s+/g,x=/^\s*((?:[\S\s]*\S)?)\s*$/,i="",o=" ",h="$1";(function(a,c){function d(){try{p.doScroll("left")}catch(a){setTimeout(d,50);return}b("poll")}function b(d){if(!(d.type=="readystatechange"&&f.readyState!="complete")&&((d.type=="load"?a:f).detachEvent("on"+d.type,b,!1),!e&&(e=!0)))c.call(a,d.type||d)}var e=!1,g=!0;if(f.readyState=="complete")c.call(a,i);else{if(f.createEventObject&&p.doScroll){try{g=!a.frameElement}catch(h){}g&&d()}k(f,"readystatechange",b);k(a,"load",b)}})(j,function(){for(var a in z){var c,d,b=j;if(j[a]){for(c=z[a].replace("*",a).split(".");(d=c.shift())&&(b=b[d]););if(typeof b=="function"){t=b;U();break}}}})}}})(this); -------------------------------------------------------------------------------- /assets/js/validation-setup.js: -------------------------------------------------------------------------------- 1 | function setupValidation($forms) { 2 | if (($forms == null) || (typeof $().validate != 'function')) { 3 | return; 4 | } 5 | //make sure $forms is indeed a jQuery object & not just a selector 6 | 7 | $forms = $($forms); 8 | 9 | $forms.each(function(){ 10 | var $form = $(this); 11 | 12 | function placeError($error, $element){ 13 | var placeTag = 'label', 14 | $place; 15 | 16 | if ( $element.is('input[type=radio],input[type=checkbox]') ) { 17 | placeTag = 'legend'; 18 | } 19 | $place = $element.closest('.set').find(placeTag); 20 | 21 | $error.prepend(' '); 22 | 23 | $error.appendTo($place); 24 | } 25 | 26 | 27 | /* revisite settings once a new version of jQuery Validate 28 | to take into account html5 form types 29 | */ 30 | $form.validate({ 31 | validateDelegate: function() { }, 32 | onsubmit: true, 33 | onkeydown: false, 34 | onkeyup: false, 35 | onfocusin: false, 36 | onfocusout: false, 37 | onclick: false, 38 | 39 | errorElement: "span", 40 | errorPlacement: placeError 41 | }); 42 | 43 | }); 44 | } 45 | 46 | setupValidation($('form')); -------------------------------------------------------------------------------- /forms.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Minimum Page Form Checker 5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 |
17 |
18 |
19 |
20 |
21 |
22 | 23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 | 32 | 33 |
34 | 35 | 36 |
37 | Radio buttons 38 |
39 |
40 |
41 | 42 |
43 | Checkboxes 44 |
45 |
46 |
47 | 48 | 49 | 50 | 51 |
52 | Radio buttons 53 |
54 |
55 |
56 | 57 |
58 | Checkboxes 59 |
60 |
61 |
62 | 63 | 64 | 65 | 66 | 67 |
68 |
69 | 70 |
71 | 72 |
73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | Link (a.button)
81 | 82 | 83 |
84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Min Page LESS.CSS 7 | 8 | 9 | 10 | 11 | 21 | 22 | 23 |
24 |
25 |

Grouped Heading 1

26 |

Grouped Heading 2

27 |
28 | 35 |
36 | 37 |

Heading 1

38 |

Heading 2

39 |

Heading 3

40 |

Heading 4

41 |
Heading 5
42 |
Heading 6
43 | 44 | 45 | 46 |
47 |

Section Heading 1

48 |
49 |

Article Heading 2

50 |
Address: somewhere, world
51 |

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.

52 |

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.

53 |
54 |
55 | 56 |

Text-level semantics

57 | 58 |

59 | The a element example
60 | The abbr element and abbr element with title examples
61 | The b element example
62 | The cite element example
63 | The code element example
64 | The del element example
65 | The dfn element and dfn element with title examples
66 | The em element example
67 | The i element example
68 | The img element example
69 | The ins element example
70 | The kbd element example
71 | The mark element example
72 | The q element inside a q element example
73 | The s element example
74 | The samp element example
75 | The small element example
76 | The span element example
77 | The strong element example
78 | The sub element example
79 | The sup element example
80 | The var element example
81 | The u element example 82 |

83 | 84 |

Embedded content

85 | 86 |

audio

87 | 88 | 89 | 90 | 91 |

img

92 | 93 | 94 | 95 | 96 |

svg

97 | 98 | 99 | 100 | 101 | 102 |

video

103 | 104 | 105 | 106 | 107 |

Grouping content

108 | 109 |

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.

110 | 111 |

pre

112 | 113 | 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.
114 | 115 | 
<html>
116 |     <head>
117 |     </head>
118 |     <body>
119 |         <div class="main"> <div>
120 |     </body>
121 | </html>
122 | 123 |

blockquote

124 | 125 |
126 |

Some sort of famous witty quote marked up with a <blockquote> and a child <p> element.

127 |
128 | 129 |
Even better philosophical quote marked up with just a <blockquote> element.
130 | 131 |

ordered list

132 | 133 |
    134 |
  1. list item 1
    2. 135 |
  2. list item 1 136 |
      137 |
    1. list item 2
      2. 138 |
    2. list item 2 139 |
        140 |
      1. list item 3
        2. 141 |
      2. list item 3
        3. 142 |
      143 |
      3. 144 |
    3. list item 2
      4. 145 |
    4. list item 2
      5. 146 |
    147 |
    3. 148 |
  3. list item 1
    4. 149 |
  4. list item 1
    5. 150 |
151 | 152 |

unordered list

153 | 154 |
    155 |
  • list item 1
    • 156 |
  • list item 1 157 |
      158 |
    • list item 2
      • 159 |
    • list item 2 160 |
        161 |
      • list item 3
        • 162 |
      • list item 3
        • 163 |
      164 |
      • 165 |
    • list item 2
      • 166 |
    • list item 2
      • 167 |
    168 |
    • 169 |
  • list item 1
    • 170 |
  • list item 1
    • 171 |
172 | 173 |

description list

174 | 175 |
176 |
Description name
177 |
Description value
178 |
Description name
179 |
Description value
180 |
Description value
181 |
Description name
182 |
Description name
183 |
Description value
184 |
185 | 186 |

figure

187 | 188 |
189 | 190 |
Figcaption content
191 |
192 | 193 |

Tabular data

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 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | 230 | 231 | 232 | 233 |
Jimi Hendrix - albums
AlbumYearPrice
AlbumYearPrice
Are You Experienced1967$10.00
Axis: Bold as Love1967$12.00
Electric Ladyland1968$10.00
Band of Gypsys1970$12.00
234 | 235 |

Forms

236 | 237 |

See forms demo.

238 | 239 | 240 | 241 | -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | Minimum Page comes from a frustration with CSS resets and bases. Ripping down the styling only to rebuild many of the same styles is unnecessary, especially for defaults common to all browsers. 2 | 3 | Further information can be found at [minimumpage.com](http://www.minimumpage.com). 4 | 5 | Minimum page is brought to you by Peter Wilson and Josh Kinal at [Soupgiant](http://soupgiant.com), we blog at [Big Red Tin](http://bigredtin.com) or you can follow [Peter](http://twitter.com/pwcc/) and [Josh](http://twitter.com/sealfur) on Twitter. 6 | 7 | ## LESS Version 8 | A [LESS](http://lesscss.org/) version is in the process of being built, including a number of mixins for use once it is time to build your site. A base will continue to be available as a normal CSS file. 9 | 10 | You can see the progress on the [less-version](https://github.com/soupgiant/minimum-page/tree/less-version) branch. --------------------------------------------------------------------------------