MediaWiki:Global.css
Révision datée du 25 novembre 2022 à 14:35 par Emmanuelle (discussion | contributions)
Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.
- Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
- Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
- Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
- Opera : appuyez sur Ctrl + F5.
/* Ce CSS doit s'appliquer à tous les MédiaWikis de la Farm */ /* CSS personnalisée par Marion Delacroix, 2022 */ .firstHeading { display: none; } /* CSS personnalisée par Thomas Varlet que je copie-colle pour le bon fonctionnement */ /* CSS de la page d'accueil, par Thomas Varlet légèrement adaptée par Marion Delacroix, 2014-2022 */ /*! Propriétés du body */ .body_mp { background-color: #fff; font-family: 'Open Sans'; /*sans-serif;*/ font-size: 16px; min-height: 100%; padding-top: 20px; width: 100%; color:#5a5959; } /*! ================================================================ */ /*! Liens */ .body_mp a { color: #ea560d; text-decoration: none; } .body_mp a:hover, .body_mp a:focus { color: #5a5959; text-decoration: underline; } .body_mp .wiki a { color: #5a5959; font-size: 14px; } .body_mp .btn-orange a:hover { color: #5a5959; } /*! ================================================================ */ /*! Mise en forme des textes et titres */ .body_mp .soustitre { font-size: 18px; } .body_mp h1 { font-family: inherit; color: #ea560d; font-size: 30px; padding-top: 40px; text-align: center; font-weight: 300; border-bottom: 0px; } .body_mp h4 { font-size: 35px; font-weight: 300; color: #ea560d; text-align: left; } .body_mp .wiki { display: block; padding: 0px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } /*! ================================================================ */ /*! Mise en forme des textes et titres pour écrans */ @media (min-width: 768px) { .body_mp h1 { font-family: inherit; color: #ea560d; font-size: 50px; padding-top: 0px; text-align: center; font-weight: 300; border-bottom: 0px; } } /*! Espacements */ .body_mp .spacer3 { padding-top: 20px; padding-bottom: 20px; } /*! ================================================================ */ /*! Espacements pour écrans */ @media (min-width: 768px) { .body_mp .spacer3 { padding-top: 20px; padding-bottom: 20px; } } /*! ================================================================ */ /*! Button */ .body_mp .btn-large { color: #ea560d; background-color: #fff; border-color: #ea560d; border-width: 1px; } .body_mp .btn-orange { background-color: #ea560d; color: #fff; display: inline; padding: .6em .6em .6em .6em; font-size: 90%; line-height: 1; border: 0px solid #ea560d; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: .25em; } .body_mp .btn-gen a { padding: 6px 12px; text-align: center; border: 1px solid rgba(0,0,0,0.2); border-radius: 4px; } /*! ================================================================ */ /*! Images */ .body_mp .cadreimg { display: inline-block; max-width: 100%; height: auto; padding: 10px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .body_mp .bg-blue { background-color: #438bc5; padding: 20px; } .body_mp .bg-green { background-color: #5fb25c; padding: 20px; } /*! ================================================================ */ /* CSS générale par Thomas Varlet, 2014 */ /** * MediaWiki style sheet for general styles on basic content elements * * Styles for basic elements: links, lists, etc... * * This style sheet is used by the Monobook and Vector skins. */ /* Links */ a { text-decoration: none; color: #0645ad; background: none; } a:visited { color: #5a5959; } a:active { color: #faa700; } a:hover, a:focus { text-decoration: underline; } a.stub { color: #772233; } a.new, #p-personal a.new { color: #ba0000; } a.new:visited, #p-personal a.new:visited { color: #a55858; } .liendetails > a { text-decoration: none; color: #fff; background: none; } .liendetails > a:hover { text-decoration: none; color: #5a5959; background: none; } .liendetails > a:visited { text-decoration: none; color: #fff; background: none; } .lienparcours > a { text-decoration: none; color: #fff; background: none; } .lienparcours > a:hover { text-decoration: underline; color: #31B3CE; background: none; } .lienparcours > a:visited { text-decoration: underline; color: #31B3CE; background: none; } /* Interwiki Styling */ .mw-body a.extiw, .mw-body a.extiw:active { color: #36b; } .mw-body a.extiw:visited { color: #636; } .mw-body a.extiw:active { color: #b63; } /* Inline Elements */ img { border: none; vertical-align: middle; } hr { height: 1px; color: #aaa; background-color: #aaa; border: 0; margin: .2em 0; } /* Structural Elements */ h1, h2, h3, h4, h5, h6 { color: black; background: none; font-weight: normal; margin: 0; overflow: hidden; padding-top: .5em; padding-bottom: .17em; border-bottom: 1px solid #aaa; } h1 { font-size: 188%; } h2 { font-size: 150%; } h3, h4, h5, h6 { border-bottom: none; font-weight: bold; } h3 { font-size: 132%; } h4 { font-size: 116%; } h5 { font-size: 108%; } h6 { font-size: 100%; } /* Some space under the headers in the content area */ h1, h2 { margin-bottom: .6em; } h3, h4, h5 { margin-bottom: .3em; } p { margin: .4em 0 .5em 0; line-height: 1.5em; } p img { margin: 0; } ul { line-height: 1.5em; list-style-type: square; margin: .3em 0 0 1.6em; padding: 0; } ol { line-height: 1.5em; margin: .3em 0 0 3.2em; padding: 0; list-style-image: none; } li { margin-bottom: .1em; } dt { font-weight: bold; margin-bottom: .1em; } dl { margin-top: .2em; margin-bottom: .5em; } dd { line-height: 1.5em; margin-left: 1.6em; margin-bottom: .1em; } /* IE 6 and 7 lack support for quotes aroud the <q> element ('::before' and '::after' pseudoelements, 'quotes' property). Let's italicize it instead (using the star hack). */ q { *font-style: italic; } pre, code, tt, kbd, samp, .mw-code { /* * Some browsers will render the monospace text too small, namely Firefox, Chrome and Safari. * Specifying any valid, second value will trigger correct behavior without forcing a different font. */ font-family: monospace, Courier; } code { background-color: #f9f9f9; } pre, .mw-code { padding: 1em; border: 1px solid #ddd; color: black; background-color: #f9f9f9; } /* Tables */ table { font-size: 100%; } /* Forms */ fieldset { border: 1px solid #2f6fab; margin: 1em 0 1em 0; padding: 0 1em 1em; line-height: 1.5em; } fieldset.nested { margin: 0 0 0.5em 0; padding: 0 0.5em 0.5em; } legend { padding: .5em; font-size: 95%; } form { border: none; margin: 0; } textarea { width: 100%; padding: .1em; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } select { vertical-align: top; } /* Emulate Center */ .center { width: 100%; text-align: center; } *.center * { margin-left: auto; margin-right: auto; } /* Small for tables and similar */ .small { font-size: 94%; } table.small { font-size: 100%; } /* Images et videos */ .cadrevideo { display: inline-block; max-width: 100%; height: auto; padding: 10px; line-height: 1.42857143; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .cadreimg { display: inline-block; max-width: 100%; height: auto; padding: 10px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .liendetails { width: 120px; } .commentaires { border: 1px solid #ddd; background-color: #f9f9f9; font-family: Courier; font-size: inherit; line-height: 1.3em; padding: 1em; width: 80%; } .commentairesplus { border-left: 5px solid #428bca; background-color: #eeeeee; font-family: inherit; font-size: inherit; line-height: 1.3em; padding: 1em; width: 80%; } .entetehome1 { font-size: 105%; padding: 0.4em; background-color: #428bca; color: #fff; text-align: center; } .entetehome2 { font-size: 105%; padding: 0.4em; background-color: #428bca; color: #fff; text-align: center; } .entetehome3 { font-size: 105%; padding: 0.4em; background-color: #428bca; color: #fff; text-align: center; } .entetehome4 { font-size: 105%; padding: 0.4em; background-color: #428bca; color: #fff; text-align: center; } .entetehome5 { font-size: 105%; padding: 0.4em; background-color: #428bca; color: #fff; text-align: center; } .entetehome6 { font-size: 105%; padding: 0.4em; background-color: #5CB85C; color: #fff; text-align: center; } .entetehome7 { font-size: 105%; padding: 0.4em; background-color: #428bca; color: #fff; text-align: center; } .titreboussole{ font-size: 23px; padding-top: 30px; padding-bottom: 20px; color: #f0ad4e; text-align: left; font-weight: bold; } .titrehome { font-size: 18px; padding-top: 20px; color: #000; text-align: center; font-weight: bold; } .soustitrehome { font-size: 18px; color: #fff; text-align: left; font-weight: bold; } .boussolehome { border: 1px solid #aaaaaa; padding: 0.4em; background-color: #fff; color: #000; text-align: center; } .etiquettehome { background-color: #f0ad4e; color: #fff; display: inline; padding: .2em .6em .3em; font-size: 90%; font-weight: bold; line-height: 1; border: 0px solid #ea560d; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0px; } .etiquetteexpert { background-color: #5cb85c; color: #fff; display: inline; padding: .2em .6em .3em; font-size: 70%; font-weight: bold; line-height: 1; border: 0px solid #5cb85c; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 0px; } .btnhome { background-color: #fff; color:#333; display: inline; padding: .6em .6em .6em .6em; font-size: 100%; line-height: 1; border: 1px solid #ccc; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: .25em; } .btnhome:hover, .btnhome:focus, .btnhome:active, .btnhome.active { color: #333; background-color: #ebebeb; border-color: #adadad; } .btnhome > a { text-decoration: none; color: #333; background: none; } .btnhome > a:hover { text-decoration: none; color: #333; background: none; } .btnhome > a:visited { text-decoration: none; color: #333; background: none; } .btnretour { background-color: #428bca; color:#fff; display: inline; padding: .6em .6em .6em .6em; font-size: 100%; line-height: 1; border: 1px solid #357ebd; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: .25em; } .btnretour:hover, .btnretour:focus, .btnretour:active, .btnretour.active { color: #fff; background-color: #3276b1; border-color: #285e8e; } .btnretour > a { text-decoration: none; color: #fff; background: none; } .btnretour > a:hover { text-decoration: none; color: #fff; background: none; } .btnretour > a:visited { text-decoration: none; color: #fff; background: none; } .chiffres { font-family: inherit; font-size: 25px; color: red; font-weight: bold; padding: 5px; } .chiffresverts { font-family: inherit; font-size: 25px; color: green; font-weight: bold; padding: 5px; } .chiffresbleus { font-family: inherit; font-size: 25px; color: blue; font-weight: bold; padding: 5px; } .chiffresgris { font-family: inherit; font-size: 25px; color: #c0c0c0; font-weight: bold; padding: 5px; } .goog-te-gadget {float: left; margin-left: -30px;} .goog-te-combo {display: inline-block;} .goog-te-banner-frame.skiptranslate {display: none;} body {top: 0px;} .goog-tooltip {display: none;} .goog-tooltip:hover {display: none;} .goog-text-highlight { background-color: transparent; border: none; box-shadow: none; } .goog-te-gadget {font-size: 0px; } .goog-te-gadget img {display: none} .goog-logo-link {display: none;}