MediaWiki:Chameleon.css
Note : après avoir enregistré vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.
#pt-userpage, #pt-notifications-alert, #pt-notifications-notice, #pt-mytalk {
display: none;
}
.medvalid-header {
background: #282864;
}
.medvalid-header-row1, .medvalid-header-row2 {
flex-grow: 1;
}
#p-personal {
height: 100%;
}
#p-personal .p-personal-tools, .p-personal .p-personal-tools {
margin: 0 -15px;
height: 100%;
align-items: center;
}
#p-personal .p-personal-tools > #pt-logout, .p-personal .p-personal-tools > #pt-logout {
margin-left: auto;
margin-right: 0;
padding: 0rem 0.5rem;
background: #8bbc06;
height: 100%;
display: flex;
align-items: center;
}
.medvalid-searchbar {
position: absolute;
visibility: hidden;
}
.pagetools {
height: 100%;
}
.pagetools .tab-group {
height: 100%;
align-items: center;
}
#p-namespaces {
margin-right: auto;
}
.p-navbar {
padding: 0.25rem 0.5rem;
font-size: 0.75rem;
}
.navbar-light .navbar-nav .nav-link, .p-navbar .navbar-nav .nav-link, .navbar-light .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .navbar-light .navbar-nav .navbar-tool > a, .p-navbar .navbar-nav .navbar-tool > a {
color: #282864 !important;
padding-right: 0 !important;
}
.navbar-light .navbar-nav .nav-link:hover, .p-navbar .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:hover, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:hover, .p-navbar .navbar-nav .navbar-tool > a:hover, .navbar-light .navbar-nav .nav-link:focus, .p-navbar .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:focus, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:focus, .p-navbar .navbar-nav .navbar-tool > a:focus {
color: #003977;
font-weight: 700;
}
#mw-navigation .dropdown-item:hover, .p-navbar .navbar-nav .dropdown-menu > div > a:last-child:first-child:hover, #mw-nagigation .dropdown-item:focus, .p-navbar .navbar-nav .dropdown-menu > div > a:last-child:first-child:focus {
color: #003977;
font-weight: 700;
text-decoration: none;
background: none;
}
.medvalid-header .ml-auto {
display: flex;
flex-direction: column;
justify-content: center;
}
#p-personal .p-personal-tools a, .p-personal .p-personal-tools a {
color: #FFFFFF;
font-family: 'Inter var', sans-serif;
font-weight: 700;
}
#p-personal .p-personal-tools a:hover, .p-personal .p-personal-tools a:hover {
color: #FFFFFF;
}
#p-contentnavigation a, .page-tools a {
color: #FFFFFF;
font-family: 'Inter var', sans-serif;
font-weight: 500;
}
.medvalid-header-row1 {
border-bottom: solid white 1px;
}
.medvalid-header-row1 li {
margin-bottom: 0;
}
.medvalid-sidebar {
flex-grow: 0;
padding: 0;
background: #e6e7e8;
}
.p-navbar {
background-color: #e6e7e8;
}
.navbar-nav {
flex-direction: column !important;
}
#mw-navigation .dropdown-menu{
display: block !important;
position: relative !important;
transform: none;
background: none;
box-shadow: none;
border: none;
padding: 0;
margin: 0;
font-size: 0.75rem;
}
#mw-navigation .dropdown-menu a{
padding-left: 1rem;
}
#mw-navigation .dropdown-toggle {
pointer-events: none;
text-decoration: underline;
font-weight: 700;
}
.medvalid-header-row1 a:before, .medvalid-header-row2 a:before {
content:none;
}
#mw-navigation .dropdown-toggle:after {
content:none;
}
#mw-navigation .nav-link:before {
content:none;
}
/* Article */
.medvalid-maincontent {
padding: 0;
}
#content{
display: flex;
flex-direction: column;
padding: 0;
background: white;
margin-bottom: 0;
}
.contentHeader {
text-align: center;
background: #0b7fdd;
}
#firstHeading {
color: white;
margin: 2rem;
padding: 0;
border-bottom: none;
}
.mw-parser-output > p, .mw-parser-output > blockquote > p, .mw-parser-output > .noprint{
padding: 0.5rem 4rem;
overflow: auto;
}
.mw-parser-output > h2{
background: #282864;
color: #FFFFFF;
padding: 0.5rem 4rem;
margin: 0;
}
.mw-parser-output > h2 .mw-editsection, .mw-parser-output > h3 .mw-editsection, .mw-parser-output > h4 .mw-editsection{
display: none;
}
.mw-parser-output > h3{
background: #cccccc;
color: #282864;
padding: 0.5rem 4rem;
font-style: normal;
text-decoration: none;
margin-bottom: 0;
}
.mw-parser-output > h4{
background: #eeeeee;
color: #282864;
padding: 0.5rem 4rem;
font-style: normal;
text-decoration: none;
margin-bottom: 0;
}
.mw-parser-output > table:not(.mw-capiunto-infobox), .mw-parser-output > .video-iframe{
margin: 0.5rem 4rem;
}
.mw-parser-output > .mw-editsection{
display: none;
}
.mw-parser-output > .colonnes {
padding: 2rem 4rem;
}
.mw-parser-output > ul, .mw-parser-output > ol, .mw-parser-output > .mw-references-wrap > ol{
padding: 0.5rem 5rem;
}
.mw-parser-output > ul::marker {
color: #282864;
}
.mw-capiunto-infobox {
background: #e6e7e8;
border: none;
border-radius: 0;
margin: 0;
}
#toc {
background: #e6e7e8;
border: none;
border-radius: 0;
margin: 0;
}
.question, .wikimedica-box {
margin: 1rem 10%;
}
.wikimedica-sidebox {
margin: 0.5em 0 0.5em 0em;
}
.wikimedica-sidebox, .wikimedica-box, div.thumbinner{
background: #e6e7e8;
border: none;
border-radius: 0;
}
.gallerybox{
background: #e6e7e8;
border: none;
border-radius: 0;
}
li.gallerybox div.thumb {
background: none;
background-color: #e6e7e8;
border: none;
}
.toctogglespan{
display: none;
}
#hf-nsfooter- {
display: none;
}
/* Table */
.wikitable > tr > th, .wikitable > * > tr > th {
color: #FFFFFF;
background: #4d4d4d;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 2px solid #FFFFFF;
}
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath style=%22fill:white%22 d=%22M14.5 5l-4 4-4-4zm0-1l-4-4-4 4z%22/%3E %3C/svg%3E");
}
.wikitable {
font-weight: 500;
background-color: #f2f2f2;
color: #282864;
}
/* Bottom */
.medvalid-bottom{
border-top: 10px solid #8bbc06;
}
.medvalid-toolbox {
background: #e6e7e8;
}
.medvalid-footer {
background: #d7d7d7;
}
/* Screen size */
@media (min-width: 576px) {
.mw-parser-output .center {
max-width: calc(540px * 0.8);
margin: 0 auto;
}
}
@media (min-width: 768px) {
.mw-parser-output .center {
max-width: calc(720px * 0.8);
margin: 0 auto;
}
}
@media (min-width: 992px) {
.mw-parser-output .center {
max-width: calc(960px * 0.8);
margin: 0 auto;
}
}
@media (min-width: 1200px) {
.mw-parser-output .center {
max-width: calc(1140px * 0.8);
margin: 0 auto;
}
}