MediaWiki:Common.css

/* Le CSS placé ici sera appliqué à tous les habillages. */
/* Darkmode */
body.darkmode #catlinks #mw-normal-catlinks ul li a {
 color:lightblue !important;
}
body.darkmode nav.top-bar{
 filter:invert(1) hue-rotate(180deg);
}
body.darkmode #searchInput {
 color:white;
}
body.darkmode .diff-deletedline {
 border-color:orange;
}
body.darkmode table {
 background-color:unset !important;
}
/* luciole-regular - latin-ext */
@font-face {
 font-family: 'Luciole';
 font-style: normal;
 font-weight: 400;
 src: url('../fonts/Luciole-Regular.eot'); /* IE9 Compat Modes */
 src: local('Luciole'), local('Luciole-Regular'),
  url('../fonts/Luciole-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/Luciole-Regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/Luciole-Regular.woff') format('woff'), /* Modern Browsers */
  url('../fonts/Luciole-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/Luciole-Regular.svg#Luciole') format('svg'); /* Legacy iOS */
}

/* poppins-regular - latin-ext */
@font-face {
 font-family: 'Poppins';
 font-style: normal;
 font-weight: 400;
 src: url('../fonts/Poppins-Regular.eot'); /* IE9 Compat Modes */
 src: local('Poppins'), local('Poppins-Regular'),
  url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/Poppins-Regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/Poppins-Regular.woff') format('woff'), /* Modern Browsers */
  url('../fonts/Poppins-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
}

/* source-code-pro-regular - latin-ext */
@font-face {
 font-family: 'Source Code Pro';
 font-style: normal;
 font-weight: 400;
 src: url('../fonts/source-code-pro-v11-latin-ext-regular.eot'); /* IE9 Compat Modes */
 src: local('Source Code Pro Regular'), local('SourceCodePro-Regular'),
  url('../fonts/source-code-pro-v11-latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/source-code-pro-v11-latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/source-code-pro-v11-latin-ext-regular.woff') format('woff'), /* Modern Browsers */
  url('../fonts/source-code-pro-v11-latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/source-code-pro-v11-latin-ext-regular.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}


body {font-family: 'Poppins', sans-serif;}


p {font-family: 'Poppins', sans-serif;}


h1 {font-family: 'Luciole', serif;}


h2 {font-family: 'Luciole', serif;}


h3 {font-family: 'Luciole', serif;}


h4 {font-family: 'Poppins', sans-serif;}


h5 {font-family: 'Poppins', sans-serif;}


s{text-decoration: line-through;}


.top-bar li > a {font-family: 'Poppins', sans-serif;}


.label {background-color: #269dc4;}


.unpatrolled {color: red; font-weight: bold;}


div.mw-recentchanges-toplinks mw-recentchanges-toplinks-collapsed.mw-collapsible.mw-made-collapsible.mw-collapsed {visibility: hidden;}


.mw-editsection {font-size: 0.8rem}


mw-bodytext {font-family: 'Source Code Pro', sans-serif;}


.top-bar-section ul li > a {font-family: 'Poppins', sans-serif;}


.top-bar input {width:250px;}


.top-bar .button.search {font-family: 'Poppins', serif; background-color: #269dc4; top: 1px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; margin-left: -5px;}

nav.top-bar {box-shadow: 0px 0.5px 4px;}


fa {font-family: 'Poppins', sans-serif;}


code, kbd, pre, samp {font-family: 'Source Code Pro', sans-serif;}


code {background-color: #E6E6E6; border-color: #BDBDBD;}


/* change la couleur des liens "rouges" */
#mw-content-text a.new {
color: #e76e1c;
}


*::selection {background: #e77f1c63;}


.mw-content-ltr ol {margin: 0 0 0 1.2em;}


input[type="submit"] {background-color: #f8f9fa;
 color: #202122;
 display: inline-block;
 box-sizing: border-box;
 min-width: 4em;
 max-width: 28.75em;
 margin: 0;
 padding: 6px 12px;
 border: 1px solid #a2a9b1;
 border-radius: 2px;
 cursor: pointer;
 vertical-align: middle;
 font-family: inherit;
 font-size: 1em;
 line-height: 1.28571429em;
 text-align: center;}


#wpSave {background-color: #36c !important; color: #ffffff;}


span.mw-ui-button.mw-ui-progressive {font-weight: normal !important;}


.oo-ui-labelElement-label {font-size: 0.875rem; font-family: 'Poppins',sans-serif;   font-weight: normal;}


.oo-ui-inputWidget-input.oo-ui-buttonElement-button {background-color:#3498db ; border-color: #34495e; margin: 0.5em 0; padding: 0.3em 0.75em 0.4em 0.75em;}


/* headertabs style */
#headertabs.retro.ui-widget {
 font-family:inherit;
 font-size: 1em;
 background: #fff;
 border: 0px;
}

#headertabs.retro .ui-tabs-panel {
 border-color: rgb(36,51,86) rgb(128,128,128) rgb (128,128,128);
 border-style: solid;
 border-width: 1px;
}

#headertabs.retro .ui-widget-header {
 background: #ffffff;
 border-bottom: 5px solid #008CBA;
}

#headertabs.retro .ui-state-default,
#headertabs.retro .ui-state-default a {
 background: #e6e6e6;
 border-color: #666;
 color: #000;
 border-radius: 5px 5px 0 0;
 -moz-border-radius: 5px 5px 0 0;
 -webkit-border-radius: 5px 5px 0 0;
}

#headertabs.retro .ui-state-hover, 
#headertabs.retro .ui-state-hover a {
 background: rgb(191,218,255);
 color: #000;
}

#headertabs.retro .ui-state-active, 
#headertabs.retro .ui-state-active a {
 background: #008CBA;
 border-color: #000;
 border-width: 1px 1px 0px 1px;
 color: #fff;
}

#headertabs.retro .ui-widget input,
.ui-widget select, 
.ui-widget textarea,
.ui-widget button {
 font-family: inherit;
 font-size: 1em;
}

#headertabs.retro .ui-widget-content a {
 color: #008CBA;
}

#headertabs.retro .ui-widget a:visited {
 color: #008CBA;
}

#headertabs.retro .ui-widget-content a.new {
 color: #CC2200;
}

#headertabs.retro .ui-widget-content a.new:visited {
 color: #A55858;
}

#headertabs.retro .ui-widget-content a.exitw {
 color: #3366BB;
}

#headertabs.retro .ui-widget-content a.redirect {
 color: #308050
}

#headertabs.retro .ui-widget-content a.redirect:visited {
 color: #3070A0;
}

table.sortable.wikitable.smwtable.jquery-tablesorter {font-size: 1rem;}


body.page-Dico_Accueil h1#firstHeading.title, body.page-Dico_Accueil h4.namespace.label, body.page-Dico_Accueil div#siteNotice.sitenotice {display: none; visibility: hidden;}


h3#tagline { display: none; }

#searchInputMainPage {
    max-width: 600px;
    margin: auto;
    padding: 1.5rem 1rem 1.3rem;
    font-size: 100%;
}

#searchInput,#searchInputMainPage {
box-shadow: none;
border-radius: 50px;
border: 1px solid #DADADA;
} /* Apparence de la barre de recherche sans clique (en accueil et en haut à droite) */
#searchInput:focus,#searchInputMainPage:focus {border: 1px solid #0488bd;} /* Apparence de la barre de recherche quand on clique dessus */

#pt-notifications-alert .mw-echo-notifications-badge:after, #pt-notifications-notice .mw-echo-notifications-badge:after {background-color: #E77F1C; filter: invert(0%);}
#pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-notice .mw-echo-notifications-badge {
 width:25px;
}
#pt-notifications-notice .mw-echo-notifications-badge, #pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-message .mw-echo-notifications-badge {filter:invert(0%);}

.top-bar-section ul #echo-notifications li {
    font-size: .8rem;
    padding: 0.2rem 0;
}

#mwProtect-level-edit,
#mwProtect-level-move {
	height: 100px;
}


.zoom {
 transition: transform .2s; /* Animation */
 display:inline-block;
 transform: scale(0.9);
}



.zoom:hover {
 transform: scale(1.2)
}



.zoom a:hover {
 color: #e77f1c;
}

.gallerybox {float: left;}
#mw-category-media .gallerybox{ float:none; }

body
.label {
 border-radius: 2px;
 box-shadow: 0 2px 4px rgba(0,0,0,0.14), 0 2px 4px rgba(0,0,0,0.24);
 transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.label:hover {
 box-shadow: 0 9px 18px rgba(0,0,0,0.15), 0 6px 6px rgba(0,0,0,0.22);
}


/* design pour les formulaires Pageforms */

#pfForm .createboxInput:focus, #pfForm textarea:focus {
 border: 1px solid #0488bd;
 background: #fff;
}

#pfForm textarea {
width:100% !important;
}

/* page de discussions + Salon : plus larges avec police plus petite */
.ns-talk .row, body.rootpage-Dico_Salon .row { max-width: 100em; font-size: 14px; }
body.ns-talk p, body.rootpage-Dico_Salon p { font-size: 14px; }
body.ns-talk dd, body.rootpage-Dico_Salon dd { font-size: 14px; padding-left: 10px; 
 background-image: linear-gradient(#e77f1c 33%, rgba(255,255,255,0) 0%);
 background-position: left;
 background-size: 2px 7px;
 background-repeat: repeat-y
}
body.ns-talk dl, body.rootpage-Dico_Salon dl { background: #a6d7e733; }
body.ns-talk li, body.rootpage-Dico_Salon li { font-size: 14px; }
.ns-talk h2, .rootpage-Dico_Salon h2 {
 border-top: #269dc4 2px solid;
 padding-top: 5px;
 font-size: 30px;
 margin-top: .5em
}
.ns-talk #toc, body.rootpage-Dico_Salon #toc {
 padding: 0.5em 0.5em 0.5em 0.5em;
 border: 1px solid #dddddd;
 display: inline-flex;
 width: auto;
 margin: 0
}



.mediabox {
 float:left;
 display: inline-block;
 background: #fff;
 border-radius: 5px;
 padding: 15px;
 margin: 0.5rem;
 position: relative;
 border: 1px solid #ccc;
 border-radius: 10px;
}

.mediabox td, th {
 padding: 0.6em
}


.mediaContainer {margin:auto;}

span.fancytree-node {
 display: inherit;
 width: 100%;
 margin-top: 0px;
 min-height: 20px
}
span.fancytree-node {
 display: inherit;
 width: 100%;
 margin-top: 0px;
 min-height: 20px
}
[dir="ltr"] * {
 direction: ltr
}
*, ::before, ::after {
 box-sizing: border-box
}
ul.fancytree-container li {
 list-style-image: none;
 list-style-position: outside;
 list-style-type: none
}
ul.fancytree-container li {
 list-style-image: none;
 list-style-position: outside;
 list-style-type: none
}
ul.fancytree-container {
 font-size:inherit
}

@media screen and (max-width: 450px) {
 .oo-ui-popupWidget-popup {
  margin-left:0 !important
 }
 .mw-echo-ui-notificationBadgeButtonPopupWidget-popup .mw-echo-ui-notificationItemWidget-content-message-body {
  white-space: normal !important
 }
}
@media screen and (max-width: 520px) {
 .mw-echo-ui-overlay > .mw-echo-ui-notificationBadgeButtonPopupWidget-popup:not(.oo-ui-element-hidden) {
 left:0 !important
 }
}

/* Visual Editor */
span.oo-ui-tool-name-bullet {
    visibility: collapse;
}

/* Categories */
#catlinks ul { /*Display that list inline*/
 list-style:none;
 margin:0.1%;
 text-align:center;
 display:inline
}
#catlinks ul li {/*Inline and with a small margin */
 display:inline;
 margin:0 5px 0 5px
}
#mw-normal-catlinks, .mw-hidden-cats-user-shown, .mw-hidden-cats-ns-shown { /*Beautifully (IMO) centered, but putting display:flex only on hidden cat if they are shown*/
 display:flex;
 align-items:center
}
#catlinks { /*No border */
 border-style:solid none none
}

#mw-hidden-catlinks { /*Small separation between hidden and visible cats */
 margin-top:10px
}
.mw-hidden-cats-hidden { /*Do not display hidden cats by default */
 display:none
}
#mw-hidden-cats-btn { /*Fixing margin and cursor */
 cursor:pointer;
 margin:0 0 0.3em 0
}

/**Navigation bar**/
.dico-navigation-bar {
	text-align:left;
	margin-bottom:1em;
	width:100%;
	border: #1e90ff 1px solid;
	border-radius:3px
}
.dico-nav-title {
	text-align:center;
	margin:3px;
	height:auto;
	font-weight:bold;
	border-radius:3px;
	background-color:#eb843e;
	color:white
}
.dico-nav-btn {
	cursor:pointer;
	border-radius:3px;
	font-size:60%;
	margin:0.36em
}
.dico-nav-btn-container{float:right}
.dico-nav-frame{margin:0}

/** For template {{couleur}} **/
.dico-color-rect:before {
  content:"\a0\a0\a0\a0\a0"
}
.dico-color-rect {
  border:1px solid darkgrey;
  font-family:monospace,'Courier'
}

/*
span.VDlink.a:visited {
  color:#753AB3;
  cursor:help;
  border-bottom:1px dotted black;
}

span.VDlink.a:link {
  color:#753AB3;
  cursor:help;
  border-bottom:1px dotted black;
}
*/
/* For Special:Drilldown */
.drilldown-filter .oo-ui-actionFieldLayout-input:not(.mw-widget-titleInputWidget){
  float:none !important;
}
.drilldown-filter {
  clear:both;
  padding-top:2em;
}

/* Hides the broken smw's indicator */
#mw-indicator-smw-entity-examiner { display:none }

.select2-container--default .select2-selection--multiple,
.select2-container .select2-search--inline .select2-search__field,
#pfForm .select2-container {
min-width: 100% !important;
max-width: 100% !important;
width: 100% !important;
}

.select2-search--inline {float:unset !important}

.select2-container .select2-search--inline .select2-search__field {
font-size: 0.875rem;
margin-top: 0;
}

.rootpage-Dico_Accueil .actions-button {display : none} /* Masquer les boutons d'action sur la HP */

audio, .mw-tmh-player.audio {max-width: 100%}

#footer #footer-left-ul {
    list-style : none;
    margin: 0 0 1em 0;
    border-top: 1px solid #ddd;
    padding-top: 1rem;
    margin-top: 2rem;
}

#pfForm .createboxInput, #pfForm .mandatoryField, #pfForm textarea {
width:100% !important;
}

#pfForm .jstree-container-ul {width:0;}

#footer-right-icons .f-dropdown li {display:block;}

#actions #ca-ve-edit {display:none;}

/* Delete margin which was used for the width... */
.oo-ui-checkboxInputWidget {
    margin-right: 0;
}

/* Set the width at the same value as the height */
#pfForm select, #pfForm input[type="checkbox"] {
    max-width: none;
    width: 1.42857143em !important;
}