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

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 14/03/16 20:01:28

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

Log message:
        Left-align breadcrumb, adjust font size and color; remove side borders 
for #outdated.

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

Patches:
Index: layout5.css
===================================================================
RCS file: /webcvs/www/www/server/staging/nav-bar/test9/layout5.css,v
retrieving revision 1.53
retrieving revision 1.54
diff -u -b -r1.53 -r1.54
--- layout5.css 12 Mar 2014 15:36:00 -0000      1.53
+++ layout5.css 16 Mar 2014 20:01:27 -0000      1.54
@@ -31,8 +31,8 @@
    black    gpl-compat-matrix
    #111, #222, #333, #555, #666666, #ddd, #999, #eee, #ededed
             shades of pure gray: text, listing, special items
-   #f5f6f7  very light bluish gray: footer, emph-box, outdated
-   #f0f2f4  light bluish gray: translations
+   #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
@@ -40,7 +40,7 @@
    #a50606  intermediate red from fs-gang gradient: fallback fs-gang 
background,
             main nav-bar
    #334683  blue from GNU banner: h2, normal links
-   #3465a4  blue: edu-cases ridges
+   #3465a4  blue: edu-cases ridges, border around notes
    #171d33  dark blue (from screenshot): shade behind button
    #ffc     pale yellow: highlight background
    #fff888  pale yellow: table headers
@@ -48,7 +48,6 @@
    #ff3     yellow: urgent, hover background
    #ccffcc  light green: gpl-compat-matrix
    #e4ffcc  light yellowish green: gpl-compat-matrix
-   #a0f112  green: border around notes (e-books mailing list, accessibility?)
 */
 
 /* Luminosity contrast ratio
@@ -466,28 +465,6 @@
 #backtotop a, a:visited { color: #333; }
 #backtotop a:hover { color: red; }
 
-#fs-gang {
-   clear: both;
-   margin: 0;
-   background-color: #a50606; /* Fallback from gradient */
-   background: -moz-linear-gradient(#820202, #f71111); /* FF 3.6+ */  
-   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, 
#820202), color-stop(100%, #f71111)); /* Safari 4+, Chrome 2+ */  
-   background: -webkit-linear-gradient(#820202, #f71111); /* Safari 5.1+, 
Chrome 10+ */  
-   background: -o-linear-gradient(#820202, #f71111); /* Opera 11.10 */  
-   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#820202', 
endColorstr='#f71111'); /* IE6 & IE7 */  
-   -ms-filter: 
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#820202', 
endColorstr='#f71111')"; /* IE8+ */  
-   background: linear-gradient(#820202, #f71111); /* the standard */
-}
-#fs-gang .img-container {  height: 100%; max-width: 40em; margin: auto; }
-#fs-gang .img-container a {
-   font-size: 1.3em;
-   font-weight: bold;
-   line-height: 1.6em;
-   margin-left: .5em; 
-   color: white; text-decoration: none;
-   cursor: pointer;
-}
-#fs-gang .img-container img { width: 100%; padding: 0; margin: 0; }
 
 #sisters { font-size: .9em; margin: 0 1% 1.5em 1%; }
 
@@ -635,7 +612,7 @@
    width: 18em;
    padding: .5em .7em .7em .7em;
    margin: 1em; margin-right: 0; 
-   border: .5em solid #a0f112;
+   border: .3em solid #3465a4;
 }
 .note h5 { font-size: 1.2em !important; line-height: 1.1em; }
 .note li { text-align: left; margin-bottom: 0.5em; }
@@ -649,16 +626,16 @@
    font-weight: bold;
    font-style: italic;
    margin-bottom: 0;
-   margin-top: .5em !important;
+   margin-top: 1.2em !important;
 }
 
 /* For outdated translations  */
 #outdated {
+   text-align: left;
    padding: .7em 3%;
    margin: 0 -1%; 
-   background-color: #f5f6f7;
-   border-bottom: .4em solid #b9bcbf; border-right: .4em solid #b9bcbf;
-   border-top: .4em solid white; border-left: .4em solid white;
+   background-color: #f0f2f4;
+   border-bottom: .3em solid #d1d4d7;
 }
 #outdated p {
    margin: 0.2em 0;
@@ -700,13 +677,15 @@
 }
 
 .edu-breadcrumb {
-   text-align: center;
-   padding: 0;
-   margin: .5em 0 0 0 !important;
-}
-.edu-breadcrumb a {
+   font-size: .9em;
    font-weight: bold;
-   color: #971611; text-decoration: none
+   text-align: left;
+   padding-top: .4em;
+   margin: 0  !important;
+}
+.edu-breadcrumb a, a:visited {
+   color: #334683;
+   text-decoration: none;
 }
 .edu-breadcrumb a:hover {
    color: red;
@@ -830,9 +809,6 @@
 th.gpl-matrix-license { text-align: right; }
 tr.gpl-matrix-use-type { border-top: 2px solid black; }
 
-table#gpl-compat-matrix div.large-table {
-}
-
 /* This is used in pages of lists, such as gnu-linux.faq.html,
    to give readers a hint that they can link directly to a given item.
    We make it less obtrusive than the item heading it follows.  */