From 32366755f2efe40fd001aea90aa8c4bcd6c3c653 Mon Sep 17 00:00:00 2001
From: Marcel Klehr <mklehr@gmx.net>
Date: Mon, 6 Aug 2012 23:33:19 +0200
Subject: [PATCH] Some style tweaks.

Mainly `.scroll-point`s and `h1`'s topmargin.
Extended `#footer`'s height.
---
 css/index.css | 19 ++++++-------------
 index.html    | 10 +++++-----
 2 files changed, 11 insertions(+), 18 deletions(-)

diff --git a/css/index.css b/css/index.css
index c159d1d02..eb2c90a7c 100644
--- a/css/index.css
+++ b/css/index.css
@@ -6,10 +6,11 @@ body {
 h1,h2,h3,h4,h5,h6 {
   font-family: Helvetica,Arial,sans-serif;
   font-weight: normal;
-  padding: 20px 0;
+  padding: 10px 0;
 }
 
 h1 {
+  margin-top: 40px;
   font-size: 0.9cm;
 }
 h2 {
@@ -38,18 +39,10 @@ h6 {
 
 /* scroll points */
 
-a.anchor {
+a.scroll-point {
   display: block;
-  border-bottom: 1px solid #ccc;
-  padding-top: 45px;
-  margin-bottom: 45px;
-}
-a.anchor:first-of-type {
-  padding-top: 0;
-  border-bottom: none;
-  
   position: relative;
-  top: -45px;
+  top: -90px;
 }
 
 /* header */
@@ -206,7 +199,7 @@ ul.links li a:focus {
 /* footer */
 
 div#footer {
-  height: 50px;
-  padding-top: 20px;
+  padding-bottom: 40px;
+  padding-top: 60px;
   text-align: center;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 40f120f9d..7f9206f90 100644
--- a/index.html
+++ b/index.html
@@ -50,7 +50,7 @@ This iconic web font was used extensively around the site.
     </div>
   </div>
   
-  <a class="anchor wrap" name="about"></a>
+  <a class="scroll-point wrap" name="about"></a>
   <div class="content wrap">
     <h1><i class="icon-info-sign"></i> Collaborating in really real-time</h1>
     <p>Etherpad lite allows you to edit documents colaboratively in real-time, much like a live multi-player online editor. Additionally, Etherpad lite provides access to all data through a well-documented HTTP API and supports import/export to many major data exchange formats. The built-in plugin system makes extending the core functionality almost a breeze.</p>
@@ -60,21 +60,21 @@ This iconic web font was used extensively around the site.
     <p>Our hope is that this will encourage more users to use and install a realtime collaborative editor. A smaller, manageable and well-documented code base makes it easier for developers to understand and improve the code and contribute towards the project.</p>
   </div>
   
-  <a class="anchor wrap" name="download"></a>
+  <a class="scroll-point wrap" name="download"></a>
   <div class="content wrap">
     <h1><i class="icon-download-alt"></i> Download</h1>
     <div id="downloadbutton"><a href="http://github.com/Pita/etherpad-lite/zipball/master"><i class="icon-download-alt"></i>Source</a><br/><span>Version 1.1</span></div>
     <div id="downloadbutton"><a href="https://github.com/downloads/Pita/etherpad-lite/etherpad-lite-win.zip"><i class="icon-download-alt"></i>Windows</a><br/><span>Version 1.1</span></div>
   </div>
   
-  <a class="anchor wrap" name="docs"></a>
+  <a class="scroll-point wrap" name="docs"></a>
   <div class="content wrap">
     <h1><i class="icon-align-left"></i> Docs</h1>
     <p><a href="https://github.com/Pita/etherpad-lite/wiki">The wiki</a> provides useful tuorials and How-to's to get you started with Etherpad lite.</p>
     <p>A more thorough reference can be found in the <a href="#">official documentation</a>.</p>
   </div>
   
-  <a class="anchor wrap" name="contribute"></a>
+  <a class="scroll-point wrap" name="contribute"></a>
   <div class="content wrap">
     <h1><i class="icon-wrench"></i> Contribute</h1>
     <p>Etherpad is an open source project. And that means, that everything, from this website to the core of the application itself, has been contributed by passionate, helpful individuals (such as yourself) who liked what they saw and wanted to make something better of it. So if <em>you</em> like what you see, and want to make something better of it, <em>we’d</em> like to see your contributions. It doesn’t matter how familiar you are with real-time applications, or whether you know how to program in JavaScript. There are plenty of ways to be helpful! Just ask!</p>
@@ -84,7 +84,7 @@ This iconic web font was used extensively around the site.
     <p></p>
   </div>
   
-  <a class="anchor wrap" name="links"></a>
+  <a class="scroll-point wrap" name="links"></a>
   <div class="content wrap">
     <h1><i class="icon-external-link"></i> Links</h1>
   </div>