a bit of styling

This commit is contained in:
Frédéric Péters 2006-08-16 17:22:58 +00:00
parent 1af7997e69
commit 176760d26c
2 changed files with 81 additions and 18 deletions

View File

@ -9,6 +9,11 @@
<body[if-any onload] onload="[onload]"[end]>
<div id="page">
<div id="top"> <h1>[site_name]</h1> </div>
<p id="connection">
[if-any user]<a href="/logout">Déconnexion</a>
[else]<a href="/register">Inscription</a> - <a href="/login/">Connexion</a>
[end]
</p>
<div id="main-content">
[if-any title]<h2>[title]</h2>[end]
[prelude]
@ -16,7 +21,14 @@
<hr />
</div>
<div id="footer">
<p>Truc CNIL, vous avez des droits.</p>
<p id="legal">
Copyright &copy; 2006 Entr'ouvert
</p>
<p id="bottom-links">
<a href="/help">Aide</a> -
<a href="/accessibility">Déclaration d'accessibilité</a> -
<a href="/informations-editeur">Informations éditeur</a>
</p>
</div>
</div>
</body>

View File

@ -1,19 +1,31 @@
@import url(/css/wcs-common.css);
html {
/* vertical scrollbar; always (so the geometry doesn't change) */
height: 100%;
margin-bottom: 1px;
}
h1 {
text-align: center;
}
body {
background: transparent url(path2760.png) no-repeat fixed bottom right;
}
div#main-content {
margin: 0 4%;
}
#gauche {
float: left;
width: 45%;
margin: 0 2%;
width: 48%;
}
#droite {
float: left;
width: 45%;
margin: 0 2%;
float: right;
width: 48%;
}
hr {
@ -21,30 +33,25 @@ hr {
visibility: hidden;
}
div.liens {
text-align: right;
}
div.liens ul {
div#links ul {
margin: 0;
padding: 0;
}
div.liens li {
div#links li {
display: inline;
padding-right: 1em;
padding-right: 1.2em;
}
div.nouvelles h2,
div.nouvelles h3 {
text-align: right;
div#announces h2,
div#announces h3 {
}
div.nouvelles p {
div#announces p {
text-align: justify;
}
div.liens,
div#links,
div.services {
margin-bottom: 2em;
}
@ -54,6 +61,11 @@ div#footer {
font-size: 70%;
color: gray;
text-align: center;
border-top: 1px solid green;
}
div#footer p {
margin: 1ex 0 0 0;
}
#steps {
@ -135,4 +147,43 @@ div#footer {
display: block;
}
p#legal {
float: left;
}
p#bottom-links {
float: right;
}
h2,
h3 {
color: green;
padding-left: 3px;
background: transparent url(path1872.png) no-repeat -280px 0px;
}
h3 a {
color: inherit;
}
h1 {
}
p#connection {
margin: 0;
position: absolute;
top: 1ex;
right: 1ex;
font-size: 80%;
}
p#connection a {
text-decoration: none;
font-weight: bold;
}
div.article {
max-width: 60em;
text-align: justify;
}