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

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 14/05/05 10:25:59

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

Log message:
        Modifications on inputs and #fsf-frame, by Navaneeth.

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

Patches:
Index: layout7.css
===================================================================
RCS file: /webcvs/www/www/server/staging/nav-bar/test9/layout7.css,v
retrieving revision 1.40
retrieving revision 1.41
diff -u -b -r1.40 -r1.41
--- layout7.css 27 Apr 2014 17:35:55 -0000      1.40
+++ layout7.css 5 May 2014 10:25:59 -0000       1.41
@@ -33,6 +33,7 @@
    #222, #333, #404040, #555: special items
    #777     medium gray: normal hover
    #334683  blue from GNU banner: h2, special links
+   #283767  slightly darker blue: #fsf-frame
    #004780  greenish blue: normal links
    #100070  purplish blue: normal visited links
    blue     #urgent links
@@ -42,30 +43,32 @@
 Backgrounds
    white    #inner, navbar li.active
    #f0f2f4  light bluish gray: #translations p, .emph-box, #outdated,
-            .listing, #footer, .toc, #fsf-frame
+            .listing, #footer, .toc, #fssbox
    #e7e9eb  .button, .lyrics
    #d1d4d7  #edu-navbar, #fsf-links, #searcher + #translations
+   #c9cccf  #join-fsf
    #ddd     gray (looks purplish): #gpl-compat-matrix 
    #ccffcc  light green: #gpl-compat-matrix
    #e4ffcc  light yellowish green: #gpl-compat-matrix
    #ffc     very pale yellow: .highlight-para
-   #fff898  pale yellow: table headers, #join-fsf, .highlight, nav-bar hover
+   #fff898  pale yellow: table headers, .highlight, nav-bar hover
    #ff3     yellow: #urgent
    #a50606  intermediate red from #fs-gang gradient: #navigation
             [#fs-gang gradient: #820202-#f71111]
    #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
-   #b9bcbf  bluish gray: #fsf-frame, #Action, .highlight-para, .announcement
-   #c9cccf  bluish gray: .button, .toc
+   #b9bcbf  bluish gray: #Action, .highlight-para, .announcement, inputs
+   #c9cccf  bluish gray: .button, .toc,  #fsf-frame
    #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
    #6989b6  light blue: border for h3 (license-list.html)
-   #cdc66e  greenish yellow: submit buttons and focused text input
+   #cdc66e  greenish yellow: focused input and submit
 */
 
 /*** Luminosity contrast ratio and color difference ***
@@ -78,6 +81,7 @@
    #000         #ff3           19.6           561
    #222         white          15.91          663
    #222         #c9cccf         9.87          510
+   #222         #b9bcbf         8.34          462
    #333         white          12.63          612
    #333         #e7e9eb        10.38          546
    #333         #c9cccf         7.83          459
@@ -92,11 +96,15 @@
    #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
 
@@ -204,7 +212,7 @@
    font-size: .9em;
    font-family: "FreeSans", sans-serif;
    font-weight: bold;
-   padding: .5em 1.4em;
+   padding: .5em 1.5em 0 1.5em;
    margin: 0;
 }
 #toplinks a, #toplinks a:visited {
@@ -212,15 +220,11 @@
 }
 #toplinks a:hover { color: #777; }
 
-/* #searcher has class="imgright" in body-include-1.html,
-but some old pages don't use this include. This is why
-background-color and text-align have to be specified. */
 #searcher {
    display: block;
    text-align: right;
    font-weight: bold;
    padding: .2em 1.5%;
-   margin: 0;
    background-color: #d1d4d7;
 }
 #searcher input {
@@ -237,34 +241,40 @@
 }
 #searcher input[type="submit"] {
    padding: .1em .2em;
-   color: #404040;
-   background: #e7e9eb;
-   border: .2em solid #cdc66e;
+   color: #222;
+   background: #b9bcbf;
+   border: .1em solid #b9bcbf;
+   border-left: 0;
 }
 #searcher input[type="text"]:focus {
    border: .2em solid #cdc66e;
 }
+#searcher input[type="text"]:focus + input[type="submit"] {
+   background: #cdc66e;
+   border: .1em solid #cdc66e;
+}
 #searcher input[type="submit"]:hover {
-   background-color: white;
    cursor: pointer;
 }
 
 #translations { 
+   clear: both;
    text-align: left;
    font-size: .8em;
-   min-height: 1.7em;
    font-family: "FreeSans", sans-serif;
-   padding: .45em 1.5%;
+   line-height: 1.3em;
+   padding-bottom: .5em;
    background-color: #d1d4d7;
 }
+
 #translations p {
-   display: inline-block;
    padding: .1em .5em .2em .5em;
-   margin: 0;
+   margin: 0 1.5%;
    background-color: #f0f2f4;
    border-left: .2em solid #d1d4d7; 
    border-right: .2em solid #d1d4d7; 
 }
+
 #translations span {
    white-space: nowrap;
    margin-right: .5em;
@@ -315,7 +325,6 @@
 /*** HEADER ***/
 
 #header {
-   clear: both;
    font-family: "FreeSans", sans-serif;
    margin: 0 1.5%;
    background-color: white;
@@ -330,28 +339,29 @@
    text-align: center;
    line-height: 1.3em;
    width: auto;
+   padding: 0;
    margin: 1em 0;
-   padding: .5em;
-   background: #f0f2f4;
    border: .2em solid #c9cccf;
 }
-#fsf-frame p { color: #222; margin-bottom: .7em; }
+#fsf-frame p { color: #222; margin: 0 }
 #fsf-frame a, #fsf-frame a:visited {
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
-   color: #334683;
+   color: #283767;
 }
 #fsf-frame a:hover { color: #777; }
-#fsf-frame #join-fsf { padding: 0; }
-#fsf-frame #join-fsf a {
-   padding: .2em .5em;
-   background: #fff898;
+#fsf-frame #join-fsf {
+   padding: .4em .5em;
+   background: #c9cccf;
 }
+#fsf-frame hr { display: none; }
 
-#fssbox { padding: 0; }
-#fssbox p, input { margin: 0; }
-#fssbox p { padding: 0; }
+#fssbox {
+   padding: .6em .5em .4em .5em;
+   background: #f0f2f4;
+}
+#fssbox p { margin-bottom: .2em; }
 #fssbox input {
    font-family: "FreeSans", sans-serif;
    font-weight: bold;
@@ -366,17 +376,20 @@
 #fssbox input[type="submit"] {
    padding: .1em .2em;
    margin: 0;
-   color: #404040;
-   background: #e7e9eb;
-   border: .2em solid #cdc66e;
+   color: #222;
+   background: #b9bcbf;
+   border: .1em solid #b9bcbf;
 }
 #fssbox input[type="text"]:focus {
    border: .2em solid #cdc66e;
 }
 #fssbox input[type="submit"]:hover {
-   background-color: white;
    cursor: pointer;
 }
+#fssbox input[type="text"]:focus + input[type="submit"] {
+   background: #cdc66e;
+   border: .1em solid #cdc66e;
+}
 
 /* For "normal" pages */
 #gnu-banner {
@@ -819,7 +832,6 @@
    color: #222; text-decoration: none;
 }
 #edu-navigation li.active a {
-   padding: .2em .45em;
    background-color: white;
 }
 #edu-navigation li a:hover,