[Catalyst-commits] r12124 - trunk/examples/CatalystAdvent/root/static/css

[dorward at dev.catalyst.perl.org]

Author: dorward
Date: 2009-12-01 17:54:19 +0000 (Tue, 01 Dec 2009)
New Revision: 12124

Modified:
   trunk/examples/CatalystAdvent/root/static/css/screen.css
Log:
Add pseudo-underline to links to pass WCAG 2.0 1.4 ( http://www.w3.org/TR/WCAG/#visual-audio-contrast ) and restyle links for printing (because underlined links look silly in print)

Modified: trunk/examples/CatalystAdvent/root/static/css/screen.css
===================================================================
--- trunk/examples/CatalystAdvent/root/static/css/screen.css	2009-12-01 17:09:31 UTC (rev 12123)
+++ trunk/examples/CatalystAdvent/root/static/css/screen.css	2009-12-01 17:54:19 UTC (rev 12124)
@@ -57,53 +57,63 @@
 }
 
 a:hover {
-    color: #d00;
+        color: #d00;
 }
 
+#content a:link,
+#content a:visited {
+    border-bottom: 1px dotted #DD0000;
+}
+
+#content a:hover,
+#content a:focus {
+    border-bottom-style: solid;
+}
+
 h2 {
     text-align: center;
     color: #b00;
 }
 
-.calendar {
+#content .calendar {
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 1em;
 }
 
-.calendar td {
+#content .calendar td {
     text-align: center;
 }
 
-.calendar th {
+#content .calendar th {
     padding: 5px;
     border: 1px solid #ddd;
     background: #f0f0f0;
 }
 
-.calendar td {
+#content .calendar td {
     padding: 5px;
 }
 
-.calendar td.link {
+#content .calendar td.link {
     padding: 0;
 }
 
-.calendar td.today {
+#content .calendar td.today {
     background: #797;
 }
 
-.calendar td.today a {
+#content .calendar td.today a {
     border: 1px solid #575;
     color: #fff;
 }
 
-.calendar td.today a:hover {
+#content .calendar td.today a:hover {
     background: #bdb;
     color: #444;
 }
 
-.calendar a {
+#content .calendar a {
     display: block;
     padding: 5px;
     border: 1px solid #eee;
@@ -111,7 +121,7 @@
     color: #444;
 }
 
-.calendar a:hover {
+#content .calendar a:hover {
     background: #f0f0f0;
 }
 
@@ -158,4 +168,11 @@
     left: 0.4em;
     position: absolute;
     width: 33%;
+}
+
+ at media print {
+    a {
+        color: black !important;
+        border: 0 !important;
+    }
 }
\ No newline at end of file