MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
/* | /* Global settings applied to all skins */ | ||
/* Infobox Styles */ | |||
/* Infobox | |||
.infobox { | .infobox { | ||
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
background-color: #orange; | background-color: #orange; /* Consider using a more specific color code for consistency */ | ||
color: black; | color: black; | ||
margin: 0.5em 0 0.5em 1em; | margin: 0.5em 0 0.5em 1em; | ||
| Line 11: | Line 10: | ||
clear: right; | clear: right; | ||
} | } | ||
.infobox td, | |||
.infobox th { | .infobox td, .infobox th { | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
.infobox caption { | .infobox caption { | ||
font-size: larger; | font-size: larger; | ||
} | } | ||
/* Bordered Infobox */ | |||
.infobox.bordered { | .infobox.bordered { | ||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
.infobox.bordered td, | |||
.infobox.bordered th { | .infobox.bordered td, .infobox.bordered th, | ||
.infobox.standard-talk.bordered td, .infobox.standard-talk.bordered th { | |||
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
} | } | ||
.infobox.bordered .borderless td, | .infobox.bordered .borderless td, | ||
.infobox.bordered .borderless th { | .infobox.bordered .borderless th { | ||
| Line 30: | Line 34: | ||
} | } | ||
/* Sister Project & Standard Talk */ | |||
.infobox.sisterproject { | .infobox.sisterproject { | ||
width: 20em; | width: 20em; | ||
| Line 36: | Line 41: | ||
.infobox.standard-talk { | .infobox.standard-talk { | ||
border: | border-color: #c0c090; /* Consolidate border and background styles */ | ||
background-color: #f8eaba; | background-color: #f8eaba; | ||
} | } | ||
.infobox. | |||
.infobox. | /* Merged Rows within Bordered Infobox */ | ||
border: 1px solid # | .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th, | ||
.infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th { | |||
border-right: 1px solid #aaa; | |||
} | } | ||
.infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th { | |||
.infobox.bordered .mergedtoprow td, | |||
.infobox.bordered .mergedtoprow th { | |||
border-top: 1px solid #aaa; | border-top: 1px solid #aaa; | ||
} | } | ||
.infobox.bordered .mergedrow td, | .infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th { | ||
.infobox.bordered .mergedrow th { | |||
border: 0; | border: 0; | ||
} | } | ||
/* | /* Geography Infobox */ | ||
.infobox.geography { | .infobox.geography { | ||
text-align: left; | text-align: left; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
line-height: 1.2em; | line-height: 1.2em; | ||
font-size: 90%; | font-size: 90%; | ||
} | } | ||
.infobox.geography | .infobox.geography td, .infobox.geography th, | ||
.infobox.geography | .infobox.geography .mergedtoprow td, .infobox.geography .mergedtoprow th, | ||
.infobox.geography .mergedbottomrow td, .infobox.geography .mergedbottomrow th { | |||
padding: 0.4em 0.6em; | |||
.infobox.geography . | |||
.infobox.geography . | |||
padding: 0.4em | |||
} | } | ||
.infobox.geography .mergedrow td, | .infobox.geography .mergedrow td, .infobox.geography .mergedrow th, | ||
.infobox.geography . | .infobox.geography .maptable td, .infobox.geography .maptable th { | ||
border: 0; | border: 0; | ||
} | } | ||
/* Navigation Boxes */ | |||
. | table.navbox { | ||
border- | border: 1px solid #aaa; | ||
width: 100%; | |||
margin: auto; | |||
clear: both; | |||
font-size: 88%; | |||
text-align: center; | |||
padding: 1px; | |||
background: #F9EFE6; | |||
} | } | ||
. | table.navbox + table.navbox { | ||
margin-top: -1px; | |||
} | } | ||
.navbox-title, .navbox-abovebelow, table.navbox th, .navbox-group, | |||
table.navbox | .navbox, .navbox-subgroup, .navbox-list, .navbox-even { | ||
background: #F9EFE6; | |||
} | } | ||
.navbox-group, .navbox-abovebelow, .navbox-subgroup .navbox-title { | |||
white-space: nowrap; | |||
.navbox- | text-align: right; | ||
.navbox-abovebelow, | font-weight: bold; | ||
padding: 1em; | |||
background: #FAD9C1; | |||
.navbox- | |||
} | } | ||
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { | .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { | ||
background: #FCEDE5; | |||
} | } | ||
.navbox-odd { | .navbox-odd { | ||
background: transparent; | |||
} | } | ||
.collapseButton { | .collapseButton, .navbox .collapseButton { | ||
float: right; | float: right; | ||
font-weight: normal; | font-weight: normal; | ||
text-align: right; | text-align: right; | ||
width: auto; | width: auto; /* Specific to .collapseButton */ | ||
} | } | ||
.navbox .collapseButton { | |||
width: 6em; | .navbox .collapseButton { | ||
width: 6em; | |||
} | } | ||
Revision as of 00:00, 3 April 2024
/* Global settings applied to all skins */
/* Infobox Styles */
.infobox {
border: 1px solid #aaa;
background-color: #orange; /* Consider using a more specific color code for consistency */
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
}
.infobox td, .infobox th {
vertical-align: top;
}
.infobox caption {
font-size: larger;
}
/* Bordered Infobox */
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td, .infobox.bordered th,
.infobox.standard-talk.bordered td, .infobox.standard-talk.bordered th {
border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
/* Sister Project & Standard Talk */
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox.standard-talk {
border-color: #c0c090; /* Consolidate border and background styles */
background-color: #f8eaba;
}
/* Merged Rows within Bordered Infobox */
.infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th,
.infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th {
border-right: 1px solid #aaa;
}
.infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th {
border-top: 1px solid #aaa;
}
.infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th {
border: 0;
}
/* Geography Infobox */
.infobox.geography {
text-align: left;
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography td, .infobox.geography th,
.infobox.geography .mergedtoprow td, .infobox.geography .mergedtoprow th,
.infobox.geography .mergedbottomrow td, .infobox.geography .mergedbottomrow th {
padding: 0.4em 0.6em;
}
.infobox.geography .mergedrow td, .infobox.geography .mergedrow th,
.infobox.geography .maptable td, .infobox.geography .maptable th {
border: 0;
}
/* Navigation Boxes */
table.navbox {
border: 1px solid #aaa;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
background: #F9EFE6;
}
table.navbox + table.navbox {
margin-top: -1px;
}
.navbox-title, .navbox-abovebelow, table.navbox th, .navbox-group,
.navbox, .navbox-subgroup, .navbox-list, .navbox-even {
background: #F9EFE6;
}
.navbox-group, .navbox-abovebelow, .navbox-subgroup .navbox-title {
white-space: nowrap;
text-align: right;
font-weight: bold;
padding: 1em;
background: #FAD9C1;
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
background: #FCEDE5;
}
.navbox-odd {
background: transparent;
}
.collapseButton, .navbox .collapseButton {
float: right;
font-weight: normal;
text-align: right;
width: auto; /* Specific to .collapseButton */
}
.navbox .collapseButton {
width: 6em;
}