MediaWiki:Common.css
Révision datée du 22 juin 2019 à 23:19 par Alexandre Lacroix Le Menn (discussion | contributions)
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. */
/* 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;
margin-top: -6px;
}
.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;
}
.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:16px;
font-weight:bold;
text-transform:uppercase;
}
#intro-texte{
font-size:14px;
font-style:italic;
}