User:Mathieu/monobook.css: Difference between revisions
From Event-B
Jump to navigationJump to search
imported>Mathieu m New page: →supprimer les soulignements des sous-titres: h3, h4, h5, h6 {border-bottom: 0} →Doubler les onglets en bas de page, seulement à l'écran: @media print { #mytabs { display: none}... |
imported>Mathieu mNo edit summary |
||
Line 98: | Line 98: | ||
} | } | ||
*/ | */ | ||
/* 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; | |||
} | |||
#content { | |||
-moz-border-radius-topleft: 1em; | |||
-moz-border-radius-bottomleft: 1em; | |||
} | |||
div.pBody { | |||
-moz-border-radius-topright: 1em; | |||
-moz-border-radius-bottomright: 1em; | |||
} | |||
/* Arrondir quelques boutons */ | |||
#wpSave, #wpSave:hover {-moz-border-radius: 1em} | |||
#wpPreview, #wpPreview:hover {-moz-border-radius: 1em} | |||
.searchButton, .searchButton:hover {-moz-border-radius: 1em} | |||
/* coins arrondis pour les vignettes + effet de relief */ | |||
div.thumb div { | |||
border: 1px solid #999; | |||
border-right: 2px solid #999; | |||
border-bottom: 2px solid #999; | |||
-moz-border-radius: 0.6em | |||
} | |||
/* coins arrondis pour les zones de texte préformaté */ | |||
pre {-moz-border-radius: 0.6em} | |||
/* coins arrondis pour les tables */ | |||
table {-moz-border-radius: 0.6em} |
Latest revision as of 12:41, 25 September 2008
/* supprimer les soulignements des sous-titres */ h3, h4, h5, h6 {border-bottom: 0} /* Doubler les onglets en bas de page, seulement à l'écran */ @media print { #mytabs { display: none} } @media screen { #mytabs { margin: -0.3em 0 0 11.5em; white-space:nowrap; line-height: 1.1em; overflow: visible; border-collapse: collapse; padding: 0 0 0 1em; list-style: none; font-size: 95%; } #mytabs .hiddenStructure { display: none; } #mytabs li { display: inline; border: 1px solid #aaaaaa; border-top: none; padding: 0.1em 0 0 0; margin: 0 0.3em 0 0; overflow: visible; background: White; } #mytabs li.selected { border-color: #fabd23; padding: 0.2em 0 0 0; } #mytabs li a { background-color: White; color: #005189; border: none; padding: 0.3em 0.8em 0 0.8em; text-decoration: none; text-transform: lowercase; position: relative; margin: 0; } #mytabs li.selected a { z-index: 3; } #mytabs .new a { color:#ba0000; } #mytabs li a:hover { z-index: 3; text-decoration: none; } #mytabs h5 { display: none; } #mytabs li.istalk { margin-right: 0; } #mytabs li.istalk a { padding-right: 0.5em; } #mytabs-ca-addsection a { padding-left: 0.4em; padding-right: 0.4em; } } /* offsets to distinguish the tab groups */ li#mytabs-ca-talk { margin-right: 1.6em; } li#mytabs-ca-watch { margin-left: 1.6em; } /* comment out if bottom tabs should be rounded as well in moz */ /* utile aux seuls utilisateurs des divers Mozilla */ #mytabs li, #mytabs li a { -moz-border-radius-bottomleft: 1em; -moz-border-radius-bottomright: 1em; } /* Rendre plus discret le lien "modifier" */ .editsection {font-size: 0.8em; color: gray} .editsection a {color: gray; margin: 0.5em} /* ** placer toutes les règles d'impression dans un bloc d'impression @media. */ /* économiser du papier en employant de toutes petites polices */ @media print { #footer, #content, body { font-size: 8pt !important; } h1 { font-size: 17pt } h2 { font-size: 14pt } h3 { font-size: 11pt } h4 { font-size: 9pt } h5 { font-size: 8pt } h6 { font-size: 8pt; font-weight: normal; } } /* niveau avancé: il est possible d'utiliser :before et :after pour imprimer le href complet arpès le lien (pas nécessaire avec la version actuelle) : */ /* @media print { #content a:link:after, #content a:visited:after { content: " ( " attr(href) " ) "; } } */ /* 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; } #content { -moz-border-radius-topleft: 1em; -moz-border-radius-bottomleft: 1em; } div.pBody { -moz-border-radius-topright: 1em; -moz-border-radius-bottomright: 1em; } /* Arrondir quelques boutons */ #wpSave, #wpSave:hover {-moz-border-radius: 1em} #wpPreview, #wpPreview:hover {-moz-border-radius: 1em} .searchButton, .searchButton:hover {-moz-border-radius: 1em} /* coins arrondis pour les vignettes + effet de relief */ div.thumb div { border: 1px solid #999; border-right: 2px solid #999; border-bottom: 2px solid #999; -moz-border-radius: 0.6em } /* coins arrondis pour les zones de texte préformaté */ pre {-moz-border-radius: 0.6em} /* coins arrondis pour les tables */ table {-moz-border-radius: 0.6em}