www/server/staging/nav-bar/test9 layout5.css

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 14/03/22 09:31:45

Modified files:
        server/staging/nav-bar/test9: layout5.css 

Log message:
        Adjust link colors with Dora's help.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/nav-bar/test9/layout5.css?cvsroot=www&r1=1.74&r2=1.75

Patches:
Index: layout5.css
===================================================================
RCS file: /webcvs/www/www/server/staging/nav-bar/test9/layout5.css,v
retrieving revision 1.74
retrieving revision 1.75
diff -u -b -r1.74 -r1.75
--- layout5.css 21 Mar 2014 08:20:58 -0000      1.74
+++ layout5.css 22 Mar 2014 09:31:44 -0000      1.75
@@ -27,10 +27,10 @@
 /* colors
    white    background for inner, searcher, nav-bar text & listing
    blue     urgent links
-   red      hover
-   black    gpl-compat-matrix
+   black    gpl-compat-matrix, hover
    #111, #222, #282828, #333, #444, #555, #666666, #999, #ddd, #eee, #ededed
             shades of pure gray: text, listing, special items
+   #777     hover
    #f5f6f7  very light bluish gray: footer, emph-box
    #f0f2f4  light bluish gray: translations, #outdated
    #e7e9eb  light bluish gray: button
@@ -40,14 +40,15 @@
    #a50606  intermediate red from fs-gang gradient: fallback fs-gang 
background,
             main nav-bar
    #334683  blue from GNU banner: h2, special links
-   #2b3e7b  slightly darker blue: normal links (more contrast with visited)
    #3465a4  slightly lighter blue: edu-cases ridges, border around notes
+   #005c90  greenish blue: normal links
+   #352d72  purplish blue: normal visited links
    #171d33  dark blue (from screenshot): shade behind button
-   #006080  greenish blue: normal visited links
    #ffc     pale yellow: highlight background
    #fff888  pale yellow: table headers
    #fff8b2  pale yellow: fss sign-up / join-fsf background
-   #ff3     yellow: urgent, hover background
+   #ff9     hover background
+   #ff3     yellow: urgent
    #ccffcc  light green: gpl-compat-matrix
    #e4ffcc  light yellowish green: gpl-compat-matrix
 */
@@ -58,30 +59,31 @@
    #000         vs. #ff3         19.6
    #00f (blue)  vs. #ff3          8.02
    #555         vs. white         7.46
-   #333         vs. white        12.63
-   #333         vs. #e7e9eb      10.38
+   #333         vs  black         1.66
    #333         vs. #c9cccf       7.83
-   #222         vs. white        15.91 (text)
+   #333         vs. #e7e9eb      10.38
+   #333         vs. white        12.63
    #222         vs. #c9cccf       9.87
-   #6b0202      vs. white        12.85
+   #222         vs. white        15.91
    #971611      vs. #e7e9eb       7.07
-   #971611      vs. #c9cccf       5.34
-   #750000      vs. #c9cccf       7.41
-   #334683      vs. white         8.96
-   #334683      vs. #e7e9eb       7.36
    #334683      vs. black         2.34
-   #2b3e7b      vs. white        10.11
-   #2a3a6c      vs. white        10.94 (normal links)
-   #2a5f61      vs. white         7.22
-   #006080      vs. white         7.04 (visited links)
-   #f00 (red)   vs. #2b3e7b       2.53
-   #f00         vs. 971611        2.15
-   #f00         vs. #750000       2.99
-   #f00         vs. #333          3.16
-   #f00         vs. #222          3.98
-   #f00         vs. #c9cccf       2.48
-   #f00         vs. #e7e9eb       3.29
-   #f00         vs. white         4.00
+   #334683      vs. 111           2.11
+   #334683      vs. 222           1.78
+   #334683      vs. 333           1.45
+   #334683      vs. 444           1.09
+   #334683      vs. 555           1.2 
+   #334683      vs. 777           2.0 
+   #334683      vs. #e7e9eb       7.36
+   #334683      vs. white         8.96
+   #005c90      vs. white         7.16
+   #005c90      vs. #333          1.76
+   #005c90      vs. #777          1.60
+   #005c90      vs. black         2.93
+   #005c90      vs. #352d72       1.66
+   #352d72      vs. white        11.05
+   #352d72      vs. #333          1.06
+   #352d72      vs. #777          2.65
+   #352d72      vs. black         1.77
 */
 
 
@@ -91,7 +93,7 @@
    padding: 0;
    margin: 0;
    text-decoration: none;
-   color: #222;
+   color: #000;
    background-color: #5b6a96;
    /* Source: http://www.impressivewebs.com/css3-linear-gradient-syntax/ */
    background: -moz-linear-gradient(#5b6a96, #c9cccf); /* FF 3.6+ */  
@@ -114,9 +116,9 @@
    margin: auto; max-width:74.92em;
 }
 
-a[href] { color: #2a3a6c; }
-a[href]:visited { color: #006080; }
-a[href]:active, a[href]:hover { color: red; }
+a[href] { color: #005c90; }
+a[href]:visited { color: #352d72; }
+a[href]:active, a[href]:hover { color: #777; }
 
 blockquote { margin: 1em; font-style: italic; }
 
@@ -171,7 +173,7 @@
    padding: 0 .2em;
    color: #222; text-decoration: none;
 }
-#toplinks a:hover { color: red; }
+#toplinks a:hover { color: #777; }
 
 #searcher {
    font-size: .9em;
@@ -215,7 +217,7 @@
 }
 #translations a:hover,
 #translations span.original a:hover {
-   color: red;
+   color: #777;
 }
 /* Still used in some outdated translations. */
 #translations h3, #translations h4 {
@@ -279,7 +281,7 @@
    color: #334683;
 }
 #fssbox a:hover, #join-fsf a:hover {
-   color: red;
+   color: #777;
 }
 
 /* For "normal" pages */
@@ -311,7 +313,7 @@
    margin: .4em 1% .6em 1%;
 }
 #fsf-support a, #fsf-support a:visited { color: #444; }
-#fsf-support a:hover { color: red; }
+#fsf-support a:hover { color: black; }
 
 /* For the pages still using style.css */
 #logo {
@@ -369,7 +371,7 @@
 }
 #navigation li a:hover {
    color: black;
-   background-color: #ff3;
+   background-color: #ff9;
 }
 
 
@@ -445,7 +447,7 @@
 }
 #fsf-links li a:hover {
    color: black;
-   background-color: #ff3;
+   background-color: #ff9;
 }
 
 
@@ -479,7 +481,7 @@
    text-align: right; padding: 1em;
 }
 #backtotop a, #backtotop a:visited { color: #333; }
-#backtotop a:hover { color: red; }
+#backtotop a:hover { color: black; background-color: #ff9; }
 
 
 #sisters { font-size: .9em; margin: 0 1% 1.5em 1%; }
@@ -544,7 +546,6 @@
    color: #971611;
    text-decoration: none;
 }
-.button a:hover { color: red; }
 
 .large {
    font-size: 2em;
@@ -603,9 +604,9 @@
 }
 .announcement {
    font-size: 1.1em; font-weight: bold;
-   padding-left: 1em;
-   margin: 0 0 1em 1em;
-   border-left: .7em solid #b9bcbf;
+   color: 444;
+   margin-bottom: 1em;
+   border-left: .5em solid #b9bcbf;
 }
 
 /* the urgent div should be enabled when we have something urgent to
@@ -622,7 +623,7 @@
 #urgent a, #urgent a:visited {
    color: blue; text-decoration: underline;
 }
-#urgent a:hover { color: red; }
+#urgent a:hover { color: black; }
 
 /* For the notes about mailing lists, etc. */ 
 .note {
@@ -651,7 +652,7 @@
 }
 .trans-disclaimer a,
 .trans-disclaimer a:visited { color: #334683; }
-.trans-disclaimer a:hover { color: red; }
+.trans-disclaimer a:hover { color: #777; }
 
 /* For outdated translations  */
 #outdated {
@@ -667,8 +668,8 @@
 /* In the out-of-date notice, we use <br> elements to separate
    translatable texts from automatically generated items. */
 #outdated br { display: none }
-#outdated a { color: #334683; }
-#outdated a:hover { color: red; }
+#outdated a:visited { color: #334683; }
+#outdated a:hover { color: #777; }
 
 /*** EDUCATION ***/
 
@@ -699,7 +700,7 @@
 #edu-navigation li a:hover,
 #edu-navigation li.active a:hover {
    color: black;
-   background-color: #ff3;
+   background-color: #ff9;
 }
 
 .edu-breadcrumb {
@@ -714,7 +715,7 @@
    text-decoration: none;
 }
 .edu-breadcrumb a:hover {
-   color: red;
+   color: #777;
 }
 
 /* styles for subsections of /education "Case Studies" */
@@ -840,7 +841,7 @@
 .anchor-reference-id { font-size: 70%; font-weight: normal; }
 
 span.anchor-reference-id a { color: #333 !important; text-shadow: none; }
-span.anchor-reference-id a:hover { color: red !important; }
+span.anchor-reference-id a:hover { color: black !important; }
 
 
 /*** MUSIC ***/
@@ -859,7 +860,7 @@
 within a section. For example: "Back to Education Cases". */
 .back { text-align: right; font-weight: bold; }
 .back a, .back a:visited { color: #333; }
-.back a:hover { color: red; }
+.back a:hover { color: black; }
 
 /* Unused ? */
 #print-this-article p{ text-align: center; }