« MediaWiki:Common.css » : différence entre les versions

De USAC-CGT
Aller à la navigation Aller à la recherche
(Remplacement du copier-coller de la dernière fois par un copier-coller des styles infobox_v3 de wikipedia fr)
Aucun résumé des modifications
 
(8 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. */
/* Style infobox_v3 Piqué de wikipédia fr */


div.infobox_v3 {
/* Style pour la CGTBox */
  padding:5px;
.CGTBox {
  width:25em;
padding: 5px;
  background:#f9f9f9;
width: 25em;
  border:1px solid #aaa;
background: #f9f9f9;
  clear:right;
border: 1px solid #aaa;
  float:right;
clear: right;
  font-size:0.9em;
float: right;
  line-height:1.4;
font-size: 0.9em;
  margin:0 0 0.5em 1em;
line-height: 1.4;
  max-width:325px;
margin: 0 0 0.5em 1em;
  word-wrap:break-word
max-width: 325px;
word-wrap: break-word;
}
}
.infobox_v3 .entete {
.CGTBox .titre {
  display:table;
font-weight: bold;
  height:45px;
text-align: center;
  width:100%;
font-variant: small-caps;
  font-weight:bold;
font-size: 1.4em;
  text-align:center;
line-height: 1.1;
  font-size:1.4em;
margin-bottom: 1em;
  line-height:1.1;
background-color: #335F7F;
  margin-bottom:10px;
color: #FFF;
  background-color:#dfedff
padding: 0.5rem 0;
}
}
.infobox_v3 .entete > div {
.CGTBox .subSectionTitle {
  display:table-cell;
font-weight: bold;
  vertical-align:middle;
text-align: center;
  padding:3px
font-variant: small-caps;
margin-top: 1em;
margin-bottom: 0.6em;
background-color: #CDDFEB;
padding: 0.2rem;
}
}
.infobox_v3:not(.large) .entete.icon > div {
 
  padding:3px 48px
/* Style pour les liste de liens "rectangulaire" */
}
.CGTlinks > p {
.infobox_v3 .images {
display: flex;
  text-align:center;
align-items: center;
  display:flex;
justify-content: center;
  justify-content:space-around;
  align-items:center
}
.infobox_v3 .images a {
  max-width:100%;
  flex:0 0 auto
}
.infobox_v3 .deux-images a {
  max-width:48%
}
.infobox_v3 .images img {
  max-width:100%;
  height:auto
}
.infobox_v3 .legend {
  font-size:0.9em;
  text-align:center;
  margin:5px 0 8px 0
}
.infobox_v3 table {
  width:100%;
  margin:5px 0;
  table-layout:fixed;
  border-collapse:collapse
}
.infobox_v3 th[scope="col"] {
  text-align:center;
  word-wrap:normal
}
.infobox_v3 th[scope=row] {
  text-align:left;
  padding-right:10px;
  width:8em;
  max-width:140px;
  word-wrap:normal
}
.infobox_v3 th[scope=row],
.infobox_v3 td {
  padding-top:4px;
  vertical-align:super
}
.infobox_v3 th[scope=row].middle {
  vertical-align:middle
}
.infobox_v3.bordered th[scope=row],
.infobox_v3.bordered td {
  padding-bottom:4px;
  border-top:1px solid #dfedff
}
.infobox_v3.bordered caption.bordered {
  margin:0 0 -1px 0
}
.infobox_v3 tr.left td {
  text-align:left
}
.infobox_v3 tr.vborder td {
  border-left:1px dotted #aaa
}
.infobox_v3 tr.vborder td:first-child {
  border-left:none
}
.infobox_v3 td.data {
  text-align:center
}
.infobox_v3 tr:first-child ul:first-child {
  margin-top:0
}
.infobox_v3 p.bloc,
.infobox_v3 caption {
  font-weight:bold;
  text-align:center;
  line-height:1.1;
  margin:0 0 5px 0;
  padding:4px;
  background:#dfedff
}
.infobox_v3 p.bloc {
  margin:5px 0
}
.infobox_v3 caption.bordered,
.infobox_v3 p.bordered {
  border-top:1px solid #dfedff;
  border-bottom:1px solid #dfedff;
  background:transparent
}
.infobox_v3 .bordered.navbar,
.infobox_v3 .bordered.infobox-navigateur {
  padding-top:4px;
  border-bottom:0
}
.infobox_v3 caption.hidden {
  margin:0 !important;
  padding:0 !important
}
.infobox_v3 .hr {
  font-size:1px;
  line-height:1px;
  margin:5px 0;
  background-color:#dfedff
}
.infobox_v3 .hr.collapse {
  margin:5px 0 -8px 0
}
.infobox_v3 .navbar {
  text-align:right;
  font-size:0.8em;
  line-height:1.1;
  margin:8px 0 0
}
.infobox_v3 .navbar .plainlinks {
  float:left
}
.infobox_v3 .overflow {
  overflow:hidden
}
.infobox_v3 .prev a,
.infobox_v3 .prev_bloc {
  background:url(//upload.wikimedia.org/wikipedia/commons/thumb/4/49/ArrowLeftNavbox.svg/12px-ArrowLeftNavbox.svg.png) no-repeat left center;
  float:left;
  max-width:40%;
  padding:0 0 0 18px;
  text-align:left
}
}
.infobox_v3 .next a,
.CGTlinks > p > a {
.infobox_v3 .next_bloc {
width: 7.5rem;
  background:url(//upload.wikimedia.org/wikipedia/commons/thumb/1/10/ArrowRightNavbox.svg/12px-ArrowRightNavbox.svg.png) no-repeat right center;
height: 11.25rem;
  float:right;
text-transform: uppercase;
  max-width:40%;
font-weight: bold;
  padding:0 18px 0 0;
font-size: 1.6em;
  text-align:right
background-color: #CDDFEB;
border: 1px solid #679CC3;
margin: 0.5rem 1rem;
/* Centré verticalement */
display: flex;
align-items: center;
justify-content: center;
}
}

Dernière version du 23 septembre 2023 à 15:37

/* Le CSS placé ici sera appliqué à tous les habillages. */

/* Style pour la CGTBox */
.CGTBox {
	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;
}
.CGTBox .titre {
	font-weight: bold;
	text-align: center;
	font-variant: small-caps;
	font-size: 1.4em;
	line-height: 1.1;
	margin-bottom: 1em;
	background-color: #335F7F;
	color: #FFF;
	padding: 0.5rem 0;
}
.CGTBox .subSectionTitle {
	font-weight: bold;
	text-align: center;
	font-variant: small-caps;
	margin-top: 1em;
	margin-bottom: 0.6em;
	background-color: #CDDFEB;
	padding: 0.2rem;
}

/* Style pour les liste de liens "rectangulaire" */
.CGTlinks > p {
	display: flex;
	align-items: center;
	justify-content: center;
}
.CGTlinks > p > a {
	width: 7.5rem;
	height: 11.25rem;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.6em;
	background-color: #CDDFEB;
	border: 1px solid #679CC3;
	margin: 0.5rem 1rem;
	/* Centré verticalement */
	display: flex;
	align-items: center;
	justify-content: center;
}