From 6277cf7e9bb1ee6e56258de3474477b90a1a51f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9=20=27Necoro=27=20Neumann?= <necoro@necoro.net>
Date: Tue, 15 Oct 2013 22:50:49 +0200
Subject: Streamline CSS

---
 static/css/style.css   | 93 +++++++++++---------------------------------------
 templates/layout.jinja |  8 ++---
 2 files changed, 24 insertions(+), 77 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index c0ee160..fec2003 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -95,16 +95,15 @@ img {
     font-weight: bold;
 }
 
-div.detail .heading {
-    font-weight: bold;
+.detail > .heading {
     cursor: pointer;
 }
 
-div.detail > .mark {
+.detail > .mark {
     cursor: pointer;
 }
 
-ul.arrow {
+.arrow {
     list-style-image: url(../images/closed.png);
 }
 
@@ -118,7 +117,7 @@ ul.arrow {
     height: 150px;
 }
 
-div.month_exp {
+.month_exp {
     display: inline-block;
     width: 280px;
     vertical-align: top;
@@ -134,7 +133,7 @@ div.month_exp {
 	height: 42px;
 }
 
-#wrapper {
+#head-wrapper {
 	margin: 0;
 	padding: 0;
 	background: #FFFFFF url(../images/img01.gif) repeat-x left top;
@@ -149,19 +148,19 @@ div.month_exp {
 	background: url(../images/img02.gif) no-repeat left top;
 }
 
-#menu ul {
+#menu > ul {
 	margin: 0;
 	padding: 0px 0 0 10px;
 	list-style: none;
 	line-height: normal;
 }
 
-#menu li {
+.menu-item {
 	display: block;
 	float: left;
 }
 
-#menu a {
+.menu-item > a {
 	display: block;
 	float: left;
 	background: url(../images/img04.gif) no-repeat right 55%;
@@ -173,11 +172,7 @@ div.month_exp {
 	color: #000000;
 }
 
-#menu a:hover { 
-	color: #000000;
-}
-
-#menu .current_page_item a {
+.menu-item > a:hover {
 	color: #000000;
 }
 
@@ -189,45 +184,38 @@ div.month_exp {
 	margin: 0 auto;
 }
 
-#logo h1, #logo h2, #logo img {
+#logo > h1, #logo > h2, #logo > img {
 	float: left;
 	margin: 0;
 	padding: 30px 0 0 0px;
 	line-height: normal;
 }
 
-#logo img {
+#logo > img {
 	float: left;
 	margin-right: 15px;
 	padding: 30px 0 0 0px;
 }
 
-#logo h1 { 
+#logo > h1 {
 	font-family: Georgia, "Times New Roman", Times, serif;
 	font-size:40px;
 }
 
-#logo h1 a {
+#logo > h1 > a {
 	text-decoration: none;
 	color: #4C4C4C; 
 }
 
-#logo h1 a:hover { text-decoration: underline; }
+#logo > h1 > a:hover { text-decoration: underline; }
 
-#logo h2 {
+#logo > h2 {
 	float: left;
 	padding: 45px 0 0 18px;
 	font: 18px Georgia, "Times New Roman", Times, serif;
 	color: #8BD80E; 
 }
 
-#logo p a {
-	text-decoration: none;
-	color: #8BD80E;
-}
-
-#logo p a:hover { text-decoration: underline; }
-
 /* Page */
 
 #page {
@@ -258,76 +246,35 @@ div.month_exp {
     background: #DA6F6F;
 }
 
-.content {
+#content {
 	float: left;
 	width: 710px;
 	padding: 15px 0px;
 	margin-bottom: 20px;
 }
 
-.content .page_heading {
+#page_heading {
 	margin-bottom: 20px;
 	padding-bottom: 5px;
 }
 
-.content h2, .content h3 {
+#content h2, #content h3 {
     margin-bottom: 0.5em;
 }
 
-.hstart {
-	font: 18px Georgia, "Times New Roman", Times, serif;
-	color: #8BD80E; 
-}
-
 input[type=submit] {
     margin-top: 10px;
 }
-/* Boxes */
-
-.box {
-	background: #9e9e9e;
-    color: #000;
-    padding: 5px;
-    margin: 0.5em 0.5em 2em 0.5em;
-}
-
-.box h2, .box h3 {
-	margin-bottom: 15px;
-	font-size: 16px;
-	color: #FFFFFF;
-}
-
-.box ul {
-	margin: 0;
-	padding: 0;
-	list-style: none;
-}
-
-.box a:link, .box a:hover, .box a:active, .box a:visited  {
-	color: #EDEDED;
-}
-
-.box > pre {
-    margin: 0;
-    padding: 0;
-    overflow: auto;
-}
 
 /* Footer */
-#footer-wrap {
-}
-
 #footer {
 	margin: 0 auto;
 	padding: 20px 0 10px 0;
 	background: #000000;
-}
-
-html>body #footer {
 	height: auto;
 }
 
-#footer p {
+#footer > p {
 	font-size: 11px;
 }
 
@@ -338,7 +285,7 @@ html>body #footer {
 	color: #FFFFFF;
 }
 
-#legal a {
+#legal > a {
 	font-weight: normal;
 	color: #FFFFFF;
 }
diff --git a/templates/layout.jinja b/templates/layout.jinja
index ab5b001..0c70689 100644
--- a/templates/layout.jinja
+++ b/templates/layout.jinja
@@ -10,7 +10,7 @@
     </head>
     {% if config['DEBUG'] %}<!-- {{ request.environ | safe }} -->{% endif %}
     <body>
-        <div id="wrapper">
+        <div id="head-wrapper">
             <div id="logo">
                 <img src="{{ "images/currency.png" | static_url }}">
                 <h1><a href="{{ url_for("index") }}">Kosten</a></h1>
@@ -23,7 +23,7 @@
                         {% import "menu.jinja" as m %}
                         <ul>
                             {% for uri, page in m.menu %}
-                                <li><a href="{{ url_for(uri) }}">{{page}}</a></li>
+                                <li class="menu-item"><a href="{{ url_for(uri) }}">{{page}}</a></li>
                             {% endfor %}
                         </ul>
                     {% endblock %}
@@ -32,7 +32,7 @@
         </div>
 
         <div id="page">
-            <div class="content">
+            <div id="content">
                 {% with messages = get_flashed_messages(with_categories=true) %}
                     {% if messages %}
                         <ul id="messages">
@@ -42,7 +42,7 @@
                         </ul>
                     {% endif %}
                 {% endwith %}
-                <h1 class="page_heading">{% block heading -%}{%- endblock %}</h1>
+                <h1 id="page_heading">{% block heading -%}{%- endblock %}</h1>
                 {% block content %}{% endblock %}
             </div>
             <div style="clear: both;"></div>
-- 
cgit v1.2.3