MediaWiki:Common.css - Historique des versions

Vianney : Page blanchie

2026-04-24T20:37:44Z

Page blanchie

← Version précédente		Version du 24 avril 2026 à 21:37
Ligne 1 :		Ligne 1 :
	~~/* --- STYLE INFOBULLE STYLE WIKIPÉDIA --- */~~

	~~/* Le mot souligné dans le texte */~~
	~~.m-popups {~~
	~~position: relative;~~
	~~display: inline;~~
	~~color: #3366cc; /* Bleu lien Wikipédia */~~
	~~border-bottom: 1px dotted #a2a9b1;~~
	~~cursor: help;~~
	~~text-decoration: none;~~
	}

	~~/* La boîte qui surgit (la carte) */~~
	~~.m-popups-card {~~
	~~visibility: hidden;~~
	~~width: 350px;~~
	~~background: #ffffff;~~
	~~border: 1px solid #a2a9b1;~~
	~~border-radius: 3px;~~
	~~box-shadow: 0 4px 12px rgba(0,0,0,0.15);~~
	~~position: absolute;~~
	~~z-index: 1000;~~
	~~bottom: 140%; /* Distance par rapport au mot */~~
	~~left: 50%;~~
	~~margin-left: -175px; /* Pour centrer la boîte */~~
	~~opacity: 0;~~
	~~transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;~~
	~~transform: translateY(10px);~~
	~~pointer-events: none;~~
	}

	~~/* Affichage au survol du mot */~~
	~~.m-popups:hover .m-popups-card {~~
	~~visibility: visible;~~
	~~opacity: 1;~~
	~~transform: translateY(0);~~
	}

	~~/* Zone de contenu avec Padding de 20px */~~
	~~.m-popups-content {~~
	~~padding: 20px;~~
	~~color: #202122;~~
	~~font-size: 14px;~~
	~~line-height: 1.6;~~
	~~font-family: sans-serif;~~
	~~text-align: left;~~
	}

	~~/* Le titre à l'intérieur de la bulle */~~
	~~.m-popups-title {~~
	~~display: block;~~
	~~font-size: 18px;~~
	~~font-weight: bold;~~
	~~margin-bottom: 12px;~~
	~~padding-bottom: 8px;~~
	~~border-bottom: 1px solid #eaecf0; /* Ligne de séparation grise */~~
	~~font-family: 'Linux Libertine', 'Georgia', serif;~~
	}

	~~/* Image à l'intérieur de la bulle */~~
	~~.m-popups-image {~~
	~~float: right;~~
	~~margin-left: 15px;~~
	~~margin-bottom: 10px;~~
	~~border: 1px solid #eaecf0;~~
	~~max-width: 100px;~~
	~~height: auto;~~
	}

	~~/* La flèche de pointage en bas de la boîte */~~
	~~.m-popups-card::after {~~
	~~content: "";~~
	~~position: absolute;~~
	~~top: 100%;~~
	~~left: 50%;~~
	~~margin-left: -10px;~~
	~~border-width: 10px;~~
	~~border-style: solid;~~
	~~border-color: #ffffff transparent transparent transparent;~~
	}

Vianney le 24 avril 2026 à 20:17

2026-04-24T20:17:07Z

← Version précédente		Version du 24 avril 2026 à 21:17
Ligne 1 :		Ligne 1 :
	/* ~~Popups~~ */		/* --- STYLE INFOBULLE STYLE WIKIPÉDIA --- */

			/* Le mot souligné dans le texte */
	.m-popups {		.m-popups {
	position: relative;		position: relative;
	display: inline;		display: inline;
	color: #3366cc;		color: #3366cc; /* Bleu lien Wikipédia */
	~~text-decoration: none;~~
	border-bottom: 1px dotted #a2a9b1;		border-bottom: 1px dotted #a2a9b1;
	cursor: help;		cursor: help;
			text-decoration: none;
	}		}

			/* La boîte qui surgit (la carte) */
	.m-popups-card {		.m-popups-card {
	visibility: hidden;		visibility: hidden;
	width: ~~320px~~;		width: 350px;
	background: #ffffff;		background: #ffffff;
	border: 1px solid #a2a9b1;		border: 1px solid #a2a9b1;
	border-radius: ~~2px~~;		border-radius: 3px;
	box-shadow: 0 4px ~~10px~~ rgba(0,0,0,0.2);		box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	position: absolute;		position: absolute;
	z-index: 1000;		z-index: 1000;
	bottom: ~~130~~%;		bottom: 140%; /* Distance par rapport au mot */
	left: 50%;		left: 50%;
	margin-left: -~~160px;~~		margin-left: -175px; /* Pour centrer la boîte */
	~~padding: 0;~~
	~~color: #202122;~~
	~~font-size: 14px;~~
	~~line-height: 1.5;~~
	~~transition: opacity 0.2s~~;
	opacity: 0;		opacity: 0;
			transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
			transform: translateY(10px);
			pointer-events: none;
	}		}

			/* Affichage au survol du mot */
	.m-popups:hover .m-popups-card {		.m-popups:hover .m-popups-card {
	visibility: visible;		visibility: visible;
	opacity: 1;		opacity: 1;
			transform: translateY(0);
			}

			/* Zone de contenu avec Padding de 20px */
			.m-popups-content {
			padding: 20px;
			color: #202122;
			font-size: 14px;
			line-height: 1.6;
			font-family: sans-serif;
			text-align: left;
			}

			/* Le titre à l'intérieur de la bulle */
			.m-popups-title {
			display: block;
			font-size: 18px;
			font-weight: bold;
			margin-bottom: 12px;
			padding-bottom: 8px;
			border-bottom: 1px solid #eaecf0; /* Ligne de séparation grise */
			font-family: 'Linux Libertine', 'Georgia', serif;
	}		}

	~~.m-popups-content { padding: 16px; }~~		/* Image à l'intérieur de la bulle */
	.m-popups-image { float: right; margin-left: 10px; border: 1px solid #~~f8f9fa~~; }		.m-popups-image {
	.m-~~popups-title { display~~: ~~block~~; ~~font-weight~~: ~~bold; font-size: 16px; margin-bottom: 8px; font-family: 'Linux Libertine','Georgia','Times',serif~~; }		float: right;
			margin-left: 15px;
			margin-bottom: 10px;
			border: 1px solid #eaecf0;
			max-width: 100px;
			height: auto;
			}

	/* La ~~petite~~ flèche */		/* La flèche de pointage en bas de la boîte */
	.m-popups-card::after {		.m-popups-card::after {
	content: "";		content: "";
Ligne 48 :		Ligne 78 :
	border-style: solid;		border-style: solid;
	border-color: #ffffff transparent transparent transparent;		border-color: #ffffff transparent transparent transparent;
	~~filter: drop-shadow(0 1px 1px rgba(0,0,0,0.2));~~
	}		}

Vianney : Page créée avec « /* Popups */ .m-popups { position: relative; display: inline; color: #3366cc; text-decoration: none; border-bottom: 1px dotted #a2a9b1; cursor: help; } .m-popups-card { visibility: hidden; width: 320px; background: #ffffff; border: 1px solid #a2a9b1; border-radius: 2px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); position: absolute; z-index: 1000; bottom: 130%; left: 50%; margin-left: -160px; pa... »

2026-04-24T20:01:50Z

Page créée avec « Popups : .m-popups { position: relative; display: inline; color: #3366cc; text-decoration: none; border-bottom: 1px dotted #a2a9b1; cursor: help; } .m-popups-card { visibility: hidden; width: 320px; background: #ffffff; border: 1px solid #a2a9b1; border-radius: 2px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); position: absolute; z-index: 1000; bottom: 130%; left: 50%; margin-left: -160px; pa... »

Nouvelle page

/* Popups */
.m-popups {
position: relative;
display: inline;
color: #3366cc;
text-decoration: none;
border-bottom: 1px dotted #a2a9b1;
cursor: help;
}

.m-popups-card {
visibility: hidden;
width: 320px;
background: #ffffff;
border: 1px solid #a2a9b1;
border-radius: 2px;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
position: absolute;
z-index: 1000;
bottom: 130%;
left: 50%;
margin-left: -160px;
padding: 0;
color: #202122;
font-size: 14px;
line-height: 1.5;
transition: opacity 0.2s;
opacity: 0;
}

.m-popups:hover .m-popups-card {
visibility: visible;
opacity: 1;
}

.m-popups-content { padding: 16px; }
.m-popups-image { float: right; margin-left: 10px; border: 1px solid #f8f9fa; }
.m-popups-title { display: block; font-weight: bold; font-size: 16px; margin-bottom: 8px; font-family: 'Linux Libertine','Georgia','Times',serif; }

/* La petite flèche */
.m-popups-card::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border-width: 10px;
border-style: solid;
border-color: #ffffff transparent transparent transparent;
filter: drop-shadow(0 1px 1px rgba(0,0,0,0.2));
}

MediaWiki:Common.css - Historique des versions

Vianney : Page blanchie

Vianney le 24 avril 2026 à 20:17

Vianney : Page blanchie