www/server/staging/gnuhealth home0.html

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 16/08/31 13:44:02

Modified files:
        server/staging/gnuhealth: home0.html 

Log message:
        Refine large button; limit line width; no emph-box in first column.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/gnuhealth/home0.html?cvsroot=www&r1=1.14&r2=1.15

Patches:
Index: home0.html
===================================================================
RCS file: /webcvs/www/www/server/staging/gnuhealth/home0.html,v
retrieving revision 1.14
retrieving revision 1.15
diff -u -b -r1.14 -r1.15
--- home0.html  31 Aug 2016 07:40:08 -0000      1.14
+++ home0.html  31 Aug 2016 13:44:02 -0000      1.15
@@ -45,30 +45,33 @@
 }
 .button a {
    display: block;
-   padding: .4em .6em;
+   padding: .5em .6em;
    background: #ebedef;
-   border: .1em solid #dbdddf;
+   border-top:  none;
+   border-bottom:  none;
+   border-left:  .1em solid #d1d4d7;
+   border-right:  .1em solid #d1d4d7;
    border-radius: .3em;
    -moz-border-radius: .3em;
    -khtml-border-radius: .3em;
    -webkit-border-radius: .3em;
    -opera-border-radius: .3em;
    background: #dbdddf; /* For browsers that do not support gradients */
-   background: -webkit-linear-gradient(#dbdddf, white, #dbdddf); /* For Safari 
5.1 to 6.0 */
-   background: -o-linear-gradient(#dbdddf, white, #dbdddf); /* For Opera 11.1 
to 12.0 */
-   background: -moz-linear-gradient(#dbdddf, white, #dbdddf); /* For Firefox 
3.6 to 15 */
-   background: linear-gradient(#dbdddf, white, #dbdddf); /* Standard syntax */
+   background: -webkit-linear-gradient(#f0f2f4, white, #b9bcbf); /* For Safari 
5.1 to 6.0 */
+   background: -o-linear-gradient(#f0f2f4, white, #b9bcbf); /* For Opera 11.1 
to 12.0 */
+   background: -moz-linear-gradient(#f0f2f4, white, #b9bcbf); /* For Firefox 
3.6 to 15 */
+   background: linear-gradient(#f0f2f4, white, #b9bcbf); /* Standard syntax */
+}
+.button a:hover {
+   background: #f7f9fb;
+   background: -webkit-linear-gradient(#f7f9fb, white, #c9cccf);
+   background: -o-linear-gradient(#f7f9fb, white, #c9cccf);
+   background: -moz-linear-gradient(#f7f9fb, white, #c9cccf);
+   background: linear-gradient(#f7f9fb, white, #c9cccf);
 }
 .button a, .button a:visited {
    text-decoration: none;
 }
-.button a:hover {
-   background: #c9cccf; /* For browsers that do not support gradients */
-   background: -webkit-linear-gradient(#c9cccf, white, #c9cccf); /* For Safari 
5.1 to 6.0 */
-   background: -o-linear-gradient(#c9cccf, white, #c9cccf); /* For Opera 11.1 
to 12.0 */
-   background: -moz-linear-gradient(#c9cccf, white, #c9cccf); /* For Firefox 
3.6 to 15 */
-   background: linear-gradient(#c9cccf, white, #c9cccf); /* Standard syntax */
-}
 
 /* This inactivates the old style. */
 .large {
@@ -86,24 +89,17 @@
 /* ======================= */
 
 #content {
-   padding: .1em 0 3.6em;
-   margin: 0 0 -3.6em;
-   background: #f4f6f8;
+   padding: 0;
+   margin: 0;
 }
 .first-column, .second-column {
-   margin: 1.5em 3% 0;
-}
-.emph-box {
-   background: white;
-}
-.first-column.emph-box {
-   padding: 0 1.2em 1.5em;
+   width: 40em; max-width: 94%;
+   margin: 0 auto;
 }
 
 h2 {
    color: #333;
-   margin: 0 0 .9em;
-   padding-top: .8em
+   padding-top: .2em;
 }
 .first-column p {
    margin-bottom: 1em;
@@ -122,7 +118,7 @@
 
 .second-column .emph-box {
    padding: 0 1.2em 1.2em;
-   margin-top: 1.5em;
+   margin-top: 2em;
 }
 .second-column .emph-box .back {
    margin-top: 1em;
@@ -150,7 +146,8 @@
    height: 1.8em;
 }
 .translators-notes {
-   margin: 0 5%;
+   width: 44.4em; max-width: 94%;
+   margin: 0 auto;
 }
 #backtotop {
    margin: 0 5% 1.8em;
@@ -169,6 +166,7 @@
    #gnuhealth {
       display: block;
       width: 100%;
+      margin-top: 2em;
    }
 }
 /* ======================= */
@@ -177,11 +175,15 @@
    .first-column {
       width: 56.5%;
       float: left;
-      margin: 1.5em 0 0 3%;
+      margin: 0 0 0 3%;
    }
    .second-column {
       width: 30%;
       float: right;
+      margin: 0 3% 0 0;
+   }
+   .translators-notes {
+      width: 94%;
    }
 }
 -->
@@ -195,7 +197,7 @@
 is at stake?</p>
 
 <div id="home">
-<div class="first-column emph-box">
+<div class="first-column">
 
 <h2>What is GNU?</h2>
 
@@ -442,7 +444,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2016/08/31 07:40:08 $
+$Date: 2016/08/31 13:44:02 $
 <!-- timestamp end -->
 </p>
 </div>