MediaWiki:Common.css: Difference between revisions
CaptainChris (talk | contribs) No edit summary |
CaptainChris (talk | contribs) No edit summary |
||
| Line 136: | Line 136: | ||
.infobox { | .infobox { | ||
position: relative; | position: relative; | ||
float: right; | |||
margin: 0 0 1em 1em; | margin: 0 0 1em 1em; | ||
width: 300px; | width: 300px; | ||
font-size: 90%; | font-size: 90%; | ||
background: #ffffff; | background: #ffffff; | ||
border: 1px solid #b8d4f1; /* soft blue border */ | border: 1px solid #b8d4f1; /* soft blue border */ | ||
padding: 2px; | padding: 2px; | ||
overflow: auto | overflow: hidden; /* prevent layout shift, fixed from auto */ | ||
box-shadow: 0 1px 3px rgba(0, 50, 100, 0.1); | box-shadow: 0 1px 3px rgba(0, 50, 100, 0.1); | ||
border-radius: 4px; | border-radius: 4px; | ||
clear: none !important; /* ensure no vertical gap above article */ | |||
margin-top: 0 !important; /* prevent space above article */ | |||
} | } | ||
@media all and (max-width: 511px) { | @media all and (max-width: 511px) { | ||
.infobox { | .infobox { | ||
float: none; | float: none; | ||
margin | margin: 0 0 1em 0; | ||
width: auto; | width: auto; | ||
} | } | ||
} | } | ||
@media all and (max-width: 337px) { | @media all and (max-width: 337px) { | ||
.infobox { | .infobox { | ||
| Line 170: | Line 174: | ||
border-radius: 2px 2px 0 0; | border-radius: 2px 2px 0 0; | ||
} | } | ||
.infobox > .infobox-title { | .infobox > .infobox-title { | ||
font-weight: bold; | font-weight: bold; | ||
| Line 176: | Line 181: | ||
border: none; | border: none; | ||
} | } | ||
.infobox th + td > ul { | .infobox th + td > ul { | ||
list-style: none; | list-style: none; | ||
margin-left: unset; | margin-left: unset; | ||
} | } | ||
.infobox-imagearea { | .infobox-imagearea { | ||
text-align: center; | text-align: center; | ||
padding: 4px; | padding: 4px; | ||
} | } | ||
.infobox-imagearea > div:not(:first-child) { | .infobox-imagearea > div:not(:first-child) { | ||
padding-top: 1em; | padding-top: 1em; | ||
| Line 200: | Line 208: | ||
margin: 0; | margin: 0; | ||
} | } | ||
.infobox-imagearea ul.gallery, | .infobox-imagearea ul.gallery, | ||
.infobox-imagearea li.gallerybox, | .infobox-imagearea li.gallerybox, | ||
| Line 205: | Line 214: | ||
margin: 0 !important; | margin: 0 !important; | ||
} | } | ||
.infobox-imagearea li.gallerybox div.gallerytext { | .infobox-imagearea li.gallerybox div.gallerytext { | ||
font-weight: bold; | font-weight: bold; | ||
| Line 265: | Line 275: | ||
margin: 0 !important; | margin: 0 !important; | ||
width: 100% !important; | width: 100% !important; | ||
border-collapse: collapse !important; | border-collapse: collapse !important; | ||
border-spacing: 0; | |||
} | } | ||
.infobox-rows tr:nth-child(2n) { | .infobox-rows tr:nth-child(2n) { | ||
background-color: #f0f7ff; /* light blue alternating rows */ | background-color: #f0f7ff; /* light blue alternating rows */ | ||
} | } | ||
.infobox-rows > tbody > tr > th { | .infobox-rows > tbody > tr > th { | ||
text-align: left; | text-align: left; | ||
| Line 279: | Line 288: | ||
color: #0d47a1; | color: #0d47a1; | ||
} | } | ||
.mw-body-content .infobox-rows p { | .mw-body-content .infobox-rows p { | ||
margin: 0; | margin: 0; | ||
| Line 287: | Line 297: | ||
margin-top: -0.4em; | margin-top: -0.4em; | ||
} | } | ||
.infobox-rows dl:last-child { | .infobox-rows dl:last-child { | ||
margin-bottom: 0.2em; | margin-bottom: 0.2em; | ||