Home Explore Help
Register Sign In
thallada
/
default-stylesheet
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 7 Releases 0 Wiki

Return styles to browser defaults.

Branch: master
Branches Tags
default-stylesheet/chrome-default.css

chrome-default.css 22KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936 
  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. @namespace "http://www.w3.org/1999/xhtml";

  24. html {

  25.     display: block

  26. }

  27. /* children of the <head> element all have display:none */

  28. head {

  29.     display: none

  30. }

  31. meta {

  32.     display: none

  33. }

  34. title {

  35.     display: none

  36. }

  37. link {

  38.     display: none

  39. }

  40. style {

  41.     display: none

  42. }

  43. script {

  44.     display: none

  45. }

  46. /* generic block-level elements */

  47. body {

  48.     display: block;

  49.     margin: 8px

  50. }

  51. body:-webkit-full-page-media {

  52.     background-color: rgb(0, 0, 0)

  53. }

  54. p {

  55.     display: block;

  56.     margin-before: 1em;

  57.     margin-after: 1em;

  58.     margin-start: 0;

  59.     margin-end: 0;

  60. }

  61. div {

  62.     display: block

  63. }

  64. layer {

  65.     display: block

  66. }

  67. article, aside, footer, header, hgroup, main, nav, section {

  68.     display: block

  69. }

  70. marquee {

  71.     display: inline-block;

  72. }

  73. address {

  74.     display: block

  75. }

  76. blockquote {

  77.     display: block;

  78.     margin-before: 1em;

  79.     margin-after: 1em;

  80.     margin-start: 40px;

  81.     margin-end: 40px;

  82. }

  83. figcaption {

  84.     display: block

  85. }

  86. figure {

  87.     display: block;

  88.     margin-before: 1em;

  89.     margin-after: 1em;

  90.     margin-start: 40px;

  91.     margin-end: 40px;

  92. }

  93. q {

  94.     display: inline

  95. }

  96. q:before {

  97.     content: open-quote;

  98. }

  99. q:after {

  100.     content: close-quote;

  101. }

  102. center {

  103.     display: block;

  104.     /* special centering to be able to emulate the html4/netscape behaviour */

  105.     text-align: center

  106. }

  107. hr {

  108.     display: block;

  109.     margin-before: 0.5em;

  110.     margin-after: 0.5em;

  111.     margin-start: auto;

  112.     margin-end: auto;

  113.     border-style: inset;

  114.     border-width: 1px

  115. }

  116. map {

  117.     display: inline

  118. }

  119. video {

  120.     object-fit: contain;

  121. }

  122. /* heading elements */

  123. h1 {

  124.     display: block;

  125.     font-size: 2em;

  126.     margin-before: 0.67em;

  127.     margin-after: 0.67em;

  128.     margin-start: 0;

  129.     margin-end: 0;

  130.     font-weight: bold

  131. }

  132. :any(article,aside,nav,section) h1 {

  133.     font-size: 1.5em;

  134.     margin-before: 0.83em;

  135.     margin-after: 0.83em;

  136. }

  137. :any(article,aside,nav,section) :any(article,aside,nav,section) h1 {

  138.     font-size: 1.17em;

  139.     margin-before: 1em;

  140.     margin-after: 1em;

  141. }

  142. :any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) h1 {

  143.     font-size: 1.00em;

  144.     margin-before: 1.33em;

  145.     margin-after: 1.33em;

  146. }

  147. :any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) h1 {

  148.     font-size: .83em;

  149.     margin-before: 1.67em;

  150.     margin-after: 1.67em;

  151. }

  152. :any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) :any(article,aside,nav,section) h1 {

  153.     font-size: .67em;

  154.     margin-before: 2.33em;

  155.     margin-after: 2.33em;

  156. }

  157. h2 {

  158.     display: block;

  159.     font-size: 1.5em;

  160.     margin-before: 0.83em;

  161.     margin-after: 0.83em;

  162.     margin-start: 0;

  163.     margin-end: 0;

  164.     font-weight: bold

  165. }

  166. h3 {

  167.     display: block;

  168.     font-size: 1.17em;

  169.     margin-before: 1em;

  170.     margin-after: 1em;

  171.     margin-start: 0;

  172.     margin-end: 0;

  173.     font-weight: bold

  174. }

  175. h4 {

  176.     display: block;

  177.     margin-before: 1.33em;

  178.     margin-after: 1.33em;

  179.     margin-start: 0;

  180.     margin-end: 0;

  181.     font-weight: bold

  182. }

  183. h5 {

  184.     display: block;

  185.     font-size: .83em;

  186.     margin-before: 1.67em;

  187.     margin-after: 1.67em;

  188.     margin-start: 0;

  189.     margin-end: 0;

  190.     font-weight: bold

  191. }

  192. h6 {

  193.     display: block;

  194.     font-size: .67em;

  195.     margin-before: 2.33em;

  196.     margin-after: 2.33em;

  197.     margin-start: 0;

  198.     margin-end: 0;

  199.     font-weight: bold

  200. }

  201. /* tables */

  202. table {

  203.     display: table;

  204.     border-collapse: separate;

  205.     border-spacing: 2px;

  206.     border-color: gray

  207. }

  208. thead {

  209.     display: table-header-group;

  210.     vertical-align: middle;

  211.     border-color: inherit

  212. }

  213. tbody {

  214.     display: table-row-group;

  215.     vertical-align: middle;

  216.     border-color: inherit

  217. }

  218. tfoot {

  219.     display: table-footer-group;

  220.     vertical-align: middle;

  221.     border-color: inherit

  222. }

  223. /* for tables without table section elements (can happen with XHTML or dynamically created tables) */

  224. table > tr {

  225.     vertical-align: middle;

  226. }

  227. col {

  228.     display: table-column

  229. }

  230. colgroup {

  231.     display: table-column-group

  232. }

  233. tr {

  234.     display: table-row;

  235.     vertical-align: inherit;

  236.     border-color: inherit

  237. }

  238. td, th {

  239.     display: table-cell;

  240.     vertical-align: inherit

  241. }

  242. th {

  243.     font-weight: bold

  244. }

  245. caption {

  246.     display: table-caption;

  247.     text-align: center

  248. }

  249. /* lists */

  250. ul, menu, dir {

  251.     display: block;

  252.     list-style-type: disc;

  253.     margin-before: 1em;

  254.     margin-after: 1em;

  255.     margin-start: 0;

  256.     margin-end: 0;

  257.     padding-start: 40px

  258. }

  259. ol {

  260.     display: block;

  261.     list-style-type: decimal;

  262.     margin-before: 1em;

  263.     margin-after: 1em;

  264.     margin-start: 0;

  265.     margin-end: 0;

  266.     padding-start: 40px

  267. }

  268. li {

  269.     display: list-item;

  270.     text-align: match-parent;

  271. }

  272. ul ul, ol ul {

  273.     list-style-type: circle

  274. }

  275. ol ol ul, ol ul ul, ul ol ul, ul ul ul {

  276.     list-style-type: square

  277. }

  278. dd {

  279.     display: block;

  280.     margin-start: 40px

  281. }

  282. dl {

  283.     display: block;

  284.     margin-before: 1em;

  285.     margin-after: 1em;

  286.     margin-start: 0;

  287.     margin-end: 0;

  288. }

  289. dt {

  290.     display: block

  291. }

  292. ol ul, ul ol, ul ul, ol ol {

  293.     margin-before: 0;

  294.     margin-after: 0

  295. }

  296. /* form elements */

  297. form {

  298.     display: block;

  299.     margin-top: 0em;

  300. }

  301. label {

  302.     cursor: default;

  303. }

  304. legend {

  305.     display: block;

  306.     padding-start: 2px;

  307.     padding-end: 2px;

  308.     border: none

  309. }

  310. fieldset {

  311.     display: block;

  312.     margin-start: 2px;

  313.     margin-end: 2px;

  314.     padding-before: 0.35em;

  315.     padding-start: 0.75em;

  316.     padding-end: 0.75em;

  317.     padding-after: 0.625em;

  318.     border: 2px groove ThreeDFace;

  319.     min-width: min-content;

  320. }

  321. button {

  322.     appearance: button;

  323. }

  324. /* Form controls don't go vertical. */

  325. input, textarea, keygen, select, button, meter, progress {

  326.     webkit-writing-mode: horizontal-tb !important;

  327. }

  328. input, textarea, keygen, select, button {

  329.     margin: 0em;

  330.     font: small-control;

  331.     text-rendering: auto; /* FIXME: Remove when tabs work with optimizeLegibility. */

  332.     color: initial;

  333.     letter-spacing: normal;

  334.     word-spacing: normal;

  335.     line-height: normal;

  336.     text-transform: none;

  337.     text-indent: 0;

  338.     text-shadow: none;

  339.     display: inline-block;

  340.     text-align: start;

  341. }

  342. input[type="hidden"] {

  343.     display: none

  344. }

  345. input {

  346.     appearance: textfield;

  347.     padding: 1px;

  348.     background-color: white;

  349.     border: 2px inset;

  350.     rtl-ordering: logical;

  351.     user-select: text;

  352.     cursor: auto;

  353. }

  354. input[type="search"] {

  355.     appearance: searchfield;

  356.     box-sizing: border-box;

  357. }

  358. input::-webkit-textfield-decoration-container {

  359.     display: flex;

  360.     align-items: center;

  361.     -webkit-user-modify: read-only !important;

  362.     content: none !important;

  363. }

  364. input[type="search"]::-webkit-textfield-decoration-container {

  365.     direction: ltr;

  366. }

  367. input::-webkit-clear-button {

  368.     -webkit-appearance: searchfield-cancel-button;

  369.     display: inline-block;

  370.     flex: none;

  371.     -webkit-user-modify: read-only !important;

  372.     -webkit-margin-start: 2px;

  373.     opacity: 0;

  374.     pointer-events: none;

  375. }

  376. input:enabled:read-write:any(:focus,:hover)::-webkit-clear-button {

  377.     opacity: 1;

  378.     pointer-events: auto;

  379. }

  380. input[type="search"]::-webkit-search-cancel-button {

  381.     -webkit-appearance: searchfield-cancel-button;

  382.     display: block;

  383.     flex: none;

  384.     -webkit-user-modify: read-only !important;

  385.     -webkit-margin-start: 1px;

  386.     opacity: 0;

  387.     pointer-events: none;

  388. }

  389. input[type="search"]:enabled:read-write:any(:focus,:hover)::-webkit-search-cancel-button {

  390.     opacity: 1;

  391.     pointer-events: auto;

  392. }

  393. input[type="search"]::-webkit-search-decoration {

  394.     -webkit-appearance: searchfield-decoration;

  395.     display: block;

  396.     flex: none;

  397.     -webkit-user-modify: read-only !important;

  398.     -webkit-align-self: flex-start;

  399.     margin: auto 0;

  400. }

  401. input[type="search"]::-webkit-search-results-decoration {

  402.     -webkit-appearance: searchfield-results-decoration;

  403.     display: block;

  404.     flex: none;

  405.     -webkit-user-modify: read-only !important;

  406.     -webkit-align-self: flex-start;

  407.     margin: auto 0;

  408. }

  409. input::-webkit-inner-spin-button {

  410.     -webkit-appearance: inner-spin-button;

  411.     display: inline-block;

  412.     cursor: default;

  413.     flex: none;

  414.     align-self: stretch;

  415.     -webkit-user-select: none;

  416.     -webkit-user-modify: read-only !important;

  417.     opacity: 0;

  418.     pointer-events: none;

  419. }

  420. input:enabled:read-write:any(:focus,:hover)::-webkit-inner-spin-button {

  421.     opacity: 1;

  422.     pointer-events: auto;

  423. }

  424. keygen, select {

  425.     border-radius: 5px;

  426. }

  427. keygen::-webkit-keygen-select {

  428.     margin: 0px;

  429. }

  430. textarea {

  431.     -webkit-appearance: textarea;

  432.     background-color: white;

  433.     border: 1px solid;

  434.     -webkit-rtl-ordering: logical;

  435.     -webkit-user-select: text;

  436.     flex-direction: column;

  437.     resize: auto;

  438.     cursor: auto;

  439.     padding: 2px;

  440.     white-space: pre-wrap;

  441.     word-wrap: break-word;

  442. }

  443. ::-webkit-input-placeholder {

  444.     -webkit-text-security: none;

  445.     color: darkGray;

  446.     pointer-events: none !important;

  447. }

  448. input::-webkit-input-placeholder {

  449.     white-space: pre;

  450.     word-wrap: normal;

  451.     overflow: hidden;

  452.     -webkit-user-modify: read-only !important;

  453. }

  454. input[type="password"] {

  455.     -webkit-text-security: disc !important;

  456. }

  457. input[type="hidden"], input[type="image"], input[type="file"] {

  458.     appearance: initial;

  459.     padding: initial;

  460.     background-color: initial;

  461.     border: initial;

  462. }

  463. input[type="file"] {

  464.     align-items: baseline;

  465.     color: inherit;

  466.     text-align: start !important;

  467. }

  468. input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {

  469.     background-color: #FAFFBD !important;

  470.     background-image:none !important;

  471.     color: #000000 !important;

  472. }

  473. input[type="radio"], input[type="checkbox"] {

  474.     margin: 3px 0.5ex;

  475.     padding: initial;

  476.     background-color: initial;

  477.     border: initial;

  478. }

  479. input[type="button"], input[type="submit"], input[type="reset"] {

  480.     appearance: push-button;

  481.     user-select: none;

  482.     white-space: pre

  483. }

  484. input[type="file"]::-webkit-file-upload-button {

  485.     -webkit-appearance: push-button;

  486.     -webkit-user-modify: read-only !important;

  487.     white-space: nowrap;

  488.     margin: 0;

  489.     font-size: inherit;

  490. }

  491. input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {

  492.     align-items: flex-start;

  493.     text-align: center;

  494.     cursor: default;

  495.     color: ButtonText;

  496.     padding: 2px 6px 3px 6px;

  497.     border: 2px outset ButtonFace;

  498.     background-color: ButtonFace;

  499.     box-sizing: border-box

  500. }

  501. input[type="range"] {

  502.     appearance: slider-horizontal;

  503.     padding: initial;

  504.     border: initial;

  505.     margin: 2px;

  506.     color: #909090;

  507. }

  508. input[type="range"]::-webkit-slider-container, input[type="range"]::-webkit-media-slider-container {

  509.     flex: 1;

  510.     min-width: 0;

  511.     box-sizing: border-box;

  512.     -webkit-user-modify: read-only !important;

  513.     display: flex;

  514. }

  515. input[type="range"]::-webkit-slider-runnable-track {

  516.     flex: 1;

  517.     min-width: 0;

  518.     -webkit-align-self: center;

  519.     box-sizing: border-box;

  520.     -webkit-user-modify: read-only !important;

  521.     display: block;

  522. }

  523. input[type="range"]::-webkit-slider-thumb, input[type="range"]::-webkit-media-slider-thumb {

  524.     -webkit-appearance: sliderthumb-horizontal;

  525.     box-sizing: border-box;

  526.     -webkit-user-modify: read-only !important;

  527.     display: block;

  528. }

  529. input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled,

  530. input[type="file"]:disabled::-webkit-file-upload-button, button:disabled,

  531. select:disabled, keygen:disabled, optgroup:disabled, option:disabled,

  532. select[disabled]>option {

  533.     color: GrayText

  534. }

  535. input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]:active::-webkit-file-upload-button, button:active {

  536.     border-style: inset

  537. }

  538. 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 {

  539.     border-style: outset

  540. }

  541. option:-internal-spatial-navigation-focus {

  542.     outline: black dashed 1px;

  543.     outline-offset: -1px;

  544. }

  545. datalist {

  546.     display: none

  547. }

  548. area {

  549.     display: inline;

  550.     cursor: pointer;

  551. }

  552. param {

  553.     display: none

  554. }

  555. input[type="checkbox"] {

  556.     appearance: checkbox;

  557.     box-sizing: border-box;

  558. }

  559. input[type="radio"] {

  560.     appearance: radio;

  561.     box-sizing: border-box;

  562. }

  563. input[type="color"] {

  564.     appearance: square-button;

  565.     width: 44px;

  566.     height: 23px;

  567.     background-color: ButtonFace;

  568.     /* Same as native_theme_base. */

  569.     border: 1px #a9a9a9 solid;

  570.     padding: 1px 2px;

  571. }

  572. input[type="color"]::-webkit-color-swatch-wrapper {

  573.     display:flex;

  574.     padding: 4px 2px;

  575.     box-sizing: border-box;

  576.     -webkit-user-modify: read-only !important;

  577.     width: 100%;

  578.     height: 100%

  579. }

  580. input[type="color"]::-webkit-color-swatch {

  581.     background-color: #000000;

  582.     border: 1px solid #777777;

  583.     flex: 1;

  584.     min-width: 0;

  585.     -webkit-user-modify: read-only !important;

  586. }

  587. input[type="color"][list] {

  588.     appearance: menulist;

  589.     width: 88px;

  590.     height: 23px

  591. }

  592. input[type="color"][list]::-webkit-color-swatch-wrapper {

  593.     padding-left: 8px;

  594.     padding-right: 24px;

  595. }

  596. input[type="color"][list]::-webkit-color-swatch {

  597.     border-color: #000000;

  598. }

  599. input::-webkit-calendar-picker-indicator {

  600.     display: inline-block;

  601.     width: 0.66em;

  602.     height: 0.66em;

  603.     padding: 0.17em 0.34em;

  604.     -webkit-user-modify: read-only !important;

  605.     opacity: 0;

  606.     pointer-events: none;

  607. }

  608. input::-webkit-calendar-picker-indicator:hover {

  609.     background-color: #eee;

  610. }

  611. input:enabled:read-write:any(:focus,:hover)::-webkit-calendar-picker-indicator,

  612. input::-webkit-calendar-picker-indicator:focus {

  613.     opacity: 1;

  614.     pointer-events: auto;

  615. }

  616. input[type="date"]:disabled::-webkit-clear-button,

  617. input[type="date"]:disabled::-webkit-inner-spin-button,

  618. input[type="datetime-local"]:disabled::-webkit-clear-button,

  619. input[type="datetime-local"]:disabled::-webkit-inner-spin-button,

  620. input[type="month"]:disabled::-webkit-clear-button,

  621. input[type="month"]:disabled::-webkit-inner-spin-button,

  622. input[type="week"]:disabled::-webkit-clear-button,

  623. input[type="week"]:disabled::-webkit-inner-spin-button,

  624. input:disabled::-webkit-calendar-picker-indicator,

  625. input[type="date"][readonly]::-webkit-clear-button,

  626. input[type="date"][readonly]::-webkit-inner-spin-button,

  627. input[type="datetime-local"][readonly]::-webkit-clear-button,

  628. input[type="datetime-local"][readonly]::-webkit-inner-spin-button,

  629. input[type="month"][readonly]::-webkit-clear-button,

  630. input[type="month"][readonly]::-webkit-inner-spin-button,

  631. input[type="week"][readonly]::-webkit-clear-button,

  632. input[type="week"][readonly]::-webkit-inner-spin-button,

  633. input[readonly]::-webkit-calendar-picker-indicator {

  634.     visibility: hidden;

  635. }

  636. select {

  637.     appearance: menulist;

  638.     box-sizing: border-box;

  639.     align-items: center;

  640.     border: 1px solid;

  641.     white-space: pre;

  642.     rtl-ordering: logical;

  643.     color: black;

  644.     background-color: white;

  645.     cursor: default;

  646. }

  647. select:not(:-internal-list-box) {

  648.     overflow: visible !important;

  649. }

  650. select:-internal-list-box {

  651.     appearance: listbox;

  652.     align-items: flex-start;

  653.     border: 1px inset gray;

  654.     border-radius: initial;

  655.     overflow-x: hidden;

  656.     overflow-y: scroll;

  657.     vertical-align: text-bottom;

  658.     user-select: none;

  659.     white-space: nowrap;

  660. }

  661. optgroup {

  662.     font-weight: bolder;

  663.     display: block;

  664. }

  665. option {

  666.     font-weight: normal;

  667.     display: block;

  668.     padding: 0 2px 1px 2px;

  669.     white-space: pre;

  670.     min-height: 1.2em;

  671. }

  672. select:-internal-list-box optgroup option:before {

  673.     content: "\00a0\00a0\00a0\00a0";;

  674. }

  675. select:-internal-list-box option,

  676. select:-internal-list-box optgroup {

  677.     line-height: initial !important;

  678. }

  679. select:-internal-list-box:focus option:checked {

  680.     background-color: -internal-active-list-box-selection !important;

  681.     color: -internal-active-list-box-selection-text !important;

  682. }

  683. select:-internal-list-box option:checked {

  684.     background-color: -internal-inactive-list-box-selection !important;

  685.     color: -internal-inactive-list-box-selection-text !important;

  686. }

  687. select:-internal-list-box:disabled option:checked,

  688. select:-internal-list-box option:checked:disabled {

  689.     color: gray !important;

  690. }

  691. select:-internal-list-box hr {

  692.     border-style: none;

  693. }

  694. output {

  695.     display: inline;

  696. }

  697. /* meter */

  698. meter {

  699.     appearance: meter;

  700.     box-sizing: border-box;

  701.     display: inline-block;

  702.     height: 1em;

  703.     width: 5em;

  704.     vertical-align: -0.2em;

  705. }

  706. meter::-webkit-meter-inner-element {

  707.     -webkit-appearance: inherit;

  708.     box-sizing: inherit;

  709.     -webkit-user-modify: read-only !important;

  710.     height: 100%;

  711.     width: 100%;

  712. }

  713. meter::-webkit-meter-bar {

  714.     background: linear-gradient(to bottom, #ddd, #eee 20%, #ccc 45%, #ccc 55%, #ddd);

  715.     height: 100%;

  716.     width: 100%;

  717.     -webkit-user-modify: read-only !important;

  718.     box-sizing: border-box;

  719. }

  720. meter::-webkit-meter-optimum-value {

  721.     background: linear-gradient(to bottom, #ad7, #cea 20%, #7a3 45%, #7a3 55%, #ad7);

  722.     height: 100%;

  723.     -webkit-user-modify: read-only !important;

  724.     box-sizing: border-box;

  725. }

  726. meter::-webkit-meter-suboptimum-value {

  727.     background: linear-gradient(to bottom, #fe7, #ffc 20%, #db3 45%, #db3 55%, #fe7);

  728.     height: 100%;

  729.     -webkit-user-modify: read-only !important;

  730.     box-sizing: border-box;

  731. }

  732. meter::-webkit-meter-even-less-good-value {

  733.     background: linear-gradient(to bottom, #f77, #fcc 20%, #d44 45%, #d44 55%, #f77);

  734.     height: 100%;

  735.     -webkit-user-modify: read-only !important;

  736.     box-sizing: border-box;

  737. }

  738. /* progress */

  739. progress {

  740.     appearance: progress-bar;

  741.     box-sizing: border-box;

  742.     display: inline-block;

  743.     height: 1em;

  744.     width: 10em;

  745.     vertical-align: -0.2em;

  746. }

  747. progress::-webkit-progress-inner-element {

  748.     -webkit-appearance: inherit;

  749.     box-sizing: inherit;

  750.     -webkit-user-modify: read-only;

  751.     height: 100%;

  752.     width: 100%;

  753. }

  754. progress::-webkit-progress-bar {

  755.     background-color: gray;

  756.     height: 100%;

  757.     width: 100%;

  758.     -webkit-user-modify: read-only !important;

  759.     box-sizing: border-box;

  760. }

  761. progress::-webkit-progress-value {

  762.     background-color: green;

  763.     height: 100%;

  764.     width: 50%; /* should be removed later */

  765.     -webkit-user-modify: read-only !important;

  766.     box-sizing: border-box;

  767. }

  768. /* inline elements */

  769. u, ins {

  770.     text-decoration: underline

  771. }

  772. strong, b {

  773.     font-weight: bold

  774. }

  775. i, cite, em, var, address, dfn {

  776.     font-style: italic

  777. }

  778. tt, code, kbd, samp {

  779.     font-family: monospace

  780. }

  781. pre, xmp, plaintext, listing {

  782.     display: block;

  783.     font-family: monospace;

  784.     white-space: pre;

  785.     margin: 1em 0

  786. }

  787. mark {

  788.     background-color: yellow;

  789.     color: black

  790. }

  791. big {

  792.     font-size: larger

  793. }

  794. small {

  795.     font-size: smaller

  796. }

  797. s, strike, del {

  798.     text-decoration: line-through

  799. }

  800. sub {

  801.     vertical-align: sub;

  802.     font-size: smaller

  803. }

  804. sup {

  805.     vertical-align: super;

  806.     font-size: smaller

  807. }

  808. nobr {

  809.     white-space: nowrap

  810. }

  811. /* states */

  812. :focus { 

  813.     outline: auto 5px Highlight

  814. }

  815. /* Read-only text fields do not show a focus ring but do still receive focus */

  816. html:focus, body:focus, input[readonly]:focus { 

  817.     outline: none

  818. }

  819. embed:focus, iframe:focus, object:focus {

  820.     outline: none

  821. }

  822.   

  823. input:focus, textarea:focus, keygen:focus, select:focus {

  824.     outline-offset: -2px

  825. }

  826. input[type="button"]:focus,

  827. input[type="checkbox"]:focus,

  828. input[type="file"]:focus,

  829. input[type="hidden"]:focus,

  830. input[type="image"]:focus,

  831. input[type="radio"]:focus,

  832. input[type="reset"]:focus,

  833. input[type="search"]:focus,

  834. input[type="submit"]:focus,

  835. input[type="file"]:focus::-webkit-file-upload-button {

  836.     outline-offset: 0

  837. }

  838.     

  839. a:any-link {

  840.     color: -webkit-link;

  841.     text-decoration: underline;

  842.     cursor: auto;

  843. }

  844. a:any-link:active {

  845.     color: -webkit-activelink

  846. }

  847. /* HTML5 ruby elements */

  848. ruby, rt {

  849.     text-indent: 0; /* blocks used for ruby rendering should not trigger this */

  850. }

  851. rt {

  852.     line-height: normal;

  853.     text-emphasis: none;

  854. }

  855. ruby > rt {

  856.     display: block;

  857.     font-size: 50%;

  858.     text-align: start;

  859. }

  860. ruby > rp {

  861.     display: none;

  862. }

  863. /* other elements */

  864. noframes {

  865.     display: none

  866. }

  867. frameset, frame {

  868.     display: block

  869. }

  870. frameset {

  871.     border-color: inherit

  872. }

  873. iframe {

  874.     border: 2px inset

  875. }

  876. details {

  877.     display: block

  878. }

  879. summary {

  880.     display: block

  881. }

  882. summary::-webkit-details-marker {

  883.     display: inline-block;

  884.     width: 0.66em;

  885.     height: 0.66em;

  886.     -webkit-margin-end: 0.4em;

  887. }

  888. template {

  889.     display: none

  890. }

  891. bdi, output {

  892.     unicode-bidi: isolate;

  893. }

  894. bdo {

  895.     unicode-bidi: bidi-override;

  896. }

  897. textarea[dir=auto] {

  898.     unicode-bidi: plaintext;

  899. }

  900. dialog:not([open]) {

  901.     display: none

  902. }

  903. dialog {

  904.     position: absolute;

  905.     left: 0;

  906.     right: 0;

  907.     width: fit-content;

  908.     height: fit-content;

  909.     margin: auto;

  910.     border: solid;

  911.     padding: 1em;

  912.     background: white;

  913.     color: black

  914. }

  915. dialog::backdrop {

  916.     position: fixed;

  917.     top: 0;

  918.     right: 0;

  919.     bottom: 0;

  920.     left: 0;

  921.     background: rgba(0,0,0,0.1)

  922. }

  923. /* page */

  924. @page {

  925.     /* FIXME: Define the right default values for page properties. */

  926.     size: auto;

  927.     margin: auto;

  928.     padding: 0px;

  929.     border-width: 0px;

  930. }

  931. /* Disable multicol in printing, since it's not implemented properly. See crbug.com/99358 */

  932. @media print {

  933.     * { columns: auto !important; }

  934. }

  935. /* noscript is handled internally, as it depends on settings. */