190 lines
No EOL
2.9 KiB
CSS
190 lines
No EOL
2.9 KiB
CSS
/*********************************************/
|
||
/* Feuille de style pour le thème "Orange" */
|
||
/* Ce fichier est dans le domaine public. */
|
||
/*********************************************/
|
||
|
||
#theme {
|
||
color: #333;
|
||
font-family: Verdana, Charcoal, Geneva, "Luxi Sans", sans-serif;
|
||
font-size: 12px;
|
||
margin-top: 0;
|
||
margin-left: 0;
|
||
}
|
||
|
||
/*
|
||
* Barre de navigation
|
||
*/
|
||
|
||
#nav {
|
||
left: 10px;
|
||
position: absolute;
|
||
top: 30px;
|
||
width: 150px;
|
||
}
|
||
|
||
#nav ul {
|
||
background: #ffefd5;
|
||
border-bottom: solid 2px #fa0;
|
||
list-style-type: none;
|
||
margin-right: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
#nav li {
|
||
border-color: #fa0;
|
||
border-style: solid;
|
||
border-width: 2px 2px 0 2px;
|
||
margin: 0;
|
||
padding: 0;
|
||
width: 100%;
|
||
}
|
||
|
||
#nav a {
|
||
color: #4682b4;
|
||
display: block;
|
||
font-family: "Trebuchet MS" Verdana, sans-serif;
|
||
font-weight: bold;
|
||
margin: 0;
|
||
padding: 0 5px 0 5px;
|
||
text-decoration: none;
|
||
}
|
||
|
||
/* Liens de la barre de navigation */
|
||
|
||
#nav a:hover {
|
||
background-color: #4682b4;
|
||
color: #ffefd5;
|
||
}
|
||
|
||
#nav a.linkOn {
|
||
font-weight: bold;
|
||
}
|
||
|
||
#nav a.linkOn:hover{
|
||
color: white; }
|
||
|
||
/*
|
||
* Corps du texte
|
||
*/
|
||
|
||
#corps {
|
||
background-color: white;
|
||
border-left: solid 4px #fa0;
|
||
margin-left: 160px;
|
||
min-height: 300px;
|
||
padding: 15px;
|
||
position: absolute;
|
||
width: 600px; /* largeur du texte limitée à 600px, supprimer si ça ne convient pas */
|
||
}
|
||
|
||
/*
|
||
* Généralités
|
||
*/
|
||
|
||
/* Liens */
|
||
|
||
a { text-decoration: none; }
|
||
|
||
a:link { color: blue; } /* lien non encore visité */
|
||
|
||
a:visited { color: #2727a3; } /* lien visité */
|
||
|
||
a:hover { text-decoration: underline; } /* lien survolé par le curseur de la souris */
|
||
|
||
/* Hiérarchisation : titres, sous-titres */
|
||
|
||
h1 {
|
||
color: #fa0;
|
||
font: normal 200% "Trebuchet MS" Verdana, sans-serif;
|
||
margin-left: 0;
|
||
margin-right: 0;
|
||
padding-left: 10px;
|
||
}
|
||
|
||
h2 {
|
||
background-color: white;
|
||
font: normal 160% "Trebuchet MS" Verdana, sans-serif;
|
||
margin-left: 0;
|
||
padding-left: 10px;
|
||
}
|
||
|
||
h3 {
|
||
font: bold 140% "Trebuchet MS" Verdana, sans-serif;
|
||
padding-left: 10px;
|
||
}
|
||
|
||
h4 {
|
||
font: bold 120% "Trebuchet MS" Verdana, sans-serif;
|
||
padding-left: 10px;
|
||
}
|
||
|
||
h5 {
|
||
font: italic 110% "Trebuchet MS" Verdana, sans-serif;
|
||
padding-left: 10px;
|
||
}
|
||
|
||
h6 {
|
||
font-variant: small-caps;
|
||
padding-left: 10px;
|
||
}
|
||
|
||
/* Texte */
|
||
|
||
p {
|
||
margin-right: 0;
|
||
padding-left: 10px;
|
||
text-align: justify;
|
||
}
|
||
|
||
blockquote p {
|
||
color: #cd853f;
|
||
font-size: 90%;
|
||
}
|
||
|
||
code {
|
||
font-family: monospace; /* code informatique */
|
||
}
|
||
|
||
/* Images */
|
||
|
||
img {
|
||
border-width: 0; /* pas de bordure sur les images */
|
||
}
|
||
|
||
/* Tableaux */
|
||
|
||
table {
|
||
border: solid 1px;
|
||
border-collapse: collapse;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
}
|
||
|
||
table td, table th {
|
||
border: solid 1px black;
|
||
margin: 0;
|
||
padding: 0.7em;
|
||
}
|
||
|
||
th {
|
||
font-weight: bold;
|
||
}
|
||
|
||
caption {
|
||
font-size: 120%;
|
||
font-weight: bold;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
padding-bottom: 1em;
|
||
}
|
||
|
||
/* Lexiques */
|
||
|
||
dt {
|
||
font-weight: bold;
|
||
padding-bottom: .5em;
|
||
}
|
||
|
||
dd {
|
||
padding-bottom: 1.5em;
|
||
} |