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

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 14/05/08 17:06:01

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

Log message:
        Back to light gray for the buttons, with red letters for #join-fsf and 
a dark shadow.

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

Patches:
Index: layout7.css
===================================================================
RCS file: /webcvs/www/www/server/staging/nav-bar/test9/layout7.css,v
retrieving revision 1.67
retrieving revision 1.68
diff -u -b -r1.67 -r1.68
--- layout7.css 8 May 2014 11:02:35 -0000       1.67
+++ layout7.css 8 May 2014 17:06:01 -0000       1.68
@@ -37,16 +37,15 @@
    #004780  greenish blue: normal links
    #100070  purplish blue: normal visited links
    blue     #urgent links
-   #171d33  dark blue: #Action h2
-   #971611  red from GNU banner: .button link
+   #171d33  dark blue (from screenshot): #Action h2
+   #971611  red from GNU banner: .button link, #join-fsf
 
 Backgrounds
    white    #inner, navbar li.active
    #f0f2f4  light bluish gray: #translations p, .emph-box, #outdated,
-            .listing, #footer, .toc, Search
-   #e7e9eb  .button, .lyrics
+            .listing, #footer, .toc,
+   #e7e9eb  .button, .lyrics, #join-fsf, submit
    #d1d4d7  #edu-navbar, #fsf-links, #searcher + #translations
-   #c9cccf  #join-fsf, Sign up
    #b9bcbf  submit input
    #ddd     gray (looks purplish): #gpl-compat-matrix 
    #ccffcc  light green: #gpl-compat-matrix
@@ -59,7 +58,6 @@
    #5b6a96-#c9cccf:  #body gradient
    #5b6a96  fallback from gradient (intermediate between banner blue and
             #c9cccf)
-   #cdc66e  greenish yellow: focused submit
 
 Borders
    black, #111, #333, #666: tables
@@ -67,9 +65,8 @@
    #c9cccf  bluish gray: .button, .toc, submit
    #d1d4d7  bluish gray: #translations, #outdated
    #3465a4  blue (slightly lighter than GNU banner): edu-cases ridges, .note
-   #171d33  dark blue (from screenshot): shade behind .button.large
+   #171d33  dark blue: box-shadow behind buttons, focused inputs
    #6989b6  light blue: border for h3 (license-list.html)
-   #cdc66e  greenish yellow: focused input and submit
 */
 
 /*** Luminosity contrast ratio and color difference ***
@@ -97,15 +94,11 @@
    #334683      white           8.96          494
    #334683      #fff898         8.16          384
    #334683      #e7e9eb         7.36          428
-   #334683      #c9cccf         5.55          341
    #334683      #777            2.0           110
    #334683      #555            1.20           76
    #334683      #333            1.41          118
    #334683      black           2.34          271
 
-Slightly darker (fsf-frame)
-   #283767      #c9cccf         7.11          399
-
 Blue (urgent)
    #00f         #ff3            8.02          714
 
@@ -213,7 +206,7 @@
    font-size: .9em;
    font-family: "FreeSans", sans-serif;
    font-weight: bold;
-   padding: .5em 1.5em 0 1.5em;
+   padding: .6em 1.5em 0 1.5em;
    margin: 0;
 }
 #toplinks a, #toplinks a:visited {
@@ -239,31 +232,31 @@
    color: #555;
    background: white;
    border: .1em solid #c9cccf;
-   border-radius: .5em;
-   -moz-border-radius: .4em;
-   -khtml-border-radius: .4em;
-   -webkit-border-radius: .4em;
-   -opera-border-radius: .4em;
+   border-radius: .3em;
+   -moz-border-radius: .3em;
+   -khtml-border-radius: .3em;
+   -webkit-border-radius: .3em;
+   -opera-border-radius: .3em;
 }
 #searcher input[type="submit"] {
    padding: .2em .4em;
    margin: 0;
    color: #222;
-   background: #f0f2f4;
+   background: #e7e9eb;
    border: .1em solid #c9cccf;
    border-radius: 1em;
    -moz-border-radius: 1em;
    -khtml-border-radius: 1em;
    -webkit-border-radius: 1em;
    -opera-border-radius: 1em;
+   
 }
 #searcher input[type="text"]:focus {
    color: #222;
-   border: 0; border: .1em solid #cdc66e;
+   border: .1em solid #171d33;
 }
 #searcher input[type="text"]:focus + input[type="submit"] {
-   background: #cdc66e;
-   border: 0; border: .1em solid #cdc66e;
+   border: .1em solid #171d33;
 }
 #searcher input[type="submit"]:hover {
    cursor: pointer;
@@ -351,32 +344,39 @@
    padding: 0;
    margin: 1em 0;
 }
-#fsf-frame p { margin: 0; }
 #fsf-frame a, #fsf-frame a:visited {
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
-   color: #283767;
 }
-#fsf-frame a:hover { color: #777; }
+#fsf-frame p { padding: 0; margin: 0; }
+#fsf-frame hr { display: none; }
 
-#fsf-frame #join-fsf {
+#join-fsf {
    padding: .4em 0;
 }
-#fsf-frame #join-fsf a {
-   padding: .4em 1em;
-   background: #c9dcff;
+#join-fsf a, #join-fsf a:visited {
+   padding: .3em 1em;
+   color: #971611;
+   background: #e7e9eb;
    border-radius: 1em;
    -moz-border-radius: 1em;
    -khtml-border-radius: 1em;
    -webkit-border-radius: 1em;
    -opera-border-radius: 1em;
+   box-shadow: .15em .15em #171d33;
+   -moz-box-shadow: .15em .15em #171d33;
+   -webkit-box-shadow: .15em .15em #171d33;
+   -icab-box-shadow: .15em .15em #171d33;
+   -o-box-shadow: .15em .15em #171d33;
 }
-#fsf-frame hr { display: none; }
 
 #fssbox {
    padding: 0;
-   margin-top: 1em;
+   margin-top: 1.3em;
+}
+#fssbox a, #fssbox a:visited {
+   color: #334683;
 }
 #fssbox form p { margin-top: .2em; }
 #fssbox input {
@@ -389,35 +389,40 @@
    color: #555;
    background: white;
    border: .1em solid #999;
-   border-radius: .5em;
-   -moz-border-radius: .4em;
-   -khtml-border-radius: .4em;
-   -webkit-border-radius: .4em;
-   -opera-border-radius: .4em;
+   border-radius: .3em;
+   -moz-border-radius: .3em;
+   -khtml-border-radius: .3em;
+   -webkit-border-radius: .3em;
+   -opera-border-radius: .3em;
 }
 #fssbox input[type="submit"] {
    padding: .2em .4em;
    margin: 0;
    color: #222;
-   background: #c9dcff;
-   border: .1em solid #c9dcff;
+   background: #e7e9eb;
+   border: .1em solid #e7e9eb;
    border-radius: 1em;
    -moz-border-radius: 1em;
    -khtml-border-radius: 1em;
    -webkit-border-radius: 1em;
    -opera-border-radius: 1em;
+   box-shadow: .15em .15em #171d33;
+   -moz-box-shadow: .15em .15em #171d33;
+   -webkit-box-shadow: .15em .15em #171d33;
+   -icab-box-shadow: .15em .15em #171d33;
+   -o-box-shadow: .15em .15em #171d33;
 }
 #fssbox input[type="text"]:focus {
    color: #222;
-   border: .1em solid #cdc66e;
+   border: .1em solid #171d33;
 }
 #fssbox input[type="submit"]:hover {
    cursor: pointer;
 }
 #fssbox input[type="text"]:focus + input[type="submit"] {
-   background: #cdc66e;
-   border: .1em solid #cdc66e;
+   border: .1em solid #171d33;
 }
+#fsf-frame a:hover { color: #777; }
 
 /* For "normal" pages */
 #gnu-banner {
@@ -675,11 +680,11 @@
    -webkit-box-shadow: .15em .15em #171d33;
    -icab-box-shadow: .15em .15em #171d33;
    -o-box-shadow: .15em .15em #171d33;
-/*   border-radius: .4em;
+   border-radius: .4em;
    -moz-border-radius: .4em;
    -khtml-border-radius: .4em;
    -webkit-border-radius: .4em;
-   -opera-border-radius: .4em; */
+   -opera-border-radius: .4em;
 }
 .button a, .button a:visited {
    color: #971611;