MediaWiki:Monobook.css
De Lgmaths.
Version du 3 juillet 2010 à 13:31 par David.greau (discuter | contributions)
Note : après avoir enregistré vos préférences, vous devrez forcer le rechargement complet du cache de votre navigateur pour voir les changements. Mozilla / Firefox / Konqueror / Safari : maintenez la touche Majuscule (Shift) en cliquant sur le bouton Actualiser (Reload) ou pressez Maj-Ctrl-R (Maj-Cmd-R sur Apple Mac) ; Internet Explorer / Opera : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.
/* la barre d'outils personnelle */
#p-personal {
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
#p-personal {
width: 100%; /* largeur en pourcentage sur la droite */
white-space: nowrap;
padding: 0;
margin: 0;
border: none; /* épaisseur, style et couleur de la bordure */
background: none; /* couleur de fond */
overflow: visible;
line-height: 1.2em;
}
#p-personal h5 {
display: none; /* si "inline" au lieu de "none", */
} /* les 30 lignes suivantes sont appliquées */
#p-personal .portlet, /* et les 15 précédentes oubliées */
#p-personal .pBody {
z-index: 0;
padding: 0;
margin: 0;
border: none; /* épaisseur, style et couleur de la bordure */
overflow: visible;
background: none; /* couleur de fond */
}
#p-personal ul {
border: none; /* épaisseur, style et couleur de la bordure */
line-height: 1.4em;
color: #2F6FAB;
padding: 0 2em 0 3em; /* emplacement */
margin: 0;
text-align: right; /* alignement */
list-style: none;
z-index: 0;
background: none; /* couleur de fond */
cursor: default;
}
#p-personal li { /* pour chaque lien de la barre d'outil */
z-index: 0;
border: none; /* épaisseur, style et couleur de la bordure */
padding: 0;
display: inline;
color: #2f6fab;
margin-left: 1em;
line-height: 1.2em;
background: none; /* couleur de fond */
}
#p-personal li a { /* pour les liens de la barre d'outil */
text-decoration: none;
color: #005896; /* couleur du texte */
padding-bottom: .2em;
background: none; /* couleur de fond */
}
#p-personal li a:hover { /* pour les liens survolés de la barre d'outil */
background-color: white; /* couleur de fond */
padding-bottom: .2em;
text-decoration: none;
}
#p-personal li.active a:hover {
background-color: transparent;
}
li#pt-userpage,
li#pt-anonuserpage,
li#pt-login { /* logo "utilisateur" */
background: url(user.gif) top left no-repeat;
padding-left: 20px; /* espace logo - nom utilisateur */
text-transform: none;
}
#p-personal ul {
text-transform: lowercase;
}
#p-personal li.active {
font-weight: bold; /* gras ou non du lien sélectionné */
}
les onglets
/*les onglets */
#p-cactions {
position: absolute;
top: 1.3em; /* taille de la hauteur des onglets */
left: 11.5em; /* point de départ des onglets sur la gauche */
margin: 0; /* taille de la marge */
white-space: nowrap;
width: 76%;
line-height: 1.1em;
overflow: visible;
background: none; /* couleur de fond de la barre des onglets */
border-collapse: collapse;
padding-left: 1em; /* taille de la marge sur la gauche de l'article */
list-style: none;
font-size: 95%; /* taille de la police */
}
#p-cactions ul {
list-style: none;
}
#p-cactions li {
display: inline; /* si "none" au lieu de "inline", plus d'onglets */
border: 1px solid #aaa; /* épaisseur, style et couleur de la bodure */
border-bottom: none;
padding: 0 0 .1em 0;
margin: 0 .3em 0 0;
overflow: visible;
background: white;
}
#p-cactions li.selected { /* caractéristiques de l'onglet sélectionné */
border-color: #fabd23; /* couleur de la bordure */
padding: 0 0 .2em 0;
font-weight: bold; /* gras ou non du texte de l'onglet */
}
#p-cactions li a { /* caractéristiques des onglets non-sélectionnés */
background-color: #fbfbfb; /* couleur de fond */
color: #002bb8; /* couleur du texte */
border: none; /* épaisseur, style et couleur de la bordure */
padding: 0 .8em .3em; /* largeur des onglets */
position: relative;
z-index: 0;
margin: 0;
text-decoration: none;
}
#p-cactions li.selected a {
z-index: 3;
padding: 0 1em .2em!important;
background-color: white; /* couleur de fond de l'onglet sélectionné */
}
#p-cactions .new a {
color: #ba0000;
}
#p-cactions li a:hover {
z-index: 3;
text-decoration: none;
background-color: white; /* couleur de fond de l'onglet survolé */
}
#p-cactions h5 {
display: none; /* si "inline" au lieu de "none", les onglets descendent */
}
#p-cactions li.istalk {
margin-right: 0;
}
#p-cactions li.istalk a {
padding-right: .5em;
}
#p-cactions #ca-addsection a {
padding-left: .4em;
padding-right: .4em;
}
li#ca-talk {
margin-right: 1.6em; /* espace entre "discussion" et "modifier" */
}
li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
margin-left: 1.6em; /* espace entre "renommer" et suivre" */
}
#p-cactions .pBody {
font-size: 1em; /* taille de la police des onglets : ne pas toucher */
background-color: transparent; /* couleur de fond des onglets */
color: inherit;
border-collapse: inherit;
border: 0; /* taille de la bordure du cadre regroupant tous les onglets */
padding: 0; /* décalage de tous les onglets vers la droite */
#globalWrapper {
font-size: 140%; /* espace entre le cadre principal et le menu */
width: 100%; /* pourcentage d'occupation du cadre sur la droite */
margin: 0;
padding: 0;
}
/* supprime l'icône à côté du nom d'utilisateur */
li#pt-userpage { background: none }
/* arrondir quelques coins, seulement possible avec mozilla/firefox/et autres navigateurs spéciaux */
#p-cactions ul li, #p-cactions ul li a {
-moz-border-radius-topleft: 1em;
-moz-border-radius-topright: 1em;
}
div.pBody {
-moz-border-radius-topright: 1em;
-moz-border-radius-bottomright: 1em;
}
}
/* css Zen Garden default style v1.02 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/ */
/* This file based on 'Tranquille' by Dave Shea */
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */
/* Your images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */
/* basic elements */
html {
margin: 0;
padding: 0;
}
body {
font: 75% georgia, sans-serif;
line-height: 1.88889;
color: black;
background: #fff url(blossoms.jpg) no-repeat bottom right;
margin: 0;
padding: 0;
}
p {
margin-top: 0;
text-align: justify;
}
h3 {
font: italic normal 1.4em georgia, sans-serif;
letter-spacing: 1px;
margin-bottom: 0;
color: #7D775C;
}
a:link {
font-weight: bold;
text-decoration: none;
color: black;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: black;
}
a:hover, a:active {
text-decoration: underline;
color: #9685BA;
}
acronym {
border-bottom: none;
}
/* specific divs */
#container {
background: url(zen-bg.jpg) no-repeat top left;
padding: 0 175px 0 110px;
margin: 0;
position: relative;
}
#intro {
min-width: 470px;
}
/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 {
background: transparent url(h1.gif) no-repeat top left;
margin-top: 10px;
width: 219px;
height: 87px;
float: left;
}
#pageHeader h1 span {
display:none
}
#pageHeader h2 {
background: transparent url(h2.gif) no-repeat top left;
margin-top: 58px;
margin-bottom: 40px;
width: 200px;
height: 18px;
float: right;
}
#pageHeader h2 span {
display:none
}
#pageHeader {
padding-top: 20px;
}
#quickSummary {
clear:both;
margin: 20px 20px 20px 10px;
width: 160px;
float: left;
}
#quickSummary p {
font: italic 10pt/22pt georgia;
text-align:center;
}
#preamble {
clear: right;
padding: 0px 10px 0 10px;
}
#supportingText {
padding-left: 10px;
margin-bottom: 40px;
}
#footer {
text-align: center;
}
#footer a:link, #footer a:visited {
margin-right: 20px;
}
#linkList {
margin-left: 600px;
position: absolute;
top: 0;
right: 0;
}
#linkList2 {
font: 10px verdana, sans-serif;
background: transparent url(paper-bg.jpg) top left repeat-y;
padding: 10px;
margin-top: 150px;
width: 130px;
}
#linkList h3.select {
background: transparent url(h3.gif) no-repeat top left;
margin: 10px 0 5px 0;
width: 97px;
height: 16px;
}
#linkList h3.select span {
display:none
}
#linkList h3.favorites {
background: transparent url(h4.gif) no-repeat top left;
margin: 25px 0 5px 0;
width: 60px;
height: 18px;
}
#linkList h3.favorites span {
display:none
}
#linkList h3.archives {
background: transparent url(h5.gif) no-repeat top left;
margin: 25px 0 5px 0;
width:57px;
height: 14px;
}
#linkList h3.archives span {
display:none
}
#linkList h3.resources {
background: transparent url(h6.gif) no-repeat top left;
margin: 25px 0 5px 0;
width:63px;
height: 10px;
}
#linkList h3.resources span {
display:none
}
#linkList ul {
margin: 0;
padding: 0;
}
#linkList li {
line-height: 2.5ex;
background: transparent url(cr1.gif) no-repeat top center;
display: block;
padding-top: 5px;
margin-bottom: 5px;
list-style-type: none;
}
#linkList li a:link {
color: black;
}
#linkList li a:visited {
color: black;
}
#extraDiv1 {
background: transparent url(cr2.gif) top left no-repeat;
position: absolute;
top: 40px;
right: 0;
width: 148px;
height: 110px;
}
.accesskey {
text-decoration: underline;
}
