code.vuplus.com Git - vuplus_webkit/blob - Source/WebCore/css/html.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, 2009, 2010, 2011 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 <head> 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     -webkit-margin-before: 1__qem;
  65     -webkit-margin-after: 1__qem;
  66     -webkit-margin-start: 0;
  67     -webkit-margin-end: 0;
  68 }
  69
  70 div {
  71     display: block
  72 }
  73
  74 layer {
  75     display: block
  76 }
  77
  78 article, aside, footer, header, hgroup, nav, section {
  79     display: block
  80 }
  81
  82 marquee {
  83     display: inline-block;
  84     overflow: -webkit-marquee
  85 }
  86
  87 address {
  88     display: block
  89 }
  90
  91 blockquote {
  92     display: block;
  93     -webkit-margin-before: 1__qem;
  94     -webkit-margin-after: 1em;
  95     -webkit-margin-start: 40px;
  96     -webkit-margin-end: 40px;
  97 }
  98
  99 figcaption {
 100     display: block
 101 }
 102
 103 figure {
 104     display: block;
 105     -webkit-margin-before: 1em;
 106     -webkit-margin-after: 1em;
 107     -webkit-margin-start: 40px;
 108     -webkit-margin-end: 40px;
 109 }
 110
 111 q {
 112     display: inline
 113 }
 114
 115 q:before {
 116     content: open-quote;
 117 }
 118
 119 q:after {
 120     content: close-quote;
 121 }
 122
 123 center {
 124     display: block;
 125     /* special centering to be able to emulate the html4/netscape behaviour */
 126     text-align: -webkit-center
 127 }
 128
 129 hr {
 130     display: block;
 131     -webkit-margin-before: 0.5em;
 132     -webkit-margin-after: 0.5em;
 133     -webkit-margin-start: auto;
 134     -webkit-margin-end: auto;
 135     border-style: inset;
 136     border-width: 1px
 137 }
 138
 139 map {
 140     display: inline
 141 }
 142
 143 /* heading elements */
 144
 145 h1 {
 146     display: block;
 147     font-size: 2em;
 148     -webkit-margin-before: 0.67__qem;
 149     -webkit-margin-after: 0.67em;
 150     -webkit-margin-start: 0;
 151     -webkit-margin-end: 0;
 152     font-weight: bold
 153 }
 154
 155 :-webkit-any(article,aside,nav,section) h1 {
 156     font-size: 1.5em;
 157     -webkit-margin-before: 0.83__qem;
 158     -webkit-margin-after: 0.83em;
 159 }
 160
 161 :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
 162     font-size: 1.17em;
 163     -webkit-margin-before: 1__qem;
 164     -webkit-margin-after: 1em;
 165 }
 166
 167 :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
 168     font-size: 1.00em;
 169     -webkit-margin-before: 1.33__qem;
 170     -webkit-margin-after: 1.33em;
 171 }
 172
 173 :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
 174     font-size: .83em;
 175     -webkit-margin-before: 1.67__qem;
 176     -webkit-margin-after: 1.67em;
 177 }
 178
 179 :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
 180     font-size: .67em;
 181     -webkit-margin-before: 2.33__qem;
 182     -webkit-margin-after: 2.33em;
 183 }
 184
 185 h2 {
 186     display: block;
 187     font-size: 1.5em;
 188     -webkit-margin-before: 0.83__qem;
 189     -webkit-margin-after: 0.83em;
 190     -webkit-margin-start: 0;
 191     -webkit-margin-end: 0;
 192     font-weight: bold
 193 }
 194
 195 h3 {
 196     display: block;
 197     font-size: 1.17em;
 198     -webkit-margin-before: 1__qem;
 199     -webkit-margin-after: 1em;
 200     -webkit-margin-start: 0;
 201     -webkit-margin-end: 0;
 202     font-weight: bold
 203 }
 204
 205 h4 {
 206     display: block;
 207     -webkit-margin-before: 1.33__qem;
 208     -webkit-margin-after: 1.33em;
 209     -webkit-margin-start: 0;
 210     -webkit-margin-end: 0;
 211     font-weight: bold
 212 }
 213
 214 h5 {
 215     display: block;
 216     font-size: .83em;
 217     -webkit-margin-before: 1.67__qem;
 218     -webkit-margin-after: 1.67em;
 219     -webkit-margin-start: 0;
 220     -webkit-margin-end: 0;
 221     font-weight: bold
 222 }
 223
 224 h6 {
 225     display: block;
 226     font-size: .67em;
 227     -webkit-margin-before: 2.33__qem;
 228     -webkit-margin-after: 2.33em;
 229     -webkit-margin-start: 0;
 230     -webkit-margin-end: 0;
 231     font-weight: bold
 232 }
 233
 234 /* tables */
 235
 236 table {
 237     display: table;
 238     border-collapse: separate;
 239     border-spacing: 2px;
 240     border-color: gray
 241 }
 242
 243 thead {
 244     display: table-header-group;
 245     vertical-align: middle;
 246     border-color: inherit
 247 }
 248
 249 tbody {
 250     display: table-row-group;
 251     vertical-align: middle;
 252     border-color: inherit
 253 }
 254
 255 tfoot {
 256     display: table-footer-group;
 257     vertical-align: middle;
 258     border-color: inherit
 259 }
 260
 261 /* for tables without table section elements (can happen with XHTML or dynamically created tables) */
 262 table > tr {
 263     vertical-align: middle;
 264 }
 265
 266 col {
 267     display: table-column
 268 }
 269
 270 colgroup {
 271     display: table-column-group
 272 }
 273
 274 tr {
 275     display: table-row;
 276     vertical-align: inherit;
 277     border-color: inherit
 278 }
 279
 280 td, th {
 281     display: table-cell;
 282     vertical-align: inherit
 283 }
 284
 285 th {
 286     font-weight: bold
 287 }
 288
 289 caption {
 290     display: table-caption;
 291     text-align: -webkit-center
 292 }
 293
 294 /* lists */
 295
 296 ul, menu, dir {
 297     display: block;
 298     list-style-type: disc;
 299     -webkit-margin-before: 1__qem;
 300     -webkit-margin-after: 1em;
 301     -webkit-margin-start: 0;
 302     -webkit-margin-end: 0;
 303     -webkit-padding-start: 40px
 304 }
 305
 306 ol {
 307     display: block;
 308     list-style-type: decimal;
 309     -webkit-margin-before: 1__qem;
 310     -webkit-margin-after: 1em;
 311     -webkit-margin-start: 0;
 312     -webkit-margin-end: 0;
 313     -webkit-padding-start: 40px
 314 }
 315
 316 li {
 317     display: list-item;
 318     text-align: -webkit-match-parent;
 319 }
 320
 321 ul ul, ol ul {
 322     list-style-type: circle
 323 }
 324
 325 ol ol ul, ol ul ul, ul ol ul, ul ul ul {
 326     list-style-type: square
 327 }
 328
 329 dd {
 330     display: block;
 331     -webkit-margin-start: 40px
 332 }
 333
 334 dl {
 335     display: block;
 336     -webkit-margin-before: 1__qem;
 337     -webkit-margin-after: 1em;
 338     -webkit-margin-start: 0;
 339     -webkit-margin-end: 0;
 340 }
 341
 342 dt {
 343     display: block
 344 }
 345
 346 ol ul, ul ol, ul ul, ol ol {
 347     -webkit-margin-before: 0;
 348     -webkit-margin-after: 0
 349 }
 350
 351 /* form elements */
 352
 353 form {
 354     display: block;
 355     margin-top: 0__qem;
 356 }
 357
 358 label {
 359     cursor: default;
 360 }
 361
 362 legend {
 363     display: block;
 364     -webkit-padding-start: 2px;
 365     -webkit-padding-end: 2px;
 366     border: none
 367 }
 368
 369 fieldset {
 370     display: block;
 371     -webkit-margin-start: 2px;
 372     -webkit-margin-end: 2px;
 373     -webkit-padding-before: 0.35em;
 374     -webkit-padding-start: 0.75em;
 375     -webkit-padding-end: 0.75em;
 376     -webkit-padding-after: 0.625em;
 377     border: 2px groove ThreeDFace
 378 }
 379
 380 button {
 381     -webkit-appearance: button;
 382 }
 383
 384 /* Form controls don't go vertical. */
 385 input, textarea, keygen, select, button, isindex, meter, progress {
 386     -webkit-block-flow: tb !important;
 387 }
 388
 389 input, textarea, keygen, select, button, isindex {
 390     margin: 0__qem;
 391     font: -webkit-small-control;
 392     color: initial;
 393     letter-spacing: normal;
 394     word-spacing: normal;
 395     line-height: normal;
 396     text-transform: none;
 397     text-indent: 0;
 398     text-shadow: none;
 399     display: inline-block;
 400     text-align: -webkit-auto;
 401 }
 402
 403 input[type="hidden"] {
 404     display: none
 405 }
 406
 407 input, input[type="password"], input[type="search"], isindex {
 408     -webkit-appearance: textfield;
 409     padding: 1px;
 410     background-color: white;
 411     border: 2px inset;
 412     -webkit-rtl-ordering: logical;
 413     -webkit-user-select: text;
 414     cursor: auto;
 415 }
 416
 417 input[type="search"] {
 418     -webkit-appearance: searchfield;
 419     -webkit-box-sizing: border-box;
 420 }
 421
 422 input::-webkit-textfield-decoration-container {
 423     display: -webkit-box;
 424     -webkit-box-align: center;
 425 }
 426
 427 input[type="search"]::-webkit-textfield-decoration-container {
 428     direction: ltr;
 429 }
 430
 431 input[type="search"]::-webkit-search-cancel-button {
 432     -webkit-appearance: searchfield-cancel-button;
 433     display: block;
 434     -webkit-box-flex: 0;
 435 }
 436
 437 input[type="search"]::-webkit-search-decoration {
 438     -webkit-appearance: searchfield-decoration;
 439     display: block;
 440     -webkit-box-flex: 0;
 441 }
 442
 443 input[type="search"]::-webkit-search-results-decoration {
 444     -webkit-appearance: searchfield-results-decoration;
 445     display: block;
 446     -webkit-box-flex: 0;
 447 }
 448
 449 input[type="search"]::-webkit-search-results-button {
 450     -webkit-appearance: searchfield-results-button;
 451     display: block;
 452     -webkit-box-flex: 0;
 453 }
 454
 455 #if defined(ENABLE_DATALIST) && ENABLE_DATALIST
 456 input::-webkit-input-list-button {
 457     -webkit-appearance: list-button;
 458     display: inline-block;
 459 }
 460 #endif
 461
 462 input::-webkit-inner-spin-button {
 463     -webkit-appearance: inner-spin-button;
 464     display: block;
 465     position: relative;
 466     cursor: default;
 467     vertical-align: top;
 468     -webkit-box-flex: 0;
 469     -webkit-user-select: none;
 470 }
 471
 472 #if defined(ENABLE_INPUT_SPEECH) && ENABLE_INPUT_SPEECH
 473 input::-webkit-input-speech-button {
 474     -webkit-appearance: -webkit-input-speech-button;
 475     display: block;
 476     vertical-align: top;
 477     -webkit-box-flex: 0;
 478 }
 479 #endif
 480
 481 keygen, select {
 482     -webkit-border-radius: 5px;
 483 }
 484
 485 keygen::-webkit-keygen-select {
 486     margin: 0px;
 487 }
 488
 489 textarea {
 490     -webkit-appearance: textarea;
 491     background-color: white;
 492     border: 1px solid;
 493     -webkit-rtl-ordering: logical;
 494     -webkit-user-select: text;
 495     -webkit-box-orient: vertical;
 496     resize: auto;
 497     cursor: auto;
 498     padding: 2px;
 499     white-space: pre-wrap;
 500     word-wrap: break-word;
 501 }
 502
 503 ::-webkit-input-placeholder {
 504     -webkit-text-security: none;
 505     color: darkGray;
 506     display: block !important;
 507     pointer-events: none !important;
 508     position: relative !important;
 509 }
 510
 511 input::-webkit-input-placeholder, isindex::-webkit-input-placeholder {
 512     white-space: pre;
 513     word-wrap: normal;
 514     overflow: hidden;
 515     padding-left: 1px;
 516     padding-right: 1px;
 517 }
 518
 519 input[type="password"] {
 520     -webkit-text-security: disc !important;
 521 }
 522
 523 input[type="hidden"], input[type="image"], input[type="file"] {
 524     -webkit-appearance: initial;
 525     padding: initial;
 526     background-color: initial;
 527     border: initial;
 528 }
 529
 530 input[type="file"] {
 531     -webkit-box-align: baseline;
 532     color: inherit;
 533     text-align: start !important;
 534 }
 535
 536 input:-webkit-autofill {
 537     background-color: #FAFFBD !important;
 538     background-image:none !important;
 539     color: #000000 !important;
 540 }
 541
 542 input[type="radio"], input[type="checkbox"] {
 543     margin: 3px 0.5ex;
 544     padding: initial;
 545     background-color: initial;
 546     border: initial;
 547 }
 548
 549 input[type="button"], input[type="submit"], input[type="reset"] {
 550     -webkit-appearance: push-button;
 551     white-space: pre
 552 }
 553
 554 input[type="file"]::-webkit-file-upload-button {
 555     -webkit-appearance: push-button;
 556     white-space: nowrap;
 557     margin: 0;
 558     font-size: inherit;
 559 }
 560
 561 input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
 562     -webkit-box-align: center;
 563     text-align: center;
 564     cursor: default;
 565     color: ButtonText;
 566     padding: 2px 6px 3px 6px;
 567     border: 2px outset ButtonFace;
 568     background-color: ButtonFace;
 569     -webkit-box-sizing: border-box
 570 }
 571
 572 input[type="range"] {
 573     -webkit-appearance: slider-horizontal;
 574     padding: initial;
 575     border: initial;
 576     margin: 2px;
 577 }
 578
 579 input[type="range"]::-webkit-slider-container {
 580     -webkit-box-align: center;
 581     -webkit-box-orient: horizontal; /* This property is updated by C++ code. */
 582     -webkit-box-sizing: border-box;
 583     display: -webkit-box;
 584     height: 100%;
 585     width: 100%;
 586 }
 587
 588 input[type="range"]::-webkit-slider-runnable-track {
 589     -webkit-box-flex: 1;
 590     -webkit-box-sizing: border-box;
 591     display: block;
 592 }
 593
 594 input[type="range"]::-webkit-slider-thumb {
 595     -webkit-appearance: sliderthumb-horizontal;
 596     -webkit-box-sizing: border-box;
 597     display: block;
 598     position: relative;
 599 }
 600
 601 input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled,
 602 input[type="file"]:disabled::-webkit-file-upload-button, button:disabled,
 603 select:disabled, keygen:disabled, optgroup:disabled, option:disabled {
 604     color: GrayText
 605 }
 606
 607 input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]:active::-webkit-file-upload-button, button:active {
 608     border-style: inset
 609 }
 610
 611 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 {
 612     border-style: outset
 613 }
 614
 615 area, param {
 616     display: none
 617 }
 618
 619 input[type="checkbox"] {
 620     -webkit-appearance: checkbox;
 621     -webkit-box-sizing: border-box;
 622 }
 623
 624 input[type="radio"] {
 625     -webkit-appearance: radio;
 626     -webkit-box-sizing: border-box;
 627 }
 628
 629 #if defined(ENABLE_INPUT_COLOR) && ENABLE_INPUT_COLOR
 630
 631 input[type="color"] {
 632     -webkit-appearance: square-button;
 633     width: 44px;
 634     height: 23px;
 635 }
 636
 637 input[type="color"]::-webkit-color-swatch-wrapper {
 638     display:-webkit-box;
 639     padding: 4px 2px;
 640     -webkit-box-sizing: border-box;
 641     width: 100%;
 642     height: 100%
 643 }
 644
 645 input[type="color"]::-webkit-color-swatch {
 646     background-color: #000000;
 647     border: 1px solid #777777;
 648     -webkit-box-flex: 1;
 649 }
 650
 651 #if defined(ENABLE_DATALIST) && ENABLE_DATALIST
 652
 653 input[type="color"][list] {
 654     -webkit-appearance: menulist;
 655     width: 88px;
 656     height: 23px;
 657 }
 658
 659 input[type="color"][list]::-webkit-color-swatch-wrapper {
 660     padding-left: 8px;
 661     padding-right: 24px;
 662 }
 663
 664 input[type="color"][list]::-webkit-color-swatch {
 665     border-color: #000000;
 666 }
 667
 668 #endif // defined(ENABLE_DATALIST) && ENABLE_DATALIST
 669
 670 #endif // defined(ENABLE_INPUT_COLOR) && ENABLE_INPUT_COLOR
 671
 672 select {
 673     -webkit-appearance: menulist;
 674     -webkit-box-sizing: border-box;
 675     -webkit-box-align: center;
 676     border: 1px solid;
 677     white-space: pre;
 678     -webkit-rtl-ordering: logical;
 679     color: black;
 680     background-color: white;
 681     cursor: default;
 682 }
 683
 684 select[size],
 685 select[multiple],
 686 select[size][multiple] {
 687     -webkit-appearance: listbox;
 688     -webkit-box-align: start;
 689     border: 1px inset gray;
 690     -webkit-border-radius: initial;
 691     white-space: initial;
 692 }
 693
 694 select[size="0"],
 695 select[size="1"] {
 696     -webkit-appearance: menulist;
 697     -webkit-box-align: center;
 698     border: 1px solid;
 699     -webkit-border-radius: 5px;
 700     white-space: pre;
 701 }
 702
 703 optgroup {
 704     font-weight: bolder;
 705 }
 706
 707 option {
 708     font-weight: normal;
 709 }
 710
 711 output {
 712     display: inline;
 713 }
 714
 715 /* form validation message bubble */
 716
 717 ::-webkit-validation-bubble {
 718     display: inline-block;
 719     z-index: 2147483647;
 720     position: absolute;
 721     opacity: 0.95;
 722     line-height: 0;
 723     margin: 0;
 724     -webkit-text-security: none;
 725     -webkit-transition: opacity 05.5s ease;
 726 }
 727
 728 ::-webkit-validation-bubble-message {
 729     display: -webkit-box;
 730     position: relative;
 731     top: -4px;
 732     font: message-box;
 733     color: black;
 734     min-width: 50px;
 735     max-width: 200px;
 736     border: solid 2px #400;
 737     background: -webkit-gradient(linear, left top, left bottom, from(#f8ecec), to(#e8cccc));
 738     padding: 8px;
 739     -webkit-border-radius: 8px;
 740     -webkit-box-shadow: 4px 4px 4px rgba(100,100,100,0.6),
 741         inset -2px -2px 1px #d0c4c4,
 742         inset 2px 2px 1px white;
 743     line-height: normal;
 744     white-space: normal;
 745     z-index: 2147483644;
 746 }
 747
 748 ::-webkit-validation-bubble-text-block {
 749     -webkit-box-flex: 1;
 750 }
 751
 752 ::-webkit-validation-bubble-heading {
 753     font-weight: bold;
 754 }
 755
 756 ::-webkit-validation-bubble-arrow {
 757     display: inline-block;
 758     position: relative;
 759     left: 32px;
 760     width: 16px;
 761     height: 16px;
 762     background-color: #f8ecec;
 763     border-width: 2px 0 0 2px;
 764     border-style: solid;
 765     border-color: #400;
 766     box-shadow: inset 2px 2px 1px white;
 767     -webkit-transform-origin: 0 0;
 768     -webkit-transform: rotate(45deg);
 769     z-index: 2147483645;
 770 }
 771
 772 ::-webkit-validation-bubble-arrow-clipper {
 773     display: block;
 774     overflow: hidden;
 775     height: 16px;
 776 }
 777
 778 #if defined(ENABLE_METER_TAG) && ENABLE_METER_TAG
 779 /* meter */
 780
 781 meter {
 782     -webkit-appearance: meter;
 783     -webkit-box-sizing: border-box;
 784     display: inline-box;
 785     height: 1em;
 786     width: 5em;
 787     vertical-align: -0.2em;
 788 }
 789
 790 meter::-webkit-meter-bar {
 791     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));
 792     height: 100%;
 793     width: 100%;
 794     -webkit-box-sizing: border-box;
 795 }
 796
 797 meter::-webkit-meter-optimum-value {
 798     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));
 799     height: 100%;
 800     -webkit-box-sizing: border-box;
 801 }
 802
 803 meter::-webkit-meter-suboptimum-value {
 804     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));
 805     height: 100%;
 806     -webkit-box-sizing: border-box;
 807 }
 808
 809 meter::-webkit-meter-even-less-good-value {
 810     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));
 811     height: 100%;
 812     -webkit-box-sizing: border-box;
 813 }
 814 #endif
 815
 816 #if defined(ENABLE_PROGRESS_TAG) && ENABLE_PROGRESS_TAG
 817 /* progress */
 818
 819 progress {
 820     -webkit-appearance: progress-bar;
 821     -webkit-box-sizing: border-box;
 822     display: inline-block;
 823     height: 1em;
 824     width: 10em;
 825     vertical-align: -0.2em;
 826 }
 827
 828 progress::-webkit-progress-bar {
 829     background-color: gray;
 830     height: 100%;
 831     width: 100%;
 832     -webkit-box-sizing: border-box;
 833 }
 834
 835 progress::-webkit-progress-value {
 836     background-color: green;
 837     height: 100%;
 838     width: 50%; /* should be removed later */
 839     -webkit-box-sizing: border-box;
 840 }
 841 #endif
 842
 843 /* inline elements */
 844
 845 u, ins {
 846     text-decoration: underline
 847 }
 848
 849 strong, b {
 850     font-weight: bolder
 851 }
 852
 853 i, cite, em, var, address, dfn {
 854     font-style: italic
 855 }
 856
 857 tt, code, kbd, samp {
 858     font-family: monospace
 859 }
 860
 861 pre, xmp, plaintext, listing {
 862     display: block;
 863     font-family: monospace;
 864     white-space: pre;
 865     margin: 1__qem 0
 866 }
 867
 868 mark {
 869     background-color: yellow;
 870     color: black
 871 }
 872
 873 big {
 874     font-size: larger
 875 }
 876
 877 small {
 878     font-size: smaller
 879 }
 880
 881 s, strike, del {
 882     text-decoration: line-through
 883 }
 884
 885 sub {
 886     vertical-align: sub;
 887     font-size: smaller
 888 }
 889
 890 sup {
 891     vertical-align: super;
 892     font-size: smaller
 893 }
 894
 895 nobr {
 896     white-space: nowrap
 897 }
 898
 899 /* states */
 900
 901 :focus {
 902     outline: auto 5px -webkit-focus-ring-color
 903 }
 904
 905 /* Read-only text fields do not show a focus ring but do still receive focus */
 906 html:focus, body:focus, input[readonly]:focus {
 907     outline: none
 908 }
 909
 910 applet:focus, embed:focus, iframe:focus, object:focus {
 911     outline: none
 912 }
 913
 914 input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus {
 915     outline-offset: -2px
 916 }
 917
 918 input[type="button"]:focus,
 919 input[type="checkbox"]:focus,
 920 input[type="file"]:focus,
 921 input[type="hidden"]:focus,
 922 input[type="image"]:focus,
 923 input[type="radio"]:focus,
 924 input[type="reset"]:focus,
 925 input[type="search"]:focus,
 926 input[type="submit"]:focus,
 927 input[type="file"]:focus::-webkit-file-upload-button {
 928     outline-offset: 0
 929 }
 930
 931 a:-webkit-any-link {
 932     color: -webkit-link;
 933     text-decoration: underline;
 934     cursor: auto;
 935 }
 936
 937 a:-webkit-any-link:active {
 938     color: -webkit-activelink
 939 }
 940
 941 /* HTML5 ruby elements */
 942
 943 ruby, rt {
 944     text-indent: 0; /* blocks used for ruby rendering should not trigger this */
 945 }
 946
 947 rt {
 948     line-height: normal;
 949     -webkit-text-emphasis: none;
 950 }
 951
 952 ruby > rt {
 953     display: block;
 954     font-size: 50%;
 955     text-align: -webkit-auto;
 956 }
 957
 958 ruby > rp {
 959     display: none;
 960 }
 961
 962 /* other elements */
 963
 964 noframes {
 965     display: none
 966 }
 967
 968 frameset, frame {
 969     display: block
 970 }
 971
 972 frameset {
 973     border-color: inherit
 974 }
 975
 976 iframe {
 977     border: 2px inset
 978 }
 979
 980 details {
 981     display: block
 982 }
 983
 984 summary {
 985     display: block
 986 }
 987
 988 summary::-webkit-details-marker {
 989     display: inline-block;
 990     width: 0.66em;
 991     height: 0.66em;
 992     margin-right: 0.4em;
 993 }
 994
 995 bdi {
 996     unicode-bidi: -webkit-isolate;
 997 }
 998
 999 /* page */
1000
1001 @page {
1002     /* FIXME: Define the right default values for page properties. */
1003     size: auto;
1004     margin: auto;
1005     padding: 0px;
1006     border-width: 0px;
1007 }
1008
1009 /* noscript is handled internally, as it depends on settings. */
1010