Utilisateur:Omondi/common.css

De Wikivoyage

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.
/* Classes pour les colonnes des portails */
.portail-gauche,
.portail-droite {
	box-sizing: border-box;
}
.portail-gauche {
	float: left;
	padding-right: 1.2rem;
}
.portail-droite {
	float: right;
}
@media (max-width: 981px) {
	.portail-gauche,
	.portail-droite {
		float: none;
		width: auto !important;
	}
	.portail-gauche {
		padding-right: 0;
	}
}

#portail_contenu {
	margin-top: 1rem;
}
#portail_contenu .portail-gauche {
	width: 60%;
}
#portail_contenu .portail-droite {
	width: 40%;
}
#portail_contenu:after {
	clear: both;
	display: table;
	content: '';
}

.portail_cadre {
	box-shadow: 0 0 0.3rem #999;
	border-radius: 0.2rem;
	padding: 1.2rem;
	margin-bottom: 1.6rem;
}
/* S'assurer que ces règles emportent bien la priorité sur toutes les skins */
#mw-content-text .portail_cadre h2 {
	font-variant: small-caps;
	letter-spacing: 0.01em;
	border-bottom: solid 0.2rem #bdd8fb;
	margin: -0.4rem 0 0.5rem;
}

@media (min-width: 982px) {
	#portail_contenu {
		display: flex;
	}
	#portail_contenu .portail-gauche,
	#portail_contenu .portail-droite {
		display: flex;
		flex-direction: column;
	}
	.portail_cadre:nth-child(1) {
		flex-grow: 1;
	}
	.portail_cadre:nth-child(2) {
		flex-grow: 2;
	}
	.portail_cadre:nth-child(3) {
		flex-grow: 3;
	}
}

/* Page d'accueil et portail utilisant la même structure */
.accueil-contenu {
	margin: 0.4em -1% 0.4em 0;
	display: flex;
	flex-flow: wrap;
	overflow: hidden; /*be kind ie10 et les navigateurs ne gérant pas les flexbox */
}
.accueil-droite,
.accueil-gauche {
	display: flex;
	flex-flow: wrap;
	align-content: flex-start;
	margin: 0.4em 1% 0.4em 0;
	border: 1px solid #a7d7f9;
	border-radius: 1em;
}
.accueil-droite {
	background: #f5faff;
	flex: 21em;
	overflow: hidden;/*ie10*/
}
.accueil-gauche {
	flex: 2 35em;
	float: left; /*ie10*/
	width: 64%; /*ie10*/
}
.accueil-cadre {
	padding: 1.2em;
}
.accueil-cadre .mw-headline-number {
	display: none;
}

/* Retire le nom de la page d'accueil */
body.action-view.page-Accueil #firstHeading {
	position: absolute;
	top: -5000px;
}

/* Mise en page Accueil */

#accueil_en-tete {
	background: linear-gradient(to bottom, #fff, #e8f2f8);
	border-bottom: solid 1px #a8d7fc;
}
#accueil_bandeau {
	background: url("//upload.wikimedia.org/wikipedia/commons/d/d1/Wikivoyage-Logo-v3-en.svg") no-repeat 50px 1px;
	background-size: 100px 100px;
	padding: 1.5rem 1rem 1rem;
	font-family: 'Open Sans', Sans-serif;
}
#accueil_bloc-titre {
	display: inline-block;
	margin-left: 14rem;
	margin-bottom: 1rem;
	text-align: left;
	line-height: 1.6;
	color: #457;
}
#accueil_bloc-titre > h2 {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 200%;
	font-weight: bold;
	font-family: 'Open Sans', Sans-serif;
	color: #457;
}
#accueil_bloc-titre > p {
	margin: 0;
	padding: 0;
	font-size: 95%;
}
#accueil_bloc-liens {
	text-align: center;
	font-size: 90%;
	font-weight: bold;
}
#accueil_lien-mobile {
	margin-bottom: 1rem;
}

#accueil_contenu {
	margin-top: 1rem;
}
#accueil_contenu .portail-gauche {
	width: 60%;
}
#accueil_contenu .portail-droite {
	width: 40%;
}
#accueil_contenu:after {
	clear: both;
	display: table;
	content: '';
}

.accueil_cadre {
	border-radius: 0.2rem;
	padding: 1.2rem;
	margin-bottom: 1.6rem;
}
/* Light blue */
#content .color1 {
 box-shadow: 0 0 0.3rem #6cc8f3;
}
/* Light green */
#content .color2 {
 box-shadow: 0 0 0.3rem #80f000;
}
 
/* Dark green */
#content .color3 {
 box-shadow: 0 0 0.3rem #158200;
}
 
/* Orange */
#content .color4 {
 box-shadow: 0 0 0.3rem #EDAA02;
}
 
/* Red */
#content .color5 {
 box-shadow: 0 0 0.3rem #DB0003;
}
 
/* Brown */
#content .color6 {
 box-shadow: 0 0 0.3rem #AD5A1B;
}
 
/* Violet */
#content .color7 {
 box-shadow: 0 0 0.3rem #9154AD;
}
 
/* Black */
#content .color8 {
 box-shadow: 0 0 0.3rem #000000;
}
 
/* Dark blue */
#content .color9 {
 box-shadow: 0 0 0.3rem #0400FF;

}
/* S'assurer que ces règles emportent bien la priorité sur toutes les skins */
#mw-content-text .accueil_cadre h2 {
	font-variant: small-caps;
	letter-spacing: 0.01em;
	margin: -0.4rem 0 0.5rem;
}

.accueil_pied {
	margin-top: 1.8em;
	font-size: 85%;
	text-align: right;
}

@media (min-width: 982px) {
	#accueil_contenu {
		display: flex;
	}
	#accueil_contenu .portail-gauche,
	#accueil_contenu .portail-droite {
		display: flex;
		flex-direction: column;
	}
	.accueil_cadre:nth-child(1) {
		flex-grow: 1;
	}
	.accueil_cadre:nth-child(2) {
		flex-grow: 2;
	}
	.accueil_cadre:nth-child(3) {
		flex-grow: 3;
	}
}

/* Classe pour les listes horizontales séparées par des puces.
   Adaptation de la classe 'hlist' de en:User:Edokter.
   (cf. [[mw:Snippets/Horizontal lists]]). */
.liste-horizontale ul,
.liste-horizontale ol,
.liste-horizontale li {
	margin-left: 0;
	display: inline;
	white-space: nowrap;
}
.liste-horizontale li:after {
	content: " "; /* au cas ou Mediawiki supprime les retours ligne */
}
.liste-horizontale li + li:before {
	white-space: normal;
	content: "· ";
	font-weight: bold;
}
.liste-horizontale li li:first-child:before {
	white-space: normal;
	content: " (";
}
.liste-horizontale li ul:after,
.liste-horizontale li ol:after{
	content: ")";
	margin-left: -0.28em;
}
.liste-horizontale ol {
	counter-reset: listitem;
}
.liste-horizontale ol > li {
	counter-increment: listitem;
}
.liste-horizontale ol > li:first-child:before {
	content: "1.\202F";
}
.liste-horizontale li ol > li:first-child:before {
	content: " (1.\202F";
}
.liste-horizontale ol > li + li:before {
	content: "· " counter(listitem) ".\202F";
	font-weight: normal;
}
/* Listes sans puces */
.liste-simple ul {
	line-height: inherit;
	list-style: none none;
	margin: 0;
}
.liste-simple ul li {
	margin-bottom: 0;
}

.phoneinfo
{
    color: red;
    background: yellow;
    display: inline !important;
}
/* Classe pour les listes horizontales séparées par des puces.
   Adaptation de la classe 'hlist' de en:User:Edokter.
   (cf. [[mw:Snippets/Horizontal lists]]). */
.liste-horizontale ul,
.liste-horizontale li {
	margin-left: 0;
	display: inline;
	white-space: nowrap;
	*white-space: normal; /* be kind ie7 */
}
.liste-horizontale ul:after { /* be kind firefox (38) : cas ou le dernier élément est une sous-liste avec un seul élément */
	white-space: normal;
}
.liste-horizontale li:after {
	content: " "; /* au cas ou Mediawiki supprime les retours ligne */
}
.liste-horizontale li + li:before {
	white-space: normal;
	content: "· ";
	font-weight: bold;
}
.liste-horizontale li li:first-child:before {
	white-space: normal;
	content: " (";
}
.liste-horizontale li ul:after {
	content: ")";
	margin-left: -0.28em;
}

/* Listes sans puces */
.liste-simple ul {
	line-height: inherit;
	list-style: none none;
	margin: 0;
}
.liste-simple ul li {
	margin-bottom: 0;
}

/* Classes pour les colonnes des portails */
.portail-gauche {
	float: left;
}
.portail-droite {
	float: right;
}
@media screen and (max-width: 65em) {
	.portail-gauche,
	.portail-droite {
		float: none;
		width: auto !important;
	}
}

#accueil-ligne {
    border-top:1px solid #EEE;
    color:#C9C9C9;
    margin-top:10px;
    padding:0px 20px;
}
Récupérée de « https://fr.wikivoyage.org/w/index.php?title=Utilisateur:Omondi/common.css&oldid=457681 »