MediaWiki:Common.css
Apparence
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).
- Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
/* Le CSS placé ici sera appliqué à tous les habillages. */
/* Imports */
@import url("frskin.css");
/* Distribution of the left and right boxes for desktop and mobile PCs */
.portail-gauche {
float: left;
width: 58%;
}
.portail-droite {
float: right;
width: 42%;
}
.portail-gauche-inner {
padding-right: 1rem;
}
/* Structure of the main page */
.accueil-contenu {
margin: 0.4em -1% 0.4em 0;
display: flex;
flex-flow: wrap;
overflow: hidden; /*be kind to ie10 and browsers that don't support flexbox */
}
/* Removes the page name on the main page */
body.action-view.page-ConanWiki_Hauptseite #firstHeading {
position: absolute;
top: -5000px;
}
body.page-ConanWiki_Hauptseite .wbc-editpage {
display: none;
}
/* Adjustments for the new main page 2017 */
#accueil_2017_en-tete {
margin: auto;
box-shadow: 0 0 .3rem #999;
border-radius: 12px;
padding: auto 1rem;
background: #1e3a8a; /* Changed to blue */
background: -moz-linear-gradient(top, #fff, #1e3a8a); /* Changed to blue */
background: -webkit-linear-gradient(top, #fff, #1e3a8a); /* Changed to blue */
background: -o-linear-gradient(top, #fff, #1e3a8a); /* Changed to blue */
background: linear-gradient(to bottom, #fff, #1e3a8a); /* Changed to blue */
border: 1px solid #999;
clear: both;
}
#accueil_bandeau_2017 .bloc-titre {
display: inline;
display: inline-block;
margin: auto auto auto 14rem;
text-align: center;
line-height: 1.8;
color: #457;
}
#accueil_bandeau_2017 .sous-titre {
margin: 0;
padding: 0;
font-size: 110%;
font-family: Sans-serif;
}
.bouton_accueil_bandeau_2017 h2.titre-wikipedia {
margin: 0;
padding: 0;
border: none;
font-size: 200%;
font-weight: bold;
color: #457;
font-family: 'Open Sans', Sans-serif;
}
#accueil-contenu .accueil_2017_cadre,
#accueil-pied .accueil_2017_cadre {
box-shadow: 0 0 .3rem #999;
border-radius: 12px;
padding: 1.2rem;
margin: 1rem 0 1.6rem 0;
clear: both;
background-color: #1e3a8a; /* Changed to blue */
border: 1px solid;
}
#accueil-contenu .accueil_2017_titres,
#accueil-pied .accueil_2017_titres {
font-variant:small-caps;
letter-spacing:.01em;
display:block;
border-bottom: solid 0.2rem #112A46;
border-radius: 12px;
margin: -0.4rem 0 0.5rem;
}
#accueil-contenu .accueil_2017_pied,
#accueil-pied .accueil_2017_pied {
padding:1.3em 0 0;
font-size:85%;
text-align:right;
}
.list-wiki {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1em;
font-size: 90%;
color: #868686;
text-align: center;
padding-top: 1rem;
}
@media (max-width: 768px) {
.list-wiki {
grid-template-columns: repeat(2, 1fr);
}
}
.list-wiki ul {
line-height: inherit;
list-style: none none;
margin: 0;
padding: 0;
}
.list-wiki ul li {
margin-bottom: 0;
text-align: center;
}
#mw-panel #p-logo + .portal{
margin-top: -1.2em
}
.CodeMirror-wrap pre { overflow-wrap: anywhere; }
.comment {
word-break: break-word
}
/* Responsive lists */
.res-list ul li {
display:inline-block;
margin: 3px;
text-align: center;
vertical-align: top;
}
.res-list ul li ul li{
display: block;
}
/* List without bullets */
.liste-simple ul {
line-height: inherit;
list-style: none none;
margin: 0;
}
.liste-simple ul li {
margin-bottom: 0;
}