Différences entre les versions de « MediaWiki:Common.css »

De Wiki Naturo
Aller à la navigation Aller à la recherche
 
(21 versions intermédiaires par le même utilisateur non affichées)
Ligne 24 : Ligne 24 :
}
}


.infobox_v2 .entete:not(.defaut):not([class="entete"]):not(.large) {
.infobox_v2 {
   padding: 1px 48px;
  background: #f9f9f9;
  color: #000;
  font-size: 90%;
  line-height: 1.2em;
  float: right;
  clear: right;
  margin: 0 0 0.5em 1em;
  width: 400px;
   border: 1px solid #aaa;
  border-spacing: 5px;
}
}


Ligne 36 : Ligne 45 :
   line-height: 1.1em;
   line-height: 1.1em;
   color: #000;
   color: #000;
}
div {
    display: block;
}
element.style {
    background-color: #4C6099;
    color: #FFFFFF;
}
.entete {
    background-position: right center;
    background-repeat: no-repeat;
}
div.infobox_v3 {
    background: #f9f9f9;
    padding: 5px;
    width: 25em;
    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;
}
.infobox_v3 .entete {
    display: table;
    height: 45px;
    width: 100%;
    font-weight: bold;
    text-align: center;
    font-size: 1.4em;
    line-height: 1.1;
    margin-bottom: 10px;
    background-color: #dfedff;
}
.entete {
    background-position: right center;
    background-repeat: no-repeat;
}
.infobox_v3 .images {
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.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;
}
table {
    font-size: 100%;
}
table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: grey;
}
.infobox_v3 caption.hidden {
    margin: 0 !important;
    padding: 0 !important;
}
caption.hidden {
    position: static;
    text-indent: -5000px;
}
.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;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.hidden {
    position: absolute;
    left: 0;
    top: -5000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
caption {
    display: table-caption;
    text-align: -webkit-center;
}
.infobox_v3 th[scope=row], .infobox_v3 td {
    padding-top: 4px;
    vertical-align: super;
}
.infobox_v3 th[scope=row] {
    text-align: left;
    padding-right: 10px;
    width: 8em;
    max-width: 140px;
    word-wrap: normal;
}
th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: -internal-center;
}
.infobox_v3:not(.large) .entete.icon > div {
    padding: 3px 48px;
}
.infobox_v3 .entete > div {
  display: table-cell;
  vertical-align: middle;
  padding: 3px;
}
}

Version actuelle datée du 7 mars 2022 à 16:51

/* Le CSS placé ici sera appliqué à tous les habillages. */
.infobox {
    background: #eee;
    border: 1px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 400px;
}
.infobox-title {
    font-size: 2em;
    text-align: center;
}
.infobox-image {
    text-align: center;
}
.infobox th {
    text-align: right;
    vertical-align: top;
    width: 120px;
}
.infobox td {
    vertical-align: top;
}

.infobox_v2 {
  background: #f9f9f9;
  color: #000;
  font-size: 90%;
  line-height: 1.2em;
  float: right;
  clear: right;
  margin: 0 0 0.5em 1em;
  width: 400px;
  border: 1px solid #aaa;
  border-spacing: 5px;
}

.infobox_v2 .entete {
  height: 43px;
  vertical-align: middle;
  text-align: center;
  font-size: 140%;
  font-weight: bolder;
  line-height: 1.1em;
  color: #000;
}

div {
    display: block;
}

element.style {
    background-color: #4C6099;
    color: #FFFFFF;
}

.entete {
    background-position: right center;
    background-repeat: no-repeat;
}

div.infobox_v3 {
    background: #f9f9f9;
    padding: 5px;
    width: 25em;
    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;
}

.infobox_v3 .entete {
    display: table;
    height: 45px;
    width: 100%;
    font-weight: bold;
    text-align: center;
    font-size: 1.4em;
    line-height: 1.1;
    margin-bottom: 10px;
    background-color: #dfedff;
}

.entete {
    background-position: right center;
    background-repeat: no-repeat;
}

.infobox_v3 .images {
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.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;
}

table {
    font-size: 100%;
}

table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: grey;
}

.infobox_v3 caption.hidden {
    margin: 0 !important;
    padding: 0 !important;
}

caption.hidden {
    position: static;
    text-indent: -5000px;
}

.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;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.hidden {
    position: absolute;
    left: 0;
    top: -5000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

caption {
    display: table-caption;
    text-align: -webkit-center;
}

.infobox_v3 th[scope=row], .infobox_v3 td {
    padding-top: 4px;
    vertical-align: super;
}

.infobox_v3 th[scope=row] {
    text-align: left;
    padding-right: 10px;
    width: 8em;
    max-width: 140px;
    word-wrap: normal;
}

th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: -internal-center;
}

.infobox_v3:not(.large) .entete.icon > div {
    padding: 3px 48px;
}

.infobox_v3 .entete > div {
  display: table-cell;
  vertical-align: middle;
  padding: 3px;
}