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

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 14/03/05 13:29:35

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

Log message:
        Minor adjustments; cleanup.

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

Patches:
Index: layout5.css
===================================================================
RCS file: /webcvs/www/www/server/staging/nav-bar/test9/layout5.css,v
retrieving revision 1.42
retrieving revision 1.43
diff -u -b -r1.42 -r1.43
--- layout5.css 4 Mar 2014 19:53:30 -0000       1.42
+++ layout5.css 5 Mar 2014 13:29:32 -0000       1.43
@@ -31,20 +31,19 @@
    black    gpl-compat-matrix
    #111, #222, #333, #555, #666666, #ddd, #999, #eee, #ededed
             shades of pure gray: text, listing, special items
-   #f5f6f7  emph-box, footer
-   #e7e9eb  light bluish gray: translations, button
+   #f5f6f7  very light bluish gray: translations, footer, emph-box, outdated
+   #e7e9eb  light bluish gray: button
    #d1d4d7  edu-navbar, fsf-links
-   #c9cccf  bluish gray: top links, searcher
-   #971611  red from GNU banner: button link, normal visited links, border
-            around highlighted boxes
+   #c9cccf  bluish gray: top links, searcher, announcement border, button 
border
+   #971611  red from GNU banner: button link, normal visited links
    #a50606  intermediate red from fs-gang gradient: fallback fs-gang 
background,
-            main nav-bar, background join-fsf link
+            main nav-bar
    #334683  blue from GNU banner: h2, normal links
    #3465a4  blue: edu-cases ridges
    #171d33  dark blue (from screenshot): shade behind button
    #ffc     pale yellow: highlight background
    #fff888  pale yellow: table headers
-   #fff8b2  very pale yellow: fss sign-up / join-fsf background
+   #fff8b2  pale yellow: fss sign-up / join-fsf background
    #ff3     yellow: urgent, hover background
    #ccffcc  light green: gpl-compat-matrix
    #e4ffcc  light yellowish green: gpl-compat-matrix
@@ -118,6 +117,20 @@
 
 img { border: 0; }
 
+address { margin-bottom: 1em; }
+
+/* separate the "term" from subsequent "description" */
+dt { margin-bottom: 1em; }
+
+/* separate the "description" from subsequent list item
+   when the final <dd> child is an anonymous box */
+dd { margin-bottom: 2em; }
+
+/* separate anonymous box (used to be the first element in <dd>)
+   from subsequent <p> */
+dd p { margin-top: 1em; }
+
+
 .center, .c { text-align: center; }
 .nocenter{ text-align: left; }
 
@@ -135,11 +148,6 @@
    display: none !important;
 }
 
-.pad { margin-bottom: 1em; }
-.pad td { padding-left: 1em; padding-right: 1em; }
-
-.layout-table * { border: 0; }
-div.spacer { height: .1em; width: 100%; background-color: transparent; }
 
 /*** TOP OF THE PAGE ***/
 
@@ -157,41 +165,32 @@
 }
 #toplinks a:hover { color: red; }
 
-/* Highlight "join FSF" */
-#toplinks span.fsf a, a:visited {
-   font-size: 1.1em;
-   color: #971611;
-}
-#toplinks span.fsf a:hover {
-   color: red;
-}
-
 #searcher {
    font-size: .9em;
    font-family: "FreeSans", sans-serif;
+   font-weight: bold;
    text-align: right;
    line-height: 2.4em;
-   color: white;
-   background-color: #c9cccf;
-   font-weight: bold;
    padding-right: 1%;
+   background-color: #c9cccf;
 }
-#searcher, #searcher input {
+
+#searcher input {
    font-family: "FreeSans", sans-serif;
    color: #666;
 }
 
 #translations {
    clear: both;
-   font-family: "FreeSans", sans-serif;
    font-size: .8em;
+   font-family: "FreeSans", sans-serif;
    line-height: 1.3em;
-   padding: 0 .7% .2em .7%;
-   background-color: #f0f1f2;
+   padding: 0 1% .2em 1%;
+   background-color: #f5f6f7;
 }
 #translations span {
    display: inline-block;
-   margin-left: .3em; margin-right: .3em;
+   margin-right: .5em;
 }
 #translations a, a:visited {
    color: #222; text-decoration: none;
@@ -591,7 +590,8 @@
    padding: .2em .5em;
    margin-bottom: 1em;
    color: black;
-   background-color: #ffc; border: 2px solid #b9bcbf;
+   background-color: #ffc;
+   border: 2px solid #c9cccf;
 }
 .highlight-para {
    padding: 0 1em;
@@ -600,8 +600,8 @@
 .announcement {
    font-size: 1.1em; font-weight: bold;
    padding-left: 1em;
-   margin-left: 1em; margin-bottom: 1em;
-   border-left: 1em solid #eee;
+   margin: 0 0 1em 1em;
+   border-left: .7em solid #c9cccf;
 }
 
 /* the urgent div should be enabled when we have something urgent to
@@ -626,12 +626,12 @@
    float: right;
    text-align: center;
    font-size: 1.1em;
-   width: 20em;
-   padding: .5em;
+   width: 18em;
+   padding: .5em .7em .7em .7em;
    margin: 1em; margin-right: 0; 
    border: .5em solid #a0f112;
 }
-.note h5 { font-size: 1.3em !important; }
+.note h5 { font-size: 1.2em !important; line-height: 1.1em; }
 .note li { text-align: left; margin-bottom: 0.5em; }
 
 
@@ -731,14 +731,10 @@
    margin: 2.4em 0 2.4em 2.4em;
 }
 
-.back { text-align: right; font-weight: bold; }
-.back a, a:visited { color: #334683; }
-.back a:hover { color: red; }
-
 /* End items specific to education */
 
 
-/*** LISTINGS ***/
+/*** LISTINGS AND TABLES ***/
 
 .listing,
 .stx table {
@@ -773,11 +769,9 @@
    /*every second line should be shaded */
    background-color: transparent;
 }
-
 .listing .even {
   background-color: #ededed;
 }
-
 .listing .listingCheckbox {
    text-align: center;
 }
@@ -801,26 +795,14 @@
 
 /* For wide tables, e.g. in doc/other-free-books.html */
 table.listing {
+   height: 500px: overflow: auto;
    display: block;
    overflow: auto;
    padding-top:.1em;
    margin: auto;
 }
 
-/* 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.  */
-.anchor-reference-id { font-size: 70%; font-weight: normal; }
-
-
-/*** LICENSING ***/
-
-/* For licenses/license-list.html. */
-span.anchor-reference-id a { color: #333 !important; text-shadow: none; }
-span.anchor-reference-id a:hover { color: red !important; }
-
 /* This is for licenses/gpl-faq.html. */
-
 table#gpl-compat-matrix {
    border-collapse: collapse;
    width: 100%;
@@ -831,32 +813,26 @@
 }
 
 table#gpl-compat-matrix td, th.gpl-matrix-border {
-   text-align: center; border: 1px solid black; margin: 0;
+   text-align: center;
    padding: .3em;
+   margin: 0;
+   border: 1px solid black;
 }
 
-th.gpl-matrix-license { text-align: right; }
-
-tr.gpl-matrix-use-type { border-top: 2px solid black; }
-
 table#gpl-compat-matrix td.ok { background-color: #ccffcc; }
 table#gpl-compat-matrix td.mok { background-color: #e4ffcc; }
 table#gpl-compat-matrix td.nok { background-color: #dddddd; }
+th.gpl-matrix-license { text-align: right; }
+tr.gpl-matrix-use-type { border-top: 2px solid black; }
 
-#print-this-article p{ text-align: center; }
-
-address { margin-bottom: 1em; }
-
-/* separate the "term" from subsequent "description" */
-dt { margin-bottom: 1em; }
 
-/* separate the "description" from subsequent list item
-   when the final <dd> child is an anonymous box */
-dd { margin-bottom: 2em; }
+/* 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.  */
+.anchor-reference-id { font-size: 70%; font-weight: normal; }
 
-/* separate anonymous box (used to be the first element in <dd>)
-   from subsequent <p> */
-dd p { margin-top: 1em; }
+span.anchor-reference-id a { color: #333 !important; text-shadow: none; }
+span.anchor-reference-id a:hover { color: red !important; }
 
 
 /*** MUSIC ***/
@@ -871,6 +847,19 @@
 
 /*** MISC ***/
 
+/* Unused yet (would require modifying a few pages): equivalent of #backtotop,
+within a section. For example: "Back to Education Cases". */
+.back { text-align: right; font-weight: bold; }
+.back a, a:visited { color: #333; }
+.back a:hover { color: red; }
+
+/* Unused ? */
+#print-this-article p{ text-align: center; }
+.pad { margin-bottom: 1em; }
+.pad td { padding-left: 1em; padding-right: 1em; }
+.layout-table * { border: 0; }
+div.spacer { height: .1em; width: 100%; background-color: transparent; }
+
 /* Still used in some old /server/banner.*.html */
 #links { display: none !important; }