214 lines
2.9 KiB
CSS
214 lines
2.9 KiB
CSS
@import "menu.css";
|
|
|
|
body {
|
|
font-family: Verdana, Arial, Georgia, Geneva ;
|
|
background-image: url(/images/lutin-background.png);
|
|
background-repeat: no-repeat;
|
|
background-color : #FFFFFF;
|
|
margin: 0px;
|
|
padding:0px;
|
|
}
|
|
|
|
a:link, a:visited {
|
|
color: #6692c6;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:visited {
|
|
color: #6692c6;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
color: #7ab2e2;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
|
|
/* Liens de la barre de navigation */
|
|
a.noir {
|
|
color : #1A2940;
|
|
text-decoration: none;
|
|
font-family: helvetica;
|
|
font-size: normal;
|
|
font-style: normal;
|
|
font-variant: normal;
|
|
font-weight: normal;
|
|
word-spacing: normal;
|
|
letter-spacing: normal;
|
|
word-spacing: normal;
|
|
vertical-alignment: baseline;
|
|
text-transformation: none;
|
|
text-alignment: left;
|
|
text-indentation: 2em;
|
|
padding-top: auto;
|
|
padding-right: auto;
|
|
padding-bottom: auto;
|
|
padding-left: auto;
|
|
height: auto;
|
|
}
|
|
|
|
a.noir:visited {
|
|
color : black;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a.noir:hover {
|
|
color: #315177;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
a.img {
|
|
border: none;
|
|
}
|
|
|
|
hr {
|
|
color: #AD4100;
|
|
}
|
|
|
|
pre {
|
|
color: #000000;
|
|
font-size: small;
|
|
font-family: monospace;
|
|
}
|
|
|
|
th {
|
|
background-color: #98c2f6;
|
|
}
|
|
|
|
.required:before {
|
|
content: "*";
|
|
color: red;
|
|
}
|
|
|
|
#zonetitle {
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
#zonemenu {
|
|
float: left;
|
|
width: 20%;
|
|
}
|
|
|
|
#zonecontent {
|
|
float: right;
|
|
width: 80%;
|
|
}
|
|
|
|
#zonefooter {
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
/*
|
|
.treemenu {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.treemenu * {
|
|
vertical-align: middle;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px 0px 0px 0px;
|
|
}
|
|
|
|
.menu-label {
|
|
display: table-cell;
|
|
white-space: normal;
|
|
}
|
|
|
|
.treepicture {
|
|
display: table-cell;
|
|
height: 100%;
|
|
}
|
|
|
|
.treepicture span {
|
|
height: 100%;
|
|
}
|
|
|
|
.treepicture-I, .treepicture-L , .treepicture-T{
|
|
width: 11px;
|
|
height: 100%;
|
|
}
|
|
*/
|
|
/*
|
|
span.treepicture-p1{
|
|
white-space: pre;
|
|
}
|
|
*/
|
|
|
|
/*** Nav bar styles ***/
|
|
|
|
div.treemenu ul#nav,
|
|
div.treemenu #nav ul{
|
|
/*Remove all spacings from the list items*/
|
|
margin: 0;
|
|
padding: 0;
|
|
cursor: default;
|
|
list-style-type: none;
|
|
}
|
|
|
|
/*
|
|
div.treemenu ul#nav{
|
|
// max-width: 40ex;
|
|
width: 17ex;
|
|
/*Optional, to make the navigation bar positions on the left of the content*/
|
|
// float: left;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
div.treemenu ul>li{
|
|
margin: 0;
|
|
padding: 2px 6px;
|
|
}
|
|
|
|
div.treemenu ul#nav li>ul{
|
|
display: none;
|
|
position: absolute;
|
|
// max-width: 40ex;
|
|
width: 30ex;
|
|
left: 17ex;
|
|
margin-top: -1.4em;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
div.treemenu ul#nav li:hover>ul{
|
|
display : block;
|
|
}
|
|
|
|
div.treemenu #nav ul li a{
|
|
display: block;
|
|
padding: 2px 10px;
|
|
}
|
|
*/
|
|
|
|
/*** Menu styles (customizable) ***/
|
|
/*
|
|
|
|
div.treemenu ul#nav,
|
|
div.treemenu #nav ul,
|
|
div.treemenu #nav ul li a{
|
|
background-color: #fff;
|
|
color: #369;
|
|
}
|
|
|
|
div.treemenu ul#nav li:hover,
|
|
div.treemenu #nav ul li a:hover{
|
|
background-color: #369;
|
|
color: #fff;
|
|
}
|
|
|
|
div.treemenu ul#nav li:active,
|
|
div.treemenu #nav ul li a:active{
|
|
background-color: #036;
|
|
color: #fff;
|
|
}
|
|
|
|
div.treemenu ul{
|
|
border: 1px solid #369;
|
|
}
|
|
|
|
div.treemenu #nav a{
|
|
text-decoration: none;
|
|
}
|
|
*/ |