improve css to handle new item

This commit is contained in:
benoitc 2010-02-20 21:57:34 +01:00
parent 2f2bbd20b1
commit 418a386084
11 changed files with 112 additions and 97 deletions

View File

@ -23,10 +23,10 @@ pre {
} }
h1.title { h1.title {
padding: 20px; padding: 0.3em;
text-align: center; text-align: center;
background: #489848; background: #489848;
color: #65e565; color: #fff;
font-size: 2em; font-size: 2em;
} }
@ -34,7 +34,8 @@ h2 { background: #ddd; text-align: center; padding: 4px; }
div.document { div.document {
width: 100%; width: 100%;
clear: both; clear: both;
padding-top: 1.5em; padding-top: 0.8em;
margin-bottom: 0.1em;
} }
#green-unicorn p { font-size: 1.3em; color: #444; padding: 1px 10px; } #green-unicorn p { font-size: 1.3em; color: #444; padding: 1px 10px; }
@ -78,31 +79,43 @@ h1.logo a {
.section p { padding: 1px 14px; font-size: 1.1em; margin-top: 20px; } .section p { padding: 1px 14px; font-size: 1.1em; margin-top: 20px; }
#menu {
width: 100%;
padding: 1em 0;
}
ul#actions { ul#actions {
list-style: none; list-style: none;
clear: both;
display: block; display: block;
width: 100%; width: 100%;
text-indent: 0;
margin: 0;
padding: 0;
} }
ul#actions li { ul#actions li {
display: block; display: block;
float: left; float: left;
margin-left: 0.6em; margin: 0;
margin-top: 0.6em; padding: 0;
background: #000; background: #000;
} }
ul#actions li a { ul#actions li a {
font-style: bold; font-style: bold;
font-size: 2em; font-size: 1.8em;
text-transform: capitalize; text-transform: capitalize;
color: #ddd; color: #ddd;
padding: 0.6em; padding: 0.6em;
text-decoration: none; text-decoration: none;
} }
ul#actions li a:hover {
color: #fff;
}
#faq dt { #faq dt {
font-size: 1.5em; font-size: 1.5em;
font-weight: bold; font-weight: bold;

View File

@ -56,6 +56,7 @@ stream-based protocols over HTTP</li>
</div> </div>
<div id="menu">
<ul id="actions"> <ul id="actions">
<li><a href="installation.html">Installation</a></li> <li><a href="installation.html">Installation</a></li>
<li><a href="usage.html">Usage</a></li> <li><a href="usage.html">Usage</a></li>
@ -65,6 +66,7 @@ stream-based protocols over HTTP</li>
<li><a href="faq.html">FAQ</a></li> <li><a href="faq.html">FAQ</a></li>
<li><a href="news.html">NEWS</a></li> <li><a href="news.html">NEWS</a></li>
</ul> </ul>
</div>
<div id="footer"> <div id="footer">

View File

@ -4,9 +4,7 @@
{% block body %} {% block body %}
<div id="menu">
{% include "menu.html" %} {% include "menu.html" %}
</div>
{{ body }} {{ body }}

View File

@ -1,3 +1,4 @@
<div id="menu">
<ul id="actions"> <ul id="actions">
<li><a href="installation.html">Installation</a></li> <li><a href="installation.html">Installation</a></li>
<li><a href="usage.html">Usage</a></li> <li><a href="usage.html">Usage</a></li>
@ -7,3 +8,4 @@
<li><a href="faq.html">FAQ</a></li> <li><a href="faq.html">FAQ</a></li>
<li><a href="news.html">NEWS</a></li> <li><a href="news.html">NEWS</a></li>
</ul> </ul>
</div>