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

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 14/03/24 10:06:55

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

Log message:
        Move clauses for #dynamic-duo to the HTML; add color difference for 
text/background.

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

Patches:
Index: layout5.css
===================================================================
RCS file: /webcvs/www/www/server/staging/nav-bar/test9/layout5.css,v
retrieving revision 1.85
retrieving revision 1.86
diff -u -b -r1.85 -r1.86
--- layout5.css 23 Mar 2014 14:01:52 -0000      1.85
+++ layout5.css 24 Mar 2014 10:06:54 -0000      1.86
@@ -52,41 +52,52 @@
    #e4ffcc  light yellowish green: gpl-compat-matrix
 */
 
-/* Luminosity contrast ratio
+/* Luminosity contrast ratio and color difference
    source: http://springmeier.org/www/contrastcalculator/index.php
 
-   #000 (black) vs. #fff (white) 21.3
-   #000         vs. #ff3         19.6
-   #00f (blue)  vs. #ff3          8.02
-   #333         vs. white        12.63
-   #333         vs. #e7e9eb      10.38
-   #333         vs. #c9cccf       7.83
-   #333         vs  black         1.66
-   #222         vs. white        15.91
-   #222         vs. #c9cccf       9.87
-
-   #971611      vs. #e7e9eb       7.07
-
-   #334683      vs. white         8.96
-   #334683      vs. #fff898       8.16
-   #334683      vs. #e7e9eb       7.36
-   #334683      vs. 777           2.0 
-   #334683      vs. 333           1.45
-   #334683      vs. black         2.34
-
-   #005490      vs. white         7.86
-   #005490      vs. #e4ffcc       7.21
-   #005490      vs. #fff898       7.16
-   #005490      vs. #ccffcc       7.02
-   #005490      vs. #777          1.76
-   #005490      vs. #333          1.61
-   #005490      vs. black         2.67
-
-   #100472      vs. white        16.38
-   #100472      vs. #777          3.66
-   #100472      vs. #333          1.30
-   #100472      vs. black         1.28
-   #100472      vs. #005490       2.08  color difference 114
+   Color1       Color 2       contrast       Color
+                               ratio      difference
+Black-gray
+   #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
+
+Red from GNU banner
+   #971611      white           8.61          704
+   #971611      #e7e9eb         7.07          638
+
+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      #333            1.41          118
+   #334683      black           2.34          271
+
+Blue (urgent)
+   #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
+
+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
 */
 
 
@@ -872,20 +883,6 @@
 
 /* IMAGES*/
 
-/* Used in /software/software.html */
-#dynamic-duo {
-   float: right;
-   width: 25em;
-   padding: 1.25em 1.25em .4em 1.25em;
-   margin: .3em 1em 1em 1em;
-   border: .5em solid #acc890;
-}
-#dynamic-duo img { width: 100%; }
-#dynamic-duo p.highlight-para {
-   padding: .5em .8em .7em .8em;
-   border-width: 1px;
-}
-
 /* Used in /software/for-windows.html */
 #windows7sins {
    float: right;