www/server/staging/ghm2016 layout-rsd.css

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 16/08/02 10:29:29

Modified files:
        server/staging/ghm2016: layout-rsd.css 

Log message:
        Fix colors; update the color list.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/ghm2016/layout-rsd.css?cvsroot=www&r1=1.12&r2=1.13

Patches:
Index: layout-rsd.css
===================================================================
RCS file: /webcvs/www/www/server/staging/ghm2016/layout-rsd.css,v
retrieving revision 1.12
retrieving revision 1.13
diff -u -b -r1.12 -r1.13
--- layout-rsd.css      1 Aug 2016 22:57:10 -0000       1.12
+++ layout-rsd.css      2 Aug 2016 10:28:43 -0000       1.13
@@ -37,42 +37,45 @@
 
 /*
 Text
-   black    normal text, hover on #555 and nav-bars
-   white    #navigation
-   #999     light gray: text shadow
+   black    normal text, hover on #555
    #222, #333, #404040, #555: special items
    #777     medium gray: hover special links
-   #334683  blue from GNU banner: h1, h2
-   #005090  greenish blue: normal links
+   white    #navigation, #join-fsf, #fssbox submit:focus
+
+   #004caa  blue: normal links, #fssbox submit
    #100070  purplish blue: normal visited links, normal hover
    blue     #urgent links
-   #171d33  dark blue (from screenshot): #Action h2
-   #971611  red from GNU banner: .button link, #join-fsf
+   #a42e2b  red: GNU banner, #outdated
 
 Backgrounds
-   white    #inner, navbar li.active
-   #f0f2f4  light bluish gray: #translations, .emph-box, #outdated,
-            .listing, #footer, .toc, lyrics
-   #e7e9eb  html
-   #d1d4d7  #edu-navbar, #fsf-links, #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, p.highlight
-   #fff898  pale yellow: table headers, .highlight
+   #999     hr
+   #d4d4d4  #fsf-links, #searcher
+   #e4e4e4  html
+   #eee     #edu-navigation, submit
+   #f5f5f5  #translations, #footer, .emph-box, .summary, .toc, .lyrics,
+            .listing
+   white    body, .note
+
+   #a42e2b  red: #navigation
+   #4080d0  blue: #join-fsf, #fssbox submit:focus
+   #004caa  blue: #join-fsf:hover
    #ff3     yellow: #urgent
-   #a42e2b  red (slightly darker than the Gnowsys logo): #navigation
+   #fff1c0  light orange: .highlight, table headers
+   #fff5d4  very light orange: .highlight-para, p.highlight
 
 Borders
    black, #111, #333, #666: tables
-   #999     buttons, hr, unfocused inputs
-   #b9bcbf  bluish gray: body, #Action, .highlight-para, .announcement
-   #d1d4d7  bluish gray: #translations, #outdated
-   #3465a4  blue (slightly lighter than GNU banner): edu-cases ridges
-   #6092d0  note
-   #334683  focused inputs
-   #171d33  dark blue: box-shadow behind buttons
-   #6989b6  light blue: border for .big-section h3
+   #bbb     body
+   #ccc     unfocused inputs, footer
+   #d4d4d4  #translations, #outdated
+   #ddd     emph-box, lyrics
+
+   #6092d0  .note
+   #4080d0  focused inputs, #fssbox submit
+   #3465a4  .edu-cases
+   #e74c3c  .big-section h3
+   #fc7     .announcement, .highlight-para
+   #a42e2b  active link in edu-navbar
 */
 
 /*** Luminosity contrast ratio and color difference ***
@@ -84,48 +87,35 @@
    #000         white          21.3           765
    #000         #ff3           19.6           561
    #222         white          15.91          663
-   #222         #c9cccf         9.87          510
    #333         white          12.63          612
-   #333         #e7e9eb        10.38          546
-   #333         #c9cccf         7.83          459
-   #404040      #d1d4d7         6.97          444
+   #333         #eee           10.89          561
+   #404040      #d4d4d4         6.99          444
    #555         white           7.46          510
 
 Red
-   #971611      white           8.61          704
-   #971611      #e7e9eb         7.07          638
    #a42e2b      white           6.99          630
 
-Blue from GNU banner
-   #334683      white           8.96          494
-   #334683      #fff898         8.16          384
-   #334683      #e7e9eb         7.36          428
-   #334683      #777            2.0           110
-   #334683      #555            1.20           76
-   #334683      #333            1.41          118
-   #334683      black           2.34          271
-
 Blue (urgent)
    #00f         #ff3            8.02          714
 
 Blue links
-   #005090      white           8.23          461
-   #005090      #e4ffcc         7.64          383
-   #005090      #fff898         7.50          351
-   #005090      #f0f2f4         7.34          422
-   #005090      #ccffcc         7.35          359
-   #005090      #777            1.84          103
-   #005090      #333            1.53          151
-   #005090      black           2.55          304
+   #004caa     white            8.03          443
+   #004caa     #e4ffcc          7.45          365
+   #004caa     #fff1c0          7.11          366
+   #004caa     #f3f3f3          7.24          407
+   #004caa     #ccffcc          7.17          341
+   #004caa     #777             1.79          137
+   #004caa     #333             1.57          169
+   #004caa     black            2.61          322
 
 Purple links
    #100070      white          16.72          653
-   #100070      #fff898        15.23          543
+   #100070      #fff1c0        14.81          576
    #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
+   #100070      #004caa         2.08          134
 */
 
 
@@ -153,7 +143,7 @@
    text-decoration: none;
    color: #000;
 }
-html { background: #e7e9eb; }
+html { background: #e4e4e4; }
 
 /* This specifies the basic width of our web pages.  Don't change it
    without discussion on www-discuss.  The magic 74.92 is for
@@ -222,10 +212,10 @@
 
 p, pre { margin-top: 1em; }   /* In combo.css: margin-bottom:1em. */
 address { margin-bottom: 1em; }
+
 ul, ol, blockquote {
    margin-left: 1.5%; margin-right: 1.5%; /* In combo.css: margin:1em. */
 }
-
 /* Lists of underlined links are difficult to read. The top margin
    gives a little more spacing between entries. */
 ol li { margin: 1em 0 0 1em; }
@@ -258,6 +248,10 @@
    color: #100070;
    text-decoration: none;
 }
+hr {
+   color: #999;
+   background-color: #999;
+}
 
 ul li, ol li { list-style: inherit; }
 ul { list-style: square; }
@@ -299,8 +293,6 @@
    display: block;
    height: .3em;
    margin-bottom: 1.2em;
-   color: #999;
-   background-color: #999;
    border: none;
 }
 
@@ -399,7 +391,7 @@
 
 /*** BIG SECTION HEADERS ***/
 
-/* This is for browsers that don't support inline-block. */
+/* For browsers that don't support inline-block */
 .big-section {
    float: left;
 }
@@ -560,7 +552,7 @@
    padding: .8em 4% .8em;
    margin: 1.5em auto;
    background: white;
-   border: .15em dotted #6092d0;
+   border: .1em solid #6092d0;
 }
 .note p {
    padding: .4em 0 .4em;
@@ -694,7 +686,7 @@
    background-color: transparent;
 }
 .listing .even {
-   background-color: #f0f2f4;
+   background-color: #f5f5f5;
 }
 .listing .listingCheckbox {
    text-align: center;
@@ -760,6 +752,7 @@
 }
 #searcher #join-fsf { margin-left: 1em; }
 
+
 /*** TRANSLATION LIST ***/
 
 #translations {