diff options
| author | René 'Necoro' Neumann <necoro@necoro.net> | 2013-10-15 22:50:49 +0200 |
|---|---|---|
| committer | René 'Necoro' Neumann <necoro@necoro.net> | 2013-10-15 22:50:49 +0200 |
| commit | 6277cf7e9bb1ee6e56258de3474477b90a1a51f9 (patch) | |
| tree | b5e8c77ad45748699d87b32472ecce865781e4b4 | |
| parent | 0a584a209b2f82abcbc9f2c88bcf5581ec91536b (diff) | |
| download | kosten-6277cf7e9bb1ee6e56258de3474477b90a1a51f9.tar.gz kosten-6277cf7e9bb1ee6e56258de3474477b90a1a51f9.tar.bz2 kosten-6277cf7e9bb1ee6e56258de3474477b90a1a51f9.zip | |
Streamline CSS
Diffstat (limited to '')
| -rw-r--r-- | static/css/style.css | 93 | ||||
| -rw-r--r-- | 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> |