Skip to content

Commit

Permalink
Meta: move common dev edition styles out
Browse files Browse the repository at this point in the history 
Follows whatwg/whatwg.org#234.
  • Loading branch information
@domenic
domenic committed Oct 25, 2018
1 parent 01787ee commit df8dfc1
Show file tree
Hide file tree
Showing 2 changed files with 1 addition and 182 deletions.
140 changes: 0 additions & 140 deletions dev/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -130,44 +130,6 @@ h1 dfn, h2 dfn, h3 dfn, h4 dfn, h5 dfn, h6 dfn {
font-style: normal;
}

/* Self-links */

a.self-link {
position: absolute;
top: 0;
left: -2.5em;
width: 2em;
height: 2em;
text-align: center;
transition: opacity 0.2s;
opacity: 0.5;
text-decoration: none;
}
a.self-link:hover {
opacity: 1;
text-decoration: none;
}

h2 > a.self-link, h3 > a.self-link, h4 > a.self-link, h5 > a.self-link, h6 > a.self-link {
font-size: 83%;
color: inherit;
border-bottom: none;
}

h2 > a.self-link {
left: -4em;
}

a.self-link::before {
content: "¶";
}

h2 > a.self-link::before, h3 > a.self-link::before, h4 > a.self-link::before,
h5 > a.self-link::before, h6 > a.self-link::before {
content: "§";
}


/* Links */

a:link {
Expand Down Expand Up @@ -560,13 +522,6 @@ html:not(.index) ol.toc ol {
word-wrap: break-word;
}

/* Don't position self-link in headings off-screen */
h2 > a.self-link, h3 > a.self-link, h4 > a.self-link, h5 > a.self-link, h6 > a.self-link {
left: auto;
top: auto;
margin-left: 0.5em;
}

h2 .secno {
position: static;
display: inline;
Expand Down Expand Up @@ -595,98 +550,3 @@ html:not(.index) ol.toc ol {
box-shadow: none;
}
}
/* DOM tree borders */
ul.domTree, ul.domTree ul {
padding: 0 0 0 1em;
margin: 0;
}

ul.domTree li {
padding: 0;
margin: 0;
list-style: none;
position: relative;
}

ul.domTree li li {
list-style: none;
}

ul.domTree li:first-child::before {
position: absolute;
top: 0;
height: 0.6em;
left: -0.75em;
width: 0.5em;
border-style: none none solid solid;
content: '';
border-width: 0.1em;
}

ul.domTree li:not(:last-child)::after {
position: absolute;
top: 0;
bottom: -0.6em;
left: -0.75em;
width: 0.5em;
border-style: none none solid solid;
content: '';
border-width: 0.1em;
}

/* SYNTAX HIGHLIGHTING */


/* for output from https://github.com/tabatkins/highlighter */
c-[a] { color: #990055 } /* Keyword.Declaration */
c-[b] { color: #990055 } /* Keyword.Type */
c-[c] { color: #708090 } /* Comment */
c-[d] { color: #708090 } /* Comment.Multiline */
c-[e] { color: #0077aa } /* Name.Attribute */
c-[f] { color: #669900 } /* Name.Tag */
c-[g] { color: #222222 } /* Name.Variable */
c-[k] { color: #990055 } /* Keyword */
c-[l] { color: #000000 } /* Literal */
c-[m] { color: #000000 } /* Literal.Number */
c-[n] { color: #0077aa } /* Name */
c-[o] { color: #999999 } /* Operator */
c-[p] { color: #999999 } /* Punctuation */
c-[s] { color: #a67f59 } /* Literal.String */
c-[t] { color: #a67f59 } /* Literal.String.Single */
c-[u] { color: #a67f59 } /* Literal.String.Double */
c-[cp] { color: #708090 } /* Comment.Preproc */
c-[c1] { color: #708090 } /* Comment.Single */
c-[cs] { color: #708090 } /* Comment.Special */
c-[kc] { color: #990055 } /* Keyword.Constant */
c-[kn] { color: #990055 } /* Keyword.Namespace */
c-[kp] { color: #990055 } /* Keyword.Pseudo */
c-[kr] { color: #990055 } /* Keyword.Reserved */
c-[ld] { color: #000000 } /* Literal.Date */
c-[nc] { color: #0077aa } /* Name.Class */
c-[no] { color: #0077aa } /* Name.Constant */
c-[nd] { color: #0077aa } /* Name.Decorator */
c-[ni] { color: #0077aa } /* Name.Entity */
c-[ne] { color: #0077aa } /* Name.Exception */
c-[nf] { color: #0077aa } /* Name.Function */
c-[nl] { color: #0077aa } /* Name.Label */
c-[nn] { color: #0077aa } /* Name.Namespace */
c-[py] { color: #0077aa } /* Name.Property */
c-[ow] { color: #999999 } /* Operator.Word */
c-[mb] { color: #000000 } /* Literal.Number.Bin */
c-[mf] { color: #000000 } /* Literal.Number.Float */
c-[mh] { color: #000000 } /* Literal.Number.Hex */
c-[mi] { color: #000000 } /* Literal.Number.Integer */
c-[mo] { color: #000000 } /* Literal.Number.Oct */
c-[sb] { color: #a67f59 } /* Literal.String.Backtick */
c-[sc] { color: #a67f59 } /* Literal.String.Char */
c-[sd] { color: #a67f59 } /* Literal.String.Doc */
c-[se] { color: #a67f59 } /* Literal.String.Escape */
c-[sh] { color: #a67f59 } /* Literal.String.Heredoc */
c-[si] { color: #a67f59 } /* Literal.String.Interpol */
c-[sx] { color: #a67f59 } /* Literal.String.Other */
c-[sr] { color: #a67f59 } /* Literal.String.Regex */
c-[ss] { color: #a67f59 } /* Literal.String.Symbol */
c-[vc] { color: #0077aa } /* Name.Variable.Class */
c-[vg] { color: #0077aa } /* Name.Variable.Global */
c-[vi] { color: #0077aa } /* Name.Variable.Instance */
c-[il] { color: #000000 } /* Literal.Number.Integer.Long */
43 changes: 1 addition & 42 deletions source
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,7 @@
<meta name="theme-color" content="#3c790a">
<link w-nodev rel="stylesheet" href="https://resources.whatwg.org/spec.css">
<link w-nodev w-noreview rel="stylesheet" href="https://resources.whatwg.org/standard.css">
<link w-noreview rel="stylesheet" href="https://resources.whatwg.org/standard-shared-with-dev.css">
<link w-nohtml w-nodev w-nosnap rel="stylesheet" href="https://resources.whatwg.org/review-draft.css">
<link w-nosnap w-noreview rel="icon" href="https://resources.whatwg.org/logo.svg">
<link w-nohtml w-nodev rel="icon" href="https://resources.whatwg.org/logo-snapshot.svg">
Expand All @@ -38,48 +39,6 @@
div.parentNode.classList.toggle('wrapped');
}
</script>
<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>
<link w-dev rel="stylesheet" href="styles.css">
<style w-nodev>
.bad, .bad *:not(.X\58X) { color: gray; }
Expand Down

0 comments on commit df8dfc1

Please sign in to comment.