- From: Olivier Thereaux via cvs-syncmail <cvsmail@w3.org>
- Date: Thu, 15 Jun 2006 11:14:54 +0000
- To: www-validator-cvs@w3.org
Update of /sources/public/2002/css-validator
In directory hutz:/tmp/cvs-serv3287
Modified Files:
base.css validator.html.en
Log Message:
large overhaul of the main stylesheet for the validator, and new home page design.
changes include:
- new top banner, in shades of blue
- main links bar now located at bottom of page, creating less clutter
between the top of the page and the input forms, which are the main
function of the page. Also now provides a "horizontal separation"
between main content and logos/legalese
- no more <address> (this should probably be fixed, although menu now
sports a "feedback" link).
banana footer banner is gone, for sake of cleanliness
- by URI, by Upload and by Direct input fieldsets merged into a single
space with tabtastic-scripting and tabbed navigation between them.
URI remains default/top input method.
- extra options brought to the main page, but with toggle scripting
(triggered on page load) hiding from general view. non css/ non js
enabled pages get the "unfolded" view, but page is fully accessible.
- headings color made similar to current markup validator color schemes
- some general CSS cleanup, ensuring a minumum of CSS validation warnings
(dog, meet food)
Index: validator.html.en
===================================================================
RCS file: /sources/public/2002/css-validator/validator.html.en,v
retrieving revision 1.13
retrieving revision 1.14
diff -u -d -r1.13 -r1.14
--- validator.html.en 1 Mar 2006 21:24:03 -0000 1.13
+++ validator.html.en 15 Jun 2006 11:14:52 -0000 1.14
@@ -1,4 +1,4 @@
-<?xml version="1.0"?>
+<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
@@ -6,123 +6,213 @@
<title>The W3C CSS Validation Service</title>
<link rev="made" href="mailto:www-validator-css@w3.org" />
<link rev="start" href="./" title="Home Page" />
- <style type="text/css" media="all">@import "./base.css";</style>
+ <style type="text/css" media="all">@import "base.css";
+</style>
+ <script type="text/javascript" src="tabtastic/addclasskillclass.js"></script>
+ <script type="text/javascript" src="tabtastic/attachevent.js"></script>
+ <script type="text/javascript" src="tabtastic/addcss.js"></script>
+ <script type="text/javascript" src="tabtastic/tabtastic.js"></script>
+ <script src="toggle.js" type="text/javascript"></script>
<meta name="revision" content="$Id$" />
</head>
<body>
<div id="banner">
- <h1 id="title"><a href="http://www.w3.org/"><img height="48" alt="W3C"
- id="logo" src="http://www.w3.org/Icons/WWW/w3c_home" /></a>
- CSS Validation Service</h1>
+ <h1 id="title"><a href="http://www.w3.org/"><img height="48" alt="W3C" id="logo" src="http://www.w3.org/Icons/WWW/w3c_home_nb" /></a>
+ <img src="images/css_validation_service.png" alt="CSS Validation Service" /></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>
- <a href="./" accesskey="h" title="Go to the Home Page for The W3C CSS Validation Service">[<em>Home</em>]</a> <span class="hideme">|</span></li>
- <li><a href="http://jigsaw.w3.org/css-validator/Email" title="How to provide feedback on this service">Feedback</a> <span class="hideme">|</span></li>
- <li><a href="http://jigsaw.w3.org/css-validator/DOWNLOAD.html" title="Download the CSS validator">Download</a> <span class="hideme">|</span></li>
- <li><a href="http://jigsaw.w3.org/css-validator/README.html" title="Documentation for this Service">Docs</a> <span class="hideme">|</span></li>
- <li><a href="http://jigsaw.w3.org/css-validator/thanks.html" title="Credits and Acknowlegments">Credits</a><span class="hideme">|</span></li>
- </ul>
-
-
- <div id="main"><!-- This DIV encapsulates everything in each actual page. -->
-
-
- <div id="skip" class="intro">
- <p>
- Welcome to the W3C CSS Validation Service; a free service that checks
- Cascading Style Sheets (CSS) in (X)HTML documents or standalone for conformance
- to W3C recommendations.
- </p>
- <p><strong>Note</strong>: If you want to validate your CSS style sheet embedded
- in an (X)HTML document, you should first <a href="http://validator.w3.org/">check
- that the (X)HTML you use is valid</a>.
- </p>
- </div>
-
- <div>
- <h2>Validate Your Style Sheet</h2>
-
- <p class="navigate">
- Validate your documents:
- <a href="#validate-by-uri">by URI</a> |
- <a href="#validate-by-upload">by File Upload</a> |
- <a href="#validate-by-input">by direct Input</a>
+ <p id="tagline">
+ Check Cascading Style Sheets (CSS) and (X)HTML documents with style sheets
</p>
-
- <fieldset id="validate-by-uri"><legend>Validate by URI</legend>
+ <div id="frontforms">
+ <ul class="tabset_tabs"><li><a href="#validate-by-uri" class="active">by URI</a></li><li><a href="#validate-by-upload">by File Upload</a></li><li><a href="#validate-by-input">by direct Input</a></li></ul>
+
+ <fieldset id="validate-by-uri" class="tabset_content front"><legend class="tabset_label">Validate by URI</legend>
<form method="get" action="validator">
- <p>
+ <p class="instructions">
Enter the URI of a document (HTML with CSS or CSS only) you would like validated:
</p>
<p>
<label title="Address of page to Validate" for="uri">Address:
<input type="text" name="uri" id="uri" size="45" /></label>
- <label title="Submit file for validation"><input type="submit" value="Check" /></label>
- <input name="usermedium" value="all" type="hidden" />
- <input name="warning" value="no" type="hidden" />
</p>
+ <fieldset id="extra_opt_uri" class="moreoptions">
+ <p class="toggle closed" title="Show/Hide extra validation options">More Options</p>
+ <div>
+ Warnings :
+ <select name="warning">
+ <option value="2">All</option>
+ <option selected="selected" value="1">Normal report</option>
+ <option value="0">Most important</option>
+ <option value="no">No warnings</option>
+ </select>
+
+ Profile :
+ <select name="profile">
+ <option value="none">No special profile</option>
+ <option value="css1">CSS version 1</option>
+ <option selected="selected" value="css2">CSS version 2</option>
+ <option value="css21">CSS version 2.1</option>
+ <option value="css3">CSS version 3</option>
+ <option value="svg">SVG</option>
+ <option value="svgbasic">SVG Basic</option>
+ <option value="svgtiny">SVG Tiny</option>
+ <option value="mobile">mobile</option>
+ <option value="atsc-tv">ATSC TV profile</option>
+ <option value="tv">TV profile</option>
+ </select>
+
+ Medium :
+ <select name="usermedium">
+ <option selected="selected" value="all">all</option>
+ <option value="aural">aural</option>
+ <option value="braille">braille</option>
+ <option value="embossed">embossed</option>
+ <option value="handheld">handheld</option>
+ <option value="print">print</option>
+ <option value= "projection">projection</option>
+ <option value="screen">screen</option>
+ <option value="tty">tty</option>
+ <option value="tv">tv</option>
+ <option value="presentation">presentation</option>
+ </select>
+</div><!-- item_contents -->
+</fieldset><!-- invisible -->
+ <p class="submit_button"><label title="Submit file for validation"><input type="submit" value="Check" /></label></p>
</form>
- <p>
- Also available with extra options in the <a href="validator-uri">Advanced Interface</a>.
- </p>
</fieldset>
-
- <fieldset id="validate-by-upload"><legend>Validate by File Upload</legend>
+ <fieldset id="validate-by-upload" class="tabset_content front"><legend class="tabset_label">Validate by File Upload</legend>
<form method="post" enctype="multipart/form-data" action="validator">
- <p>Choose the document you would like validated (CSS files only):</p>
+ <p class="instructions">Choose the document you would like validated (CSS files only):</p>
<p>
- <label title="Choose a Local File to Upload and Validate" for="file">Local CSS file:</label>
- <input type="file" id="file" name="file" size="30" />
- <input name="usermedium" value="all" type="hidden" />
- <input name="warning" value="no" type="hidden" />
- <label title="Submit file for validation"><input type="submit" value="Check" /></label>
- </p>
+ <label title="Choose a Local File to Upload and Validate" for="file">Local CSS file:
+ <input type="file" id="file" name="file" size="30" /></label></p>
+ <fieldset id="extra_opt_upload" class="moreoptions">
+ <p class="toggle closed" title="Show/Hide extra validation options">More Options</p>
+ <div>
+ Warnings :
+ <select name="warning">
+ <option value="2">All</option>
+ <option selected="selected" value="1">Normal report</option>
+ <option value="0">Most important</option>
+ <option value="no">No warnings</option>
+ </select>
+
+ Profile :
+ <select name="profile">
+ <option value="none">No special profile</option>
+ <option value="css1">CSS version 1</option>
+ <option selected="selected" value="css2">CSS version 2</option>
+ <option value="css21">CSS version 2.1</option>
+ <option value="css3">CSS version 3</option>
+ <option value="svg">SVG</option>
+ <option value="svgbasic">SVG Basic</option>
+ <option value="svgtiny">SVG Tiny</option>
+ <option value="mobile">mobile</option>
+ <option value="atsc-tv">ATSC TV profile</option>
+ <option value="tv">TV profile</option>
+ </select>
+
+ Medium :
+ <select name="usermedium">
+ <option selected="selected" value="all">all</option>
+ <option value="aural">aural</option>
+ <option value="braille">braille</option>
+ <option value="embossed">embossed</option>
+ <option value="handheld">handheld</option>
+ <option value="print">print</option>
+ <option value= "projection">projection</option>
+ <option value="screen">screen</option>
+ <option value="tty">tty</option>
+ <option value="tv">tv</option>
+ <option value="presentation">presentation</option>
+ </select>
+</div><!-- item_contents -->
+</fieldset><!-- invisible -->
+ <p class="submit_button"><label title="Submit file for validation"><input type="submit" value="Check" /></label></p>
</form>
- <p>
- Also available with extra options in the <a href="validator-upload">Advanced File Upload Interface</a>.
- </p>
</fieldset>
- <fieldset id="validate-by-input"><legend>Validate by direct input</legend>
+ <fieldset id="validate-by-input" class="tabset_content front"><legend class="tabset_label">Validate by direct input</legend>
<form action="validator" method="get">
- <p>Enter the CSS you would like validated:</p>
+ <p class="instructions">Enter the CSS you would like validated:</p>
<p>
- <textarea name="text" rows="12" cols="75"></textarea>
+ <textarea name="text" rows="12" cols="70"></textarea>
<input name="usermedium" value="all" type="hidden" />
- <br />
- <label title="Submit text for validation">
- <input type="submit" value="Check" />
- </label>
</p>
+ <fieldset id="extra_opt_direct" class="moreoptions">
+ <p class="toggle closed" title="Show/Hide extra validation options">More Options</p>
+ <div>
+ Warnings :
+ <select name="warning">
+ <option value="2">All</option>
+ <option selected="selected" value="1">Normal report</option>
+ <option value="0">Most important</option>
+ <option value="no">No warnings</option>
+ </select>
+
+ Profile :
+ <select name="profile">
+ <option value="none">No special profile</option>
+ <option value="css1">CSS version 1</option>
+ <option selected="selected" value="css2">CSS version 2</option>
+ <option value="css21">CSS version 2.1</option>
+ <option value="css3">CSS version 3</option>
+ <option value="svg">SVG</option>
+ <option value="svgbasic">SVG Basic</option>
+ <option value="svgtiny">SVG Tiny</option>
+ <option value="mobile">mobile</option>
+ <option value="atsc-tv">ATSC TV profile</option>
+ <option value="tv">TV profile</option>
+ </select>
+
+ Medium :
+ <select name="usermedium">
+ <option selected="selected" value="all">all</option>
+ <option value="aural">aural</option>
+ <option value="braille">braille</option>
+ <option value="embossed">embossed</option>
+ <option value="handheld">handheld</option>
+ <option value="print">print</option>
+ <option value= "projection">projection</option>
+ <option value="screen">screen</option>
+ <option value="tty">tty</option>
+ <option value="tv">tv</option>
+ <option value="presentation">presentation</option>
+ </select>
+</div><!-- item_contents -->
+</fieldset><!-- invisible -->
+ <p class="submit_button"><label title="Submit file for validation"><input type="submit" value="Check" /></label></p>
</form>
- <p>
- Also available with extra options in the <a href="validator-text">Advanced direct input Interface</a>.
- </p>
</fieldset>
+ </div> <!-- frontforms -->
+ <p><strong>Note</strong>: If you want to validate your CSS style sheet embedded
+ in an (X)HTML document, you should first <a href="http://validator.w3.org/">check
+ that the (X)HTML you use is valid</a>.
+ </p>
+ <ul class="navbar" id="menu">
+ <li><a href="about" title="About this service">About</a> <span class="hideme">|</span></li>
+ <li><a href="documentation" title="Documentation for the W3C CSS Validation Service">Documentation</a> <span class="hideme">|</span></li>
+ <li><a href="DOWNLOAD" title="Download and install the CSS validator">Download</a> <span class="hideme">|</span></li>
+ <li><a href="Email" title="How to provide feedback on this service">Feedback</a> <span class="hideme">|</span></li>
+ <li><a href="thanks" title="Credits and Acknowlegments">Credits</a><span class="hideme">|</span></li>
+ <li><a href="languages" title="How to use the CSS Validator in your language">Other Languages</a><span class="hideme">|</span></li>
+ </ul>
- </div>
- </div><!-- End of "main" DIV. -->
+ <p id="activity_logos">
+ <a href="http://www.w3.org/QA/" title="W3C's Quality Assurance Activity, bringing you free Web quality tools and more"><img src="http://www.w3.org/QA/2002/12/qa-small.png" alt="QA" /></a><a href="http://www.w3.org/Style/CSS/learning" title="Learn more about Cascading Style Sheets"><img src="images/woolly-icon" alt="CSS" /></a>
+ </p>
+ <p id="support_logo">
+Support this tool, become a<br />
+<a href="http://www.w3.org/Consortium/supporters"><img src="http://www.w3.org/Consortium/supporter-logos/csupporter.png" alt="W3C Supporter" /></a>
+ </p>
-<address>
- <a href="http://validator.w3.org/check/referer"><img
- src="http://www.w3.org/Icons/valid-xhtml10" height="31" width="88"
- alt="Valid XHTML 1.0!" /></a>
- <a class="right" href="http://jigsaw.w3.org/css-validator">
- <img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss"
- alt="Valid CSS!" /></a>
- <a title="Send Feedback for the W3C Markup Validation Service"
- href="Email">The W3C CSS Validator Team</a><br />
- $Date$
- <!-- SSI Template Version: $Id$ -->
- </address>
<p class="copyright">
- <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 1994-2003
+ <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 1994-2006
<a href="http://www.w3.org/"><acronym title="World Wide Web Consortium">W3C</acronym></a>®
- (<a href="http://www.lcs.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
+
+ (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
<a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
<a href="http://www.keio.ac.jp/">Keio</a>),
All Rights Reserved.
@@ -130,13 +220,13 @@
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a>
and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software licensing</a>
+
rules apply. Your interactions with this site are in accordance
with our <a href="http://www.w3.org/Consortium/Legal/privacy-statement#Public">public</a> and
<a href="http://www.w3.org/Consortium/Legal/privacy-statement#Members">Member</a> privacy
statements.
</p>
-
</body>
</html>
Index: base.css
===================================================================
RCS file: /sources/public/2002/css-validator/base.css,v
retrieving revision 1.2
retrieving revision 1.3
diff -u -d -r1.2 -r1.3
--- base.css 6 May 2004 14:36:35 -0000 1.2
+++ base.css 15 Jun 2006 11:14:52 -0000 1.3
@@ -8,53 +8,69 @@
$Id$
*/
-@import url(navbar.css); /* CSS for navigation menu. */
-
-
-html, body {
- line-height: 120%;
- color: black;
- background: white;
- font-weight: normal;
- font-family: "Bitstream Vera Sans", sans-serif;
- font-style: normal;
- text-decoration: none;
- margin: 0;
- padding: 0;
- border: 0;
+/*
+ General styling
+ */
+html {
+ background-color: white;
+ color: #11111A;
}
-div#main {
- padding-top: 1em;
-/* margin-right: 7.6em; */ /* no need for this without the righthand bar */
-margin: 1em;
+body {
+ margin: auto auto;
+ padding-left: 6%;
+ padding-right: 6%;
+ background-color: white;
+ color: #11111A;
+ font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
+ font-size: 1em; /* setting base font to user's prefered size */
+ min-width: 50em;
}
-
-div#main p, div#main dt {
- padding-left: 1em;
- padding-right: 1em;
+p {
+ line-height: 130%;
+ padding-left: 20px;
}
-dt {
- margin-top: 1em;
+/*
+ Main blocks - see also #menu styled in navbar.css
+ */
+
+#banner {
+ background-color: white;
+ color: #11111A;
+ background-image: url(images/header.jpg);
+ background-repeat: no-repeat;
+ background-attachment: scroll;
+ background-position: top right;
+ padding: 4px 0 0 0;
+ height: 55px;
+ margin-bottom: 0;
+ margin-top: 4px;
+ border: 0;
+
}
-/* Fieldsets in general */
-fieldset {
- max-width: 80%;
- margin-left: 1em;
+#banner h1 {
+ vertical-align: middle;
+ font-size: 1.5em;
+ display: inline;
}
-/* The front-page fieldsets */
-fieldset.front {
- background: inherit;
- border: 1px dotted #053188;
+p#tagline {
+ font-size: x-small;
+ padding: 0;
+ line-height: 100%;
+ margin: 0 0 4em .8em;
+ background-color: white;
+ color: #11111A;
+ clear: both;
}
-fieldset.front legend {
- color: #053188;
- font-variant: small-caps;
- padding: .1ex .5ex;
+#main {
+ padding: 15px 0;
+ background-color: white;
+ margin: 0;
+ color: #11111A;
}
.intro {
@@ -62,260 +78,377 @@
text-align: justify;
}
-a:link, a:visited {
- color: blue;
+/*
+ Headers
+ */
+
+h1 {
+ font-family: "Gill Sans", Helvetica, sans-serif;
+ font-size-adjust: .53;
+ font-weight: bold;
+ font-style: normal;
+ text-decoration: none;
}
-a:hover {
- color: blue;
- background-color: #eee;
+h2 {
+ color: #777742;
+ background: white;
+ padding: 5px 15px;
+ margin-top: 30px;
+ margin-bottom: 20px;
+ font-size: 1.3em;
+ text-align: center;
+ text-decoration: none;
+ font-family: "Gill Sans", sans-serif;
}
-a:active {
- color: red;
- background-color: yellow;
+h3 {
+ background-color: #fff;
+ color: #777742;
+ font-size: 1.1em;
+ padding: 2px 10px;
+ border-bottom: 1px dotted #aaaa77;
+ text-decoration: none;
+ font-family: "Gill Sans", sans-serif;
+}
+
+h4 {
+ color: #777742;
+ background-color: white;
+ font-weight: 600;
+ font-style: italic;
+ text-decoration: none;
+ font-size: 1.0em;
+ padding-left: 15px;
+ font-family: "Gill Sans", sans-serif;
}
-acronym:hover, abbr:hover {cursor: help}
-abbr[title], acronym[title], span[title], strong[title] {
- border-bottom: thin dotted;
- cursor: help;
+h5,h6 {
+ background-color: white;
+ color: #11111A;
+ font-family: "Gill Sans", sans-serif;
+ font-weight: normal;
+ padding-left: 15px;
+ }
+/*
+ General link styling
+ */
+
+a:link, a:visited {
+ color: #005A9C;
+ background-color: transparent;
+ text-decoration: none;
+
}
-pre, code, tt {
- font-family: monospace;
- line-height: 100%;
- white-space: pre;
+a:hover, a:active {
+ color: #005A9C;
+ background-color: transparent;
+ text-decoration: underline;
}
-a:link img, a:visited img {border-style: none}
-a img {color: black} /* The only way to hide the border in NS 4.x */
-ul.toc {
- list-style: none;
+/*
+ Other basic styles
+ */
+
+/* TODO - add ol, li, td here ? */
+p, dt {
+ margin-left: 15px;
+ margin-right: 25px;
}
-ol li {
- padding: .1em;
+dd {
+ margin-left: 35px;
+ margin-right: 25px;
}
-div.issue {
- padding: 0.5em;
- border: none;
- margin-right: 5%;
+#news dt {
+ font-weight: bold;
+ margin-top: 1em;
+ }
+
+img {
+ margin:0;
+ padding: 0;
+ vertical-align: middle;
+ border: 0;
}
-.hideme {display: none}
+acronym:hover, abbr:hover {
+ cursor: help;
+}
-#Notice {
- border: solid;
- margin: .2em;
- padding: .5em;
- text-align: justify;
+abbr[title], acronym[title], span[title], strong[title] {
+ border-bottom: thin dotted;
+ cursor: help;
}
-/* dt a {color: black} */ /* These are usually targets and not links */
-h3 a {color: black} /* These are usually targets and not links */
+pre, code, tt {
+ font-family: "Bitstream Vera Sans Mono", Monaco, "Andale Mono", monospace;
+ line-height: 100%;
+ white-space: pre;
+}
-img {vertical-align: middle}
+a:link img, a:visited img {
+ border-style: none;
+}
+ul.toc {
+ list-style: none;
+}
+/*
+ Stuff we don't actually want too visible - or not at all
+ */
+.hideme { display: none; }
-/* done vs. tbc for the TODO list */
-.done { text-decoration: line-through; }
-address img {
- float: right;
- width: 88px;
+/*
+ Forms on front page, with tabtastic and toggable extra options
+ */
+#frontforms {
+ margin-left: 12%;
+ margin-right: 12%;
+
}
-address {
- padding-top: .5em;
- padding-right: 1em;
- padding-left: 1em;
- padding-bottom: .5em;
- margin-top: 3em;;
- border-top: 1px solid black;
- background-color: #eee;
- clear: right;
-}
-address {
- background-image: url(images/footer);
- background-repeat: no-repeat;
- background-attachment: scroll;
- height: 50px;
- background-position: center;
- margin:0; padding:0;
-}
-p.copyright {
- margin-top: 5em;
- padding-top: .5em;
- font-size: xx-small;
- max-width: 85ex;
- text-align: justify;
- text-transform: uppercase;
- margin-left: auto;
- margin-right: auto;
- font-family: monospace;
- color: #888;
- line-height: 120%;
+/* Fieldsets */
+
+/* generic style for form fields */
+fieldset {
+ border: 1px solid #005A9C;
+ background-color: #dfebf7;
+ color: #11111A;
+ margin-bottom: 3em;
+ margin-left: 0;
+}
+fieldset legend {
+ font-weight: bold;
+ background-color: #dfebf7;
+ color: #11111A;
+ border: 1px solid #005A9C;
+ padding: .5em;
+}
+fieldset p {
+ margin: 0 0 0.8em 0;
+ padding: 0;
+}
+fieldset p.instructions {
+ padding-top: .5em;
+}
+fieldset p.submit_button {
+ text-align: right;
+ padding-top: .5em;
+}
+fieldset p.submit_button input {
+ font-weight: bold;
+ color: #005A9C;
+ background: #fff;
+ padding: 0.2em 2em;
+ border: 2px outset #005A9C;
+}
+input {
+ vertical-align: middle;
+}
+input.reset {
+ text-align: center;
+}
+input.default {
+ text-align: center;
+ font-weight: bold;
}
-p.copyright a {
- color: #88f;
- text-decoration: none;
+
+/* the following from http://www.mindsack.com/toggle/ (c) Kent Brewster */
+
+.toggle
+{
+ background: transparent url('images/arrow-down.gif') 0 0 no-repeat;
+ text-indent: 20px;
+ cursor:pointer;
}
-.stb {clear: left}
+.toggle.closed
+{
+ background: transparent url('images/arrow-right.gif') 0 0 no-repeat;
+}
-div.colophon {
- margin-left: 2em;
- font-style: italic;
+p.toggle {
+ color: #005A9C;
+ background-color: #dfebf7;
+}
+p.toggle:hover {
+ text-decoration: underline;
}
-div.colophon em {
- font-style: normal;
+.hidden
+{
+ display:none;
+}
+fieldset.moreoptions {
+border-style: dotted;
+margin-bottom: 0;
+padding-left: 0;
+}
+fieldset.moreoptions div {
+margin-left: .5em;
+font-size: smaller;
+}
+fieldset.closed {
+border: 0;
}
-/* 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;
+
+
+/* IE6 hack, avoid "leaking" of fiedset background into legend
+(more hacking in tabtastic.css to make the "ghost" of the legend disappear) */
+* html legend { position:absolute; top: -25em !important; left: -25em !important; }
+* html fieldset{ position: relative; margin-top:0 !important; padding-top:0 !important; }
+
+
+
+/* tables in the documentation */
+
+table {
+ border-collapse: collapse;
+ border-right: 1px solid #ccc;
}
-#banner h1 {font-size: 1.3em;
+td, th{
+ border-top: 0px solid #ddd;
+ border-bottom: 1px solid #ccc;
+ border-left: 1px solid #eee;
+ padding: 6px;
+ border-collapse: collapse;
+}
+th {
+ background-color: #eee;
+ color: #11111A;
+ border-right: 1px solid #ccc;
}
-#banner {background-image: url(images/header);
-background-repeat: no-repeat;
-background-attachment: scroll;
-height: 50px;
-border-bottom: 1px solid black;
-background-position: right;
-margin:0; padding:0;}
+/*
+ Menu Bar
+ */
-h1#title {
-/* background-color: #eee;
- border-bottom: 1px solid black;
- padding: .25em;*/
- padding:0;
- margin: 0;
+#menu {
+ color: #005A9C;
+ border-top: 1px solid #005A9C;
+ border-bottom: 1px solid #005A9C;
+ background-color: white;
+ margin: 3em 0 0 0;
+ padding: 3px 0 3px 0;
+ line-height: 140%;
+ vertical-align: bottom;
+ font-size: 0.9em;
+ list-style-type: none;
+ text-align: center;
+ font-weight: bold;
}
-/* Used for beta releases. */
-h1#title em {
- color: red;
+#menu { padding-left: 1em; padding-right: 1em}
+#menu li {
+ display: inline;
}
-h1, h2 { color: rgb( 0, 79, 147) !important }
-h2 {
- font-family: "Bitstream Vera Sans", Tahoma, Verdana, "Myriad Web", Syntax, sans-serif;
- font-size-adjust: .53;
- font-size: 1.5em;
- text-align: center;
- font-weight: bold;
- font-style: normal;
- text-decoration: none;
- margin-top : 2em;
- margin-bottom : 1em;
- line-height: 120%;
+#menu li a {
+ padding-right: 1.2em;
+ padding-left: 1.2em;
}
-h3 {
- font-family: "Bitstream Vera Sans", Tahoma, Verdana, "Myriad Web", Syntax, sans-serif;
- font-size-adjust: .53;
- font-size: 1.3em;
- background-color: #eee;
- text-indent: 2em;
- padding: .2em;
- border-top: 1px dotted black;
- font-weight: normal;
- font-style: normal;
- text-decoration: none;
+/*
+ legalese and logos beneath the menu bar
+ */
+
+p#activity_logos {
+float:left;
+width: 144px;
+padding: 8px 0 40px 0;
}
-h4 {
- font-family: "Bitstream Vera Sans", Tahoma, Verdana, "Myriad Web", Syntax, sans-serif;
- font-size-adjust: .53;
- font-size: 1.1em;
- font-weight: 600;
- font-style: normal;
- text-decoration: underline;
+p#support_logo {
+float: right; width: 180px; padding: 0; margin-top: 12px; font-size: x-small; text-align:center;
}
-h5, dt {
- font-family: "Bitstream Vera Sans", Tahoma, Verdana, "Myriad Web", Syntax, sans-serif;
- font-size-adjust: .53;
- font-size: 1em;
- font-weight: bold;
- font-style: normal;
- text-decoration: none;
- text-indent: .5em;
- margin:0;
+
+p.copyright {
+ margin-top: 20px;
+ margin-left: 210px;
+ margin-right: 240px;
+ font-size: x-small;
+ text-align: justify;
+ text-transform: uppercase;
+ font-family: "Bitstream Vera Sans Mono", monospace;
+ color: #888;
+ background-color: white;
+ line-height: 120%;
}
-h6 {
- font-family: "Bitstream Vera Sans", Tahoma, Verdana, "Myriad Web", Syntax, sans-serif;
- font-size-adjust: .53;
- color: #666;
- text-indent: 1em;
- font-size: 1em;
- font-style: italic;
- margin:0;
+p.copyright a {
+ color: #88f;
+ background-color: white;
text-decoration: none;
}
-/* comma tools table */
-td.comma-desc {
- background: #ffeecc;
- border : 1px solid black;
- font-family: sans-serif
-}
-td.comma-shortcut {
- background: #e7e7ff;
- border : 1px solid black;
- font-family: monospace;
-}
-
-td.comma-tool {
- background: #e7e7ff;
- border: 1px solid black;
+/*
+ Jump Bar - results page
+(from markup validator - note used in this design yet)
+ */
+#jumpbar {
+ background-color: #dfebf7;
+ color: #11111A;
+ float: right;
+ width: 8em;
+ margin-right: 0;
+ text-align: left;
+ text-decoration: none;
+ padding: 1ex;
+ border-left: 1px solid #005A9C;
+ border-bottom: 1px solid #005A9C;
+ margin-top: -15px;
+ font-size: 0.9em;
+ font-weight: bold;
+ margin-left: 1em;
}
-kbd {
- font-weight: bold;
+#jumpbar ul {
+ padding: 0;
+ margin: 0;
}
-.shout {
- background: yellow;
- border: .5ex dotted black;
- padding: 1em;
+#jumpbar li {
+ list-style-type: none;
+ text-align: right;
}
-.shout strong {
- display: block;
- color: red;
+div#jumpbar li a {
+ height: 20px;
+ padding-right: 20px;
+ padding-left: 25px;
}
-
-input {
- vertical-align: middle;
+div#jumpbar li a:hover {
+ text-decoration: underline;
}
-input.reset {
- text-align: center;
- font-family: monospace;
+#jumpbar li a:link, #jumpbar li a:visited {
+ text-decoration: none;
+ text-align: right;
+ display: block;
+ width: 8em;
+ padding: 2px 0px;
+ margin: 0;
+ border-top: dotted 1px #053188;
}
-input.default {
- text-align: center;
- font-weight: bold;
- font-family: monospace;
+#jumpbar li a#selected:link, #jumpbar li a#selected:visited {
+ text-decoration: underline;
+ background-color: #fff;
+ color: #053188;
+ border-right: solid 1px #ddd;
+ border-bottom: solid 1px #fff;
}
Received on Thursday, 15 June 2006 11:15:06 UTC