Created
July 31, 2018 16:49
-
-
Save domenic/ac6b30da72757ad76d0d374756244653 to your computer and use it in GitHub Desktop.
HTML Standard inline stylesheet
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <style> | |
| .status { min-height: 0.6em; font: 1em sans-serif; width: 9em; padding: 0.3em; position: absolute; z-index: 8; right: 0.3em; background: #EEE; color: black; box-shadow: 0 0 3px #999; overflow: hidden; margin: -2em 0 0 0; border-collapse: initial; border-spacing: initial; } | |
| .status:hover { z-index: 9; } | |
| .status:focus-within { z-index: 9; } | |
| .status.wrapped > :not(input) { display: none; } | |
| .status > input { position: absolute; left: 0; top: 0; width: 1em; height: 1em; border: none; background: transparent; padding: 0; margin: 0; } | |
| .status > p { font-size: 0.6em; margin: 0; padding: 0; } | |
| .status > p + p { padding-top: 0.5em; } | |
| .status > p > strong { margin-left: 1.5em; } | |
| .status > .support { display: block; } | |
| .status > .support > span { padding: 0.2em 0; display: block; display: table; } | |
| .status > .support > span.partial { color: #666666; filter: grayscale(50%); } | |
| .status > .support > span.no { color: #CCCCCC; filter: grayscale(100%); } | |
| .status > .support > span.no::before { opacity: 0.5; } | |
| .status > .support > span:first-of-type { padding-top: 0.5em; } | |
| .status > .support > span > span { padding: 0 0.5em; display: table-cell; vertical-align: top; } | |
| .status > .support > span > span:first-child { width: 100%; } | |
| .status > .support > span > span:last-child { width: 100%; white-space: pre; padding: 0; } | |
| .status > .support > span::before { content: ' '; display: table-cell; min-width: 1.5em; height: 1.5em; background: no-repeat center center; background-size: contain; text-align: right; font-size: 0.75em; font-weight: bold; } | |
| .status > .support > .and_chr::before { background-image: url(https://resources.whatwg.org/browser-logos/chrome.svg); } | |
| .status > .support > .and_ff::before { background-image: url(https://resources.whatwg.org/browser-logos/firefox.png); } | |
| .status > .support > .and_uc::before { background-image: url(https://resources.whatwg.org/browser-logos/uc.png); } /* UC Browser for Android */ | |
| .status > .support > .android::before { background-image: url(https://resources.whatwg.org/browser-logos/android.svg); } | |
| .status > .support > .bb::before { background-image: url(https://resources.whatwg.org/browser-logos/bb.jpg); } /* Blackberry Browser */ | |
| .status > .support > .chrome::before { background-image: url(https://resources.whatwg.org/browser-logos/chrome.svg); } | |
| .status > .support > .edge::before { background-image: url(https://resources.whatwg.org/browser-logos/edge.svg); } | |
| .status > .support > .firefox::before { background-image: url(https://resources.whatwg.org/browser-logos/firefox.png); } | |
| .status > .support > .ie::before { background-image: url(https://resources.whatwg.org/browser-logos/ie.png); } | |
| .status > .support > .ie_mob::before { background-image: url(https://resources.whatwg.org/browser-logos/ie-mobile.svg); } | |
| .status > .support > .ios_saf::before { background-image: url(https://resources.whatwg.org/browser-logos/safari-ios.svg); } | |
| .status > .support > .op_mini::before { background-image: url(https://resources.whatwg.org/browser-logos/opera-mini.png); } | |
| .status > .support > .op_mob::before { background-image: url(https://resources.whatwg.org/browser-logos/opera.png); } | |
| .status > .support > .opera::before { background-image: url(https://resources.whatwg.org/browser-logos/opera.png); } | |
| .status > .support > .safari::before { background-image: url(https://resources.whatwg.org/browser-logos/safari.png); } | |
| .status > .support > .samsung::before { background-image: url(https://resources.whatwg.org/browser-logos/samsung.png); } | |
| .status > .caniuse { text-align: right; font-style: italic; width: 100%; } | |
| .status > .caniuse + p { margin-top: 0.5em; border-top: 1px solid silver; } | |
| @media (max-width: 767px) { | |
| .status { right: -9em; } | |
| } | |
| </style> | |
| <style> <!-- not in the developer's edition, so split into separate style tag --> | |
| [hidden] { display: none; } | |
| .bad, .bad *:not(.X\58X) { color: gray; border-color: gray; background: transparent; } | |
| .fingerprint { position: absolute; right: 0; z-index: 5; } | |
| @media (max-width: 767px) { | |
| .fingerprint { max-width: 35px; } | |
| } | |
| .applies .yes, .yesno .yes { background: yellow; } | |
| .yesno .yes, .yesno .no { text-align: center; } | |
| .applies thead th > * { display: block; } | |
| .applies thead code { display: block; } | |
| .applies td { text-align: center; } | |
| .matrix, .matrix td { border: hidden; text-align: right; } | |
| .matrix { margin-left: 2em; } | |
| .vertical-summary-table tr > th[rowspan="2"]:first-child + th, | |
| .vertical-summary-table tr > td[rowspan="2"]:first-child + td { border-bottom: hidden; } | |
| .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; } | |
| .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; } | |
| .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; } | |
| td.eg { border-width: thin; text-align: center; } | |
| #table-example-1 { border: solid thin; border-collapse: collapse; margin-left: 3em; } | |
| #table-example-1 caption { padding-bottom: 0.5em; } | |
| #table-example-1 thead, #table-example-1 tbody { border: none; } | |
| #table-example-1 th, #table-example-1 td { border: solid thin; } | |
| #table-example-1 th { font-weight: normal; } | |
| #table-example-1 td { border-style: none solid; vertical-align: top; } | |
| #table-example-1 th { padding: 0.5em; vertical-align: middle; text-align: center; } | |
| #table-example-1 tbody tr:first-child td { padding-top: 0.5em; } | |
| #table-example-1 tbody tr:last-child td { padding-bottom: 1.5em; } | |
| #table-example-1 tbody td:first-child { padding-left: 2.5em; padding-right: 0; width: 9em; } | |
| #table-example-1 tbody td:first-child::after { content: leader(". "); } | |
| #table-example-1 tbody td { padding-left: 2em; padding-right: 2em; } | |
| #table-example-1 tbody td:first-child + td { width: 10em; } | |
| #table-example-1 tbody td:first-child + td ~ td { width: 2.5em; } | |
| #table-example-1 tbody td:first-child + td + td + td ~ td { width: 1.25em; } | |
| .apple-table-examples { border: none; border-collapse: separate; border-spacing: 1.5em 0em; width: 40em; margin-left: 3em; } | |
| .apple-table-examples * { font-family: "Times", serif; } | |
| .apple-table-examples td, .apple-table-examples th { border: none; white-space: nowrap; padding-top: 0; padding-bottom: 0; } | |
| .apple-table-examples tbody th:first-child { border-left: none; width: 100%; } | |
| .apple-table-examples thead th:first-child ~ th { font-size: smaller; font-weight: bolder; border-bottom: solid 2px; text-align: center; } | |
| .apple-table-examples tbody th::after, .apple-table-examples tfoot th::after { content: leader(". ") } | |
| .apple-table-examples tbody th, .apple-table-examples tfoot th { font: inherit; text-align: left; } | |
| .apple-table-examples td { text-align: right; vertical-align: top; } | |
| .apple-table-examples.e1 tbody tr:last-child td { border-bottom: solid 1px; } | |
| .apple-table-examples.e1 tbody + tbody tr:last-child td { border-bottom: double 3px; } | |
| .apple-table-examples.e2 th[scope=row] { padding-left: 1em; } | |
| .apple-table-examples sup { line-height: 0; } | |
| .three-column-nowrap tr > td:first-child, | |
| .three-column-nowrap tr > td:first-child + td, | |
| .three-column-nowrap tr > td:first-child + td + td { white-space: nowrap; } | |
| .details-example img { vertical-align: top; } | |
| .parse-error-table td > p:first-child { margin-top: 0; } | |
| #named-character-references-table { | |
| white-space: nowrap; | |
| font-size: 0.6em; | |
| column-width: 30em; | |
| column-gap: 1em; | |
| -moz-column-width: 30em; | |
| -moz-column-gap: 1em; | |
| -webkit-column-width: 30em; | |
| -webkit-column-gap: 1em; | |
| } | |
| #named-character-references-table > table > tbody > tr > td:first-child + td, | |
| #named-character-references-table > table > tbody > tr > td:last-child { text-align: center; } | |
| #named-character-references-table > table > tbody > tr > td:last-child:hover > span { position: absolute; top: auto; left: auto; margin-left: 0.5em; line-height: 1.2; font-size: 5em; border: outset; padding: 0.25em 0.5em; background: white; width: 1.25em; height: auto; text-align: center; } | |
| #named-character-references-table > table > tbody > tr#entity-CounterClockwiseContourIntegral > td:first-child { font-size: 0.5em; } | |
| .glyph.control { color: red; } | |
| #table-example-1 * { font-family: "Essays1743", serif; line-height: 1.01em; } | |
| @font-face { | |
| font-family: 'Essays1743'; | |
| src: url('/fonts/Essays1743.ttf'); | |
| } | |
| @font-face { | |
| font-family: 'Essays1743'; | |
| font-weight: bold; | |
| src: url('/fonts/Essays1743-Bold.ttf'); | |
| } | |
| @font-face { | |
| font-family: 'Essays1743'; | |
| font-style: italic; | |
| src: url('/fonts/Essays1743-Italic.ttf'); | |
| } | |
| @font-face { | |
| font-family: 'Essays1743'; | |
| font-style: italic; | |
| font-weight: bold; | |
| src: url('/fonts/Essays1743-BoldItalic.ttf'); | |
| } | |
| @media (max-width: 767px) { | |
| #abstractimg { width: 100%; } | |
| } | |
| #abstractimg, #abstractimg text { font: inherit; } | |
| #abstractimg rect { fill: #424242; } | |
| #abstractimg text { fill: #ffffff; font-size: 18px } | |
| #abstractimg .top { word-spacing: 50px; text-anchor: middle; } | |
| #abstractimg .left, #abstractimg .bottom { word-spacing: 12px; } | |
| #abstractimg .right { font-size: 25px; } | |
| </style> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment