www/server/banners fundraiser-style.html fundra...

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 20/07/16 06:17:21

Modified files:
        server/banners : fundraiser-style.html fundraiser-body.html 

Log message:
        Hide part of the text on smartphones; use % for left & top paddings.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/banners/fundraiser-style.html?cvsroot=www&r1=1.15&r2=1.16
http://web.cvs.savannah.gnu.org/viewcvs/www/server/banners/fundraiser-body.html?cvsroot=www&r1=1.8&r2=1.9

Patches:
Index: fundraiser-style.html
===================================================================
RCS file: /webcvs/www/www/server/banners/fundraiser-style.html,v
retrieving revision 1.15
retrieving revision 1.16
diff -u -b -r1.15 -r1.16
--- fundraiser-style.html       15 Jul 2020 20:31:06 -0000      1.15
+++ fundraiser-style.html       16 Jul 2020 10:17:19 -0000      1.16
@@ -28,10 +28,10 @@
   height : 132px;
 }
 .fr-text p {
-  font-size : 13px;
+  font-size : 12px;
   font-family: monospace;
   color: black;
-  padding: 7px 140px 0 7px;
+  padding: 2% 140px 0 3%;
   margin: 0;
 }
 .fr-join-btn {
@@ -100,12 +100,14 @@
     display: none;
   }
 }
-@media (max-width:479px) {
+@media (max-width:400px) {
   .fr-text p {
-    font-size: 10px;
+    font-size: 11px;
   }
-  .progress-bar-info span {
-    margin-left: -16px;
+
+}@media (max-width:479px) {
+  #fundraiser .hide {
+    display: none;
   }
 }
 @media (min-width: 684px) {
@@ -117,13 +119,18 @@
     background-position: top right;
   }
   .fr-text p {
-    padding: 12px 240px 0px 20px;
-    font-size: 13px;
+    padding-right: 240px;
   }
   .fr-join-btn {
     right: 225px;
   }
 }
+@media (min-width: 800px) {
+  .fr-text p {
+    font-size: 13px;
+  }
+}
+
 @media (min-width: 1098px) {
   .fr-content {
     background: no-repeat 
url("//static.gnu.org/nosvn/banners/2020fundraiser-spring/img/1098-left.png");
@@ -134,7 +141,6 @@
   }
   .fr-text p {
     font-size: 15px;
-    padding: 12px 240px 0px 40px;
   }
   .fr-join-btn {
     font-size: 16px;
@@ -155,7 +161,7 @@
     background-position: top right;
   }
   .fr-text p {
-    padding: 20px 260px 0px 60px;
+    padding-right: 260px;
   }
   .fr-join-btn {
     right: 300px;

Index: fundraiser-body.html
===================================================================
RCS file: /webcvs/www/www/server/banners/fundraiser-body.html,v
retrieving revision 1.8
retrieving revision 1.9
diff -u -b -r1.8 -r1.9
--- fundraiser-body.html        15 Jul 2020 20:13:52 -0000      1.8
+++ fundraiser-body.html        16 Jul 2020 10:17:19 -0000      1.9
@@ -1,12 +1,12 @@
 <div id="fundraiser">
     <div class="fr-content">
         <div class="fr-text">
-            <p><strong>We can't live, work, or learn in freedom unless the
-software we use is free.</strong><br />
-Become an associate member and join the free software movement in defending
-your freedoms before August 7th! <em><a
+      <p><strong>We can't live<span class="hide">, work, or learn</span>
+in freedom unless the software we use is free.</strong><br />
+Become an associate member <span class="hide">and join the free software
+movement in defending your freedoms</span> before August 7th! <em><a
 href="https://fsf.org/appeal?pk_campaign=spring20&amp;pk_kwd=banner";>Read
-more ></a></em></p>
+more&nbsp;></a></em></p>
         </div>
         <div class="fr-join-btn">
           <a 
href="https://my.fsf.org/join?pk_campaign=frspring2020&amp;pk_source=banner";>
@@ -23,3 +23,4 @@
     </div>
   </div>
 </div>
+