www/server/staging/nav-bar/test9 layout7.css st...

[Therese Godefroy]

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

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

Log message:
        layout7.css: gradient background in html only; ; avoid vertical 
background repeat with 'background-attachment: fixed'; transfer most .inner 
clauses to body; make left and right padding and margin equal whenever possible 
for rtl languages. style.css: adjust to new version of layout7.css for short 
pages of Emacs manual, old pages of www.gnu.org and audio-video.gnu.org.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/nav-bar/test9/layout7.css?cvsroot=www&r1=1.23&r2=1.24
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/nav-bar/test9/style.css?cvsroot=www&r1=1.4&r2=1.5

Patches:
Index: layout7.css
===================================================================
RCS file: /webcvs/www/www/server/staging/nav-bar/test9/layout7.css,v
retrieving revision 1.23
retrieving revision 1.24
diff -u -b -r1.23 -r1.24
--- layout7.css 12 Apr 2014 07:53:46 -0000      1.23
+++ layout7.css 14 Apr 2014 14:19:26 -0000      1.24
@@ -41,10 +41,10 @@
 
 Backgrounds
    white    #inner, navbar li.active
-   #f0f2f4  light bluish gray: #translations, .emph-box, #outdated,
+   #f0f2f4  light bluish gray: #translations p, .emph-box, #outdated,
             .listing, #footer, .toc
    #e7e9eb  .button, .lyrics
-   #d1d4d7  #edu-navbar, #fsf-links, #searcher
+   #d1d4d7  #edu-navbar, #fsf-links, #searcher + #translations
    #ddd     gray (looks purplish): #gpl-compat-matrix 
    #ccffcc  light green: #gpl-compat-matrix
    #e4ffcc  light yellowish green: #gpl-compat-matrix
@@ -83,6 +83,7 @@
    #333         #c9cccf         7.83          459
    #404040      #d1d4d7         6.97          444
    #444         white           9.74          561
+   #505050      #f0f2f4         7.18          486
    #555         white           7.46          510
 
 Red from GNU banner
@@ -92,9 +93,10 @@
 Blue from GNU banner
    #334683      white           8.96          494
    #334683      #fff898         8.16          384
+   #334683      #fff570         7.91          379
    #334683      #e7e9eb         7.36          428
    #334683      #777            2.0           110
-   #334683      #555            1.20           76
+   #334683      #505050         1.20           76
    #334683      #444            1.09           67
    #334683      #333            1.41          118
    #334683      black           2.34          271
@@ -132,6 +134,8 @@
    margin: 0;
    text-decoration: none;
    color: #000;
+}
+html {
    background-color: #5b6a96;
    /* Source: http://www.impressivewebs.com/css3-linear-gradient-syntax/ */
    background: -moz-linear-gradient(#5b6a96, #c9cccf); /* FF 3.6+ */  
@@ -141,15 +145,18 @@
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b6a96', 
endColorstr='#c9cccf'); /* IE6 & IE7 */  
    -ms-filter: 
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b6a96', 
endColorstr='#c9cccf')"; /* IE8+ */  
    background: linear-gradient(#5b6a96, #c9cccf); /* the standard */
+   background-attachment: fixed;
 }
 
 /* This specifies the basic width of our web pages.  Don't change it
    without discussion on www-discuss.  The magic 74.92 is for
    consistency with fsf.org.  */
-.inner {
-   margin: auto; max-width:74.92em; overflow: hidden;
+body {
+   max-width: 74.92em;
+   margin: auto;
    background-color: white;
 }
+.inner { overflow: hidden; }
 
 .inner h2, .inner  ul { padding-left: 1.5%; }
 #content ul { padding-left: 0; }
@@ -204,12 +211,12 @@
    font-family: "FreeSans", sans-serif;
    line-height: 1.4em;
    font-weight: bold;
-   padding: .1em .4em;
-   margin: .33em 1.1em;
+   padding: .1em 0;
+   margin: .33em 1.5%;
    background: #d1d4d7;
 }
 #toplinks a, #toplinks a:visited {
-   padding: 0 .2em;
+   padding: 0 .1em;
    color: #404040; text-decoration: none;
 }
 #toplinks a:hover { color: #777; }
@@ -220,7 +227,7 @@
    font-family: "FreeSans", sans-serif;
    font-weight: bold;
    line-height: 2em;
-   padding: .15em .95em;
+   padding: .15em 1.5%;
    background-color: #d1d4d7;
 }
 
@@ -235,12 +242,15 @@
    font-size: .8em;
    font-family: "FreeSans", sans-serif;
    line-height: 1.3em;
-   padding: .2em 0.5em .1em .5em;
+   padding-bottom: .15em;
+   background-color: #d1d4d7;
+}
+
+#translations p {
+   padding: .1em .5em .2em .5em;
+   margin: 0 1.5% .2em 1.5%;
    background-color: #f0f2f4;
-   border-top: .1em solid #d1d4d7;
-   border-bottom: .4em solid #d1d4d7;
-   border-left: 1.25em solid #d1d4d7;
-   border-right: 1.25em solid #d1d4d7;
+   border: .15em solid #d1d4d7;
 }
 #translations span {
    display: inline; white-space: nowrap;
@@ -249,7 +259,6 @@
 #translations a, #translations a:visited {
    color: #222; text-decoration: none;
 }
-#translations p { margin-bottom: 0.3em; }
 /* Highlight the link to the original page */
 #translations span.original {
    font-size: 1.1em; font-weight: bold;
@@ -267,7 +276,11 @@
 /* Still used in some outdated translations. */
 #translations h3, #translations h4 {
    font-size: 1em; font-weight: bold;
-   margin-bottom: 0.5em; padding: 0;
+   padding: 1em 0 0 0;
+   margin: 0;
+}
+#translations ul {
+   background: #f0f2f4;
 }
 #translations li {
    direction: ltr; display: inline; white-space: nowrap;
@@ -281,6 +294,7 @@
 
 #header {
    font-family: "FreeSans", sans-serif;
+   margin: 0 1.5%;
    background-color: white;
 }
 #header:after {
@@ -294,7 +308,7 @@
    line-height: 1.3em;
    width: auto;
    padding: .6em .3em .4em .3em;
-   margin: 1em;
+   margin: 1em 0;
    background: #fff898;
    border: 1px solid #b9bcbf;
 }
@@ -334,6 +348,7 @@
    color: #777;
 }
 
+
 /* For "normal" pages */
 #gnu-banner {
    font-size: 1.8em;
@@ -344,7 +359,7 @@
 #gnu-banner img {
    float: left;
    height: 2.4em;
-   margin: 0 .15em 0 1.5%;
+   margin: 0 .15em;
    position: relative; bottom: .5em;
 }
 #gnu-banner a {
@@ -471,7 +486,7 @@
    text-align: right;
    font-weight: bold;
    line-height: 1.5em;
-   padding: .6em 1em .4em 0; }
+   padding: .6em 1em .4em 1em; }
 #content p.back a, .back a:visited { color: #333; }
 #content p.back a:hover { color: #777; }
 
@@ -519,7 +534,7 @@
 #mission-statement img {
    float: left;
    height: 2em;
-   margin: .3em 1em .3em 0;
+   margin: .3em .5em;
 }
 #mission-statement p { margin: 0 0 .2em 0; }
 
@@ -532,14 +547,14 @@
 }
 div#backtotop {
 /* For older versions of layout. */
-   margin-left: 0; margin-bottom: 0; float: none;
-   margin-right: 0;
+   float: none;
+   margin: .7em 0 0 0;
    text-align: right; padding: 1em;
 }
 #backtotop a, #backtotop a:visited { color: #333; }
 #backtotop a:hover { color: #777; }
 
-#sisters { font-size: .9em; margin: 0 1% 1.5em 1%; }
+#sisters { font-size: .9em; margin: 0 1.5% 1.5em 1.5%; }
 
 
 /*** FOOTER ***/

Index: style.css
===================================================================
RCS file: /webcvs/www/www/server/staging/nav-bar/test9/style.css,v
retrieving revision 1.4
retrieving revision 1.5
diff -u -b -r1.4 -r1.5
--- style.css   9 Apr 2014 11:52:07 -0000       1.4
+++ style.css   14 Apr 2014 14:19:26 -0000      1.5
@@ -1,11 +1,13 @@
 /* this stylesheet is used by older resources, as well as manuals. */
 
address@hidden url('/combo.css');
address@hidden url('combo.css');
 @import url('layout7.css');
 
 /* some very basic styling for the pages that still use this. */
 
-body { margin: auto; width: 99%; max-width:74.92em; }
-html, body {
-   background: white;
+body { padding: 0 1% 1em 1%; }
+div.node { border-top: 1em solid white; }
+#navigation, #footer, #translations, #searcher {
+   padding-left: 2.22em; padding-right: 2.22em;
+   margin-left: -1.11%; margin-right: -1.11%;
 }