Fixed the draft's CSS to render the logo properly

content/_index.md

@@ -9,6 +9,8 @@ w3c_latest_version: https://semantic-versioning.org
 w3c_feedback: ["https://git.qoto.org/semantic-versioning/semantic-versioning/-/issues"]
 w3c_editors:
    "Jeffrey Phillips Freemam": "https://JeffreyFreeman.me"
+w3c_authors:
+  "Kyle Hird": "kyle.hird@CleverThis.com"
 ---
 
 {{<container>}}

static/css/W3C-ED.css

@@ -1,155 +1,14 @@
 
-/* Style for a Working Group Editors' Draft */
+/* Style for a "Editors Draft" */
 
-/*
-   Copyright 1997-2003 W3C (MIT, ERCIM, Keio). All Rights Reserved.
-   The following software licensing rules apply:
-   http://www.w3.org/Consortium/Legal/copyright-software */
-
-/* $Id: base.css,v 1.33 2020/09/11 06:10:48 denis Exp $ */
+@import "w3c-base.css";
 
 body {
-    padding: 2em 1em 2em 70px;
-    margin: 0;
-    font-family: sans-serif;
-    color: black;
-    background: white;
-    background-position: top left;
-    background-attachment: fixed;
-    background-repeat: no-repeat;
-  }
-  :link { color: #00C; background: transparent }
-  :visited { color: #609; background: transparent }
-  a:active { color: #C00; background: transparent }
-  
-  a:link img, a:visited img { border-style: none } /* no border on img links */
-  
-  a img { color: white; }        /* trick to hide the border in Netscape 4 */
-  @media all {                   /* hide the next rule from Netscape 4 */
-    a img { color: inherit; }    /* undo the color change above */
-  }
-  
-  th, td { /* ns 4 */
-    font-family: sans-serif;
-  }
-  
-  h1, h2, h3, h4, h5, h6 { text-align: left }
-  /* background should be transparent, but WebTV has a bug */
-  h1, h2, h3 { color: #005A9C; background: white }
-  h1 { font: 170% sans-serif }
-  h2 { font: 140% sans-serif }
-  h3 { font: 120% sans-serif }
-  h4 { font: bold 100% sans-serif }
-  h5 { font: italic 100% sans-serif }
-  h6 { font: small-caps 100% sans-serif }
-  
-  .hide { display: none }
-  
-  div.head { margin-bottom: 1em }
-  div.head h1 { margin-top: 2em; clear: both }
-  div.head table { margin-left: 2em; margin-top: 2em }
-  
-  p.copyright { font-size: small }
-  p.copyright small { font-size: small }
-  
-  /** Outdated warning **********************************************************/
-  
-  .outdated-warning a {
-      color: white;
-      background: transparent;
-  }
-  
-  .outdated-spec {
-      background-color: rgba(0,0,0,0.5);
-  }
-  
-  .outdated-warning {
-      position: fixed;
-      bottom: 50%;
-      left: 0;
-      right: 0;
-      margin: 0 auto;
-      width: 50%;
-      background: maroon;
-      color: white;
-      border-radius: 1em;
-      box-shadow: 0 0 1em red;
-      padding: 2em;
-      text-align: center;
-      z-index: 2;
-  }
-  
-  .edited-rec-warning {
-      background: darkorange;
-      box-shadow: 0 0 1em;
-  }
-  
-  .outdated-warning button {
-      position: absolute;
-      top: 0;
-      right:0;
-      margin: 0;
-      border: 0;
-      padding: 0.25em 0.5em;
-      background: transparent;
-      color: white;
-      font:1em sans-serif;
-      text-align:center;
-  }
-  
-  .outdated-warning span {
-      display: block;
-  }
-  
-  .outdated-collapsed {
-      bottom: 0;
-      border-radius: 0;
-      width: 100%;
-      padding: 0;
-  }
-  
-  @media screen {  /* hide from IE3 */
-  a[href]:hover { background: #ffa }
-  }
-  
-  pre { margin-left: 2em }
-  /*
-  p {
-    margin-top: 0.6em;
-    margin-bottom: 0.6em;
-  }
-  */
-  dt, dd { margin-top: 0; margin-bottom: 0 } /* opera 3.50 */
-  dt { font-weight: bold }
-  
-  ul.toc, ol.toc {
-    list-style: disc;		/* Mac NS has problem with 'none' */
-    list-style: none;
-  }
-  
-  @media speech {
-   h1, h2, h3 { voice-stress: moderate; }
-   .hide { speak: none; }
-   p.copyright { voice-volume: x-soft; voice-rate: x-fast; }
-   dt { pause-before: 63ms; }
-  }
-  
-  @media print {
-    .outdated-warning {
-      position: absolute;
-      border-style: solid;
-      border-color: red;
-    }
-  
-    .outdated-warning input {
-      display: none;
-    }
-  
-  }
-  
-  
-  body {
-      background-image: url(//www.w3.org/StyleSheets/TR/logo-ED);
-  
-  }
-  
+  background: url(/images/ED.png) no-repeat fixed,
+              url(images/UD-watermark-light-draft) repeat-y center left fixed;
+  background-image: url(/images/ED.png),
+                    var(--draft-watermark);
+  background-position-x: left;
+  background-position-y: 100px;
+  background-color: var(--bg);
+}

static/css/W3C-UD.css

@@ -4,11 +4,11 @@
 @import "w3c-base.css";
 
 body {
-  background: url(images/UD) no-repeat fixed,
-              url(images/UD-watermark-light-draft) repeat-y center left fixed,
+  background: url(/images/UD.png) no-repeat fixed,
               url(images/UD-watermark-light-unofficial) repeat-y center right fixed;
-  background-image: url(images/UD),
-                    var(--draft-watermark),
+  background-image: url(/images/UD.png),
                     var(--unofficial-watermark);
+  background-position-x: left;
+  background-position-y: 100px;
   background-color: var(--bg);
 }

static/css/W3C-WD.css

@@ -4,7 +4,11 @@
 @import "w3c-base.css";
 
 body {
-  background-image: url(/images/WD);
+  background: url(/images/WD.png) no-repeat fixed,
+              url(images/UD-watermark-light-draft) repeat-y center left fixed;
+  background-image: url(/images/WD.png),
+                    var(--draft-watermark);
   background-position-x: left;
   background-position-y: 100px;
+  background-color: var(--bg);
 }