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

Version du 30 novembre 2022 à 13:19

/* Ce CSS doit s'appliquer à tous les MédiaWikis de la Farm */

/* CSS personnalisée par Marion Delacroix, 2022 */

/* CSS personnalisée InSitu */

.chiffre {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: 500;
  border-radius: 50%;
  background-color: rgb(243,146,0);
  width: 1.5em;
  height: 1.5em;
}

.encadre {
  color: white;
  font-weight: 600;
  border-radius: 5px;
  background-color: rgb(183,182,182);
  padding: 5px;
}

/* CSS cohérente avec l'impression */

.replace_gif {
  display: none;
}

/* Sommaire auto ne s'affiche pas */
.toc {
  display: none;
}

/*Liens de la toolbox dans la Sidebar ne s'affichent pas*/
#t-whatlinkshere, #t-recentchangeslinked, #t-upload, #t-specialpages, #t-info, #t-permalink {
  display: none;
}

#t-print {
  display: inline;
}

/* personnalisation de la page Search */

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  background-color: #ea560d;
  border-color: #ea560d;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  background-color: #5a5959;
  border-color: #5a5959;
}

.mw-search-createlink {
  display: none;
}

.mw-search-result-heading {
  font-size: 1.2em;
}

.mw-search-result-heading a {
  color: #ea560d;
}

.mw-search-result-data {
  display: none;
}

/* CSS personnalisée par Thomas Varlet que je copie-colle pour le bon fonctionnement */

/* CSS de la page d'accueil, par Thomas Varlet légèrement adaptée par Marion Delacroix, 2014-2022 */

/*! Propriétés du body */

/* Ne fonctionne pas. Hautement expérimental. Géré en js
!#firstheading + #bodyContent:has(div:has(div:has(div:has(.body_mp))) {
  display: none;
}
*/

.body_mp {
	
    box-sizing: border-box;
	background-color: #fff;
	font-family: 'Open Sans'; /*sans-serif;*/
	font-size: 16px;
	min-height: 100%;
	padding-top: 20px;
	width: 100%;
	color:#5a5959;
}

.body_mp .container {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .body_mp .container {
    width: 90%;
  }
}

.body_mp ul {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0 10px
}

/*! ================================================================ */

/*! Liens */

.body_mp a {
  color: #ea560d;
  text-decoration: none;
}

.body_mp a:hover,
.body_mp a:focus {
  color: #5a5959;
  text-decoration: underline;
}


.body_mp .wiki  a
{
  color: #5a5959;
  font-size: 14px;
}

.body_mp .btn-orange  a:hover
{
  color: #5a5959;
 
}

/*! ================================================================ */

/*! Mise en forme des textes et titres */

.body_mp .en-tete {
  margin-bottom: 50px;
}

.body_mp .soustitre {
  font-size: 18px;
}


.body_mp h1 {
  font-family: inherit;
  color: #ea560d;
  font-size: 30px;
  padding-top: 40px;
  text-align: center;
  font-weight: 300;
  border-bottom: 0px;
}

.body_mp h3 {
  font-family: inherit;
  color: #5a5959;
  font-weight: 600;
}

.body_mp h4
{
	font-size: 35px;
	font-weight: 300;
	color: #ea560d;
	text-align: left;
	
}

.body_mp .wiki {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  text-align: center;
  -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
  width: 100%;
}

@media (min-width: 768px) {
  .body_mp .wiki {
    width:45%;
  }
}

@media (min-width: 1200px) {
  .body_mp .wiki {
    width:22%;
  }
}

/*! ================================================================ */

/*! Mise en forme des textes et titres pour écrans */
 @media (min-width: 768px)
    {	   	
			.body_mp h1 {
              font-family: inherit;
			  color: #ea560d;
			  font-size: 50px;		
			  padding-top: 0px;
			  text-align: center;
			  font-weight: 300;
              border-bottom: 0px;
			} 
	}
	
/*! Espacements */
	
.body_mp .spacer3 {
			  padding-top: 20px;
			  padding-bottom: 20px;
			}

/*! ================================================================ */

/*! Espacements pour écrans */

@media (min-width: 768px)
	
	  {
	
		.body_mp .spacer3 {
			  padding-top: 20px;
			  padding-bottom: 20px;
			}
	
	}
	
/*! ================================================================ */

/*! Button */

.body_mp .btn-large {
color: #ea560d;
background-color: #fff;
border-color: #ea560d;
border-width: 1px;
}

.body_mp .btn-orange {
background-color: #ea560d;
color: #fff;
display: inline;
padding: .6em .6em .6em .6em;
font-size: 90%;
line-height: 1;
border: 0px solid #ea560d;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border-radius: .25em;

}

.body_mp .btn-orange a.external {
  color: #fff;
}

.body_mp .btn-orange a.external:visited {
  color: #000;
}

.body_mp .btn-orange a.external {
  background-image: none;
  padding-right: 0;
}

.body_mp .btn-gen {
  margin: 20px 0;
}

.body_mp .btn-gen a {
  padding: 6px 12px;
  text-align: center;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 4px;
}

/*! ================================================================ */

/*! Images */
.body_mp .cadreimg {
	display: inline-block; max-width: 100%;