www/gnu gnu.html

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 16/09/29 14:08:05

Modified files:
        gnu            : gnu.html 

Log message:
        Style adjustments 
        
        - Media query: min-width instead of max-width.
        - #dynamic-duo: Use div instead of blockquote (conflict with <em>);
          reduce width (max-width: 40%); add a light background.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/gnu/gnu.html?cvsroot=www&r1=1.73&r2=1.74

Patches:
Index: gnu.html
===================================================================
RCS file: /webcvs/www/www/gnu/gnu.html,v
retrieving revision 1.73
retrieving revision 1.74
diff -u -b -r1.73 -r1.74
--- gnu.html    4 May 2016 15:21:16 -0000       1.73
+++ gnu.html    29 Sep 2016 14:08:04 -0000      1.74
@@ -5,41 +5,47 @@
 
 <style type="text/css" media="print,screen">
 <!--
-#dynamic-duo {
+#dynamic-duo { display: none; }
address@hidden (min-width: 48em) {
+   #dynamic-duo {
+      display: block;
    float: right;
-   width: 20.8em; max-width: 90%;
-   font-style: normal;
+      width: 20em;
+      max-width: 40%;
    text-align: center;
-   padding: .8em;
+      padding: .9em;
    margin: .3em 0 1em 1.5em;
+      background: #f9f9f9;
    border: .3em solid #acc890;
-}
-#dynamic-duo p strong {
+   }
+   #dynamic-duo p strong {
    font-size: 1.3em;
+   }
+   #dynamic-duo img { width: 100%; }
 }
-#dynamic-duo img { width: 100%; }
 -->
 <!--#if expr="$LANGUAGE_SUFFIX = /[.](ar|fa|he)/" -->
 <!--
-#content #dynamic-duo { float: left; margin: .3em 1.5em 1em 0; } -->
-<!--#endif -->
-<!--
address@hidden (max-width: 46em) {
-   #content #dynamic-duo { display: none; }
address@hidden (min-width: 48em) {
+   #dynamic-duo {
+      float: left;
+      margin: .3em 1.5em 1em 0;
+   }
 } -->
+<!--#endif -->
 </style>
 <!--#include virtual="/gnu/po/gnu.translist" -->
 <!--#include virtual="/server/banner.html" -->
 <h2>The GNU Operating System</h2>
 
-<blockquote id="dynamic-duo">
+<div id="dynamic-duo">
 <p><strong>Download distributions</strong></p>
 <p><a href="/distros/free-distros.html">
 <img src="/graphics/gnu-and-penguin-color-300x276.jpg" alt="GNU and Linux" 
/></a></p>
 <p><em>If you're looking for a whole system to
 install, see our <a href="/distros/free-distros.html">list of
 GNU/Linux distributions which are entirely free software</a>.</em></p>
-</blockquote>
+</div>
 
 <ul>
   <li><a href="/gnu/about-gnu.html">About the GNU Operating System</a></li>
@@ -160,7 +166,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2016/05/04 15:21:16 $
+$Date: 2016/09/29 14:08:04 $
 <!-- timestamp end -->
 </p>
 </div>