www/server/staging/nav-bar/test8 layout.css

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 13/12/21 20:16:09

Modified files:
        server/staging/nav-bar/test8: layout.css 

Log message:
        Fix hover in top links, change the shades of gray and remove some 
borders

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/nav-bar/test8/layout.css?cvsroot=www&r1=1.3&r2=1.4

Patches:
Index: layout.css
===================================================================
RCS file: /webcvs/www/www/server/staging/nav-bar/test8/layout.css,v
retrieving revision 1.3
retrieving revision 1.4
diff -u -b -r1.3 -r1.4
--- layout.css  21 Dec 2013 15:32:01 -0000      1.3
+++ layout.css  21 Dec 2013 20:16:06 -0000      1.4
@@ -24,8 +24,11 @@
 /* GENERAL SETTINGS */
 
 /* colors
-   #111, #333, #555, #666666, #999, #ccc, #ddd, #dedede #eee, #e5e5e5, #ededed
-            shades of gray: text, backgrounds, borders, etc.
+   #111, #333, #555, #666666, #999, #ccc, #ddd, #eee, #e5e5e5, #ededed, etc.
+            shades of pure gray: special items
+   #171d33  screen background (from screenshot), ridges, shade behind button
+   #f0f2f4, e7e9eb, #dee1e4, #c9cccf
+            bluish gray: nav bars, button, translations, searcher, top links
    #971611  red from GNU logo
    #8c1410  almost the same, a bit darker: nav background hover, special links
    #b11107  red from FSF logo: visited links, button link, navbar li background
@@ -35,13 +38,13 @@
    #ff3     yellow: urgent
    #ccffcc  light green: gpl-compat-matrix
    #e4ffcc  light yellowish green: gpl-compat-matrix
-   #2d4db5  blue: urgent link
+   standard blue, red:  urgent
 */
 
 html, body {
    padding: 0;
    margin: 0;
-   background-color: #f2f2f2;
+   background-color: #171d33;
    color: #333;
    text-align: inherit;
    font-size: 1em;
@@ -55,7 +58,7 @@
    position: relative;
    margin: auto; width: 99%; max-width:74.92em; overflow: hidden;
    border: 1px solid  #ddd; background-color: white;
-   border-top: .27em solid #555;
+   margin-top: .27em;
 
 }
 
@@ -99,26 +102,12 @@
 
 /* TOP OF THE PAGE */
 
-#toplinks {
-   float: left; height: 100%;
-   font-size: 1em;
-   text-align: center; line-height: 2.2em;
-   padding: 0 .9em 0.4em .9em;
-   border-right: .16em solid #aaa; border-bottom: .16em solid #aaa;
-   background-color: #d4d2d0;
-   margin: 0;
-}
 #translations {
    font-size: 0.9em; text-align: right;
-   min-height: 4.9em;
-   border-bottom: .3em solid #888;
+   min-height: 4.85em;
    padding: 0; line-height: 1.3em;
-   background-color: #e4e1de; 
+   background-color: #e7e9eb; 
 }
-/* Highlight the link to the original page */
-#translations span.original { font-size: 1.1em; font-weight: bold; 
padding-top: .3em}
-#translations span.original a { color: #8c1410 !important; }
-#translations span.original a:hover { color: #ee0800; !important; }
 #translations span {
    display: inline-block;
    margin-left: .3em; margin-right: .3em;
@@ -126,14 +115,29 @@
 #translations a { color: #333; text-decoration: none; }
 #translations a:hover { color: #ee0800; }
 #translations p { margin-bottom: 0.3em; }
+/* Highlight the link to the original page */
+#translations span.original { font-size: 1.1em; font-weight: bold; 
padding-top: .3em}
+#translations span.original a { color: #8c1410 !important; }
+#translations span.original a:hover { color: #ee0800 !important; }
 
+#toplinks {
+   float: left; height: 100%;
+   font-size: 1em;
+   text-align: center; line-height: 2.2em;
+   padding: 0 .9em 0.4em .9em;
+   border-right: .25em solid white; border-bottom: .25em solid white;
+   background-color: #dee1e4;
+   margin: 0;
+}
 #toplinks a { font-weight: bold; } 
 #toplinks a:hover { color: #ee0800; }
 #toplinks span.fsf a { font-size: 1.1em; color: #8c1410; }
+#toplinks span.fsf a:hover { font-size: 1.1em; color: #ee0800; }
+
 #searcher {
    margin: 0;
    font-weight: bold;
-   background-color: #d8d5d2; color: white;
+   background-color: #dee1e4; color: white;
    padding: 0 1em;
 }
 #searcher, #searcher input { font-size: 1em; }
@@ -190,9 +194,9 @@
 #navigation ul {
    text-align: center;
    line-height: 2.6em; font-size: 0.9em;
-   border-top: .33em solid #eee;
-   border-bottom: .33em solid #888;
-   background-color: #d4d2d0;
+/*   border-top: .33em solid #eaeef0;
+   border-bottom: .25em solid #171d33;*/
+   background-color: #c9cccf;
    margin: 0em;
 }
 #navigation li { display: inline; }
@@ -211,7 +215,6 @@
 
 #content {
    padding: 1em; padding-top: 0; margin-top: 0.2em; 
-   border-bottom: 1px solid #ddd;
    text-align: left;
 }
 #content h2 {
@@ -252,9 +255,9 @@
    font-size: .9em; font-weight: bold;
    line-height: 2em;
    margin: 0;
-   border-top: .3em solid #eee;
-   border-bottom: .3em solid #888;
-   background-color: #e4e1de;
+/*   border-top: .3em solid #eaeef0;
+   border-bottom: .25em solid #171d33;*/
+   background-color: #dee1e4;
 }
 #fsf-links ul li { 
    display: inline-block;
@@ -300,9 +303,9 @@
 #footer {
    padding: 2em;
    font-size: .9em;
-   border-top: .6em ridge #888;
+   border-top: .5em ridge #171d33;
 }
-#footer p { margin-bottom: 0.3em; }
+#footer p { margin-bottom: 0.25em; }
 
 #bottom-notes { float: right; }
 
@@ -322,10 +325,10 @@
    text-align: center;
    font-weight: bold;
    margin: .8em 0 .6em 0;
-   border: .4em solid #ccc;
-   box-shadow: .2em .2em #333;
-   -moz-border-radius: 0.4em;
-   -khtml-border-radius: 0.4em;
+   border: .4em solid #c9cccf;
+   box-shadow: .2em .2em #171d33;
+/*   -moz-border-radius: 0.4em;
+   -khtml-border-radius: 0.4em;*/
    padding-bottom: 0;
 }
 .button a {
@@ -335,10 +338,10 @@
 }
 .button a:hover { color: #ee0800; }
 
-.large { font-size: 2em; background-color: #e4e1de; }
-.small { font-size: 1.6em; background-color: #e4e1de; }
+.large { font-size: 2em; background-color: #dee1e4; }
+.small { font-size: 1.6em; background-color: #dee1e4; }
 
-.emph-box { background-color: #f2f2f2; border: 1px solid #ccc; padding: 1em; }
+.emph-box { background-color: #f0f2f4; border: 1px solid #ccc; padding: 1em; }
 .emph-box p { font-size: .9em }
 .emph-box h4 { text-align: center; font-size: 1.5em !important; }
 
@@ -389,7 +392,7 @@
    font-size: .9em; font-weight: bold;
    line-height: 2em;
    margin: 0em -1.15em;
-   background-color: #e4e1de;
+   background-color: #dee1e4;
 }
 #edu-navigation li {
    display: inline-block;
@@ -409,8 +412,8 @@
 
 /* styles for subsections of /education "Case Studies" */
 div.edu-cases {
-   border-top: .5em ridge #334683;
-   border-bottom: .5em ridge #334683;
+   border-top: .5em ridge #171d33;
+   border-bottom: .5em ridge #171d33;
    margin-right: 4em;
    margin-left: 4em;
    margin-bottom: 1em;