www/server/staging/ghm2016 body-include-2-rsd.h...

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 16/07/05 18:06:26

Modified files:
        server/staging/ghm2016: body-include-2-rsd.html layout-rsd.css 

Log message:
        Center the GNU banner on narrow screens; squeeze some more.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/ghm2016/body-include-2-rsd.html?cvsroot=www&r1=1.2&r2=1.3
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/ghm2016/layout-rsd.css?cvsroot=www&r1=1.6&r2=1.7

Patches:
Index: body-include-2-rsd.html
===================================================================
RCS file: /webcvs/www/www/server/staging/ghm2016/body-include-2-rsd.html,v
retrieving revision 1.2
retrieving revision 1.3
diff -u -b -r1.2 -r1.3
--- body-include-2-rsd.html     28 Jun 2016 21:25:37 -0000      1.2
+++ body-include-2-rsd.html     5 Jul 2016 18:06:25 -0000       1.3
@@ -8,7 +8,6 @@
 </p>
 
 <div id="header">
-<div id="fsf-frame">
 <div id="fssbox">
 <p><a href="http://www.fsf.org/fss";>Free Software Supporter</a></p>
 <form action="https://my.fsf.org/civicrm/profile/create?reset=1&amp;gid=31"; 
method="post">
@@ -25,14 +24,13 @@
  </p>
 </form>
 </div><!-- /fssbox -->
-</div><!-- /fsf-frame -->
 
 <div id="gnu-banner">
  <a href="/">
- <img src="/graphics/heckert_gnu.small.png" alt=" [A GNU head] " 
/><strong>GNU</strong> Operating System</a>
-</div><!-- /gnu-banner -->
+ <img src="/graphics/heckert_gnu.small.png" alt=" [A GNU head] " 
/><strong>GNU</strong><span> Operating System</span></a>
 
-<p id="fsf-support">Sponsored by the <a href="#mission-statement">Free 
Software Foundation</a></p>
+ <p id="fsf-support">Sponsored by the <a href="#mission-statement">Free 
Software Foundation</a></p>
+</div>
 </div><!-- /header -->
 
 

Index: layout-rsd.css
===================================================================
RCS file: /webcvs/www/www/server/staging/ghm2016/layout-rsd.css,v
retrieving revision 1.6
retrieving revision 1.7
diff -u -b -r1.6 -r1.7
--- layout-rsd.css      30 Jun 2016 20:59:25 -0000      1.6
+++ layout-rsd.css      5 Jul 2016 18:06:25 -0000       1.7
@@ -60,7 +60,7 @@
    #4080d0  blue: #join-fsf, #fssbox submit:focus
    #004caa  blue: #join-fsf:hover
    #ff3     yellow: #urgent
-   #fff1c0  light orange: .highlight
+   #fff1c0  light orange: .highlight, .announcement.emph
    #fff5d4  very light orange: .highlight-para, p.highlight, table headers
 
 Borders
@@ -178,7 +178,7 @@
 }
 #translations, #footer { background-color: #f3f3f3; }
 #edu-navigation { background-color: #eee; }
-#navigation { background-color: #a42e2b; }
+#navigation { background-color: #a42e2b; background-color: #a42e2b; }
 
 /** Fonts **/
 
@@ -272,6 +272,10 @@
 .underline { text-decoration: underline; }
 .nounderline { text-decoration: none; }
 
+.italic { font-style: italic; }
+.noitalic, .italic em, .italic cite, .italic i {
+   font-style: normal;
+}
 .big { font-size: 130%; padding: .3em 0; }
 
 .inline-list li { display: inline }
@@ -380,7 +384,10 @@
 /* Used in license-list.html and proprietary-surveillance.html,
    but could apply elsewhere. */
 
-.big-section { margin-bottom: .5em; }
+.big-section {
+   clear: left;
+   margin-bottom: .5em;
+}
 .big-section h3 {
    display: inline-block;
    font-size: 1.7em;
@@ -420,6 +427,7 @@
    padding: .6em 1.2em;
 }
 div.highlight-para, div.emph-box { padding: 1.2em; }
+p.highlight { text-align: justify; }
 
 /* Strip the top and bottom margins to avoid uneven spacing between text
    and border in NetSurf. */
@@ -446,16 +454,15 @@
 }
 
 /* Announcements */
-div.announcement {
-   font-size: 1.1em; font-weight: bold;
+.announcement {
+   font-size: 1.1em;
    padding: 0 1em;
    margin: 1.5em 0;
-   color: #333;
    border-left: .5em solid #f49943;
 }
-div.announcement blockquote {
-   margin-left: 0; margin-right: 0;
-}
+/* The only effect of blockquote inside div.announcement is to switch to
+   italic font. The "italic" class can be used instead. */
+.announcement blockquote { margin: 0; }
 
 /* the urgent div should be enabled when we have something urgent to
    appear on every page - these typically come from johns, peterb or rms
@@ -473,13 +480,13 @@
 }
 #urgent a:hover { color: #777; }
 
+
 /* For the note saying the page is a translation. */
-.trans-disclaimer {
+p.trans-disclaimer {
    text-align: center;
    font-weight: bold;
    font-style: italic;
-   margin-bottom: 0;
-   margin-top: 1em;
+   margin: 1em 0 0;
 }
 .trans-disclaimer a,
 .trans-disclaimer a:visited { color: #333; }
@@ -499,7 +506,7 @@
 
 /* For translators notes */
 .translators-notes { font-size: .9em; }
-.translators-notes hr { margin-top: 2.5em; }
+.translators-notes hr { margin-top: 2em; }
 .translators-notes ol li { margin: .5em 1.1em 0; }
 
 
@@ -509,15 +516,12 @@
 
 .note {
    text-align: center;
-   font-style: normal;
-   width: 20em; max-width: 90%;
    padding: .5em;
-   margin: 1em auto;
+   margin: 1.5em 0;
    background: white;
    border: .2em dotted #e74c3c;
 }
 .note p {
-   font-size: 1.1em;
    line-height: 1.4em;
 /* For NetSurf: replace margin with padding. */
    padding: .5em;
@@ -561,15 +565,14 @@
    .toc h3, .toc h4 {
       text-align: center;
    }
-   .summary {
-      width: 20em; max-width: 40%;
-   }
-   .note, .summary {
+   .note.floating, .summary {
       clear: right;
       float: right;
+      width: 20em;
+      max-width: 40%;
       margin: .2em 0 1em 2em;
 /* This keeps an adjacent background (e.g. highlight-para)
-   from touching the note or the summary. */
+   from touching the note or summary. */
       box-shadow: 0 0 0 1em white;
      -moz-box-shadow: 0 0 0 1em white;
      -webkit-box-shadow: 0 0 0 1em white;
@@ -728,7 +731,6 @@
    display: none;
    margin-left: 1em;
 }
-
 #join-fsf a, #join-fsf a:visited {
    color: white;
    background-color: #4080d0;
@@ -746,6 +748,8 @@
 
 #translations {
    clear: both;
+   white-space: nowrap;
+   overflow: auto;
    font-size: .9em;
    text-align: left;
 /*   border-bottom: .2em solid #d4d4d4; */
@@ -776,6 +780,10 @@
    color: #777;
 }
 
address@hidden (min-width: 62em) {
+   #translations { white-space: normal; }
+}
+
 
 /*** HEADER ***/
 
@@ -783,59 +791,54 @@
    clear: both; content: ""; display: block;
    height: 0px; visibility: hidden; width: 0px;
 }
+#header a { text-decoration: none; }
 
 /* Narrow screens and CSS-1 browsers */
-#fsf-support, #fssbox { display: none; }
+#fssbox, #fsf-support { display: none; }
 
 /* GNU banner */
 #gnu-banner {
-   clear: both;
    font-size: 2em;
-   font-family: "FreeCondensed", "FreeSans", sans-serif;
+   font-family: "FreeSans", sans-serif;
+   text-align: center;
    line-height: 1.1em;
-   padding: .7em 0;
+   padding: .5em 0;
 }
 #gnu-banner img {
-   float: left;
    height: 1.8em;
    margin-right: .15em;
-   position: relative; bottom: .4em;
-}
-#gnu-banner a {
-   color: #333; text-decoration: none;
-}
-#gnu-banner a strong {
-   font-family: "FreeSans", sans-serif;
-   color: #a42e2b;
+   vertical-align: middle;
 }
+#gnu-banner a { color: #333; }
+#gnu-banner a strong { color: #a42e2b; }
 
 /*FSF support */
 #fsf-support {
-   position: relative; bottom: .3em;
-   font-size: .9em;
+   font-size: .45em;
    font-style: italic;
-   margin: 0 .2em;
+   margin: .1em 0 0;
    color: #555;
 }
 #fsf-support a, #fsf-support a:visited {
    font-weight: bold;
    color: #555;
+   text-decoration: underline;
+}
+#fsf-support a:hover {
+   color: black;
+   text-decoration: none;
 }
-#fsf-support a:hover { color: black; }
 
 /* Free Software Supporter */
 #fssbox {
    float: right;
    text-align: center;
    font-size: .9em;
-   margin-top: 1.6em;
-}
-#fssbox a, #fssbox a:visited {
-   font-weight: bold;
-   text-decoration: none;
+   margin-top: 2.1em;
 }
 #fssbox p { margin: 0; }
-#fssbox form p { margin-top: .2em; }
+#fssbox form p { margin-top: .4em; }
+#fssbox a { font-weight: bold; }
 #fssbox form input[type="submit"] {
    color: #004caa;
    border: .1em solid #4080d0;
@@ -847,13 +850,19 @@
    background-color: #4080d0;
 }
 
-
address@hidden (min-width: 40em) {
address@hidden (max-width: 39em) {
+   #gnu-banner { font-size: 2.5em; }
+   #gnu-banner img {
+      height: 1.3em;
+      vertical-align: bottom;
+   }
+   #gnu-banner a span { display: none; }
+}
address@hidden (min-width: 39em) {
    #fsf-support { display: block; }
 }
address@hidden (min-width: 60em) {
-   #gnu-banner { clear: none; }
-   #join-fsf { display: inline; }
address@hidden (min-width: 62em) {
+   #gnu-banner { float: left; }
    #fssbox { display: block; }
 }
 
@@ -881,7 +890,7 @@
    margin: .1em .4em;
 }
 /* Mock border to avoid size change when a link becomes active */
-#navigation li { border-bottom: .15em solid #a42e2b; }
+#navigation li { border-bottom: .15em solid #a42e2b; border-bottom: .15em 
solid #a42e2b; }
 ul#edu-navigation li { border-bottom: .15em solid #eee; }
 #fsf-links li { padding-bottom: .15em; }
 
@@ -902,7 +911,7 @@
 ul#edu-navigation li.active,
  ul#edu-navigation li.current {
    font-style: italic;
-   border-bottom: .15em solid #a42e2b;
+   border-bottom: .15em solid #a42e2b; border-bottom: .15em solid #a42e2b;
 }
 #navigation li a, ul#edu-navigation li a, #fsf-links li a,
  #navigation li.active a:hover,
@@ -922,6 +931,7 @@
    content: ""; margin-top: 2.4em;
 }
 
+
 /*** MISSION STATEMENT ***/
 
 #mission-statement {