MediaWiki:Timeless.css

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).
•  Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.

/*colors: red: #dd002b blue: #192984 purple: #791079 tarmac1: #aaaa9b tarmac2: #9d9b8c yellow: #dddd2f sidebar header:#fffbe6 pre: #d7c6dd44 */
/*colors: brown: #847263 green: #64B482 light green: #C1D9B6 white:#E5EDE8 yellow: #ECE6A1 sidebar header:#fffbe6 pre: #d7c6dd44 dark green:#2F6744*/

@media screen and (max-width:850px) {
.sidebar-inner, .dropdown {background: #000000!important;border: 3px solid #FFFFFF;}
.sidebar-inner h3, .dropdown h3 {color:#FFFFFF; text-transform:capitalize;}
}
.sidebar-inner, .dropdown li a {color:#FFFFFF;}
.sidebar-inner, .dropdown li a:hover {color:#FFFFFF;}
.sidebar-inner, .dropdown li a:visited {color:#FFFFFF;}

/* Navbar */
#p-logo-text a {font-variant: none; color: #000000; font-family:sans-serif;}
#mw-header-container {background:#2F6744DD;}
.color-middle, .color-left, .color-right {background: #dddd2f;}

@media screen and (max-width: 550px) {#p-logo-text {position: absolute;top: 1rem;}}

@media screen and (min-width:851px) {#personal h2 {color:#dddd2f; background-image:none; font-family:"Quantico",sans-serif!important;}}
@media screen and (min-width:851px) {#personal .dropdown {border: 3px solid #dddd2f; background:#2F6744DD;}}
@media screen and (min-width:851px) {#personal .dropdown h3 {color:#dddd2f;}}
@media screen and (min-width:851px) {#personal .dropdown .mw-portlet-body {margin-bottom:5px;}
@media screen and (min-width:851px) {#personal .dropdown li a {color:#dddd2f;}

/* Sidebar */
.mw-wiki-logo {background-size: contain; background:none;}

@media screen and (min-width: 1340px) {
#mw-content-block {display: grid;}
#mw-content {margin-left: 14em;}
#mw-content-wrapper {grid-row-start: 1; grid-row-end: 99; grid-column: 1; order: unset;}
#mw-site-navigation {grid-row: 1;grid-column: 1;order: unset;}
#mw-related-navigation {grid-row: 2;grid-column: 1;width: 14em;padding: 0 1em 0 0;order: unset;}
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {background: none;border: none;margin: 0;padding-top: 0;}
#mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body {margin-bottom: 5px;}
#mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body li a {color:#0745ad!important;font-family:"Quantico",sans-serif;}
#mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body li a:visited {color:#0745ad!important;font-family:"Quantico",sans-serif;}
#mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body li a:hover {color:#0745ad!important;font-family:"Quantico",sans-serif;}
#mw-site-navigation .sidebar-chunk ul, #mw-site-navigation .sidebar-chunk li a {color:#0745ad!important;font-family:"Quantico",sans-serif;}
#mw-site-navigation .sidebar-chunk ul, #mw-site-navigation .sidebar-chunk li a:visited {color:#0745ad!important;font-family:"Quantico",sans-serif;}
}

@media screen and (min-width: 1100px) and (max-width: 1339px) {
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {background:none; border:none; box-shadow:none;}
#mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body {margin-bottom: 5px;}
}

@media screen and (min-width: 851px) and (max-width: 1099px) {
#mw-site-navigation h2, #mw-related-navigation h2 {font-family: sans-serif;padding: 0 .25rem;}
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {padding-top: 0!important;margin-top: .4rem;}
#mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body {margin-bottom: 0;}
#mw-site-navigation h2, #mw-related-navigation h2 {padding: 2rem 0;position: relative;bottom: 3.25em;}
#mw-site-navigation .sidebar-inner, #mw-related-navigation .sidebar-inner {background-color:#2F6744DD; border:solid 3px #dddd2f;}
#mw-header-nav-hack {background-color:#2F6744DD; color:#dddd2f; border-top:none;font-family:"Quantico",sans-serif;margin-top:.4em}
#mw-site-navigation h2, #mw-related-navigation h2 {color:#dddd2f;font-family:"Quantico",sans-serif;}
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {color:#000;}
}

@media screen and (max-width: 850px) {
.sidebar-inner {background: #000000!important;border: 3px solid #dddd2f;}
.sidebar-inner, .dropdown {background: #000000!important;border: 3px solid #dddd2f;}
.sidebar-inner h3, .dropdown h3 {color:#FFFFFF;}
.sidebar-inner .mw-portlet-body, .dropdown .mw-portlet-body, .sidebar-inner ul, .dropdown ul {margin: 0;}
}

#mw-site-navigation .sidebar-chunk .mw-portlet > div, #mw-related-navigation .sidebar-chunk .mw-portlet > div, #mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body {margin-bottom:1px;}

.sidebar-inner .mw-portlet {background-color: #E5EDE8; margin-bottom: 5px; border: 3px solid #dddd2f; font-family:"Quantico",sans-serif;}

#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {background: none;border: none;text-align: center; margin: 0;text-transform: capitalize;color: #000000;font-weight: 500; font-family:"Quantico",sans-serif;}
#mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body {padding: 5px;}
.ns-8 #p-cactions li, .ns-8 #p-cactions li a {background:none !important;}

/* Content */
#mw-content {margin-top: 1em;border: 3px solid #dddd2f; background-color:#E5EDE8; color:#000000}
#p-namespaces li a {color:#000000}
.mw-body h1.firstHeading {border-color:#010001!important; border-width:2px; border-bottom-style:solid;}
.mw-body h1.firstHeading {border-top: 0; border-left: 0; border-right: 0;}
.tools-inline li.selected {border:solid 2px #dddd2f; font-weight: bold; font-family:"Quantico",sans-serif;}
.tools-inline li.selected {border-top: 0; border-left: 0; border-right: 0;}
.tools-inline li:hover {border:solid 2px #dddd2f44; font-weight: bold; font-family:"Quantico",sans-serif;}
.tools-inline li:hover {border-top: 0; border-left: 0; border-right: 0;}
#mw-portlet-body li a {color:#000000; font-weight: bold;}
.new.mw-list-item {font-family:"Quantico",sans-serif;}
#p-views li a {color:#000000; font-weight: bold;font-family:"Quantico",sans-serif;}

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {font-family:sans-serif;border-color:#010001!important; border-width:2px; border-bottom-style:solid;}
.mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {border-color:#010001!important; border-width:2px; border-bottom-style:solid;}

.mw-body .toctitle {border: none;}
.mw-toc-heading h2 {font-family:"Quantico",sans-serif;}
.toc ul {padding: 0 10px; border:none;}
@media screen and (min-width:851px) #toc ul a {color:#000000;}
@media screen and (min-width:851px) #toc ul a {color:#000000;}
.toctitle {padding: 5px; border-radius: 5px 5px 0 0; text-align: center;font-family:"Quantico",sans-serif;}
ul#filetoc, .toc, .toccolours {padding: 5px; border:none; background:none;}
div#toc.toc {background-color:#d7c6dd97; border:2px solid #0a0a0a;}

@media screen and (min-width: 851px) and (max-width: 1099px) {
#mw-content {margin-top: 7.5em;}
}

.ns-8 #content {background-color:#E5EDE8;}
.ns-4 #content, .ns-4 #p-cactions li, .ns-4 #p-cactions li a {background-color:#E5EDE8;}

body, #mw-content-container {background-color:#2F6744;}
#mw-content-container {background:none;}

#localNotice {background: none;border: none;}

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt, #siteSub, #p-logo-text a, #personal h2 {font-family: sans-serif;}

.mw-body h1.firstHeading {margin: 0;border-color: #c4d8f3;}

#bodyContentOuter {margin-top: 10px;}

/* Mobile view specifically */
@media screen and (max-width:850px) {
.mw-body {background-color:#E5EDE8; font-family:sans-serif;}
div.mw-highlight {background-color:#d7c6dd44;}
@media screen and (max-width:850px)
#mw-data-after-content, .mw-footer {background-color:#2F6744;}
#mw-content {background-color:#E5EDE8; box-shadow:0; border:none;}
}
/* Footer */
.mw-footer-container {background: #2F6744;color: #dddd2f;border: none;box-shadow: none;}
.mw-footer-container a {color: #dddd2f!important;}

#mw-content-container {border-bottom: solid 3px #F8F000;}

@media screen and (max-width: 850px) {
#mw-data-after-content, .mw-footer {display: grid;text-align: center;}
#footer-icons {display: flex; }
.mw-footer-container {padding: 1px; border-top: none; box-shadow: 0;}
#catlinks ul {display: list-item;}
}

@media screen and (min-width: 851px) and (max-width: 1099px) {
#mw-footer {padding: 1px 2em;}
}

@media screen and (min-width:851px){
.ts-inner {padding:none;}}
.ts-inner {padding:none;}
.mw-footer ul, .mw-footer li {margin:0; padding:5px;}
@media screen {.mw-footer ul, .mw-footer li {margin:0;}}
.footer-places {margin:none;}

#catlinks:not(:empty) {display:block; background:#9d9b8c; color:#000000; margin:10px 0 0 14em; padding: 10px; border:3px solid #dddd2f;}

@media screen and (max-width: 1099px) {#catlinks {margin: 10px 0!important;}}

/* Other */
.mw-message-box-warning {background-color:#9d9b8c; color:#000000; border: 3px solid #dddd2f;}
pre {background-color:#d7c6dd97; border-color:#0a0a0a; border-style-top:solid; border-width:2px;}
div.thumbinner {background-color:#d7c6dd97; border-color:#0a0a0a; border-style-top:solid; border-width:2px;}
code {background-color:#d7c6dd97; border-color:#0a0a0a; border-style-top:solid; border-width:2px;}
li.gallerybox div.thumb {background-color:#d7c6dd97; border-color:#0a0a0a; border-style-top:solid; border-width:2px;}
.mw-body li.gallerybox div.thumb {background-color:#d7c6dd97; border-color:#0a0a0a; border-style-top:solid; border-width:2px;}

/*colors: red: #dd002b blue: #192984 purple: #791079 tarmac1: #aaaa9b tarmac2: #9d9b8c yellow: #dddd2f sidebar header:#fffbe6 pre: #d7c6dd44 */
/*colors: brown: #847263 green: #64B482 light green: #C1D9B6 white:#E5EDE8 yellow: #ECE6A1 sidebar header:#fffbe6 pre: #d7c6dd44 dark green:#2F6744*/