[gnomeweb-wml] a11y ruler again

[Andreas Nilsson <andreasn src gnome org>]

commit 4124a3d8a00f25b28f3ef502555383e0c32ec5d6
Author: Andreas Nilsson <nisses mail home se>
Date:   Fri Jan 27 23:51:29 2012 +0100

    a11y ruler again

 www.gnome.org/friends/ruler/a11y-ruler.js |   25 +++++++++++++++++++++++++
 1 files changed, 25 insertions(+), 0 deletions(-)
---
diff --git a/www.gnome.org/friends/ruler/a11y-ruler.js b/www.gnome.org/friends/ruler/a11y-ruler.js
new file mode 100644
index 0000000..a5e3c70
--- /dev/null
+++ b/www.gnome.org/friends/ruler/a11y-ruler.js
@@ -0,0 +1,25 @@
+document.write('<style type=\"text/css\">');
+document.write('body { margin: 0; } #gnome-fog-ruler { background: #237100; padding: 16px; color: #fff; font-family: "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif; font-size: 12px; z-index: 200; position: relative; }');
+document.write('#gnome-fog-ruler * { margin: 0; padding: 0; }');
+document.write('#gnome-fog-ruler .fog-center { width: 960px; margin: 0 auto; text-align: left; }');
+document.write('#gnome-fog-ruler a { color: #fff; }');
+document.write('#gnome-fog-ruler .fog-intro { width: 380px; float: left; margin-right: 12px; }');
+document.write('#gnome-fog-ruler .fog-intro h4 { margin-bottom: 6px; color: #fff; font-size: 13px; text-shadow: 0 1px 2px #346704; }');
+document.write('#gnome-fog-ruler .fog-ruler { background: #fff; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 2px; -moz-box-shadow: 0 1px 2px #346704; -webkit-box-shadow: 0 1px 2px #346704; }');
+document.write('#gnome-fog-ruler .fog-ruler .fog-bar { display: block; float: left; font-size: 5px; height: 14px; line-height: 12px; }');
+document.write('#gnome-fog-ruler .green { background: #66bb14; }');
+document.write('#gnome-fog-ruler .orange { background: #f57900; }');
+document.write('#gnome-fog-ruler .blue { background: #729fcf; }');
+document.write('#gnome-fog-ruler .yellow { background: #fce94f; }');
+document.write('#gnome-fog-ruler .white { background: #fff; }');
+document.write('#gnome-fog-ruler .green { background: #8ae234; }');
+document.write('#gnome-fog-ruler .fog-description { margin-top: 8px; overflow: hidden; text-align: center; }');
+document.write('#gnome-fog-ruler .fog-description .fog-item { margin-right: 12px; display: block; float: left; overflow: hidden; text-align: left; }');
+document.write('#gnome-fog-ruler .fog-description .fog-item .fog-box { display: block; float: left; width: 12px; height: 12px; border: 1px solid #fff; margin: 0 6px 6px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 2px #346704; -webkit-box-shadow: 0 1px 2px #346704; }');
+document.write('#gnome-fog-ruler .fog-description .fog-item .fog-details { font-style: italic; display: block; margin-left: 20px; }');
+document.write('#gnome-fog-ruler .fog-donate { float: right; margin-top: 11px; }');
+document.write('#gnome-fog-ruler .fog-donate a { display: block; padding: 6px 8px; background: #fff; color: #333; font-weight: bold; text-decoration: none; font-size: 14px; -moz-box-shadow: 0 1px 2px #346704, inset 0 -3px 10px #ccc; -webkit-box-shadow: 0 1px 2px #346704, inset 0 -3px 10px #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; }');
+document.write('#gnome-fog-ruler .fog-donate a:hover { color: #204a87; text-decoration: underline; }');
+document.write('</style>');
+document.write('<div id=\"gnome-fog-ruler\"><div class=\"fog-center\"><div class=\"fog-intro\"><h4>The GNOME Project needs your help!</h4><p>GNOME Foundation wants to invest in accessability.</p></div><div class=\"fog-data\"><div class=\"fog-ruler\"><span style=\"width: 10%;\" class=\"fog-bar blue\">&nbsp;</span><!-- Additional sponsors can go here ---></div><div class=\"fog-donate\"><a href=\"http://www.gnome.org/friends/\";>Donate now!</a></div><div class=\"fog-description\"><div class=\"fog-item\"><span class=\"fog-box blue\">&nbsp;</span><strong>Friends of GNOME</strong><span class=\"fog-details\">$20,203. $16,797 to go!</span></div></div></div><div style=\"clear: both;\"></div></div></div>');
+