Move respec-complement.css to custom and shadow (#502)

WICG · May 17, 2016 · 0df5824 · 0df5824
1 parent 0f1b31b
commit 0df5824
Show file tree

Hide file tree

Showing 6 changed files with 48 additions and 19 deletions.
diff --git a/spec/custom/W3CTRMANIFEST b/spec/custom/W3CTRMANIFEST
@@ -1,3 +1,4 @@
 index.html?specStatus=WD;shortName=custom-elements;useExperimentalStyles=false respec
 custom-element-reactions.svg
+respec-complement.css
 
diff --git a/spec/custom/index.html b/spec/custom/index.html
@@ -9,7 +9,7 @@
 </script>
   <script src="https://resources.whatwg.org/dfn.js" defer class="remove">
 </script>
-  <link rel="stylesheet" href="../../assets/styles/respec-complement.css">
+  <link rel="stylesheet" href="respec-complement.css">
   <script class="remove">
 function resolveBacklink() {
       // For dfn.js

diff --git a/spec/custom/respec-complement.css b/spec/custom/respec-complement.css
@@ -0,0 +1,44 @@
+/*
+ * From https://resources.whatwg.org/standard.css
+ * Styles used in https://resources.whatwg.org/dfn.js
+ */
+body.dfnEnabled dfn { cursor: pointer; }
+.dfnPanel {
+  display: inline;
+  position: absolute;
+  z-index: 35;
+  height: auto;
+  width: auto;
+  padding: 0.5em 0.75em;
+  font: small Helvetica Neue, sans-serif, Droid Sans Fallback;
+  background: #DDDDDD;
+  color: black;
+  border: outset 0.2em;
+}
+.dfnPanel * { margin: 0; padding: 0; font: inherit; text-indent: 0; }
+.dfnPanel :link, .dfnPanel :visited { color: black; }
+.dfnPanel p:not(.spec-link) { font-weight: bolder; }
+.dfnPanel * + p { margin-top: 0.25em; }
+.dfnPanel li { list-style-position: inside; }
+
+/* Additional fixes */
+.dfnPanel a[href] { border-bottom: none; }
+.dfnPanel a[href]:hover { border-bottom: 1px solid #707070; }
+
+/*
+ * From https://resources.whatwg.org/standard.css
+ */
+.brief { margin-top: 1em; margin-bottom: 1em; line-height: 1.1; }
+.brief > li { margin: 0; padding: 0; }
+.brief > li > p, .brief > li > ol, .brief > li > ul, .brief > li > dl {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+/*
+ * From https://resources.whatwg.org/standard.css
+ */
+.element { background: #EEFFEE; color: black; margin: 0 0 1em -0.15em; padding: 0 1em 0.25em 1em; }
+.element:not(:hover) > dt > :link, .element:not(:hover) > dt > :visited { color: inherit; text-decoration: none; }
diff --git a/spec/shadow/W3CTRMANIFEST b/spec/shadow/W3CTRMANIFEST
@@ -1 +1,2 @@
 index.html?specStatus=WD;shortName=shadow-dom respec
+respec-complement.css
diff --git a/spec/shadow/index.html b/spec/shadow/index.html
@@ -5,7 +5,7 @@
     <title>Shadow DOM</title>
     <script src='./autolink-config.js' class='remove'></script>
     <script src='../../assets/scripts/autolink.js' class='remove'></script>
-    <link rel="stylesheet" href="../../assets/styles/respec-complement.css" type="text/css" />
+    <link rel="stylesheet" href="respec-complement.css" type="text/css" />
     <script src='//www.w3.org/Tools/respec/respec-w3c-common' async class='remove'></script>
     <script src='//resources.whatwg.org/dfn.js' defer class='remove'></script>
     <script class='remove'>

diff --git a/assets/styles/respec-complement.css → spec/shadow/respec-complement.css b/assets/styles/respec-complement.css → spec/shadow/respec-complement.css
@@ -77,20 +77,3 @@ body.dfnEnabled dfn { cursor: pointer; }
 .dfnPanel a[href] { border-bottom: none; }
 .dfnPanel a[href]:hover { border-bottom: 1px solid #707070; }
 
-/*
- * From https://resources.whatwg.org/standard.css
- */
-.brief { margin-top: 1em; margin-bottom: 1em; line-height: 1.1; }
-.brief > li { margin: 0; padding: 0; }
-.brief > li > p, .brief > li > ol, .brief > li > ul, .brief > li > dl {
-  margin-top: 0;
-  margin-bottom: 0;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-/*
- * From https://resources.whatwg.org/standard.css
- */
-.element { background: #EEFFEE; color: black; margin: 0 0 1em -0.15em; padding: 0 1em 0.25em 1em; }
-.element:not(:hover) > dt > :link, .element:not(:hover) > dt > :visited { color: inherit; text-decoration: none; }
Original file line number	Diff line number	Diff line change
		@@ -1 +1,2 @@
		index.html?specStatus=WD;shortName=shadow-dom respec
		respec-complement.css