MediaWiki:Common.css: Difference between revisions
no edit summary
imported>Kittymmeow No edit summary |
imported>Kittymmeow No edit summary |
||
Line 1,419: | Line 1,419: | ||
/* ----------------------------------------------------- */ | /* ----------------------------------------------------- */ | ||
/* ----------------------------------------------------- */ | /* ----------------------------------------------------- */ | ||
/* [[Template:Infobox]], [[Template:Infobox row]] */ | |||
.notaninfobox { | |||
position: relative; | |||
clear: right; | |||
margin: 0 0 1em 1em; | |||
width: 300px; | |||
font-size: 90%; | |||
background: #FFF; | |||
float: right; | |||
border: 1px solid #CCC; | |||
padding: 2px; | |||
overflow: auto; | |||
z-index: 1; | |||
} | |||
@media all and (max-width: 511px) { | |||
.notaninfobox { | |||
float: none; | |||
margin-left: 0; | |||
width: auto; | |||
} | |||
} | |||
@media all and (max-width: 337px) { | |||
.notaninfobox { | |||
margin-left: -16px; | |||
margin-right: -16px; | |||
border-left: none; | |||
border-right: none; | |||
} | |||
} | |||
.notaninfobox > .infobox-title { | |||
font-weight: bold; | |||
text-align: center; | |||
font-size: 120%; | |||
} | |||
.infobox-imagearea { | |||
text-align: center; | |||
padding: 4px; | |||
} | |||
.infobox-imagearea > div:not(:first-child) { | |||
padding-top: 1em; | |||
} | |||
/* Horizontally centre animated images */ | |||
#bodyContent .infobox-imagearea .animated { | |||
display: inline-flex; | |||
align-items: center; | |||
} | |||
.notaninfobox .infobox-rows { | |||
display: table; | |||
margin: 0 !important; | |||
width: 100% !important; | |||
border-collapse: separate !important; | |||
border-spacing: 1px !important; | |||
} | |||
.infobox-rows > tbody > tr > th { | |||
text-align: left; | |||
white-space: nowrap; | |||
} | |||
#bodyContent .infobox-rows p { | |||
margin: 0; | |||
} | |||
/* Merge adjacent dls in the infobox (since they're usually supposed to be one, but the wiki screws up sometimes) */ | |||
.infobox-rows dl + dl { | |||
margin-top: -0.4em; | |||
} | |||
.infobox-rows dl:last-child { | |||
margin-bottom: 0.2em; | |||
} | |||
.infobox-footer { | |||
text-align: center; | |||
} | |||
/* Element animator */ | |||
#bodyContent .animated > *:not(.animated-active), | |||
#bodyContent .animated > .animated-subframe > *:not(.animated-active) { | |||
display: none | |||
} | |||
#bodyContent span.animated, | |||
#bodyContent span.animated.animated-visible > *, | |||
#bodyContent span.animated.animated-visible > .animated-subframe > * { | |||
display: inline-block; | |||
} | |||
#bodyContent div.animated.animated-visible > *, | |||
#bodyContent div.animated.animated-visible > .animated-subframe > * { | |||
display: block; | |||
} |