W3C home > Mailing lists > Public > www-validator-cvs@w3.org > May 2007

validator/htdocs/style base.css,1.11,1.12 results.css,1.16,1.17

From: Olivier Thereaux via cvs-syncmail <cvsmail@w3.org>
Date: Thu, 31 May 2007 02:32:16 +0000
To: www-validator-cvs@w3.org
Message-Id: <E1HtaSW-0002b8-Sy@lionel-hutz.w3.org>

Update of /sources/public/validator/htdocs/style
In directory hutz:/tmp/cvs-serv8394/htdocs/style

Modified Files:
	base.css results.css 
Log Message:
In collaboration with (and mostly courtesy of) Valerio Proietti (mad4milk/mootools), 
cleanup and revamp of the CSS and scripting used, mostly by the main UI of the validator.

Changes include:
* cleaner CSS for the UI
* (more) accessible, gracefully degrading tab and toggle scripting
* smooth, unobtrusive transition effects
* form styling
* Toggle and tab scripting now use mootools as framework, allowing for addressing of each "view"
 (e.g one can link directly to the "by upload", "with options toggled on" 
  this was an issue in earlier toggle script versions for the CSS validator
* scripting with smaller footprint
* minor CSS changes (page and UI takes all width, etc)



Index: base.css
===================================================================
RCS file: /sources/public/validator/htdocs/style/base.css,v
retrieving revision 1.11
retrieving revision 1.12
diff -u -d -r1.11 -r1.12
--- base.css	18 Apr 2007 23:03:50 -0000	1.11
+++ base.css	31 May 2007 02:32:14 -0000	1.12
@@ -1,628 +1,654 @@
-/*
-   Base Style Sheet for the W3C CSS validation service
-	And Markup Validation Service.
-
-   Copyright 2000~2007 W3C (MIT, INRIA, Keio). All Rights Reserved.
-   See http://www.w3.org/Consortium/Legal/ipr-notice.html#Copyright
-
-   $Id$
-*/
+/* @group Reset */
 
[...1079 lines suppressed...]
+/* warning on the home page for test instances */
+#test_warning {
+    border-left: 1px solid #ccc;
+    border-right: 1px solid #ccc;
+    line-height: 160%;
+    text-align: center;
+    margin-top: 2em;
+	margin-left: 12%;
+	margin-right: 12%;
+	padding-left: 1.5em;
+   padding-right: 1.5em;
+	color: black;
+	background-color: white;
+}
+
+#test_warning img {
+    width: 1.3em;
+    vertical-align: middle;
+}
\ No newline at end of file

Index: results.css
===================================================================
RCS file: /sources/public/validator/htdocs/style/results.css,v
retrieving revision 1.16
retrieving revision 1.17
diff -u -d -r1.16 -r1.17
--- results.css	7 May 2007 16:14:15 -0000	1.16
+++ results.css	31 May 2007 02:32:14 -0000	1.17
@@ -1,9 +1,51 @@
 /* style sheet for the validator's results page          */
 /* $Id$ */
 
+div#results_container {
+  margin: 2em;
+}
+div#results_container ul li {
+  list-style-type: disc;
+  margin-left: 1em;
+}
+div#results_container ul {
+    margin-left: 1.5em;
+    margin-right: 1.5em;
+}
+
+
+div#results_container ul.navbar {
+  border-top: 1px solid #DCDDE0;
+  border-bottom: 1px solid #DCDDE0;
+	text-align: center;
+	margin: 0 0 2em 0;
+	padding: .5em;
+}
+div#results_container ul.navbar span {
+	display: none;
+}
+
+div#results_container ul.navbar a:link, div#results_container ul.navbar a:visited {
+	color: #365D95;
+	text-decoration: none;
+	margin-right: 1em;
+	margin-left: 1em;
+}
+
+div#results_container ul.navbar a:hover, div#results_container ul.navbar a:active {
+	color: #1f2126;
+	text-decoration: underline;
+	margin-right: 1em;
+	margin-left: 1em;
+}
+
+div#results_container ul.navbar li {
+	display: inline;
+}
+
 .input {
   color: black;
-  background-color: #eee;
+  background-color: #EAEBEE;
   font-family: "Bitstream Vera Sans Mono", monospace;
   font-size: small;
 }
@@ -37,8 +79,47 @@
 table.header {
   clear: both;
   width: 100%;
+  margin-top: 0;
+  padding-top: 0;
+}
+
+div#results_container table {
+	border-collapse: collapse;
+	border-right: 1px solid #ccc;
+}
+div#results_container table td, div#results_container table th{
+	border-top: 0px solid #ddd;
+	border-bottom: 1px solid #ccc;
+	border-left: 1px solid #EAEBEE;
+	padding: 6px;
+	border-collapse: collapse;
+}
+div#results_container table th {
+	background-color: #EAEBEE;
+	color: #11111A;
+	border-right: 1px solid #ccc;
 }
 
+div#results_container table {
+  margin-bottom: .5em;
+ 	border-collapse: collapse;
+	border-right: 1px solid #ccc; 
+}
+
+div#results_container td, div#results_container th {
+	border-top: 0px solid #ddd;
+	border-bottom: 1px solid #ccc;
+	border-left: 1px solid #EAEBEE;
+	border-collapse: collapse;
+  
+}
+div#results_container th {
+	background-color: #EAEBEE;
+	color: #11111A;
+	border-right: 1px solid #ccc;
+}
+
+
 fieldset#revalidate_opts table.header {
         margin-top: .5em;
 }
@@ -60,7 +141,7 @@
 }
 
 ol li.msg_info, ol li.msg_warn, ol li.msg_err {
-  border: 1px solid #eee;
+  border: 1px solid #EAEBEE;
   border-top: 0;
   list-style-position: inside;
   padding: 1em;
@@ -75,7 +156,7 @@
 
 ol#warnings, ol#error_loop, ol#fatal-errors  {
         padding:0;
-        border-top: 1px solid #eee;
+        border-top: 1px solid #EAEBEE;
 }
 
 ol#warnings li ul li, ol#error_loop ul li, ol#error_loop p, ol#warnings p {
@@ -87,7 +168,8 @@
 li span.err_type img {
     width: 1.2em;
     height: 1.2em;
-    padding-bottom: .1em;
+    padding-bottom: .2em;
+    vertical-align: middle;
 }
 
 /*
@@ -180,9 +262,11 @@
 
   font-family: "Bitstream Vera Sans Mono", monospace;
   font-size: smaller;
-  background: #eee;
+  background: #EAEBEE;
   border: 1px solid black;
-  margin: 1em;
+  margin-top: 1em;
+  list-style-position: inside;
+  list-style-type: decimal-leading-zero;
 }
 #source ol li {
   margin: 1em;
@@ -197,7 +281,7 @@
 pre.source {
   font-family: "Bitstream Vera Sans Mono", monospace;      
   border: 1px solid black;
-  background: #eee;
+  background: #EAEBEE;
   margin: 1em;
   padding: 1em;
   overflow: scroll;
@@ -284,12 +368,12 @@
     color: #690 !important;
 }
 
-.valid {
+.valid, .valid strong {
   background-color:	#55B05A;
   color:		white;
 }
 
-.tentative_valid {
+.tentative_valid, .tentative_valid strong {
 /* we could use a different color than for "valid" */
 /*  background-color:	#888; */
 /* ... or simply use the same */
@@ -297,7 +381,7 @@
   color:		white;
 }
 
-.invalid {
+.invalid, .invalid strong {
   background-color:	#D23D24 !important;
   color:		white !important;
 }
@@ -331,7 +415,7 @@
         color: #bbc;
         font-size: x-small;
         padding-right: 0 !important;
-        margin: 1em !important;
+        margin: 1em 0 !important;
         text-transform: uppercase;
         font-weight: bold;
         padding-top: .3em;
Received on Thursday, 31 May 2007 02:32:28 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 23:02:22 UTC