MediaWiki:Common.css
De WikiMetz, l'histoire de Metz, l'encyclopédie de Metz
Révision datée du 18 avril 2020 à 17:38 par Administrateur (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.
/* Le CSS placé ici sera appliqué à tous les habillages. */ .color-left{background:#800103;} .color-right{background: #333;} .color-middle{background: #a2a9b1;} #mw-content-container{border-bottom: solid 4px #800103;} body{background:#222} #mw-footer-container { border-top: solid 1px #2b2626;} #mw-content h1.firstHeading { border-bottom: solid 4px #800103;} .bandeau-article{ display:block; position: relative; background: #f7f7f7; padding: 15px; margin: 10px 20px; -webkit-box-shadow: 0 10px 6px -6px #777; -moz-box-shadow: 0 10px 6px -6px #777; box-shadow: 0 10px 6px -6px #777; border: 1px solid #ececec; border-radius: 4px; font-size: 0.9em; text-align: center; line-height: 0.9em; letter-spacing: -0.4px; } .bandeau-article>strong{ text-align: center; font-size: 1.3em; font-family: fantasy; font-weight: 200; display: block; } .bandeau-article-info>strong{ color: #77ccff; } .bandeau-article-info>.subinfo{ font-size: 11px; font-weight: bold; letter-spacing: -1px; line-height: 3px; } .flag { display: table; width: 100%; } .flag__image, .flag__body { display: table-cell; vertical-align: middle; } .flag--top .flag__image, .flag--top .flag__body { vertical-align: top; } .flag--bottom .flag__image, .flag--bottom .flag__body { vertical-align: bottom; } .flag__image { padding-right: 24px; } .flag__image > img { display: block; max-width: none; } .flag--rev .flag__image { padding-right: 0; padding-left: 24px; } .flag__body { width: 100%; } /** * Notification Styles */ .note { position: relative; overflow: hidden; color: white; background-color: #E91E63; } .note--secondary { background-color: #263238; } .note--success { background-color: #4CAF50; } .note--warning { background-color: #FFC107; } .note--error { background-color: #d50000; } .note--info { background-color: #03A9F4; } .note__icon, .note__text { padding: 24px; } .note__icon { min-width: 80px; text-align: center; font-size: 32px; font-size: 2rem; background-color: rgba(0, 0, 0, 0.25); } .note__text { padding-right: 48px; } .note__close { position: absolute; top: 12px; right: 12px; width: 29px; line-height: 30px; font-size: 24px; text-align: center; color: white; background-color: rgba(0, 0, 0, 0.25); opacity: 0; transition: all 0.25s; } .note__close:hover { background-color: rgba(0, 0, 0, 0.15); } .note:hover .note__close { opacity: 1; }