MediaWiki:Common.css

/* ------------------------------------------------------ */
/* ------------- STYLE COPIE SUR LES WIKIS -------------- */
/* ------------------------------------------------------ */

/* Couleurs */
:root {
  --titles: #006c6c;
  --links: #00b5b5;
  --shadow: #eeeeee;
  --background: #ffffff;
  --pagetools: #007f7f;
  --pagetools-new: #c76262;
  --header-message: 0px 0px 3px rgb(0 181 181 / 40%);
}


/* General */
h1, h2, h3, h4, h5, h6 { color: var(--titles) !important; }

h2, .h2 { font-size: 1.9rem !important; }
h3, .h3 { font-size: 1.5rem !important; }
h4, .h4 { font-size: 1.2rem !important; }
h5, .h5 { font-size: 1.1rem !important; }

.mw-body .mw-editsection {
	font-size: 0.7rem !important;
    margin-left: 0.5rem !important;
}
.client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type) {
    margin-right: 0.1em !important;
}
.client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) {
    margin-left: 0.1em !important;
}



/* Header message */
div#hf-nsheader- {
    border-radius: 6px;
    padding: 5px 10px;
    box-shadow: var(--header-message);
    margin-bottom: 2rem;
}



/* Welcome page */
.welcome-div {
	border-radius: 0; /* Suppr */
	margin-bottom: 0; /* Suppr */
    border-bottom: 1px solid lightgray;
    padding: 11px 6px;
}

.bg-welcome-blue {
	background: white; /* Suppr */
}
.bg-welcome-grey {
	background: white; /* Suppr */
}

.sidebar {
	border-radius: 6px 6px 0 0;
	padding: 5px 10px;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 15%);
}

.sidebar > p {
	margin: 15px 6px;
}



/* Cards */
.forwardArticles {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-row-gap: 1rem;
    justify-content: center;
    align-items: center;
}

@media (max-width: 992px) {
	.forwardArticles {
		grid-template-columns: 100%;
	    margin-bottom: 2rem;
	}
}

.class-item {
    border-radius: 6px;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 15%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    margin: 8px;
    overflow: hidden;
    transition: .25s;
}
.class-item:hover { box-shadow: 0px 2px 10px rgb(0 181 181 / 15%); }

.class-item-content {
    padding: 0 0.6rem;
}

.class-item-content h3 {
    text-align: center;
}

.class-item-content h3 a {
    font-weight: bold;
    color: var(--links);
}

.class-item-thumbnail {
	min-height: 195px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.class-item-thumbnail img {
    max-width: 100%;
    height: auto;
}

.class-item-description {
    margin-bottom: 0;
    font-style: italic;
}



/* Article lists */
.welcome-articles-container {
	margin-top: 2rem;
    display: grid;
    grid-template-columns: 50% 50%;
}

.welcome-last-articles > div { margin: 0 10px; }

.welcome-last-articles {
    padding: 0.8rem 1.1rem;
    display: flex;
    align-items: center;
}

.fullArticleList h3 { padding-top: 0; }
.fullArticleList {
	border-right: 1px solid var(--titles);
    padding: 0.8rem 1.1rem;
}

@media (max-width: 992px) {
	.welcome-last-articles { margin: 3rem auto 0; }
	.fullArticleList {
		margin: 0 auto;
		border-right: none;
	}
	.welcome-articles-container { grid-template-columns: 100%; }
}

@media (max-width: 465px) {
	.welcome-last-articles {
		flex-direction: column;
		align-items: flex-start;
    	width: 100%;
	}
}



/* Infoboxes */
.articleDemoInfobox {
    float: right;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 15%);
    border-radius: 8px;
    padding: 0.4rem 1rem;
    margin: 0 0 1rem 1rem !important;
    max-width: 333px;
    background-color: white;
}

@media (max-width: 768px) {
	.articleDemoInfobox {
	    float: none;
	    text-align: center;
	    width: 100%;
	    margin: 0 0 1rem !important;
	    max-width: none;
	}
}

.articleDemoInfobox > div:not(.editInfobox) { margin-top: 0.6rem; }

.treeParent { border-top: 1px solid lightgray; }
.articleDemoInfobox .tree { padding-left: 1rem; }

@media (max-width: 992px) {
	.treeParent, .tree { text-align: left; }
}

.articleDemoInfobox .image img {
    max-width: 300px;
    height: auto;
}

.articleDemoInfobox .tags,
.articleDemoInfobox .archived,
.articleDemoInfobox .tree {
    padding-bottom: 0.5rem;
    border-bottom: 0.5px solid lightgray;
}

.archived span,
.forward span {
    background: var(--links);
    display: inline-block;
    padding: 1px 6px 2px;
    border-radius: 3px;
    color: white;
    margin-left: 5px;
}

.articleDemoInfobox .tagsTitle {
    font-weight: bold;
}

.tagsList {
    display: inline-block;
    font-size: initial;
    color: var(--links) !important;
}



/* TOC */
div#toc {
    float: right;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 15%);
    border: none;
    border-radius: 8px;
    padding: 0.4rem 1rem;
    margin: 0 0 1rem 1rem !important;
    background-color: white;
    max-height: 365px;
    max-width: 500px;
    overflow-y: auto;
}
@media (max-width: 992px) {
	div#toc { float: none; max-width: none; }
}
@media (max-width: 768px) {
	div#toc { margin: 0 0 1rem 0 !important; }
}

#toc span.tocnumber {
    font-size: 0px;
    padding-right: 3px;
}
#toc span.tocnumber::before {
    content: "•";
    font-size: 1rem;
}

.tocnumber, .toctext { display: inline; }



/* Catlinks */
#catlinks {
    box-shadow: 0px 2px 8px rgb(0 0 0 / 15%);
    border: none;
    border-radius: 8px;
    background-color: white;
    padding: 0.3rem 0.6rem;
}



/* Search */
.mw-advancedSearch-namespace-selection-header .oo-ui-layout.oo-ui-labelElement.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
    float: none;
    margin-left: 0.5rem;
    border-bottom: 1px solid lightgray;
}



/* Form */
.progress {
	background: var(--background); /* Suppr */
	box-shadow: none; /* Suppr */
    border-bottom: 1px solid lightgray;
}
.progress > div:not(:first-of-type) {
    border-left: 1px solid lightgray !important;
}

.pf-select2-container { margin-bottom: 0 !important; /* Suppr ? */ }

.bigFormContainer {
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
    border-radius: 8px;
}

.bigFormContainer .container-fluid {
    padding: 1rem;
}

.containerForm {
    padding: 1rem 1.5rem;
    background: var(--background);
}

.formRow { align-items: center; }
.noMarginIn * { margin-bottom: 0 !important; }

.rowBorder {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid lightgray;
}

.formRow .oo-ui-layout.oo-ui-horizontalLayout {
    display: grid;
}

@media (max-width: 768px) {
	#pfForm .createboxInput {
	    min-width: 100% !important;
	}
}



/* Pages */
.mw-references-wrap {
    margin-top: 5rem;
}


/* Backgrounds */
.bg-white,
.bg-light { background: none !important; }

.p-navbar { background: none !important; }

div#p-contentnavigation {
    margin: 0.5rem 0 !important;
    background: none !important;
}



/* Menu top */
div.container:not(.mt-4) > .row:nth-child(1),
div.container:not(.mt-4) > .row:nth-child(2) {
    background: white;
    box-shadow: 0px 3px 2px var(--shadow);
}
div.container:not(.mt-4) > .row:nth-child(3){
	background: white;
    box-shadow: 0px 3px 2px var(--shadow);
    border-radius: 0 0 6px 6px;
}



/* Menu bot */
.mb-2.mt-4.container {
    box-shadow: 0px -1px 2px var(--shadow);
    border-radius: 6px 6px 0 0;
}



/* Pagetools */
.pagetools a, .pagetools .tab-group a { color: var(--pagetools); }
.pagetools a.selected, .pagetools .tab-group a.selected { color: var(--links); }
.pagetools a.new, .pagetools .tab-group a.new { color: var(--pagetools-new); }




/* Tables */
.wikitable > tbody tr:first-of-type th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--titles);
    color: white;
    font-weight: bold;
}