www/server/staging/fundraiser head-include-2.ht...

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 17/11/15 08:40:49

Modified files:
        server/staging/fundraiser: head-include-2.html 
                                   body-include-2.html 

Log message:
        Buttons float on  wide screen; layout and colors similar to fsf.org; 
specify ltr, etc.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/fundraiser/head-include-2.html?cvsroot=www&r1=1.7&r2=1.8
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/fundraiser/body-include-2.html?cvsroot=www&r1=1.7&r2=1.8

Patches:
Index: head-include-2.html
===================================================================
RCS file: /webcvs/www/www/server/staging/fundraiser/head-include-2.html,v
retrieving revision 1.7
retrieving revision 1.8
diff -u -b -r1.7 -r1.8
--- head-include-2.html 14 Nov 2017 23:14:39 -0000      1.7
+++ head-include-2.html 15 Nov 2017 13:40:46 -0000      1.8
@@ -8,7 +8,8 @@
 }
 #header
 {
-  position: relative;
+  clear: both;
+  background: linear-gradient(#deeefc, white);
 }
 #fsf-frame
 {
@@ -19,29 +20,16 @@
   float: none;
   padding-bottom: .5em;
 }
-#navigation
-{
-  background-color: #007b7c;
-}
-#navigation li
-{
-  border-bottom: .15em solid #007b7c;
-}
-ul#edu-navigation li.active,
-ul#edu-navigation li.current
-{
-   border-bottom: .15em solid #007b7c;
-}
-
 div#fundraiser
 {
+  direction: ltr;
   background-color: #123e3f;
 }
 #fundraiser p
 {
-  clear: both;
   font-size: 1.1em;
-  margin: 0 .5em;
+  padding: .25em 0;
+  margin: 0 3%;
   color: white;
   text-align: center;
 }
@@ -49,8 +37,7 @@
 {
   line-height: 1.5em;
   text-align: center;
-  padding: 0;
-  margin: 0;
+  padding-bottom: .5em;
 }
 #fundraiser a
 {
@@ -62,7 +49,7 @@
   color: white;
   padding: 0 .5em 0 .5em;
   display: inline-block;
-  margin: .5em;
+  margin: .3em .5em;
   text-decoration: none;
 }
 #fundraiser .donate
@@ -84,12 +71,9 @@
 }
 .progress
 {
-  clear: left;
-  float: left;
   width: 99%;
   line-height: 1.2em;
   text-align: right;
-  margin-bottom: .5em;
   padding-right: 1%;
   background: #36a9aa;
   color: black;
@@ -98,9 +82,9 @@
 {
   float: left;
   line-height: 1.2em;
-  padding: 0 .2em;
+  padding: 0 .1em;
   margin: 0;
-  min-width: 3.5em;
+  min-width: 4em;
   background: #feb916;
   text-align: center;
 }</style>
@@ -120,5 +104,22 @@
 {
   #fundraiser p { font-size: 0.8em; }
 }
address@hidden (min-width: 45em)
+{
+  #fundraiser p
+  {
+    float: left;
+    text-align: left;
+    width: 58%;
+  }
+  #fundraiser p.contribute
+  {
+    float: right;
+    text-align: center;
+    width: 30%;
+    padding-top: .5em;
+  }
+}
+
 </style>
 <!-- end of head-include-2.html -->

Index: body-include-2.html
===================================================================
RCS file: /webcvs/www/www/server/staging/fundraiser/body-include-2.html,v
retrieving revision 1.7
retrieving revision 1.8
diff -u -b -r1.7 -r1.8
--- body-include-2.html 14 Nov 2017 23:14:39 -0000      1.7
+++ body-include-2.html 15 Nov 2017 13:40:46 -0000      1.8
@@ -1,14 +1,5 @@
 <!-- start of server/body-include-2 -->
 <div id="fundraiser">
-<div class="progress">
-<div class="progress-bar">
-<span class="percentage"><span class="gnun-split"></span><!--#echo 
encoding="none" var="d_value" --></span>
-</div>
-<div class="goal-div">
-<span class="goal">$450,000</span>
-</div>
-</div>
-
 <p>
 Associate members power up the Free Software Foundation.
 Help smash our goal of <b>700</b> new members
@@ -19,6 +10,15 @@
 <a class="join" 
href="http://my.fsf.org/join?pk_campaign=2017_Fundraiser_Banner&amp;pk_kwd=Join";>
 Join</a>
 </p>
+<div style="clear:both"></div>
+<div class="progress">
+<div class="progress-bar">
+<span class="percentage"><span class="gnun-split"></span><!--#echo 
encoding="none" var="d_value" --></span>
+</div>
+<div class="goal-div">
+<span class="goal">$450,000</span>
+</div>
+</div>
 </div> <!-- /fundraiser -->
 
 <div id="header">
@@ -44,7 +44,7 @@
 
 <div id="gnu-banner">
  <a href="/">
- <img src="/graphics/heckert_gnu.small.png" alt=" [A GNU head] " 
/><strong>GNU</strong> Operating System</a>
+ <img src="/graphics/heckert_gnu.transp.small.png" alt=" [A GNU head] " 
/><strong>GNU</strong> Operating System</a>
 </div><!-- /gnu-banner -->
 
 <div style="clear: both"></div>