Différences entre les versions de « MediaWiki:Common.css »
Aller à la navigation
Aller à la recherche
(70 versions intermédiaires par le même utilisateur non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
/* Le CSS placé ici sera appliqué à tous les habillages. */ | /* Le CSS placé ici sera appliqué à tous les habillages. */ | ||
/* | /* POLICE DU WIKI */ | ||
@import url('https://fonts.googleapis.com/css2?family=ABeeZee&display=swap'); | |||
/* Largeur du contenu */ | |||
.ts-inner{ | |||
max-width:100% !important; | |||
} | |||
.color-middle-container, .ts-inner{ | |||
padding:0 0.5em !important; | |||
} | |||
@media screen and (min-width: 1100px){ | |||
#mw-related-navigation{ | |||
float:left !important; | |||
clear:left !important; | |||
width:11em !important; | |||
padding-left:0px !important; | |||
} | |||
#mw-site-navigation{ | |||
width:12em !important; | |||
} | |||
} | |||
#mw-content{ | |||
margin-left:12em !important; | |||
margin-right:0px !important; | |||
} | |||
/* Titre wiki */ | |||
#p-logo-text a.long{ | |||
font-size:1.5em !important; | |||
} | } | ||
Ligne 15 : | Ligne 45 : | ||
.color-middle{ | .color-middle{ | ||
background:#f3f3f3 !important; | background:#f3f3f3 !important; | ||
margin-left:7em !important; | |||
margin-right:11em !important; | |||
} | } | ||
Ligne 29 : | Ligne 61 : | ||
#mw-footer-container{ | #mw-footer-container{ | ||
border-top: solid 1px #FFF !important; | border-top: solid 1px #FFF !important; | ||
} | |||
/* Corrections RWD */ | |||
@media screen and (max-width: 1100px) { | |||
#mw-content{ | |||
margin-left:0 !important;} | |||
#menus-cover { | |||
display: none; | |||
position: fixed; | |||
top: 0; | |||
left: 0; | |||
z-index: 99; | |||
width: 100%; | |||
height: 100%; | |||
background: #f3f3f3; | |||
opacity: .8; | |||
overflow: hidden; | |||
} | |||
} | |||
@media screen and (max-width: 430px) { | |||
#p-logo-text { | |||
position: relative; | |||
top: 0.75em; | |||
left: 4em; | |||
text-align: left; | |||
height: 80px; | |||
} | |||
} | |||
/* Sommaire */ | |||
#toc ul, .toc ul{ | |||
margin:0px 0px 0px 0px !important; | |||
} | |||
/* Bordure Wikitables */ | |||
.wikitable, table.wikitable, table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td{ | |||
border:1px solid #aaa; | |||
} | |||
/* Espace paragraphe si script */ | |||
#vide p{ | |||
display:none; | |||
} | |||
/* Infobox - Général */ | |||
.infobox_cadre{ | |||
background:#fcfcfc; | |||
margin:15px; | |||
padding:5px; | |||
border:1px #aaaaaa solid; | |||
width:300px; | |||
float: right; | |||
clear: right; | |||
border-spacing: 5px; | |||
border-collapse: separate; | |||
} | |||
.infobox_entete{ | |||
background-position: right center; | |||
background-repeat: no-repeat; | |||
height:43px; | |||
vertical-align: middle; | |||
text-align: center; | |||
font-size:130%; | |||
font-weight:bolder; | |||
} | |||
/* Infobox - Villes & Provinces */ | |||
.icone_ville{ | |||
background-image: url("https://upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png"); | |||
} | |||
.ville_catalogne, .catalogne{ | |||
background-color:#FFD700; | |||
color:#000; | |||
} | |||
.ville_transalpie, .transalpie{ | |||
background-color:#07045D; | |||
color:#FFF; | |||
} | |||
.ville_tyrsenie, .tyrsenie{ | |||
background-color:#6B08A1; | |||
color:#FFF; | |||
} | |||
.ville_antsiranana, .antsiranana{ | |||
background-color:#008000; | |||
color:#FFF; | |||
} | |||
.ville_septimanie, .septimanie{ | |||
background-color:#9D2632; | |||
color:#FFF; | |||
} | |||
.ville_norijo, .norijo{ | |||
background-color:#C0C0C0; | |||
color:#000; | |||
} | |||
/* Infobox - Personnages */ | |||
.personnage{ | |||
background-color:#87CEEB; | |||
color:#000; | |||
} | |||
.imperatore{ | |||
background-color:#441D61; | |||
color:#FFF; | |||
} | |||
.famille_imperiale{ | |||
background-color:#FFD700; | |||
color:#000; | |||
} | |||
.gardien_de_la_democratie{ | |||
background-color:#000; | |||
color:#FFF; | |||
} | |||
.president_de_la_cour_supreme{ | |||
background-color:#7030A0; | |||
color:#FFF; | |||
} | |||
.juge_de_la_cour_supreme{ | |||
background-color:#9E5ECE; | |||
color:#000; | |||
} | |||
.negociateur_imperial{ | |||
background-color:#4b0082; | |||
color:#FFF; | |||
} | |||
.chancelier_supreme{ | |||
background-color:#000066; | |||
color:#FFF; | |||
} | |||
.vice_chancelier{ | |||
background-color:#0000FF; | |||
color:#FFF; | |||
} | |||
.ministre_federal{ | |||
background-color:#0066FF; | |||
color:#FFF; | |||
} | |||
.president_assemblee_federale { | |||
background-color:#C00000; | |||
color:#FFF; | |||
} | |||
.vice_president_assemblee_federale { | |||
background-color:#DD0000; | |||
color:#FFF; | |||
} | |||
.gouverneur{ | |||
background-color:#228B22; | |||
color:#000; | |||
} | |||
.vice_gouverneur{ | |||
background-color:#4CBB17; | |||
color:#000; | |||
} | |||
.depute_federal{ | |||
background-color:#FF2828; | |||
color:#000; | |||
} | |||
.depute_provincial{ | |||
background-color:#C71585; | |||
color:#FFF; | |||
} | |||
.maire{ | |||
background-color:#50C878; | |||
color:#000; | |||
} | |||
.adjoint_maire{ | |||
background-color:#99dfb0; | |||
color:#000; | |||
} | |||
.poste_ancienne_version{ | |||
background-color:#9E8DA7; | |||
color:#000; | |||
} | |||
/* Infobox - Institutions */ | |||
.executif{ | |||
background-color:#4682B4; | |||
color:#FFF; | |||
} | |||
.legislatif{ | |||
background-color:#DC143C; | |||
color:#FFF; | |||
} | |||
.provincial{ | |||
background-color:#2E8B57; | |||
color:#FFF; | |||
} | |||
/* PAGE ACCUEIL */ | |||
.flexaround{ | |||
display: flex; | |||
justify-content: space-around; | |||
align-content : center; | |||
} | |||
#calendrier { | |||
background-image: url(https://wiki.froce.fr/xfond-calendrier.png.pagespeed.ic.WXWuCsY3LA.png); | |||
padding: 27px 18px 0px 5px; | |||
background-size: 90%; | |||
background-repeat: no-repeat; | |||
width: 120px; | |||
height: auto; | |||
} | |||
#date{ | |||
text-align:center; | |||
text-transform:uppercase; | |||
} | |||
#jour_virtuel{ | |||
display:block; | |||
font-size:30px; | |||
font-style:italic; | |||
} | |||
#mois_virtuel{ | |||
display:block; | |||
font-size:15px; | |||
font-style:italic; | |||
} | |||
#annee_virtuelle{ | |||
display:block; | |||
font-size:30px; | |||
font-weight:bold; | |||
} | |||
.tiers{ | |||
width:20%; | |||
} | |||
.demi{ | |||
width:25%; | |||
} | |||
@media screen and (max-width: 1000px) { | |||
.flexaround{ | |||
display:block !important; | |||
} | |||
#calendrier{ | |||
background-image: url("https://wiki.froce.fr/fond-calendrier.png"); | |||
padding: 30px 15px 0px 5px; | |||
background-size: 90%; | |||
background-repeat: no-repeat; | |||
width: 130px; | |||
height: auto; | |||
float: right; | |||
} | |||
.tiers{ | |||
width:90%; | |||
} | |||
.demi{ | |||
width:90%; | |||
} | |||
} | |||
.boxaccueil{ | |||
border: 1px solid #f3f3f3; | |||
border-radius : 10px 10px 0px 0px; | |||
} | |||
.boxtitreaccueil{ | |||
background: #105086; | |||
color: #FFF; | |||
font-weight:bold; | |||
text-align: center; | |||
border-radius: 10px 10px 0 0; | |||
padding: 5px; | |||
border-bottom: 1px solid #f3f3f3; | |||
} | |||
/* Portail Paramètres Généraux */ | |||
.bandeau{ | |||
width:300px; | |||
height:40px; | |||
text-align:left; | |||
position:relative; | |||
top:2px; | |||
margin:2px 0 8px 0; | |||
background-image: linear-gradient(90deg, #cc2030, white); | |||
} | |||
.bandeau-bloc-icon { | |||
position: absolute; | |||
left: 10px; | |||
top: -10px; | |||
background: white; | |||
border-radius: 30px; | |||
border: 1px #105086 dotted; | |||
width: 50px; | |||
height: 50px; | |||
padding: 5px; | |||
} | |||
.bandeau-bloc-icon p{ | |||
margin: 0px 0px !important; | |||
} | |||
.bandeau-bloc-icon img { | |||
width: 50px; | |||
height: 50px; | |||
} | |||
.bandeau-bloc-text{ | |||
position:absolute; | |||
left:40px; | |||
top:1px; | |||
} | |||
.bandeau-bloc-text h3{ | |||
margin-top:3px; | |||
margin-left:45px; | |||
font-family:inherit; | |||
font-weight:bold; | |||
border-bottom:none; | |||
font-size:20px; | |||
padding:0em; | |||
} | |||
.bandeau-bloc-text h3 span a, .bandeau-bloc-text h3 a{ | |||
text-decoration:none; | |||
color:#FFF; | |||
} | |||
.sous-titre-portail{ | |||
border-bottom: dotted 1px #105086; | |||
font-weight:bold; | |||
font-size:16px; | |||
} | |||
/* Portail Accueil */ | |||
.accueil_cadre{ | |||
box-shadow: 0 0 0.3rem #999; | |||
border-radius: 0.2rem; | |||
padding: 1.2rem; | |||
margin-bottom: 1.6rem; | |||
} | |||
.accueil_cadre_liens{ | |||
box-shadow: 0 0 0.3rem #999; | |||
border-radius: 0.2rem; | |||
padding: 1.2rem; | |||
margin-bottom: 1.6rem; | |||
background:#105086; | |||
color:white; | |||
} | |||
.accueil_cadre_liens > div > div > a{ | |||
color:white !important; | |||
} | |||
.portail-gauche, .portail-droite { | |||
width: 50%; | |||
box-sizing: border-box; | |||
} | |||
.portail-gauche { | |||
float: left; | |||
padding-right: 1.2rem; | |||
} | |||
.portail-droite { | |||
float:right; | |||
} | |||
@media (min-width: 982px) { | |||
.accueil_cadre:nth-child(3) { | |||
flex-grow: 3; | |||
} | |||
.accueil_contenu { | |||
display: flex; | |||
} | |||
.portail-gauche, .portail-droite{ | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
} | |||
/* Portail Introduction */ | |||
#intro-titre h2{ | |||
font-size:20px; | |||
font-weight:bold; | |||
text-transform:uppercase; | |||
text-align:center; | |||
} | |||
#intro-texte{ | |||
font-size:14px; | |||
font-style:italic; | |||
text-align:center; | |||
} | |||
/* Infobox V3 | |||
div.infobox_v3{ | |||
padding: 5px; | |||
width: 25em; | |||
background: #f9f9f9; | |||
border: 1px solid #aaa; | |||
clear: right; | |||
float: right; | |||
font-size: 0.9em; | |||
line-height: 1.4; | |||
margin: 0 0 0.5em 1em; | |||
max-width: 325px; | |||
word-wrap: break-word; | |||
} | |||
*/ | |||
/* PROJET INFOBOX BIOGRAPHIES */ | |||
#infobox-biographie { | |||
float: right; | |||
width: 30%; | |||
margin-left: 20px; | |||
margin-bottom: 20px; | |||
padding:10px; | |||
border:1px solid #008080; | |||
box-shadow:0 0 0.2rem #008080; | |||
} | |||
#infobox-biographie .infobox_v3{ | |||
width:100% !important; | |||
} | |||
#infobox-biographie .entete{ | |||
text-align: center; | |||
font-size: 20px; | |||
font-family: "ABeeZee", sans-serif; | |||
text-transform: uppercase; | |||
padding:5px; | |||
margin-bottom:15px; | |||
} | |||
#infobox-biographie p.bloc { | |||
margin: 5px 0; | |||
font-weight: bold; | |||
text-align: center; | |||
font-size: 18px; | |||
font-family: "ABeeZee", sans-serif; | |||
} | |||
#infobox-biographie table caption { | |||
margin-top: 5px; | |||
font-size: 16px; | |||
font-weight: bold; | |||
font-style: italic; | |||
width:100%; | |||
font-family: "ABeeZee", sans-serif; | |||
} | |||
#infobox-biographie .images{ | |||
text-align:center !important; | |||
} | |||
#infobox-biographie .legend{ | |||
font-size:11px; | |||
font-style:italic; | |||
text-align:center; | |||
font-family: "ABeeZee", sans-serif; | |||
} | |||
@media screen and (min-width: 880px) and (max-width: 1080px) { | |||
#infobox-biographie { | |||
float: right; | |||
width: 40%; | |||
margin-left: 0px; | |||
} | |||
} | |||
@media screen and (min-width: 640px) and (max-width: 879px) { | |||
#infobox-biographie { | |||
float: right; | |||
width: 40%; | |||
margin-left: 0px; | |||
} | |||
} | |||
@media screen and (max-width: 639px) { | |||
#infobox-biographie { | |||
float: none; | |||
width: 95%; | |||
margin-left: 0px; | |||
} | |||
} | |||
/* PROJET INFOBOX PARTIS */ | |||
#infobox-parti { | |||
float: right; | |||
width: 30%; | |||
margin-left: 20px; | |||
margin-bottom: 20px; | |||
padding:10px; | |||
border:1px solid #008080; | |||
box-shadow:0 0 0.2rem #008080; | |||
} | |||
#infobox-parti .infobox_v3{ | |||
width:100% !important; | |||
} | |||
#infobox-parti .entete{ | |||
text-align: center; | |||
font-size: 20px; | |||
font-family: "ABeeZee", sans-serif; | |||
text-transform: uppercase; | |||
padding:5px; | |||
margin-bottom:15px; | |||
} | |||
#infobox-parti p.bloc { | |||
margin: 5px 0; | |||
font-weight: bold; | |||
text-align: center; | |||
font-size: 18px; | |||
font-family: "ABeeZee", sans-serif; | |||
} | |||
#infobox-parti table caption { | |||
margin-top: 5px; | |||
font-size: 16px; | |||
font-weight: bold; | |||
font-style: italic; | |||
width:100%; | |||
font-family: "ABeeZee", sans-serif; | |||
} | |||
#infobox-parti .images{ | |||
text-align:center !important; | |||
} | |||
#infobox-parti .legend{ | |||
font-size:11px; | |||
font-style:italic; | |||
text-align:center; | |||
font-family: "ABeeZee", sans-serif; | |||
} | |||
@media screen and (min-width: 880px) and (max-width: 1080px) { | |||
#infobox-parti { | |||
float: right; | |||
width: 40%; | |||
margin-left: 0px; | |||
} | |||
} | |||
@media screen and (min-width: 640px) and (max-width: 879px) { | |||
#infobox-parti { | |||
float: right; | |||
width: 40%; | |||
margin-left: 0px; | |||
} | |||
} | |||
@media screen and (max-width: 639px) { | |||
#infobox-parti { | |||
float: none; | |||
width: 95%; | |||
margin-left: 0px; | |||
} | |||
} | } |
Version actuelle datée du 2 novembre 2020 à 23:36
/* Le CSS placé ici sera appliqué à tous les habillages. */
/* POLICE DU WIKI */
@import url('https://fonts.googleapis.com/css2?family=ABeeZee&display=swap');
/* Largeur du contenu */
.ts-inner{
max-width:100% !important;
}
.color-middle-container, .ts-inner{
padding:0 0.5em !important;
}
@media screen and (min-width: 1100px){
#mw-related-navigation{
float:left !important;
clear:left !important;
width:11em !important;
padding-left:0px !important;
}
#mw-site-navigation{
width:12em !important;
}
}
#mw-content{
margin-left:12em !important;
margin-right:0px !important;
}
/* Titre wiki */
#p-logo-text a.long{
font-size:1.5em !important;
}
/* Personnalisation couleurs du menu */
.color-left{
background:#cc2030 !important;
}
.color-middle{
background:#f3f3f3 !important;
margin-left:7em !important;
margin-right:11em !important;
}
.color-right{
background:#105086 !important;
}
/* Personnalisation footer */
#mw-content-container{
border-bottom: solid 4px #cc2030 !important;
}
#mw-footer-container{
border-top: solid 1px #FFF !important;
}
/* Corrections RWD */
@media screen and (max-width: 1100px) {
#mw-content{
margin-left:0 !important;}
#menus-cover {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 99;
width: 100%;
height: 100%;
background: #f3f3f3;
opacity: .8;
overflow: hidden;
}
}
@media screen and (max-width: 430px) {
#p-logo-text {
position: relative;
top: 0.75em;
left: 4em;
text-align: left;
height: 80px;
}
}
/* Sommaire */
#toc ul, .toc ul{
margin:0px 0px 0px 0px !important;
}
/* Bordure Wikitables */
.wikitable, table.wikitable, table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td{
border:1px solid #aaa;
}
/* Espace paragraphe si script */
#vide p{
display:none;
}
/* Infobox - Général */
.infobox_cadre{
background:#fcfcfc;
margin:15px;
padding:5px;
border:1px #aaaaaa solid;
width:300px;
float: right;
clear: right;
border-spacing: 5px;
border-collapse: separate;
}
.infobox_entete{
background-position: right center;
background-repeat: no-repeat;
height:43px;
vertical-align: middle;
text-align: center;
font-size:130%;
font-weight:bolder;
}
/* Infobox - Villes & Provinces */
.icone_ville{
background-image: url("https://upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png");
}
.ville_catalogne, .catalogne{
background-color:#FFD700;
color:#000;
}
.ville_transalpie, .transalpie{
background-color:#07045D;
color:#FFF;
}
.ville_tyrsenie, .tyrsenie{
background-color:#6B08A1;
color:#FFF;
}
.ville_antsiranana, .antsiranana{
background-color:#008000;
color:#FFF;
}
.ville_septimanie, .septimanie{
background-color:#9D2632;
color:#FFF;
}
.ville_norijo, .norijo{
background-color:#C0C0C0;
color:#000;
}
/* Infobox - Personnages */
.personnage{
background-color:#87CEEB;
color:#000;
}
.imperatore{
background-color:#441D61;
color:#FFF;
}
.famille_imperiale{
background-color:#FFD700;
color:#000;
}
.gardien_de_la_democratie{
background-color:#000;
color:#FFF;
}
.president_de_la_cour_supreme{
background-color:#7030A0;
color:#FFF;
}
.juge_de_la_cour_supreme{
background-color:#9E5ECE;
color:#000;
}
.negociateur_imperial{
background-color:#4b0082;
color:#FFF;
}
.chancelier_supreme{
background-color:#000066;
color:#FFF;
}
.vice_chancelier{
background-color:#0000FF;
color:#FFF;
}
.ministre_federal{
background-color:#0066FF;
color:#FFF;
}
.president_assemblee_federale {
background-color:#C00000;
color:#FFF;
}
.vice_president_assemblee_federale {
background-color:#DD0000;
color:#FFF;
}
.gouverneur{
background-color:#228B22;
color:#000;
}
.vice_gouverneur{
background-color:#4CBB17;
color:#000;
}
.depute_federal{
background-color:#FF2828;
color:#000;
}
.depute_provincial{
background-color:#C71585;
color:#FFF;
}
.maire{
background-color:#50C878;
color:#000;
}
.adjoint_maire{
background-color:#99dfb0;
color:#000;
}
.poste_ancienne_version{
background-color:#9E8DA7;
color:#000;
}
/* Infobox - Institutions */
.executif{
background-color:#4682B4;
color:#FFF;
}
.legislatif{
background-color:#DC143C;
color:#FFF;
}
.provincial{
background-color:#2E8B57;
color:#FFF;
}
/* PAGE ACCUEIL */
.flexaround{
display: flex;
justify-content: space-around;
align-content : center;
}
#calendrier {
background-image: url(https://wiki.froce.fr/xfond-calendrier.png.pagespeed.ic.WXWuCsY3LA.png);
padding: 27px 18px 0px 5px;
background-size: 90%;
background-repeat: no-repeat;
width: 120px;
height: auto;
}
#date{
text-align:center;
text-transform:uppercase;
}
#jour_virtuel{
display:block;
font-size:30px;
font-style:italic;
}
#mois_virtuel{
display:block;
font-size:15px;
font-style:italic;
}
#annee_virtuelle{
display:block;
font-size:30px;
font-weight:bold;
}
.tiers{
width:20%;
}
.demi{
width:25%;
}
@media screen and (max-width: 1000px) {
.flexaround{
display:block !important;
}
#calendrier{
background-image: url("https://wiki.froce.fr/fond-calendrier.png");
padding: 30px 15px 0px 5px;
background-size: 90%;
background-repeat: no-repeat;
width: 130px;
height: auto;
float: right;
}
.tiers{
width:90%;
}
.demi{
width:90%;
}
}
.boxaccueil{
border: 1px solid #f3f3f3;
border-radius : 10px 10px 0px 0px;
}
.boxtitreaccueil{
background: #105086;
color: #FFF;
font-weight:bold;
text-align: center;
border-radius: 10px 10px 0 0;
padding: 5px;
border-bottom: 1px solid #f3f3f3;
}
/* Portail Paramètres Généraux */
.bandeau{
width:300px;
height:40px;
text-align:left;
position:relative;
top:2px;
margin:2px 0 8px 0;
background-image: linear-gradient(90deg, #cc2030, white);
}
.bandeau-bloc-icon {
position: absolute;
left: 10px;
top: -10px;
background: white;
border-radius: 30px;
border: 1px #105086 dotted;
width: 50px;
height: 50px;
padding: 5px;
}
.bandeau-bloc-icon p{
margin: 0px 0px !important;
}
.bandeau-bloc-icon img {
width: 50px;
height: 50px;
}
.bandeau-bloc-text{
position:absolute;
left:40px;
top:1px;
}
.bandeau-bloc-text h3{
margin-top:3px;
margin-left:45px;
font-family:inherit;
font-weight:bold;
border-bottom:none;
font-size:20px;
padding:0em;
}
.bandeau-bloc-text h3 span a, .bandeau-bloc-text h3 a{
text-decoration:none;
color:#FFF;
}
.sous-titre-portail{
border-bottom: dotted 1px #105086;
font-weight:bold;
font-size:16px;
}
/* Portail Accueil */
.accueil_cadre{
box-shadow: 0 0 0.3rem #999;
border-radius: 0.2rem;
padding: 1.2rem;
margin-bottom: 1.6rem;
}
.accueil_cadre_liens{
box-shadow: 0 0 0.3rem #999;
border-radius: 0.2rem;
padding: 1.2rem;
margin-bottom: 1.6rem;
background:#105086;
color:white;
}
.accueil_cadre_liens > div > div > a{
color:white !important;
}
.portail-gauche, .portail-droite {
width: 50%;
box-sizing: border-box;
}
.portail-gauche {
float: left;
padding-right: 1.2rem;
}
.portail-droite {
float:right;
}
@media (min-width: 982px) {
.accueil_cadre:nth-child(3) {
flex-grow: 3;
}
.accueil_contenu {
display: flex;
}
.portail-gauche, .portail-droite{
display: flex;
flex-direction: column;
}
}
/* Portail Introduction */
#intro-titre h2{
font-size:20px;
font-weight:bold;
text-transform:uppercase;
text-align:center;
}
#intro-texte{
font-size:14px;
font-style:italic;
text-align:center;
}
/* Infobox V3
div.infobox_v3{
padding: 5px;
width: 25em;
background: #f9f9f9;
border: 1px solid #aaa;
clear: right;
float: right;
font-size: 0.9em;
line-height: 1.4;
margin: 0 0 0.5em 1em;
max-width: 325px;
word-wrap: break-word;
}
*/
/* PROJET INFOBOX BIOGRAPHIES */
#infobox-biographie {
float: right;
width: 30%;
margin-left: 20px;
margin-bottom: 20px;
padding:10px;
border:1px solid #008080;
box-shadow:0 0 0.2rem #008080;
}
#infobox-biographie .infobox_v3{
width:100% !important;
}
#infobox-biographie .entete{
text-align: center;
font-size: 20px;
font-family: "ABeeZee", sans-serif;
text-transform: uppercase;
padding:5px;
margin-bottom:15px;
}
#infobox-biographie p.bloc {
margin: 5px 0;
font-weight: bold;
text-align: center;
font-size: 18px;
font-family: "ABeeZee", sans-serif;
}
#infobox-biographie table caption {
margin-top: 5px;
font-size: 16px;
font-weight: bold;
font-style: italic;
width:100%;
font-family: "ABeeZee", sans-serif;
}
#infobox-biographie .images{
text-align:center !important;
}
#infobox-biographie .legend{
font-size:11px;
font-style:italic;
text-align:center;
font-family: "ABeeZee", sans-serif;
}
@media screen and (min-width: 880px) and (max-width: 1080px) {
#infobox-biographie {
float: right;
width: 40%;
margin-left: 0px;
}
}
@media screen and (min-width: 640px) and (max-width: 879px) {
#infobox-biographie {
float: right;
width: 40%;
margin-left: 0px;
}
}
@media screen and (max-width: 639px) {
#infobox-biographie {
float: none;
width: 95%;
margin-left: 0px;
}
}
/* PROJET INFOBOX PARTIS */
#infobox-parti {
float: right;
width: 30%;
margin-left: 20px;
margin-bottom: 20px;
padding:10px;
border:1px solid #008080;
box-shadow:0 0 0.2rem #008080;
}
#infobox-parti .infobox_v3{
width:100% !important;
}
#infobox-parti .entete{
text-align: center;
font-size: 20px;
font-family: "ABeeZee", sans-serif;
text-transform: uppercase;
padding:5px;
margin-bottom:15px;
}
#infobox-parti p.bloc {
margin: 5px 0;
font-weight: bold;
text-align: center;
font-size: 18px;
font-family: "ABeeZee", sans-serif;
}
#infobox-parti table caption {
margin-top: 5px;
font-size: 16px;
font-weight: bold;
font-style: italic;
width:100%;
font-family: "ABeeZee", sans-serif;
}
#infobox-parti .images{
text-align:center !important;
}
#infobox-parti .legend{
font-size:11px;
font-style:italic;
text-align:center;
font-family: "ABeeZee", sans-serif;
}
@media screen and (min-width: 880px) and (max-width: 1080px) {
#infobox-parti {
float: right;
width: 40%;
margin-left: 0px;
}
}
@media screen and (min-width: 640px) and (max-width: 879px) {
#infobox-parti {
float: right;
width: 40%;
margin-left: 0px;
}
}
@media screen and (max-width: 639px) {
#infobox-parti {
float: none;
width: 95%;
margin-left: 0px;
}
}