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

@ -35,16 +35,16 @@
<div id="menu"> <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>
<li><a href="deployment.html">Deployment</a></li> <li><a href="deployment.html">Deployment</a></li>
<li><a href="configuration.html">Configuration</a></li> <li><a href="configuration.html">Configuration</a></li>
<li><a href="tuning.html">Tuning</a></li> <li><a href="tuning.html">Tuning</a></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>
<div class="document" id="the-configuration-file"> <div class="document" id="the-configuration-file">
<h1 class="title">The Configuration File</h1> <h1 class="title">The Configuration File</h1>

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

@ -35,16 +35,16 @@
<div id="menu"> <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>
<li><a href="deployment.html">Deployment</a></li> <li><a href="deployment.html">Deployment</a></li>
<li><a href="configuration.html">Configuration</a></li> <li><a href="configuration.html">Configuration</a></li>
<li><a href="tuning.html">Tuning</a></li> <li><a href="tuning.html">Tuning</a></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>
<div class="document" id="production-setup"> <div class="document" id="production-setup">
<h1 class="title">Production Setup</h1> <h1 class="title">Production Setup</h1>

View File

@ -35,16 +35,16 @@
<div id="menu"> <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>
<li><a href="deployment.html">Deployment</a></li> <li><a href="deployment.html">Deployment</a></li>
<li><a href="configuration.html">Configuration</a></li> <li><a href="configuration.html">Configuration</a></li>
<li><a href="tuning.html">Tuning</a></li> <li><a href="tuning.html">Tuning</a></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>
<div class="document" id="faq"> <div class="document" id="faq">
<h1 class="title">FAQ</h1> <h1 class="title">FAQ</h1>

View File

@ -56,15 +56,17 @@ 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>
<li><a href="deployment.html">Deployment</a></li> <li><a href="deployment.html">Deployment</a></li>
<li><a href="configuration.html">Configuration</a></li> <li><a href="configuration.html">Configuration</a></li>
<li><a href="tuning.html">Tuning</a></li> <li><a href="tuning.html">Tuning</a></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

@ -35,16 +35,16 @@
<div id="menu"> <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>
<li><a href="deployment.html">Deployment</a></li> <li><a href="deployment.html">Deployment</a></li>
<li><a href="configuration.html">Configuration</a></li> <li><a href="configuration.html">Configuration</a></li>
<li><a href="tuning.html">Tuning</a></li> <li><a href="tuning.html">Tuning</a></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>
<div class="document" id="installation"> <div class="document" id="installation">
<h1 class="title">Installation</h1> <h1 class="title">Installation</h1>

View File

@ -35,16 +35,16 @@
<div id="menu"> <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>
<li><a href="deployment.html">Deployment</a></li> <li><a href="deployment.html">Deployment</a></li>
<li><a href="configuration.html">Configuration</a></li> <li><a href="configuration.html">Configuration</a></li>
<li><a href="tuning.html">Tuning</a></li> <li><a href="tuning.html">Tuning</a></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>
<div class="document" id="news"> <div class="document" id="news">
<h1 class="title">News</h1> <h1 class="title">News</h1>

View File

@ -35,16 +35,16 @@
<div id="menu"> <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>
<li><a href="deployment.html">Deployment</a></li> <li><a href="deployment.html">Deployment</a></li>
<li><a href="configuration.html">Configuration</a></li> <li><a href="configuration.html">Configuration</a></li>
<li><a href="tuning.html">Tuning</a></li> <li><a href="tuning.html">Tuning</a></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>
<div class="document" id="tuning"> <div class="document" id="tuning">
<h1 class="title">Tuning</h1> <h1 class="title">Tuning</h1>

View File

@ -35,16 +35,16 @@
<div id="menu"> <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>
<li><a href="deployment.html">Deployment</a></li> <li><a href="deployment.html">Deployment</a></li>
<li><a href="configuration.html">Configuration</a></li> <li><a href="configuration.html">Configuration</a></li>
<li><a href="tuning.html">Tuning</a></li> <li><a href="tuning.html">Tuning</a></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>
<div class="document" id="command-line-usage"> <div class="document" id="command-line-usage">
<h1 class="title">Command Line Usage</h1> <h1 class="title">Command Line Usage</h1>

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,9 +1,11 @@
<ul id="actions"> <div id="menu">
<li><a href="installation.html">Installation</a></li> <ul id="actions">
<li><a href="usage.html">Usage</a></li> <li><a href="installation.html">Installation</a></li>
<li><a href="deployment.html">Deployment</a></li> <li><a href="usage.html">Usage</a></li>
<li><a href="configuration.html">Configuration</a></li> <li><a href="deployment.html">Deployment</a></li>
<li><a href="tuning.html">Tuning</a></li> <li><a href="configuration.html">Configuration</a></li>
<li><a href="faq.html">FAQ</a></li> <li><a href="tuning.html">Tuning</a></li>
<li><a href="news.html">NEWS</a></li> <li><a href="faq.html">FAQ</a></li>
</ul> <li><a href="news.html">NEWS</a></li>
</ul>
</div>