MediaWiki:Common.css: Difference between revisions
mNo edit summary |
Tag: Undo |
||
| (12 intermediate revisions by the same user not shown) | |||
| Line 3: | Line 3: | ||
.navbox.dxx-navbox { | .navbox.dxx-navbox { | ||
border: 1px solid #666; | border: 1px solid #666; | ||
margin: | margin: 1em 0; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
width: 100%; | width: 100%; | ||
| Line 76: | Line 76: | ||
.skin-theme-clientpref-night .dxx-navbox-group { | .skin-theme-clientpref-night .dxx-navbox-group { | ||
background: #181818; | background: #181818; | ||
} | |||
/* Completely eliminate empty <p> and <p><br></p> spacing between stacked navboxes */ | |||
.mw-parser-output .navbox.dxx-navbox + p, | |||
.mw-parser-output .navbox.dxx-navbox + p + p, | |||
.mw-parser-output .navbox.dxx-navbox + p + p + p { | |||
margin-top: 0 !important; | |||
margin-bottom: 0 !important; | |||
line-height: 0 !important; | |||
padding: 0 !important; | |||
} | |||
/* Hide any <br> inside those paragraphs */ | |||
.mw-parser-output .navbox.dxx-navbox + p > br, | |||
.mw-parser-output .navbox.dxx-navbox + p + p > br, | |||
.mw-parser-output .navbox.dxx-navbox + p + p + p > br { | |||
display: none !important; | |||
} | |||
/* INFOBOX */ | |||
.dxx-infobox { | |||
float: right; | |||
margin: 0 0 1em 1em; | |||
width: 260px; | |||
} | |||
.infobox { | |||
width: 100%; | |||
border: 1px solid #666; | |||
border-collapse: collapse; | |||
background: #222; | |||
color: #eee; | |||
font-size: 90%; | |||
} | |||
.infobox-title { | |||
background: #333; | |||
font-size: 110%; | |||
text-align: center; | |||
padding: 6px; | |||
} | |||
.infobox th, | |||
.infobox td { | |||
padding: 4px; | |||
border: 1px solid #444; | |||
} | |||
.infobox th { | |||
width: 40%; | |||
background: #2a2a2a; | |||
text-align: left; | |||
font-weight: bold; | |||
} | |||
.infobox-image { | |||
text-align: center; | |||
padding: 6px 0; | |||
background: #1b1b1b; | |||
} | |||
/* Templates ItemFlexList and ItemLinkBox */ | |||
/* Flex container */ | |||
.dxx-item-flexlist { | |||
display: flex !important; | |||
flex-wrap: wrap; | |||
justify-content: space-around; /* spread items across each row */ | |||
row-gap: 12px; /* vertical gap between rows */ | |||
} | |||
/* Each tile */ | |||
.dxx-item-flexlist > .dxx-item-linkbox { | |||
box-sizing: border-box; | |||
flex: 1 0 140px; /* base 140px, can grow to share extra space */ | |||
max-width: 180px; /* don't let tiles get ridiculously wide */ | |||
} | |||
/* Visual styling (as you already had) */ | |||
.dxx-item-linkbox { | |||
margin: 0; | |||
padding: 7px 5px; | |||
text-align: center; | |||
background: #141414; | |||
border-radius: 7px; | |||
border: 1px solid #444; | |||
} | |||
.dxx-item-linkbox img { | |||
display: block; | |||
margin: 0 auto 4px; | |||
} | |||
.dxx-item-linkbox-name { | |||
display: block; | |||
margin-top: 4px; | |||
white-space: nowrap; /* no wrapping */ | |||
overflow: hidden; /* clip if too long */ | |||
text-overflow: ellipsis; /* optional: "…" on overflow */ | |||
} | } | ||