www-commits
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

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


From: Therese Godefroy
Subject: www/server/staging/ghm2016 body-include-1-rsd.h...
Date: Tue, 19 Jul 2016 16:33:16 +0000 (UTC)

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 16/07/19 16:33:16

Modified files:
        server/staging/ghm2016: body-include-1-rsd.html 
                                body-include-2-rsd.html 
                                home-ghm-rsd.html 
                                fs-gang-definitions.html layout-rsd.css 

Log message:
        Squeeze header more gradually; expand translist on narrow screens 
(Ineiev), etc.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/ghm2016/body-include-1-rsd.html?cvsroot=www&r1=1.4&r2=1.5
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/ghm2016/body-include-2-rsd.html?cvsroot=www&r1=1.3&r2=1.4
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/ghm2016/home-ghm-rsd.html?cvsroot=www&r1=1.4&r2=1.5
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/ghm2016/fs-gang-definitions.html?cvsroot=www&r1=1.1&r2=1.2
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/ghm2016/layout-rsd.css?cvsroot=www&r1=1.8&r2=1.9

Patches:
Index: body-include-1-rsd.html
===================================================================
RCS file: /webcvs/www/www/server/staging/ghm2016/body-include-1-rsd.html,v
retrieving revision 1.4
retrieving revision 1.5
diff -u -b -r1.4 -r1.5
--- body-include-1-rsd.html     28 Jun 2016 21:25:37 -0000      1.4
+++ body-include-1-rsd.html     19 Jul 2016 16:33:15 -0000      1.5
@@ -24,9 +24,10 @@
         <input type="submit" value="Search" />
       </div>
     </form>
-    <span id="join-fsf" class="button"><a
-          href="https://www.fsf.org/associate/support_freedom?referrer=4052";>
-          JOIN&nbsp;THE&nbsp;FSF</a></span>
+ <p id="join-fsf" class="button">
+  <a href="https://www.fsf.org/associate/support_freedom?referrer=4052";>
+  JOIN&nbsp;THE&nbsp;FSF</a>
+ </p>
 </div><!-- /searcher -->
 <!--#if expr="$TRANSLATION_LIST" -->
 <!--#echo encoding="none" var="TRANSLATION_LIST" -->

Index: body-include-2-rsd.html
===================================================================
RCS file: /webcvs/www/www/server/staging/ghm2016/body-include-2-rsd.html,v
retrieving revision 1.3
retrieving revision 1.4
diff -u -b -r1.3 -r1.4
--- body-include-2-rsd.html     5 Jul 2016 18:06:25 -0000       1.3
+++ body-include-2-rsd.html     19 Jul 2016 16:33:15 -0000      1.4
@@ -23,17 +23,18 @@
   <input type="submit" name="_qf_Edit_next" value="Sign up" />
  </p>
 </form>
-</div><!-- /fssbox -->
+</div>
 
 <div id="gnu-banner">
  <a href="/">
- <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>
+  <img src="/graphics/heckert_gnu.small.png" alt=" [A GNU head] " />
+  <strong>GNU</strong> <span>Operating&nbsp;System</span></a>
+ <p id="fsf-support">
+ Sponsored by the <a href="#mission-statement">Free Software Foundation</a>
+ </p>
 </div>
 </div><!-- /header -->
 
-
 <div id="navigation">
  <ul>
 <!--#set var="MARK_START" value=" <span class='no-display'>=</span> " -->
@@ -41,72 +42,72 @@
 <!--#if expr="$REQUEST_URI = /^\/gnu\//" -->
   <li id="tabAboutGNU" class="active">
     <!--#echo encoding="none" var="MARK_START" -->
-    <a href="/gnu/gnu.html">About&nbsp;GNU</a>
+    <a href="/gnu/gnu.html">ABOUT&nbsp;GNU</a>
     <span class="gnun-split"></span>
     <!--#echo encoding="none" var="MARK_END" -->
   </li>
 <!--#else -->
-   <li id="tabAboutGNU"><a href="/gnu/gnu.html">About&nbsp;GNU</a></li>
+   <li id="tabAboutGNU"><a href="/gnu/gnu.html">ABOUT&nbsp;GNU</a></li>
 <!--#endif -->
 <!--#if expr="$REQUEST_URI = /^\/philosophy\//" -->
   <li id="tabPhilosophy" class="active">
     <!--#echo encoding="none" var="MARK_START" -->
-    <a href="/philosophy/philosophy.html">Philosophy</a>
+    <a href="/philosophy/philosophy.html">PHILOSOPHY</a>
     <span class="gnun-split"></span>
     <!--#echo encoding="none" var="MARK_END" -->
   </li>
 <!--#else -->
-  <li id="tabPhilosophy"><a 
href="/philosophy/philosophy.html">Philosophy</a></li>
+  <li id="tabPhilosophy"><a 
href="/philosophy/philosophy.html">PHILOSOPHY</a></li>
 <!--#endif -->
 <!--#if expr="$REQUEST_URI = /^\/licenses\//" -->
   <li id="tabLicenses" class="active">
     <!--#echo encoding="none" var="MARK_START" -->
-    <a href="/licenses/licenses.html">Licenses</a>
+    <a href="/licenses/licenses.html">LICENSES</a>
     <span class="gnun-split"></span>
     <!--#echo encoding="none" var="MARK_END" -->
   </li>
 <!--#else -->
-  <li id="tabLicenses"><a href="/licenses/licenses.html">Licenses</a></li>
+  <li id="tabLicenses"><a href="/licenses/licenses.html">LICENSES</a></li>
 <!--#endif -->
 <!--#if expr="$REQUEST_URI = /^\/education\//" -->
   <li id="tabEducation" class="active">
     <!--#echo encoding="none" var="MARK_START" -->
-    <a href="/education/education.html">Education</a>
+    <a href="/education/education.html">EDUCATION</a>
     <span class="gnun-split"></span>
     <!--#echo encoding="none" var="MARK_END" -->
   </li>
 <!--#else -->
-  <li id="tabEducation"><a href="/education/education.html">Education</a></li>
+  <li id="tabEducation"><a href="/education/education.html">EDUCATION</a></li>
 <!--#endif -->
 <!--#if expr="$REQUEST_URI = /^\/software\//" -->
   <li id="tabSoftware" class="active">
     <!--#echo encoding="none" var="MARK_START" -->
-    <a href="/software/software.html">Software</a>
+    <a href="/software/software.html">SOFTWARE</a>
     <span class="gnun-split"></span>
     <!--#echo encoding="none" var="MARK_END" -->
   </li>
 <!--#else -->
-  <li id="tabSoftware"><a href="/software/software.html">Software</a></li>
+  <li id="tabSoftware"><a href="/software/software.html">SOFTWARE</a></li>
 <!--#endif -->
 <!--#if expr="$REQUEST_URI = /^\/(doc|manual)\//" -->
   <li id="tabDoc" class="active">
     <!--#echo encoding="none" var="MARK_START" -->
-    <a href="/doc/doc.html">Documentation</a>
+    <a href="/doc/doc.html">DOCUMENTATION</a>
     <span class="gnun-split"></span>
     <!--#echo encoding="none" var="MARK_END" -->
   </li>
 <!--#else -->
-  <li id="tabDoc"><a href="/doc/doc.html">Documentation</a></li>
+  <li id="tabDoc"><a href="/doc/doc.html">DOCUMENTATION</a></li>
 <!--#endif -->
 <!--#if expr="$REQUEST_URI = /^\/help\//" -->
   <li id="tabHelp" class="active">
     <!--#echo encoding="none" var="MARK_START" -->
-    <a href="/help/help.html">Help&nbsp;GNU</a>
+    <a href="/help/help.html">HELP&nbsp;GNU</a>
     <span class="gnun-split"></span>
     <!--#echo encoding="none" var="MARK_END" -->
   </li>
 <!--#else -->
-  <li id="tabHelp"><a href="/help/help.html">Help&nbsp;GNU</a></li>
+  <li id="tabHelp"><a href="/help/help.html">HELP&nbsp;GNU</a></li>
 <!--#endif -->
  </ul>
 </div><!--  /navigation -->

Index: home-ghm-rsd.html
===================================================================
RCS file: /webcvs/www/www/server/staging/ghm2016/home-ghm-rsd.html,v
retrieving revision 1.4
retrieving revision 1.5
diff -u -b -r1.4 -r1.5
--- home-ghm-rsd.html   30 Jun 2016 18:57:55 -0000      1.4
+++ home-ghm-rsd.html   19 Jul 2016 16:33:15 -0000      1.5
@@ -9,6 +9,7 @@
 
 <style type="text/css" media="print,screen">
 <!--
+.first-column, .second-column { margin: 0; padding: 0; }
 #home:after {
    clear: both; content: ""; display: block;
    height: 0px; visibility: hidden; width: 0px;
@@ -35,13 +36,13 @@
 }
 .button.large {
    font-size: 1.5em;
-   font-family: "sans-serif", sans-serif;
+   font-family: sans-serif;
 }
 .button.large a, .button.large a:visited {
    color: white;
    background: #e74c3c;
-   border: .2em solid white;
-   -webkit-transition: all 1s; /* Safari */
+   border: none;
+   -webkit-transition: all 1s;
    transition: all 1s;
 }
 .button.large a:hover {
@@ -52,6 +53,10 @@
    text-align: justify;
    border-color: #e74c3c;
 }
+#content #mission-statement a[href^="http://"]:after,
+ #content #mission-statement a[href^="https://"]:after {
+   content:"";
+}
 #fsfbanner {
    width: 18em;
    max-width: 100%;
@@ -75,10 +80,11 @@
 }
 #Flashes img {
    height: 1em;
+   margin: 0;
    position: relative; top: .1em;
 }
 #blurb {
-   margin: 0;
+   margin: .5em 0 1em;
 }
 #mission-statement, #blurb {
    border-radius: .4em;
@@ -87,6 +93,8 @@
    -webkit-border-radius: .4em;
    -opera-border-radius: .4em;
 }
+.translators-notes { display: none; }
+
 @media (min-width: 62em) {
    .first-column {
       width: 68%;
@@ -111,6 +119,7 @@
 -->
 <!--#endif -->
 </style>
+
 <!--#include virtual="/server/staging/ghm2016/fs-gang-definitions.html" -->
 <!--#include virtual="/po/home.translist" -->
 <meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -163,7 +172,7 @@
 
 <div id="mission-statement" class="emph-box">
 <p id="fsfbanner"><a href="http://www.fsf.org";><img
-src="logo-fsf.org.small-transp.png" alt=" [FSF logo] "/></a></p>
+src="/graphics/logo-fsf.org.small-transp.png" alt=" [FSF logo] "/></a></p>
 
 <blockquote>
 <p><strong>&ldquo;Our
@@ -353,12 +362,11 @@
 <hr class="no-display" />
 <div id="fsf-links">
  <ul>
-  <li><a href="http://www.fsf.org/";>FSF</a></li>
-  <li><a 
href="http://directory.fsf.org";>Free&nbsp;Software&nbsp;Directory</a></li>
-  <li><a href="https://h-node.org/";>Hardware</a></li>
-  <li><a href="/graphics/graphics.html">GNU&nbsp;Art</a></li>
-  <li><a href="/people/people.html">GNU's&nbsp;Who?</a></li>
-  <li><a href="/server/sitemap.html">Site&nbsp;map</a></li>
+  <li><a 
href="http://directory.fsf.org";>FREE&nbsp;SOFTWARE&nbsp;DIRECTORY</a></li>
+  <li><a href="https://h-node.org/";>HARDWARE</a></li>
+  <li><a href="/graphics/graphics.html">GNU&nbsp;ART</a></li>
+  <li><a href="/people/people.html">GNU's&nbsp;WHO?</a></li>
+  <li><a href="/server/sitemap.html">SITE&nbsp;MAP</a></li>
  </ul>
 </div><!-- /fsf-links -->
 
@@ -418,7 +426,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2016/06/30 18:57:55 $
+$Date: 2016/07/19 16:33:15 $
 <!-- timestamp end -->
 </p>
 </div>

Index: fs-gang-definitions.html
===================================================================
RCS file: /webcvs/www/www/server/staging/ghm2016/fs-gang-definitions.html,v
retrieving revision 1.1
retrieving revision 1.2
diff -u -b -r1.1 -r1.2
--- fs-gang-definitions.html    21 Jun 2016 19:12:18 -0000      1.1
+++ fs-gang-definitions.html    19 Jul 2016 16:33:15 -0000      1.2
@@ -5,7 +5,9 @@
 #fs-gang .img-container {
    text-align: left;
    padding-top: .5em;
-   height: 100%; width: 40em; max-width: 100%; margin: auto;
+   height: 100%;
+   width: 40em; max-width: 100%;
+   margin: auto;
 }
 #fs-gang .img-container a {
    font-size: 1.3em;
@@ -24,7 +26,7 @@
 /* screen-specific fs-gang-definitions */
 #fs-gang {
    clear: both;
-   margin: 0; padding: 0 3% 1.5em;
+   margin: 0; padding: .5em 3%;
    background-color: #b2140a; /* Fallback from gradient */
    background: -moz-linear-gradient(#b2140a, #e74c3c); /* FF 3.6+ */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, 
#aa1000), color-stop(100%, #e74c3c)); /* Safari 4+, Chrome 2+ */  

Index: layout-rsd.css
===================================================================
RCS file: /webcvs/www/www/server/staging/ghm2016/layout-rsd.css,v
retrieving revision 1.8
retrieving revision 1.9
diff -u -b -r1.8 -r1.9
--- layout-rsd.css      5 Jul 2016 18:16:09 -0000       1.8
+++ layout-rsd.css      19 Jul 2016 16:33:15 -0000      1.9
@@ -60,7 +60,7 @@
    #4080d0  blue: #join-fsf, #fssbox submit:focus
    #004caa  blue: #join-fsf:hover
    #ff3     yellow: #urgent
-   #fff1c0  light orange: .highlight, .announcement.emph
+   #fff1c0  light orange: .highlight
    #fff5d4  very light orange: .highlight-para, p.highlight, table headers
 
 Borders
@@ -70,10 +70,12 @@
    #ccc     unfocused inputs, emph-box, lyrics, footer
    #d4d4d4  #translations, #outdated
 
+   #6092d0  .note
    #4080d0  focused inputs
    #3465a4  .edu-cases
-   #e74c3c  .note, .big-section h3
-   #f49943  .announcement, .highlight-para
+   #e74c3c  .big-section h3
+   #f49943  .highlight-para
+   #fc7     .announcement
 */
 
 /*** Luminosity contrast ratio and color difference ***
@@ -178,7 +180,7 @@
 }
 #translations, #footer { background-color: #f3f3f3; }
 #edu-navigation { background-color: #eee; }
-#navigation { background-color: #a42e2b; background-color: #a42e2b; }
+#navigation { background-color: #a42e2b; }
 
 /** Fonts **/
 
@@ -271,12 +273,12 @@
 
 .underline { text-decoration: underline; }
 .nounderline { text-decoration: none; }
-
+.big { font-size: 130%; padding: .3em 0; }
+.bold { font-weight: bold; }
 .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 }
 ul.no-bullet { list-style: none; }
@@ -291,6 +293,8 @@
    display: block;
    height: .3em;
    margin-bottom: 1.2em;
+   color: #999;
+   background-color: #999;
    border: none;
 }
 
@@ -362,21 +366,14 @@
 
 /*** RETURN LINKS ***/
 
-.back, #backtotop {
+.back {
    text-align: right;
    line-height: 1.5em;
    font-weight: bold;
+   margin: 1.5em 2%;
 }
-.back a, .back a:visited,
- #backtotop a, #backtotop a:visited { color: #333; }
-.back a:hover,
- #backtotop a:hover { color: #777; }
-
-.back { margin: 1.5em 2% 1em; }
-#backtotop {
-   font-size: 1.1em; /* In #mission-statement, font-size is .9em. */
-   margin: 0 5% 2em;
-}
+.back a, .back a:visited { color: #333; }
+.back a:hover { color: #777; }
 
 
 /*** BIG SECTION HEADERS ***/
@@ -384,10 +381,7 @@
 /* Used in license-list.html and proprietary-surveillance.html,
    but could apply elsewhere. */
 
-.big-section {
-   clear: left;
-   margin-bottom: .5em;
-}
+.big-section { margin-bottom: .5em; }
 .big-section h3 {
    display: inline-block;
    font-size: 1.7em;
@@ -429,8 +423,9 @@
 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. */
+/* Strip the top and bottom margins to avoid uneven spacing between text and
+   border (NetSurf, for instance, leaves the bottom margin of the last element
+   outside the parent div). */
 div.highlight-para > *, div.emph-box > *, .lyrics > * { margin-bottom: 0; }
 div.highlight-para > *:first-child, div.emph-box > *:first-child,
  .lyrics > *:first-child { margin-top: 0; }
@@ -443,9 +438,8 @@
 }
 .emph-box, .lyrics {
    background-color: #f3f3f3;
-   border: .1em solid #ccc;
+   border: .1em solid #ddd;
 }
-
 .lyrics {
    max-width: 25em;
    font-style: italic;
@@ -453,17 +447,24 @@
    margin-left: 3%; margin-right: 3%;
 }
 
-/* Announcements */
+/* Announcements (div p, or div blockquote p) */
 .announcement {
    font-size: 1.1em;
    padding: 0 1em;
    margin: 1.5em 0;
-   border-left: .5em solid #f49943;
+   border-left: .5em solid #fc7;
 }
+.announcement > *,
+ .announcement > blockquote > * { margin-bottom: 0; }
+.announcement *:first-child,
+ .announcement > blockquote > *:first-child { margin-top: 0; }
+div.announcement { padding-top: .5em; padding-bottom: .5em; }
+
 /* 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
    at the fsf */
@@ -492,10 +493,11 @@
 .trans-disclaimer a:visited { color: #333; }
 .trans-disclaimer a:hover { color: #777; }
 
+
 /* For outdated translations  */
 #outdated {
    text-align: center;
-   padding: .7em 3%;
+   padding: .4em 3%;
    margin: .3em -3.2%;
    color: #a42e2b;
    border-bottom: .2em solid #d4d4d4;
@@ -505,44 +507,43 @@
 }
 
 /* For translators notes */
-.translators-notes { font-size: .9em; }
-.translators-notes hr { margin-top: 2em; }
+.translators-notes { font-size: .9em; margin-top: 2em; }
+.translators-notes hr { margin-bottom: 1em; }
 .translators-notes ol li { margin: .5em 1.1em 0; }
 
 
 /*** FLOATING INSETS ***/
 
-/** Notes **/
+/** Notes (div p, or blockquote p) **/
 
 .note {
    text-align: center;
-   padding: .5em;
+   padding: 1em;
    margin: 1.5em 0;
-   background: white;
-   border: .2em dotted #e74c3c;
-}
-.note p {
-   line-height: 1.4em;
-/* For NetSurf: replace margin with padding. */
-   padding: .5em;
-   margin: 0;
+   border: .15em dotted #6092d0;
 }
-.note strong { font-size: 1.2em; }
-
+.note > *,
+ .note > * > li { margin-bottom: 0; }
+.note > *:first-child { margin-top: 0; }
+blockquote.note { font-style: normal; }
 
 /** Tables of contents **/
 
 .summary, .toc {
+   display: inline-block;
+   max-width: 94%;
    padding: 1.5em;
-   margin: 2.5em 0 1.5em;
+   margin: 0 0 1em;
    background: #f3f3f3; 
 }
 .summary h3, .toc h3 {
    font-size: 1.3em;
+   text-align: center;
 }
 .summary h4, .toc h4 {
    font-size: 1.1em;
 }
+
 /* Spacing between items is given by the top margin of li. */
 .summary > ul > li, .summary > ol > li
  .toc > ul > li, .toc > ol > li {
@@ -551,8 +552,6 @@
 .summary > ul, .summary > ol, .toc > ul, .toc > ol {
    margin: 0;
 }
-/* For NetSurf:
-   Strip the top margin of the first element. */
 .summary > *:first-child, .summary > * > li:first-child, 
  .toc > *:first-child, .toc > * > li:first-child {
    margin-top: 0;
@@ -560,12 +559,13 @@
 
 @media (min-width: 48em) {
    .toc {
-      max-width: 45em; margin: 2.5em auto 1.5em;
+      display: block;
+      max-width: 45em;
+      margin: 2.5em auto 2em;
    }
    .toc h3, .toc h4 {
-      text-align: center;
    }
-   .note.floating, .summary {
+   .note, .summary {
       clear: right;
       float: right;
       width: 20em;
@@ -581,6 +581,31 @@
    }
 }
 
+/** Single short paragraph followed by 'clear:both' **/
+
+.point {
+   clear: right; float: right;
+   max-width: 85%;
+   font-size: 1.1em;
+   font-style: italic;
+   padding: .4em .5em .4em 2.3em;
+   margin: 0 0 1.5em;
+}
+.point p { margin: 0; }
+
address@hidden (min-width: 0) {
+   .point p { text-indent: -2.1em; }
+   .point p:before {
+      content: '\25b6\00a0\00a0';
+      font-size: 1.4em;
+      font-style: normal;
+      color: #e74c3c;
+   }
+}
address@hidden (max-width: 30em) {
+   .point { float: none; }
+}
+
 
 /*** IMAGES ***/
 
@@ -620,7 +645,7 @@
 .photo {
    float: right;
    width: 30em; max-width: 100%;
-   margin: .2em 0 1em 0;
+   margin: .3em 0 1em 0;
 }
 .photo img, .photo p {
    width: 94%;
@@ -740,7 +765,11 @@
 }
 #join-fsf a:hover {
    color: white;
-   background-color: #004caa
+   background-color: #004caa;
+}
+
address@hidden (min-width: 60em) {
+   #join-fsf { display: inline; }
 }
 
 
@@ -748,8 +777,6 @@
 
 #translations {
    clear: both;
-   white-space: nowrap;
-   overflow: auto;
    font-size: .9em;
    text-align: left;
 /*   border-bottom: .2em solid #d4d4d4; */
@@ -773,18 +800,13 @@
 }
 #translations span.original a,
 #translations span.original a:visited {
-   color: #004caa
+   color: #334683;
 }
 #translations a:hover,
 #translations span.original a:hover {
    color: #777;
 }
 
address@hidden (min-width: 62em) {
-   #translations { white-space: normal; }
-   #join-fsf { display: inline; }
-}
-
 
 /*** HEADER ***/
 
@@ -801,14 +823,14 @@
 #gnu-banner {
    font-size: 2em;
    font-family: "FreeSans", sans-serif;
+   line-height: 1.2em;
    text-align: center;
-   line-height: 1.1em;
-   padding: .5em 0;
+   padding: .3em 0 .7em;
 }
 #gnu-banner img {
-   height: 1.8em;
-   margin-right: .15em;
-   vertical-align: middle;
+   height: 1.7em;
+   vertical-align: bottom;
+   position: relative; top: .15em; right: .15em;
 }
 #gnu-banner a { color: #333; }
 #gnu-banner a strong { color: #a42e2b; }
@@ -817,7 +839,7 @@
 #fsf-support {
    font-size: .45em;
    font-style: italic;
-   margin: .1em 0 0;
+   margin: .7em 0 0;
    color: #555;
 }
 #fsf-support a, #fsf-support a:visited {
@@ -851,18 +873,22 @@
    background-color: #4080d0;
 }
 
address@hidden (max-width: 39em) {
-   #gnu-banner { font-size: 2.5em; }
address@hidden (max-width: 22em) {
+   #gnu-banner {
+      font-size: 2.5em;
+      padding: .35em 0 .5em;
+   }
    #gnu-banner img {
       height: 1.3em;
-      vertical-align: bottom;
+      top: 0;
    }
    #gnu-banner a span { display: none; }
 }
address@hidden (min-width: 39em) {
address@hidden (min-width: 40em) {
    #fsf-support { display: block; }
+   #gnu-banner { padding-bottom: .5em; }
 }
address@hidden (min-width: 62em) {
address@hidden (min-width: 60em) {
    #gnu-banner { float: left; }
    #fssbox { display: block; }
 }
@@ -885,13 +911,13 @@
    display: inline-block;
    line-height: 1.5em;
    font-family: "sans-serif", sans-serif;
-   text-transform: uppercase;
    font-weight: bold;
    padding-top: .1em;
    margin: .1em .4em;
 }
+
 /* Mock border to avoid size change when a link becomes active */
-#navigation li { border-bottom: .15em solid #a42e2b; border-bottom: .15em 
solid #a42e2b; }
+#navigation li { border-bottom: .15em solid #a42e2b; }
 ul#edu-navigation li { border-bottom: .15em solid #eee; }
 #fsf-links li { padding-bottom: .15em; }
 
@@ -912,7 +938,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,
@@ -949,22 +975,27 @@
    margin: .3em .5em;
 }
 
+#backtotop { margin: 0 5% 2em; }
+#backtotop a {
+   padding: .3em .5em;
+   background-color: #fff5d4;
+}
 
 /*** FOOTER ***/
 
 #footer:after {
    display: block; height: 1px;
-   content: ""; margin-top: 1.2em;
+   content: ""; margin-top: 1.5em;
 }
 #footer {
    clear: both;
    font-size: .9em;
-   padding-top: 1.2em;
+   padding-top: 1.5em;
    color: #333;
    border-top: 1px solid #ccc;
 }
 #footer p { margin: 0; }
-#footer p.unprintable { margin-top: .7em; }
+
 #footer .unprintable, #footer .translators-credits {
    margin-bottom: .7em;
 }



reply via email to

[Prev in Thread] Current Thread [Next in Thread]