MediaWiki:Common.css
De WikiMetz : Encyclopédie sur l'Histoire de Metz, l'encyclopédie de Metz
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. */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arvo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,600;1,200;1,300&display=swap');
img.leaflet-marker-icon {clip-path: none !important;}
.sidebar-chunk {
font-size: 0.9rem !important;
}
div.logo-tamm-girouette {
width: 20px;
display: block;
height: 35px;
float: left;
font-family: 'Montserrat';
font-weight: 900;
color: white;
text-align: center;
}
div.logo-tamm-M{
background-color: #f58511;
}
div.logo-tamm-numero{
display: block;
background-color: #1d1d1b;
width: 16px;
float: left;
margin-left: 5px;
padding: 5px 13px;
color: white;
font-family: 'Montserrat';
font-weight: 900;
text-align: center;
font-size: 1.4em;
}
body {
font-family: 'Montserrat';
color: #000000;
background: #72777d;
font-size: 1.02rem;
font-weight: 300;
line-height: 1.6rem;
letter-spacing: -0.2px;
}
#toc { border-color:#6d0a0a}
.toctitle h2 { font-size:1.3em !important; font-family:'Linux Libertine','Times New Roman','Liberation Serif','Nimbus Roman','Noto Serif','Times',serif !important; }
a,a:visited{
color:#0088dd;
}
a.new,.new a,a.new:visited,.new a:visited{
border-bottom: 1px #a5b5ef dotted;
color:#0088dd;
}
.mw-parser-output a{
font-family: 'Arvo', serif;
font-weight:400;
}
.mw-parser-output b > a {
font-weight: bold !important;
}
a:hover,a:visited:hover{
color:#006699;
}
a.new:hover,.new a:hover,a.new:visited:hover,.new a:visited:hover{
color:#ba0000;
text-decoration:none;
border-bottom: 1px #dd3333 dotted;
}
span.cartouche
{ display: inline-block;
width: auto;
padding: 2px 6px;
font-size: 12px;
font-weight: 700;
}
span.cartouche>a {
color:white; }
span.numero:before
{
content:"";
position: absolute;
top: 2px;
left: 2px;
right: 2px;
bottom: 2px;
border: 1px solid white;
border-radius: 5px;
}
span.numero
{
display: inline-flex;
background: #1f69a5;
color: white;
padding: 0px 12px;
/* margin-right: 4px; */
/* float: left; */
font-size: 87%;
text-align: center;
font-weight: bold;
vertical-align: baseline;
font-family: 'Arvo';
/* border: 1px solid white; */
position: relative;
/* height: 2em; */
/* width: 2em; */
/* text-align: center; */
}
blockquote{
border: 1px solid #e3dcdc;
box-shadow: 3px 3px 3px 0px #0000005c;
padding: 3px 28px;
width: fit-content;
}
.cite_virgule {
/* padding-left: 0;
padding-right: 1px; */
}
.color-left{background:#800103;}
.color-right{background: #333;}
.color-middle{background: #a2a9b1;}
#mw-content-container{border-bottom: solid 4px #800103;}
body{background:#222}
#mw-footer-container { border-top: solid 1px #2b2626;}
#mw-content h1.firstHeading {
font-size: 1.8em;
font-weight: bold;
margin-bottom: 0.5em;
border-bottom: solid 4px #800103;
padding-bottom: 0.2em;
text-align: center;
font-family: 'Montserrat';
text-transform: uppercase;
}
p{text-align: justify;
}
ul.infobox-chrono {
text-align: center;
margin: 0;
padding: 0;
}
ul.infobox-chrono li {
display: inline-block;
padding: 2px;
text-align: center;}
ul.infobox-chrono li:not(:first-child):before {
content: "\00007C";
color: #263238;
font-weight: bold;
display: inline-block;
margin-right: 5px;
}
.bandeau-article{
display:block;
position: relative;
background: #263238;
margin: 10px 20px;
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
}
.bandeau-article a, .bandeau-article a.new:hover, .bandeau-article a:hover, .bandeau-article a.new:visited, .bandeau-article a:visited {
border-bottom: 1px dotted;
color:white !important;
}
.bandeau-article-info{
background: #595959;
}
.bandeau-article-warning{
background: #6a8697;
}
.bandeau-article-alert{
background:#800103;
}
.bandeau-article-image{
display: inline-block;
float: right;
border-radius: 50px 0 0 50px;
height: 29px;
font-size: 21px;
padding: 22px 16px;
background: rgba(0, 0, 0, 0.25);
color: white;
}
.bandeau-copy-image{
display: inline-block;
float: left;
height: auto;
font-size: 24px;
padding:11px 22px;
background: rgba(0, 0, 0, 0.25);
color:white;
}
.bandeau-article-texte{
padding: 17px;
display: left;
font-size: 0.9em;
text-align: center;
line-height: 14px;
letter-spacing: -0.6px;
height: 38px;
overflow: hidden;
color: white;
font-family: 'Montserrat';
}
.bandeau-article-texte > p{
margin-top: 3px;
letter-spacing: -0.5px;
text-align: center;
}
.bandeau-copy-texte{
padding:15px;
display:left;
font-size: 0.9em;
text-align: center;
line-height: 0.9em;
letter-spacing: -0.4px;
height: 25px;
overflow: hidden;
color:white;
}
.bandeau-article-texte>strong{
color: white;
text-align: center;
line-height: 0.4em;
font-weight: bold;
font-family: 'Montserrat';
text-transform: uppercase;
}
.bandeau-inside {
display: block;
font-size: 0.95em;
border-width: 1px 0;
padding: 0.2em 0.5em 0.3em 0;
margin: 0.3em 0 0.7em 2em;
background-color: #fdfdfd;
background-color: #fbfbfb;
border-style: solid;
overflow: hidden;
position: relative;
}
.b-i-warning{
border-color: #77ccff;
}
.b-i-alert{
border-color: #800103;
}
.b-i-info{
border-color: #e7e7e7;
}
.infobox-container { display:inline-grid; border: 1px solid #800103;
font-family: 'Montserrat', sans-serif;
margin: 0.5em 0 1em 1em;
-webkit-box-shadow: 0 10px 6px -6px #777;
background:#e8e4e4;
background-size: 36px;
background-repeat: no-repeat;
background-position-x: 10px;
background-position-y: 7px;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;}
@media (min-width:851px) {
.infobox-container { float:right; width:20em;}
}
@media (max-width:850px) {
.infobox-container { width:100%; margin:0; }
}
.infobox-title{
background: #0000004a;
padding: 0.7em;
text-align: center;
font-size: 1.2em;
margin: 0px;
color: white;
}
.infobox-image {
text-align: center;
display: flex;
justify-content: space-around;
align-items: center;
}
.infobox-image img{
border: 1px solid #990000;
margin-top: 8px;
}
.infobox-section {
background: #800103;
padding: 0.2em;
text-align: center;
font-size: 0.8em;
font-weight: 600;
margin: 4px;
color: white;
clear:both;
}
.infobox-content{
padding: 0.2em;
font-size: 0.8em;
margin: 4px;
}
.infobox-content-l{
display: block;
float: left;
font-weight:600;
width: 40%;
margin-bottom: 5px;
clear:both; }
.infobox-content-r{
display: block;
margin-bottom: 5px;
float: right;
width: 60%; }
.home-col{ width:calc(50% - 50px); float:left; margin-right:25px }
.home-col-r{ width:calc(50% - 50px); float:right; margin-left:25px }
@media (max-width: 800px) {
.home-col,.home-col-r{ width:100%; }
}
.bg-park{
background-image: url(/resources/assets/park.png);
}
.bg-time{
background-image: url(/resources/assets/temps.png);
}
.bg-building{
background-image: url(/resources/assets/batiment.png);
}
.bg-people{
background-image: url(/resources/assets/personne.png);
}
.bg-road{
background-image: url(/resources/assets/route.png);
}
.bg-water{
background-image: url(/resources/assets/water.png);
}
.bg-bridge{
background-image: url(/resources/assets/bridge.png);
}
span.partipol {
border-left: 6px solid;
padding-left: 4px;
font-weight: 600;
}
.parti_UDF,.parti_NC,.parti_LC,.parti_CDS,.parti_UDFC, .parti_MR, .parti_DLI, .parti_CNI, .parti_RI, .parti_CR, .parti_Modérés {
border-color:#26c4ec !important;
}
.parti_UDI,.parti_CDP,.parti_MRP {
border-color:#00FFFF !important;
}
.parti_PS, .parti_UDSR, .parti_SFIO, .parti_PSF, .parti_PSOR, .parti_DVG {
border-color:#FF8080 !important;
}
.parti_MoDem {
border-color:#ff9900 !important;
}
.parti_DVD {
border-color:#adc1fd !important;
}
.parti_Ecolo, .parti_EELV, .parti_LV, .parti_Cap21,.parti_NED {
border-color:#77ff77 !important;
}
.parti_RPR, .parti_RPF, .parti_UDR, .parti_UMP, .parti_LR, .parti_UNR, .parti_UNR-UDT, .parti_PRSRF {
border-color:#0066cc !important;
}
.parti_FG, .parti_PCF, .parti_PG, .parti_LFI, .parti_PC, .parti_FA, .parti_UA, .parti_SFIC {
border-color:#dd0000 !important;
}
.parti_LO, .parti_LCR, .parti_NPA, .parti_EXG {
border-color:#bb0000 !important;
}
.parti_FR{
border-color:#0e2d4d !important;
}
.parti_LREM {
border-color:#ffeb00 !important;
}
.parti_PRL, .parti_URL, .parti_URD {
border-color:rgb(38, 196, 236) !important;
}
.parti_AD, .parti_ARD, .parti_PRD {
border-color:gold !important;
}
.parti_PRRRS, .parti_DVC, .parti_ADD, .parti_CD, .parti_FD {
border-color:#ffcc33 !important;
}
.parti_RN, .parti_FN, .parti_EXD {
border-color:#0D378A !important;
}
.parti_SE, .parti_DIV, .parti_MDR {
border-color:#888888 !important;
}
div.panno_rapide {
border: solid 2px white;
background-color: #025d52;
color: white;
text-transform: uppercase;
padding: 2px 8px;
font-family: 'Raleway', sans-serif;
font-weight:600;
letter-spacing:2px;
clear:left;
font-size:9px;
float:left;
justify-content: space-between;
align-items: center;
display:inline-flex;
width:185px;
}
div.panno_autoroute {
border: solid 2px white;
background-color: #0d3ba7;
color: white;
text-transform: uppercase;
padding: 2px 8px;
font-family: 'Raleway', sans-serif;
font-weight:600;
justify-content: space-between;
align-items: center;
display:inline-flex;
width:185px;
letter-spacing:2px;
clear:left;
font-size:9px;
float:left;
}
div.panno_route {
border: solid 2px black;
background-color: white;
color: black;
padding: 2px 8px;
font-family: 'Raleway', sans-serif;
font-weight:600;
justify-content: space-between;
align-items: center;
display:inline-flex;
width:185px;
letter-spacing:2px;
clear:left;
float:left;
font-size:9px;
}
div.panno_italic {
font-style: italic;
}
div.panno_droite::after {
font-family: FontAwesome;
content: "\f061";
padding-left: 30px;
}
div.panno_gauche::before {
font-family: FontAwesome;
content: "\f060";
padding-right: 30px;
}
div.panno_haut::before {
font-family: FontAwesome;
content: "\f062";
padding-right: 30px;
}
div.panno_bas::before {
font-family: FontAwesome;
content: "\f063";
}
div.panno_parking {
border: solid 1px black;
background-color: white;
color: white;
padding: 2px 8px;
font-family: 'Raleway', sans-serif;
font-weight: 600;
justify-content: space-between;
align-items: center;
display:inline-flex;
width:185px;
letter-spacing: 2px;
clear:left;
float:left;
}
div.panno_parking::after, div.panno_parking:before {
color:black;
}
div.panno_parking span{
font-size: 10px;
background-color:#116955;
}
div.panno_parking span::before{
content: 'P';
color: #116955;
background: white;
border: 1px solid #116955;
padding: 1px;
font-weight: bold;
font-style: normal;
margin-right: 5px;
}
table.topographie {
border-spacing:0;
}
td.topographie_left {
text-align: right;
padding-right: 10px;
width: 200px;
font-size:medium;
}
td.topographie_right {
text-align: left;
padding-left: 10px;
width: 200px;
font-size:medium;
}
td.topographie_right.topographie_entre::before{
font-family: FontAwesome;
content: "\f060 ";
margin-right: 8px;
}
td.topographie_right.topographie_sort::after{
font-family: FontAwesome;
content: "\f061 ";
margin-right: 8px;
}
td.topographie_left.topographie_entre::after{
font-family: FontAwesome;
content: "\f061 ";
margin-right: 8px;
}
td.topographie_left.topographie_sort::before{
font-family: FontAwesome;
content: "\f060 ";
margin-right: 8px;
}
td.topographie_top.topographie_sort::before{
font-family: FontAwesome;
content: "\f062 ";
margin-right: 8px;
}
td.topographie_top.topographie_entre::after{
font-family: FontAwesome;
content: "\f063 ";
margin-right: 8px;
}
td.topographie_bottom.topographie_sort::after{
font-family: FontAwesome;
content: "\f063 ";
margin-right: 8px;
}
td.topographie_bottom.topographie_entre::before{
font-family: FontAwesome;
content: "\f062 ";
margin-right: 8px;
}
td.topographie_middle{
background: #616161;
width: 45px;
border-spacing: 10px;
text-align:center;
padding: 5px 0;
}
td.topographie_top,td.topographie_bottom {
text-align:center;
padding: 5px 0;
font-size:medium;
}
td.topographie_pieton
{
background:#a38e6d
}
.mw-wiki-logo.timeless-logo img {
width:170px;
}
a.timeless-logo {
font-size: 1em;
display: inline-block;
font-weight: 600;
text-transform: uppercase;
font-family: 'Arvo';
background-color: #830c0e;
background-image: linear-gradient(38deg, #686968, #a31010);
background-size: 100%;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
}
.logo-mh{
display: inline-flex;
float: right;
clear: both;
justify-content: center;
margin: 0 0 20px 20px;
box-shadow: -3px 4px 0px 0px #931515;
}
table.road td {
border:0
}
table.road th {
background-image: url(/images/e/e9/Fond-route.png);
background-size: auto;
background-position: center;
background-color: white;
text-align:center;
border:none;
}
table.road {
border:0;
background-color: white;
text-align:center;
}
.m10a_Nationale {
margin: 0 1px;
font-size: 90%;
line-height: normal;
padding: 2px 6px;
border-radius: 3px;
background: #d40000;
color: #ffffff;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
white-space: nowrap;
}
.m10a_Départementale {
margin: 0 1px;
font-size: 90%;
line-height: normal;
padding: 2px 6px;
border-radius: 3px;
background: #ffd300;
color: black;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
white-space: nowrap;
}
.m10a_Métropolitaine {
margin: 0 1px;
font-size: 90%;
line-height: normal;
padding: 2px 6px;
border-radius: 3px;
background: #37bbff;
color: #ffffff;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
white-space: nowrap;
}
.m10a_Européenne {
margin: 0 1px;
font-size: 90%;
line-height: normal;
padding: 2px 6px;
border-radius: 3px;
background: #2DA327;
color: #ffffff;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
white-space: nowrap;
}
.m10a_Autoroute {
margin: 0 1px;
font-size: 90%;
line-height: normal;
padding: 2px 6px;
border-radius: 3px;
background: #001dbb;
color: #ffffff;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
white-space: nowrap;
}
.m10a_Vicinal {
margin: 0 1px;
font-size: 90%;
line-height: normal;
padding: 2px 6px;
border-radius: 3px;
background: #ffffff;
color: #ff0000;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
white-space: nowrap;
border: 1px solid #ff0000;
}
WikiMetz : Encyclopédie sur l'Histoire de Metz
