« MediaWiki:Chameleon.css » : différence entre les versions

De Wikimedica
(Fix first last child margin)
(Fix img right margins)
Ligne 276 : Ligne 276 :
.wikimedica-sidebox {
.wikimedica-sidebox {
margin: 0.5em 0 0.5em 0em;
margin: 0.5em 0 0.5em 0em;
}
div.tright {
    margin: 0.5em 0 1.3em 0em;
}
}



Version du 24 juin 2021 à 11:04

#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;
    margin-bottom: 0;
}

.mw-parser-output > p:last-child {
    margin-bottom: 1rem;
}
.mw-parser-output > p:first-child {
    margin-top: 1rem;
}

.mw-parser-output > h2 + p, .mw-parser-output > h3 + p, .mw-parser-output > h4 + p  {
    margin-top: 1rem;
}
.mw-parser-output > p + h2, .mw-parser-output > p + h3, .mw-parser-output > p + h4 {
    margin-top: 1rem;
}

.mw-body h1, .mw-body h2 {
    /* margin-top: 1rem; */
}

.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;
}

div.tright {
    margin: 0.5em 0 1.3em 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;
	}
}