link-checker commit: quick attempt at styling link checker as the Markup Validator.

changeset:   71:01fe78ed6125
user:        ot
date:        Fri May 14 01:37:16 2004 +0000
files:       docs/checklink.html docs/linkchecker.css
description:
quick attempt at styling link checker as the Markup Validator.
Fr the actial service, an idea would be to keep some of its inline style + a link to the stylesheet in the repository.


diff -r 3ec11556b78b -r 01fe78ed6125 docs/checklink.html
--- a/docs/checklink.html	Mon May 10 18:41:28 2004 +0000
+++ b/docs/checklink.html	Fri May 14 01:37:16 2004 +0000
@@ -6,7 +6,7 @@
     <title>W3C Link Checker Documentation</title>
     <link rev="made" href="mailto:www-validator@w3.org" />
     <style type="text/css" media="all">@import "linkchecker.css";</style>
-    <meta name="revision" content="$Id: checklink.html,v 1.16 2004-04-20 17:13:28 ville Exp $" />
+    <meta name="revision" content="$Id: checklink.html,v 1.17 2004-05-14 01:37:16 ot Exp $" />
   </head>
 
   <body>
@@ -17,8 +17,17 @@
       Link Checker</h1>
     </div>
 
+    <ul class="navbar" id="menu">
+        <li><span class="hideme"><a href="#skip" accesskey="s" title="Skip past navigation to main part of page">Skip Navigation</a> |</span>
+        <li><a href="http://dev.w3.org/cvsweb/~checkout~/perl/modules/W3C/LinkChecker/docs/checklink.html?content-type=text/html;%20charset=utf-8" title="Documentation for this Link Checker Service">Docs</a></li>
+        <li><a href="http://search.cpan.org/dist/W3C-LinkChecker/" title="Download the source / Install this service ">Download</a></li>
+        <li>
+        <a href="http://validator.w3.org" accesskey="h" title="Validate your markup with the  W3C Markup Validation Service">Validator</a></li>
+    </ul>
+
+
     <div id="main">
-
+   <a name="skip" id="skip"></a> 
     <ul>
       <li><a href="#about">About this service</a></li>
       <li><a href="#what">What it does</a></li>
@@ -233,7 +242,7 @@
         alt="Valid XHTML 1.0!" /></a>
       <a title="Send Feedback for the W3C Link Checker"
         href="http://validator.w3.org/feedback.html">The W3C Validator Team</a><br />
-      $Date: 2004-04-20 17:13:28 $
+      $Date: 2004-05-14 01:37:16 $
     </address>
     <p class="copyright">
       <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> &copy; 1994-2004
diff -r 3ec11556b78b -r 01fe78ed6125 docs/linkchecker.css
--- a/docs/linkchecker.css	Mon May 10 18:41:28 2004 +0000
+++ b/docs/linkchecker.css	Fri May 14 01:37:16 2004 +0000
@@ -4,7 +4,7 @@
    Copyright 2000-2004 W3C (MIT, INRIA, Keio). All Rights Reserved.
    See http://www.w3.org/Consortium/Legal/ipr-notice.html#Copyright
 
-   $Id: linkchecker.css,v 1.2 2004-04-20 17:13:28 ville Exp $
+   $Id: linkchecker.css,v 1.3 2004-05-14 01:37:16 ot Exp $
 */
 
 html, body {
@@ -16,10 +16,11 @@
   border:           0;
 }
 
+.hideme {display: none}
+
 div#main {
   padding-top:      1em;
-  margin-left:      1em;
-  margin-right:     7.6em;
+  margin:      0;
 }
 
 div#main p {
@@ -87,14 +88,19 @@
 }
 
 address {
-  padding-top:       .5em;
+  padding-top:       0;
   padding-right:     1em;
   padding-left:      1em;
-  padding-bottom:    .5em;
-  margin-top:        3em;;
+  padding-bottom:    0;
+  margin-top:        3em;
   border-top:        1px solid black;
   background-color:  #eee;
   clear:             right;
+  background-image: url(http://validator.w3.org/images/footer);
+  background-repeat: no-repeat;
+  background-attachment: scroll;
+  height: 50px;
+  background-position: center;
 }
 
 p.copyright {
@@ -118,27 +124,25 @@
 
 /* Various header(ish) things. Definitions cribbed from the CORE Styles. */
 h1 {
-  font-family:       "Bitstream Vera Sans", Tahoma, Verdana, "Myriad Web", Syntax, sans-serif;
-  font-size-adjust:  .53;
-  font-size:         2em;
-  font-weight:       bold;
-  font-style:        normal;
-  text-decoration:   none;
-  color:             #053188;
+  font-family: "Bitstream Vera Sans", Tahoma, Verdana, "Myriad Web", Syntax, sans-serif;
+  font-size-adjust: .53;
+  font-size: 2em;
+  font-weight: bold;
+  font-style: normal;
+  text-decoration: none;
+  color: #053188;
 }
-#banner h1 {
-  font-size:         1.3em;
-  border-bottom:     1px solid black;
-}
+#banner h1 {font-size: 1.3em;
+display: inline}
 
 #banner {
-  /* background-image:  url(/validator/banner-qa.jpg); */
-  background-repeat: no-repeat;
-  background-attachment: scroll;
-  height:            50px;
-  background-position: right;
-  margin:            0;
-  padding:           0;
+background-image: url(http://validator.w3.org/images/header);
+background-repeat: no-repeat;
+background-attachment: scroll;
+height: 50px;
+background-position: right;
+margin:0; padding:0;
+border-bottom: 1px solid black;
 }
 
 h1#title {
@@ -172,3 +176,59 @@
   font-style:        normal;
   text-decoration:   none;
 }
+
+
+/*
+   Navbar
+*/
+
+#menu {
+/*  min-width: 63em; */
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+  height: 1.5em;
+  background-color: #eee;
+  border-bottom: solid 1px black;
+}
+
+#menu li {
+  display: inline;
+  padding: 0;
+  margin: 0;
+}
+
+#menu li a:link, #menu li a:visited {
+  text-decoration: none;
+  text-align: center;
+  float: left;
+  display: block;
+  width: 8em;
+  padding: 2px 0px;
+  margin: 0;
+  background-color: #eee;
+  color: #053188;
+  font-size: smaller;
+  font-variant: small-caps;
+  border-right: solid 1px #bbb;
+  border-bottom: solid 1px #ddd;
+}
+
+#menu li a#selected:link, #menu li a#selected:visited {
+  text-decoration: underline;
+  background-color: #fff;
+  color: #053188;
+}
+
+#menu li a:hover {
+  text-decoration: underline;
+  background-color: #fff;
+  color: #053188;
+}
+
+#menu li a:active {
+  background-color: #fff;
+  color: #053188;
+  border-right: solid 1px #ddd;
+}
+

Received on Thursday, 5 August 2010 14:47:12 UTC