Enhanced design

3 files changed, 14 insertions, 8 deletions

diff --git a/static/css/style.css b/static/css/style.css
index 614f473..45cf21e 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -32,9 +32,8 @@ h2 {
 }
 
 p, ul, ol {
-	margin: 0 0 2em 0;
 	text-align: justify;
-	line-height: 26px;
+	line-height: 20px;
 }
 
 a:link {
@@ -167,6 +166,10 @@ img.right {
 #logo p a:hover { text-decoration: underline; }
 
 
+.hstart {
+	font: 18px Georgia, "Times New Roman", Times, serif;
+	color: #8BD80E; 
+}
 
 /* Page */
 
@@ -226,8 +229,8 @@ img.right {
     overflow: auto;
 }
 
-p + .box, ul {
-    margin-top: -1.5em;
+p + h2,h3,h4 {
+    margin-top: 1.5em;
 }
 
 /* Footer */
diff --git a/templates/page.mako b/templates/page.mako
index 14728a3..264ddee 100644
--- a/templates/page.mako
+++ b/templates/page.mako
@@ -3,7 +3,10 @@
 %>
 
 <%inherit file="/root.mako" />
-<%namespace file="/root.mako" inheritable="True" import="hl"/>
 
 <h1 class="title">${self.attr.title}</h1>
 ${next.body()}
+
+<%def name="h2()">
+    <h2><span class="hstart">» </span>${caller.body()}</h2>
+</%def>
diff --git a/templates/pages/index.mako b/templates/pages/index.mako
index 825de7e..2ed2cd6 100644
--- a/templates/pages/index.mako
+++ b/templates/pages/index.mako
@@ -11,7 +11,7 @@
     As the current portage development is quite fast-paced, Portato is not able to keep step. Thus it might be that the released version(s) do not behave as expected. In these cases also try the <a href="/development">development version</a>.
 </p>
 
-<h2>Installation</h2>
+<%self:h2>Installation</%self:h2>
 <p>
     Portato is delivered with the standard portage tree and can be installed using <code>emerge portato</code>.
     If you want to use the development version, you need to do the following (given you have installed and configured layman ... if not: see <a href="http://www.gentoo.org/proj/en/overlays/userguide.xml">this guide</a>):
@@ -24,7 +24,7 @@ echo "=app-portage/portato-9999" >> /etc/portage/package.keywords
 emerge -av portato
 </%self:hl>
 
-<h2>Translations</h2>
+<%self:h2>Translations</%self:h2>
 <p>
     Portato does know about the so called <strong>Native Language Support</strong>. It currently supports the following languages: Catalan, English, Italian, German, Polish, Portugese, and Turkish.
 </p>
@@ -32,7 +32,7 @@ emerge -av portato
     If you want to add support for another language, please see the <a href="/translating">translation howto</a>.
 </p>
 
-<h2>Similar projects</h2>
+<%self:h2>Similar projects</%self:h2>
 <p>
     Of course there are other projects too, which do the same or at least a similar job. These are for example:
 </p>