MediaWiki:Common.css: Difference between revisions

Wikipedia's Infobox CSS
No edit summary
(Wikipedia's Infobox CSS)
 
Line 617:
/* Infobox template style */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
border-spacing: 3px;
background-color: #171717;
background-color: #f8f9fa;
border-top: 7px solid #ffc500;
color: whiteblack;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 88%;
line-height: 1.5em;
width: 22em;
box-shadow: 0px 0px 18px #4d4d4d;
border-radius: 5px;
}
 
/* not strictly certain these styles are necessary
.infobox a:link {
* just replicating the module faithfully
color: #ffc500;
*/
.infobox-subbox {
padding: 0;
border: none;
margin: -3px;
width: auto;
min-width: 100%;
font-size: 100%;
clear: none;
float: none;
background-color: transparent;
}
 
.infobox a:visited {-header,
.infobox-label,
color: #ffd64d;
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element declaration when both a) infobox3cols is migrated and
* b) when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}
 
.infobox-label,
 
.infobox a:active {-data,
/* Remove element declaration when both a) infobox3cols is migrated and
color: #baff00;
* b) when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}
 
/* remove .infobox when th, td above are removed */
.hor-infobox {
.infobox .infobox-above,
border-spacing: 3px;
.infobox .infobox-title,
background-color: #014810;
/* Remove element declaration when both a) infobox3cols is migrated and
color: white;
* b) when every .infobox thing is using the standard module/templates */
/* @noflip */
.infobox caption {
margin: 0.5em 0 0.5em 1em;
font-size: 125%;
padding: 0.2em;
font-weight: bold;
clear: right;
text-align: center;
font-size: 88%;
line-height: 1.5em;
box-shadow: 0px 0px 18px #4d4d4d;
border-radius: 5px;
}
 
.infobox-title,
/* Remove element declaration when both a) infobox3cols is migrated and
* b) when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
font-size: 125%;
font-weight: bold;
padding: 0.2em;
text-align: center;
}
 
.infobox td,
/* remove .infobox when th, td above are removed {*/
.infobox .infobox-header,
vertical-align: top;
.infobox .infobox-subheader,
/* @noflip */
.infobox .infobox-image,
text-align: left;
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}
 
/* remove .infobox when th, td above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}
 
.infobox.bordered {
border-collapse: collapse;
}
 
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
 
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
 
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
 
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
 
/* styles for bordered infobox with merged rows */
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #a2a9b1;
/* @noflip */
border-right: 1px solid #a2a9b1;
}
 
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
/* @noflip */
border-right: 1px solid #a2a9b1;
}
 
/* Styles for geography infoboxes, eg countries,
country subdivisions, cities, etc. */
.infobox.geography {
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
 
.infobox.geography td,
.infobox.geography th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #a2a9b1;
padding: 0 0.6em 0.4em 0.6em;
}
 
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}