164 lines
2.8 KiB
CSS
164 lines
2.8 KiB
CSS
/* layout.css - MoinMoin Cr@ns style
|
|
|
|
Le fichier gere la mise en page du site (fond, dispositions...)
|
|
|
|
*/
|
|
|
|
|
|
/*<!-- BODY -->*/
|
|
body
|
|
{
|
|
background:black url(../img/mainBg.png) no-repeat top left;
|
|
position:relative;
|
|
padding:20px 60px;
|
|
margin:0;
|
|
}
|
|
|
|
#logo {
|
|
position:relative;
|
|
top:-40px;
|
|
left:-70px;
|
|
}
|
|
|
|
#globalWrapper {
|
|
width:100%;
|
|
min-width:660px;
|
|
max-width:1000px;
|
|
background:#ffb849 url(../img/divBg.png) no-repeat left top;
|
|
margin:5px auto;
|
|
padding:0;
|
|
position:relative; /* pour que les elements inclus se referent
|
|
a lui et pas a body */
|
|
}
|
|
|
|
#page {
|
|
background:transparent url(../img/divCoin.png) no-repeat bottom right;
|
|
padding:20px 20px 20px 20px;
|
|
}
|
|
|
|
/*<!-- Menu -->*/
|
|
div#MenuNavigation
|
|
{
|
|
color:Black;
|
|
font:15px "Trebuchet MS", helvetica, sans-serif ;
|
|
z-index:5;
|
|
position: absolute; /* positionnement */
|
|
right: 0;
|
|
top: 1px;
|
|
padding:0;
|
|
margin:0;
|
|
width:300px;
|
|
border-bottom: 1px solid #232323;
|
|
border-left: 1px solid #232323;
|
|
background: url(../img/translucide.png) repeat;
|
|
text-align:left;
|
|
}
|
|
|
|
div#MenuNavigation ul {
|
|
display:block;
|
|
margin:0 auto;
|
|
padding:7px 0;
|
|
list-style-type:none;
|
|
}
|
|
|
|
div#MenuNavigation ul li {
|
|
list-style-type:none;
|
|
z-index:5;
|
|
margin:5px;
|
|
}
|
|
|
|
div#MenuNavigation ul li a, div#MenuNavigation form#searchform h5 {
|
|
display:inline;
|
|
z-index:5;
|
|
margin:0;
|
|
padding:1px;
|
|
border-left:1px solid transparent;
|
|
color:black;
|
|
font: 15px "Trebuchet MS", helvetica, sans-serif ;
|
|
text-decoration:none;
|
|
font-weight:bold;
|
|
}
|
|
div#MenuNavigation ul li a:hover {
|
|
border-color:black;
|
|
}
|
|
|
|
div#MenuNavigation form#searchform {
|
|
float:right;
|
|
position:absolute;
|
|
top:0;
|
|
right:7px;
|
|
margin:10px;
|
|
padding:0;
|
|
color:#232323;
|
|
width:165px;
|
|
display:block;
|
|
}
|
|
|
|
div#MenuNavigation form#searchform div {
|
|
margin-left:15px;
|
|
}
|
|
|
|
div#MenuNavigation form#searchform input {
|
|
max-width:150px;
|
|
}
|
|
|
|
/* <!-- Login --> */
|
|
/* style pour les liens de connexion/preferences.... en haut a droite */
|
|
#p-personal {
|
|
float:right;
|
|
position:absolute;
|
|
top:0;
|
|
right:0;
|
|
}
|
|
|
|
#p-personal, #p-personal ul {
|
|
padding:0;
|
|
margin:0;
|
|
height:0.8em;
|
|
}
|
|
|
|
#p-personal li {
|
|
list-style-type:none;
|
|
float:right;
|
|
margin:0 3px;
|
|
}
|
|
|
|
#p-personal li a {
|
|
display:block;
|
|
font-weight:normal;
|
|
font-size:0.8em;
|
|
color:#aaa;
|
|
}
|
|
|
|
|
|
/* <!-- badges --> */
|
|
/* style pour les badges en bas de la page */
|
|
|
|
ul.supportBadges {
|
|
list-style-type:none;
|
|
padding:0;
|
|
max-width:1000px;
|
|
margin:10px auto;
|
|
}
|
|
|
|
ul.supportBadges li {
|
|
float:left;
|
|
}
|
|
|
|
|
|
ul.supportBadges li a {
|
|
margin-right:5px;
|
|
opacity:0.5;
|
|
}
|
|
|
|
ul.supportBadges li a:hover {
|
|
opacity:1;;
|
|
}
|
|
|
|
ul.supportBadges li a img {
|
|
border:none;
|
|
}
|
|
|
|
ul#timings {
|
|
clear:left;
|
|
}
|