www/philosophy right-to-read.html

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 19/07/23 11:17:58

Modified files:
        philosophy     : right-to-read.html 

Log message:
        Minor style fixes.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/philosophy/right-to-read.html?cvsroot=www&r1=1.110&r2=1.111

Patches:
Index: right-to-read.html
===================================================================
RCS file: /webcvs/www/www/philosophy/right-to-read.html,v
retrieving revision 1.110
retrieving revision 1.111
diff -u -b -r1.110 -r1.111
--- right-to-read.html  19 May 2019 18:30:58 -0000      1.110
+++ right-to-read.html  23 Jul 2019 15:17:56 -0000      1.111
@@ -3,43 +3,66 @@
 <title>The Right to Read
 - GNU Project - Free Software Foundation</title>
 <style type="text/css" media="print,screen"><!--
-blockquote {
+blockquote, .comment {
    font-style: italic;
-   margin: 0 6%;
 }
 blockquote cite {
    font-style: normal;
 }
 .announcement {
-   margin: 2em 0;
+   text-align: center;
+   background: #f5f5f5;
+   border-left: .3em solid #fc7;
+   border-right: .3em solid #fc7;   
+   margin: 2.5em 0;
 }
 #AuthorsNote ul, #AuthorsNote li {
    margin: 0;
 }
 #AuthorsNote li p {
-   margin-top: 1em;
+   margin: 1em 0;
 }
-#AuthorsNote li p.emph-box {
-   margin: .5em 3%;
+.emph-box {
    background: #f7f7f7;
    border-color: #e74c3c;
 }
+#AuthorsNote p.emph-box {
+   margin: 1em 6%;
+}
+#BadNews p.emph-box {
+   margin: 2.5em 6% 1em;
+}
+#References {
+   margin: 3em 0 2em;
+}
+#References h3 {
+   font-size: 1.2em;
+}
 @media (min-width: 53em) {
-   .announcement {
-      text-align: center;
-      background: #f5f5f5;
-      border-left: .3em solid #fc7;
-      border-right: .3em solid #fc7;   
-   }
    #AuthorsNote .columns > p:first-child,
     #AuthorsNote li p.inline-block {
       margin-top: 0;
    }
-   #AuthorsNote .columns p.emph-box {
-      margin: .5em 6%;
+   .comment { text-align: center; }
+   .table { display: table; }
+   .table-cell {
+      display: table-cell;
+      width: 50%;
+      vertical-align: middle;
    }
-}
---></style>
+   .left { padding-right: .75em; }
+   .right { padding-left: .75em; }
+   }
+}-->
+<!--#if expr="$LANGUAGE_SUFFIX = /[.](ar|fa|he)/" -->
+<!--
+@media (min-width: 53em) {
+   .left { padding-left: .75em; }
+   .right { padding-right: .75em; }
+   }
+}-->
+<!--#endif -->
+</style>
 <!--#include virtual="/philosophy/po/right-to-read.translist" -->
 <!--#include virtual="/server/banner.html" -->
 <h2 class="center">The Right to Read</h2>
@@ -53,7 +76,7 @@
 <hr class="thin" />
 
 <div class="article">
-<blockquote class="center"><p>
+<blockquote class="center comment"><p>
             From <cite>The Road To Tycho</cite>, a collection of
             articles about the antecedents of the Lunarian
             Revolution, published in Luna City in 2096.
@@ -208,7 +231,7 @@
 
 <ul class="no-bullet">
 <li>
-<div class="columns">
+<div class="reduced-width">
 <p>This story is supposedly a historical article that will be written in
 the future by someone else, describing Dan Halbert's youth under a
 repressive society shaped by the unjust forces that use &ldquo;pirate&rdquo; as
@@ -238,10 +261,9 @@
 </li>
 </ul>
 
-<blockquote class="center">
-<p>The following note has been updated several times since the first
+<p class="comment">
+The following note has been updated several times since the first
 publication of the story.</p>
-</blockquote>
 
 <ul class="no-bullet">
 <li>
@@ -287,15 +309,17 @@
 </li>
 
 <li>
-<div class="columns">
+<div class="table">
+<div class="table-cell left">
 <p class="emph-box">
 Nonfree software tends to have <a href="/proprietary/">abusive
 features of many kinds</a>, which lead to the conclusion that
 <a href="/philosophy/free-software-even-more-important.html">you can
 never trust a nonfree program</a>.  We must insist on free (libre)
 software only, and reject nonfree programs.</p>
+</div>
 
-<p class="inline-block">
+<p class="table-cell right">
 With Windows Vista, Microsoft admitted it had built in a back door:
 Microsoft can use it to forcibly install software
 &ldquo;upgrades,&rdquo; even if users consider them rather to be
@@ -395,14 +419,15 @@
 <div class="column-limit"></div>
 </div>
 
-<h3 id="BadNews">Bad News</h3>
+<div id="BadNews">
+<h3>Bad News</h3>
 
-<div class="columns">
-<p>
+<p class="reduced-width">
 The battle for the right to read is going against us so far.
 The enemy is organized, and we are not.
 </p>
 
+<div class="columns">
 <p>Today's commercial
 e-books <a href="/philosophy/the-danger-of-ebooks.html"> abolish
 readers' traditional freedoms</a>.  Amazon's e-book reader product,
@@ -423,7 +448,7 @@
 <li><p>It has DRM, which is intended to block users from
 sharing copies.</p></li>
 
-<li><p class="inline-block">It has a back door with which Amazon can remotely 
erase any book.
+<li><p>It has a back door with which Amazon can remotely erase any book.
 In 2009, it erased thousands of copies of 1984, by George Orwell.</p></li>
 
 <li><p class="inline-block">In case all that isn't Orwellian enough, there is 
a universal
@@ -440,7 +465,8 @@
 place.  Therefore, I refuse to agree to such contracts, whether for
 software, for e-books, for music, or for anything else.</p>
 
-<p>If we want to stop the bad news and create some good news, we need
+<p class="emph-box">
+If we want to stop the bad news and create some good news, we need
 to organize and fight.  Subscribe to the
 FSF's <a href="http://defectivebydesign.org";> Defective by Design</a>
 campaign to lend a hand.  You
@@ -449,10 +475,12 @@
 to participate in our work</a>.
 </p>
 </div>
+</div>
 <div class="column-limit"></div>
 </div>
 
-<h3 id="References" style="font-size: 1.2em">References</h3>
+<div id="References">
+<h3>References</h3>
 
 <ul>
   <li>The administration's &ldquo;White Paper&rdquo;: Information
@@ -476,6 +504,7 @@
        Domain</a>&mdash;an organization which aims to resist and
        reverse the overextension of copyright and patent powers.</li>
 </ul>
+</div>
 
 <hr class="thin" />
 <blockquote id="fsfs"><p class="big">This essay is published
@@ -540,7 +569,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2019/05/19 18:30:58 $
+$Date: 2019/07/23 15:17:56 $
 <!-- timestamp end -->
 </p>
 </div>