Aller au contenu

MediaWiki:Common.css

De fr.ConanWiki

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;
}