MediaWiki:Common.css

De Bibliothèque Lucas Lhardi
Révision datée du 2 novembre 2020 à 22:36 par Alexandre Lacroix Le Menn (discussion | contributions)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
Aller à la navigation Aller à la recherche

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

  • Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
  • Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
  • Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
  • Opera : appuyez sur Ctrl + F5.
/* Le CSS placé ici sera appliqué à tous les habillages. */

/* POLICE DU WIKI */

@import url('https://fonts.googleapis.com/css2?family=ABeeZee&display=swap');

/* Largeur du contenu */

.ts-inner{
	max-width:100% !important;
}

.color-middle-container, .ts-inner{
	padding:0 0.5em !important;
}
@media screen and (min-width: 1100px){
#mw-related-navigation{
	float:left !important;
	clear:left !important;
	width:11em !important;
	padding-left:0px !important;
}
#mw-site-navigation{
	width:12em !important;
}
}

#mw-content{
	margin-left:12em !important;
	margin-right:0px !important;	
}

/* Titre wiki */

#p-logo-text a.long{
	font-size:1.5em !important;
}

/* Personnalisation couleurs du menu */

.color-left{
	background:#cc2030 !important;
}

.color-middle{
	background:#f3f3f3 !important;
	margin-left:7em !important;
	margin-right:11em !important;
}

.color-right{
	background:#105086 !important;
}

/* Personnalisation footer */

#mw-content-container{
	border-bottom: solid 4px #cc2030 !important;
}

#mw-footer-container{
	border-top: solid 1px #FFF !important;
}

/* Corrections RWD */

@media screen and (max-width: 1100px) {
#mw-content{
margin-left:0 !important;}
#menus-cover {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: #f3f3f3;
    opacity: .8;
    overflow: hidden;
}
}
@media screen and (max-width: 430px) {
#p-logo-text {
    position: relative;
    top: 0.75em;
    left: 4em;
    text-align: left;
    height: 80px;
}
}

/* Sommaire */

#toc ul, .toc ul{
	margin:0px 0px 0px 0px !important;
}

/* Bordure Wikitables */

.wikitable, table.wikitable, table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td{
border:1px solid #aaa;
}

/* Espace paragraphe si script */

#vide p{
        display:none;
}

/* Infobox - Général */

.infobox_cadre{
	background:#fcfcfc;
	margin:15px;
	padding:5px;
	border:1px #aaaaaa solid;
	width:300px;
	float: right;
	clear: right;
	border-spacing: 5px;
	border-collapse: separate;
}
.infobox_entete{
	background-position: right center;
	background-repeat: no-repeat;
	height:43px;
	vertical-align: middle;
	text-align: center;
	font-size:130%;
	font-weight:bolder;
}

/* Infobox - Villes & Provinces */

.icone_ville{
	background-image: url("https://upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png");
}

.ville_catalogne, .catalogne{
	background-color:#FFD700;
	color:#000;
}

.ville_transalpie, .transalpie{
	background-color:#07045D;
	color:#FFF;
}

.ville_tyrsenie, .tyrsenie{
	background-color:#6B08A1;
	color:#FFF;
}

.ville_antsiranana, .antsiranana{
	background-color:#008000;
	color:#FFF;
}

.ville_septimanie, .septimanie{
	background-color:#9D2632;
	color:#FFF;
}

.ville_norijo, .norijo{
	background-color:#C0C0C0;
	color:#000;
}

/* Infobox - Personnages */

.personnage{
background-color:#87CEEB;
color:#000;
}

.imperatore{
background-color:#441D61;
color:#FFF;
}

.famille_imperiale{
background-color:#FFD700;
color:#000;
}

.gardien_de_la_democratie{
background-color:#000;
color:#FFF;
}

.president_de_la_cour_supreme{
background-color:#7030A0;
color:#FFF;
}

.juge_de_la_cour_supreme{
background-color:#9E5ECE;
color:#000;
}

.negociateur_imperial{
background-color:#4b0082;
color:#FFF;
}

.chancelier_supreme{
background-color:#000066;
color:#FFF;
}

.vice_chancelier{
background-color:#0000FF;
color:#FFF;
}

.ministre_federal{
background-color:#0066FF;
color:#FFF;
}

.president_assemblee_federale {
background-color:#C00000;
color:#FFF;
}

.vice_president_assemblee_federale {
background-color:#DD0000;
color:#FFF;
}

.gouverneur{
background-color:#228B22;
color:#000;
}

.vice_gouverneur{
background-color:#4CBB17;
color:#000;
}

.depute_federal{
background-color:#FF2828;
color:#000;
}

.depute_provincial{
background-color:#C71585;
color:#FFF;
}

.maire{
background-color:#50C878;
color:#000;
}

.adjoint_maire{
background-color:#99dfb0;
color:#000;
}

.poste_ancienne_version{
background-color:#9E8DA7;
color:#000;
}

/* Infobox - Institutions */

.executif{
background-color:#4682B4;
color:#FFF;
}

.legislatif{
background-color:#DC143C;
color:#FFF;
}

.provincial{
background-color:#2E8B57;
color:#FFF;
}

/* PAGE ACCUEIL */

.flexaround{
display: flex;
justify-content: space-around;
align-content : center;
}

#calendrier {
background-image: url(https://wiki.froce.fr/xfond-calendrier.png.pagespeed.ic.WXWuCsY3LA.png);
padding: 27px 18px 0px 5px;
background-size: 90%;
background-repeat: no-repeat;
width: 120px;
height: auto;
}

#date{
text-align:center;
text-transform:uppercase;
}

#jour_virtuel{
display:block;
font-size:30px;
font-style:italic;
}

#mois_virtuel{
display:block;
font-size:15px;
font-style:italic;
}

#annee_virtuelle{
display:block;
font-size:30px;
font-weight:bold;
}

.tiers{
width:20%;
}

.demi{
width:25%;
}

@media screen and (max-width: 1000px) {
.flexaround{
display:block !important;
}
#calendrier{
background-image: url("https://wiki.froce.fr/fond-calendrier.png");
padding: 30px 15px 0px 5px;
background-size: 90%;
background-repeat: no-repeat;
width: 130px;
height: auto;
float: right;
}
.tiers{
width:90%;
}
.demi{
width:90%;
}
}

.boxaccueil{
border: 1px solid #f3f3f3;
border-radius : 10px 10px 0px 0px;
}

.boxtitreaccueil{
background: #105086;
color: #FFF;
font-weight:bold;
text-align: center;
border-radius: 10px 10px 0 0;
padding: 5px;
border-bottom: 1px solid #f3f3f3;
}

/* Portail Paramètres Généraux */

.bandeau{
  width:300px;
  height:40px;
  text-align:left;
  position:relative;
  top:2px;
  margin:2px 0 8px 0;
  background-image: linear-gradient(90deg, #cc2030, white);
}

.bandeau-bloc-icon {
    position: absolute;
    left: 10px;
    top: -10px;
    background: white;
    border-radius: 30px;
    border: 1px #105086 dotted;
    width: 50px;
    height: 50px;
    padding: 5px;
}

.bandeau-bloc-icon p{
margin: 0px 0px !important;
}

.bandeau-bloc-icon img {
    width: 50px;
    height: 50px;
}

.bandeau-bloc-text{
  position:absolute;
  left:40px;
  top:1px;
}

.bandeau-bloc-text h3{
  margin-top:3px;
  margin-left:45px;
  font-family:inherit;
  font-weight:bold;
  border-bottom:none;
  font-size:20px;
  padding:0em;
}

.bandeau-bloc-text h3 span a, .bandeau-bloc-text h3 a{
  text-decoration:none;
  color:#FFF;
}

.sous-titre-portail{
border-bottom: dotted 1px #105086;
font-weight:bold;
font-size:16px;
}

/* Portail Accueil */

.accueil_cadre{
box-shadow: 0 0 0.3rem #999;
border-radius: 0.2rem;
padding: 1.2rem;
margin-bottom: 1.6rem;
}

.accueil_cadre_liens{
box-shadow: 0 0 0.3rem #999;
border-radius: 0.2rem;
padding: 1.2rem;
margin-bottom: 1.6rem;
background:#105086;
color:white;
}

.accueil_cadre_liens > div > div > a{
color:white !important;
}

.portail-gauche, .portail-droite {
width: 50%;
box-sizing: border-box;
}

.portail-gauche {
float: left;
padding-right: 1.2rem;
}

.portail-droite {
float:right;
}

@media (min-width: 982px) {

.accueil_cadre:nth-child(3) {
flex-grow: 3;
}

.accueil_contenu {
display: flex;
}

.portail-gauche, .portail-droite{
display: flex;
flex-direction: column;
}

}

/* Portail Introduction */

#intro-titre h2{
font-size:20px;
font-weight:bold;
text-transform:uppercase;
text-align:center;
}

#intro-texte{
font-size:14px;
font-style:italic;
text-align:center;
}

/* Infobox V3

div.infobox_v3{
padding: 5px;
width: 25em;
background: #f9f9f9;
border: 1px solid #aaa;
clear: right;
float: right;
font-size: 0.9em;
line-height: 1.4;
margin: 0 0 0.5em 1em;
max-width: 325px;
word-wrap: break-word;
}

*/


/* PROJET INFOBOX BIOGRAPHIES */

#infobox-biographie {
    float: right;
    width: 30%;
    margin-left: 20px;
    margin-bottom: 20px;
    padding:10px;
    border:1px solid #008080;
    box-shadow:0 0 0.2rem #008080;
}

#infobox-biographie .infobox_v3{
    width:100% !important;
}

#infobox-biographie .entete{
    text-align: center;
    font-size: 20px;
    font-family: "ABeeZee", sans-serif;
    text-transform: uppercase;
    padding:5px;
    margin-bottom:15px;
}

#infobox-biographie p.bloc {
    margin: 5px 0;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    font-family: "ABeeZee", sans-serif;
}

#infobox-biographie table caption {
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    width:100%;
    font-family: "ABeeZee", sans-serif;
}

#infobox-biographie .images{
    text-align:center !important;
}

#infobox-biographie .legend{
    font-size:11px;
    font-style:italic;
    text-align:center;
    font-family: "ABeeZee", sans-serif;
}

@media screen and (min-width: 880px) and (max-width: 1080px) {
  #infobox-biographie {
    float: right;
    width: 40%;
    margin-left: 0px;
   }
}

@media screen and (min-width: 640px) and (max-width: 879px) {
  #infobox-biographie {
    float: right;
    width: 40%;
    margin-left: 0px;
   }
}

@media screen and (max-width: 639px) {
  #infobox-biographie {
    float: none;
    width: 95%;
    margin-left: 0px;
   }
}

/* PROJET INFOBOX PARTIS */

#infobox-parti {
    float: right;
    width: 30%;
    margin-left: 20px;
    margin-bottom: 20px;
    padding:10px;
    border:1px solid #008080;
    box-shadow:0 0 0.2rem #008080;
}

#infobox-parti .infobox_v3{
    width:100% !important;
}

#infobox-parti .entete{
    text-align: center;
    font-size: 20px;
    font-family: "ABeeZee", sans-serif;
    text-transform: uppercase;
    padding:5px;
    margin-bottom:15px;
}

#infobox-parti p.bloc {
    margin: 5px 0;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    font-family: "ABeeZee", sans-serif;
}

#infobox-parti table caption {
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    width:100%;
    font-family: "ABeeZee", sans-serif;
}

#infobox-parti .images{
    text-align:center !important;
}

#infobox-parti .legend{
    font-size:11px;
    font-style:italic;
    text-align:center;
    font-family: "ABeeZee", sans-serif;
}

@media screen and (min-width: 880px) and (max-width: 1080px) {
  #infobox-parti {
    float: right;
    width: 40%;
    margin-left: 0px;
   }
}

@media screen and (min-width: 640px) and (max-width: 879px) {
  #infobox-parti {
    float: right;
    width: 40%;
    margin-left: 0px;
   }
}

@media screen and (max-width: 639px) {
  #infobox-parti {
    float: none;
    width: 95%;
    margin-left: 0px;
   }
}