www-commits
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

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


From: Therese Godefroy
Subject: www/server/staging/nav-bar/test9 layout5.css
Date: Wed, 26 Mar 2014 13:28:19 +0000

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 14/03/26 13:28:19

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

Log message:
        Typos, consolidate 2 shades of gray, slightly adjust the color of 
normal links, rearrange comments about colors.

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

Patches:
Index: layout5.css
===================================================================
RCS file: /webcvs/www/www/server/staging/nav-bar/test9/layout5.css,v
retrieving revision 1.91
retrieving revision 1.92
diff -u -b -r1.91 -r1.92
--- layout5.css 25 Mar 2014 07:40:41 -0000      1.91
+++ layout5.css 26 Mar 2014 13:28:17 -0000      1.92
@@ -22,37 +22,52 @@
 than commit changes directly. */
 
 
-/*** GENERAL SETTINGS ***/
+/*** COLORS ***/
 
-/* colors
-   white    background for inner, searcher, nav-bar text & listing
-   blue     urgent links
-   black    gpl-compat-matrix, hover
-   #111, #222, #333, #555, #666, #999, #ddd, #eee, #ededed
-            shades of pure gray: text, listing, special items
-   #777     medium gray: hover
-   #f5f6f7  very light bluish gray: footer, emph-box
-   #f0f2f4  light bluish gray: translations, #outdated
-   #e7e9eb  light bluish gray: button
-   #d1d4d7  edu-navbar, fsf-links
-   #c9cccf  bluish gray: top links, searcher, announcement border, button 
border
-   #971611  red from GNU banner: button link
-   #820202-#f71111   fs-gang gradient
-   #a50606  intermediate red from fs-gang gradient: fallback fs-gang 
background,
-            main nav-bar
+/*
+Text
+   black    normal text, hover on #555 and nav-bars
+   white    #navigation
+   #999     light gray: text shadow
+   #222, #333, #555: special items
+   #777     medium gray: normal hover
    #334683  blue from GNU banner: h2, special links
-   #3465a4  slightly lighter blue: edu-cases ridges, border around notes
-   #005490  greenish blue: normal links
-   #100472  purplish blue: normal visited links
-   #171d33  dark blue (from screenshot): shade behind button
-   #ffc     very pale yellow: highlight-para background
-   #fff898  pale yellow: table headers, fsf-frame and highlight background
-   #ff3     yellow: urgent
-   #ccffcc  light green: gpl-compat-matrix
-   #e4ffcc  light yellowish green: gpl-compat-matrix
+   #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
+
+Backgrounds
+   white    #inner, navbar li.active
+   #f5f6f7  very light bluish gray: #footer, .emph-box
+   #f0f2f4  #translations, #outdated, .listing
+   #e7e9eb  .button, .lyrics
+   #d1d4d7  #edu-navbar, #fsf-links
+   #c9cccf  #searcher
+   #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, #fsf-frame, .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)
+
+Borders
+   black, #111, #333, #666: tables
+   #e7e9eb  hr.end
+   #b9bcbf  bluish gray: #fsf-frame, #Action, .highlight-para, .announcement
+   #c9cccf  bluish gray: .button
+   #3465a4  blue (slightly lighter than GNU banner): edu-cases ridges, .note
+   #334683  #join-fsf
+   #171d33  dark blue (from screenshot): shade behind .button.large
 */
 
-/* Luminosity contrast ratio and color difference
+/*** Luminosity contrast ratio and color difference ***
    source: http://springmeier.org/www/contrastcalculator/index.php
 
    Color1       Color 2       contrast       Color
@@ -86,25 +101,27 @@
    #00f         #ff3            8.02          714
 
 Blue links
-   #005490      white           7.86          453
-   #005490      #e4ffcc         7.21          375
-   #005490      #fff898         7.16          343
-   #005490      #ccffcc         7.02          351
-   #005490      #777            1.76           95
-   #005490      #333            1.61          159
-   #005490      black           2.67          312
+   #005090      white           8.23          461
+   #005090      #e4ffcc         7.64          383
+   #005090      #fff898         7.50          351
+   #005090      #ccffcc         7.35          359
+   #005090      #777            1.84          103
+   #005090      #333            1.53          151
+   #005090      black           2.55          304
 
 Purple links
-   #100472      white          16.38          643
-   #100472      #fff898        14.92          533
-   #100472      #ccffcc        14.62          541
-   #100472      #777            3.66          235
-   #100472      #333            1.30          157
-   #100472      black           1.28          122
-   #100472      #005490         2.08          114
+   #100070      white          16.72          653
+   #100070      #fff898        15.23          543
+   #100070      #ccffcc        14.92          551
+   #100070      #777            3.73          245
+   #100070      #333            1.32          163
+   #100070      black           1.26          112
+   #100070      #005090         2.03          112
 */
 
 
+/*** GENERAL SETTINGS ***/
+
 html, body {
    font-size: 1em;
    text-align: inherit;
@@ -134,8 +151,8 @@
    margin: auto; max-width:74.92em;
 }
 
-a[href] { color: #005490; }
-a[href]:visited { color: #100472; }
+a[href] { color: #005090; }
+a[href]:visited { color: #100070; }
 a[href]:active, a[href]:hover { color: #777; }
 
 blockquote { margin: 1em; font-style: italic; }
@@ -264,7 +281,6 @@
    text-align: center;
    line-height: 1.3em;
    width: auto;
-   background: white;
    padding: .6em .3em .4em .3em;
    margin: 1em;
    background: #fff898;
@@ -655,7 +671,7 @@
 #urgent a, #urgent a:visited {
    color: blue; text-decoration: underline;
 }
-#urgent a:hover { color: 777; }
+#urgent a:hover { color: #777; }
 
 /* For the notes about mailing lists, etc. */ 
 .note {
@@ -816,7 +832,7 @@
    background-color: transparent;
 }
 .listing .even {
-   background-color: #ededed;
+   background-color: #f0f2f4;
 }
 .listing .listingCheckbox {
    text-align: center;
@@ -885,7 +901,7 @@
 
 .lyrics {
    background-color: #eee; font-style: italic; width: 25em;
-   padding: 2em; border: 2px solid #e0e0e0; margin-left: 2em;
+   padding: 2em; border: 2px solid #e7e9eb; margin-left: 2em;
 }
 
 



reply via email to

[Prev in Thread] Current Thread [Next in Thread]