172 lines
2.7 KiB
CSS
172 lines
2.7 KiB
CSS
/******************************************/
|
||
/* Feuille de style pour le thème "Océan" */
|
||
/* Fichier dans le domaine public */
|
||
/******************************************/
|
||
|
||
#theme {
|
||
color: #333333;
|
||
font-family: Verdana, Charcoal, Geneva, "Luxi Sans", sans-serif;
|
||
font-size: 12px;
|
||
margin-top: 0;
|
||
margin-left: 0;
|
||
}
|
||
|
||
#tout {
|
||
background-color: #1e1e7f;
|
||
}
|
||
|
||
/***********************/
|
||
/* Barre de navigation */
|
||
/***********************/
|
||
|
||
#nav {
|
||
background-color: #1e1e7f;
|
||
float: left;
|
||
height: 100%;
|
||
padding: 25px 10px 0 0;
|
||
width: 150px;
|
||
}
|
||
|
||
#nav ul {
|
||
background-color: #1e1e7f;
|
||
list-style-type: none;
|
||
padding-left: 1em;
|
||
}
|
||
|
||
#nav li {
|
||
background-color: #55ccbb;
|
||
font-weight: bold;
|
||
margin-bottom: .5em;
|
||
padding: 0 0 0 .5em;
|
||
}
|
||
|
||
#nav a:link { color: black; }
|
||
|
||
#nav a:visited { color: #343536; }
|
||
|
||
#nav a.actif { color: white; }
|
||
|
||
/******************/
|
||
/* Corps du texte */
|
||
/******************/
|
||
|
||
#corps {
|
||
background-color: white;
|
||
border-left: solid 5px #55ccbb;
|
||
margin-left: 160px;
|
||
min-height: 300px;
|
||
padding: 15px;
|
||
width: 600px;
|
||
}
|
||
|
||
/**************/
|
||
/* 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: #1e1e7f;
|
||
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: #1e1e7f;
|
||
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;
|
||
}
|