@media screen { body { margin: 0; padding: 15px; padding-top: 90px; background-color: #f2f2f2; background-image: url("/css/fond1.jpg"); background-position: top right; background-repeat: no-repeat; color: #222; font-family: sans-serif; } em { font-size: 95%; } tt { font-size: 100%; /* border: solid 1px #666; */ background-color: #f4f4f4; padding: 0 5px -0 5px; } h1, h2, h3, h4 { font-family: sans-serif; } h2 { margin-left: -15px; } h3, h4 { margin-left: -10px; } pre { background-color: #f4f4f4; -moz-opacity: 0.75; filter: alpha(opacity=75); opacity: 0.85; } .quote { border-left: solid 1px #999; } /* div.wrapper h2,h3,h4 { display: list-item; position: relative; padding-left: 30px; } div.wrapper h2 { left: 0; list-style-image: url("/css/Typo_FournierLXIX_1b.gif"); } */ /* le titre est positionné de façon absolue au sommet de la page */ .header h1 { margin: 0; /*width: 800px; */ width: 100%; position: absolute; top: 15px; left: 15px; } /* suppression du logo */ a.logo, img.logo { display: none; } /* positionner le header dans une colonne à gauche */ div.header { width: 140px; float: left; } /* les éléments du header sont alignés de haut en bas comme une */ /* liste, mais sans puces */ .header .gotobar.bar a { display: list-item; list-style-type: none; margin: 10px; text-decoration: none; } div.wrapper, div.footer { margin-left: 170px; margin-bottom: 15px; padding: 5px; padding-left: 25px; } div.header, div.wrapper, div.footer, div.error { border: solid 1px #999; background-image: url("/blank.png"); } /* on supprime la ligne de séparation du footer, vu qu'on utilise */ /* à la place une bordure */ .footer hr { display: none; } /* on supprime la gotobar dans le footer */ .footer .gotobar.bar { display: none; } div.wrapper.close { border: none } /* mise en page du journal, réduction de la taille des titres, etc. */ div.page h1 a.local { font-size: xx-large; color: #000; font-weight: bold; text-decoration: none; margin-top: 20px; } .include h1,h2,h3 { font-size: medium; color: #000; font-weight: bold; text-decoration: none; } div.page h1 a.local:hover { background-color: #000; color: #fff; } div.page p, ul, ol { margin-left: 5%; } /* positionnement du lien vers la note de bas de page */ a.footnote { font-size:90%; vertical-align:50%; color: #404040; text-decoration:none; } /* la note de bas de page, en caractères plus petits, séparée par */ /* une ligne */ div.footnotes { font-size: 75%; border-top: solid 1px #999; } /* on cache la ligne de séparation, remplacée par une bordure sup. */ div.footnotes hr { display: none; } strong.description { /* dans les fils rss */ font-weight: normal; color: #222; } a { color: #222; font-weight: bold; } a:visited { color: #888; } a:hover, a.local:hover { background-color: #000; color: #eee; text-decoration: underline; } /* suppression du gras dans la page des changements récents */ div.rc strong { font-weight: normal; } /* surligner en jaune plutôt qu'en gras les résultats de recherche */ div.content.search strong, div.search strong { background-color: #fd0; font-weight: normal; } div.content.search span.info {display: none; } /* le cas des images uploadées dans une page avec la syntaxe */ /* [[image:nom_de_page]] qui deviennent des liens, où j'élimine */ /* les bordures et la couleur de fond au survol. */ a.image, a.image:visited, a.image:hover { border: none; background-color: #fff; color: #fff; } a.image image.upload { border: none; } /* afficher l'icone d'un site en fonction de son url (en test) */ div.content a[href="http://www.oddmuse.org/"]:before { content: url(/css/oddmuse.png); margin-left: 0.2em; margin-right: 0.2em; } div.content a[href="http://www.oddmuse.org/"] { color: red; } .wrapper .toc { color: #000; font-style: italic; } .toc h2{ display: none; } .tagsform { margin-top: 100px; } .tagsform .tag { margin: 15px; float: left; white-space: nowrap; } .tagsform .tag:hover { background-color: #000; color: #fff; } .tagsform .tagbuttons { margin: 15px; clear: left; } /* test pour mettre en valeur le lien de commentaire */ .edit.bar .comment.local { display: list-item; list-style-image: url("/css/Typo_FournierLXIX_1b.gif"); margin-left: 60px; margin-bottom: 20px; } h2 { font-size: 1.2em; } h3 { font-size: 1.1em; } /* les crédits sous forme de lien qui suivent immédiatement une image */ img + a { font-size: smaller; font-style: italic; } img + a:before {content: "(© "} img + a:after {content: ")"} textarea { border: dashed 1px grey; padding: 15px; } } @media print { div.header, div.footer { display: none } a.footnote { font-size:60%; vertical-align:80%; text-decoration:none; } div.footnotes { font-size: 75%; } div.footnotes hr { width: 10%; border: solid 0.2pt black; text-align: left; } .wrapper .toc { display: none; } }