MediaWiki:Common.css: Difference between revisions
From Age of Dungeons Wiki
(More infobox-related formatting) |
m (Add slight opacity to filigree) |
||
(7 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
.infobox { | .infobox { | ||
position: relative; | |||
width: 300px; | |||
float: right; | |||
padding: 0.75em; | |||
margin: 0 0 1.5em 2.0em; | |||
background: #f8f9fa; | |||
border: solid #eaecf0; | |||
border-width: 1px 1px 0.2em; | |||
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02); | |||
} | |||
.infobox.legendary::before { | |||
content: url('/wiki/images/d/dd/Legendary_filigree.png'); | |||
position:absolute; | |||
top: calc((-226px * 0.17) - 2.0em - 0.75em - 40px); | |||
left: calc(-150% - 2.0em); | |||
transform:scale(0.25, 0.17); | |||
opacity: 0.75; | |||
} | |||
.infobox.legendary::after { | |||
content: url('/wiki/images/d/dd/Legendary_filigree.png'); | |||
position:absolute; | |||
top: calc(100% - (226px * 0.17) - 2.0em - 0.75em - 30px); | |||
left: calc(-150% - 2.0em); | |||
transform:scale(0.25, -0.17); | |||
opacity: 0.75; | |||
} | |||
.legendary .infobox-title { | |||
font-family: serif; | |||
font-weight: 800; | |||
text-transform: uppercase; | |||
} | } | ||
.infobox-title { | .infobox-title { | ||
font-size: 1.0em; | |||
font-family: sans-serif; | |||
font-weight: 600; | |||
text-transform: none; | |||
text-align: center; | |||
} | } | ||
.infobox-image { | .infobox-image { | ||
text-align: center; | |||
} | } | ||
.infobox-table th { | .infobox-table th { | ||
text-align: left; | |||
vertical-align: top; | |||
width: 150px; | |||
} | } | ||
.infobox-table td { | .infobox-table td { | ||
vertical-align: top; | |||
} | } | ||
Latest revision as of 19:37, 6 June 2025
/* CSS placed here will be applied to all skins */ .infobox { position: relative; width: 300px; float: right; padding: 0.75em; margin: 0 0 1.5em 2.0em; background: #f8f9fa; border: solid #eaecf0; border-width: 1px 1px 0.2em; box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02); } .infobox.legendary::before { content: url('/wiki/images/d/dd/Legendary_filigree.png'); position:absolute; top: calc((-226px * 0.17) - 2.0em - 0.75em - 40px); left: calc(-150% - 2.0em); transform:scale(0.25, 0.17); opacity: 0.75; } .infobox.legendary::after { content: url('/wiki/images/d/dd/Legendary_filigree.png'); position:absolute; top: calc(100% - (226px * 0.17) - 2.0em - 0.75em - 30px); left: calc(-150% - 2.0em); transform:scale(0.25, -0.17); opacity: 0.75; } .legendary .infobox-title { font-family: serif; font-weight: 800; text-transform: uppercase; } .infobox-title { font-size: 1.0em; font-family: sans-serif; font-weight: 600; text-transform: none; text-align: center; } .infobox-image { text-align: center; } .infobox-table th { text-align: left; vertical-align: top; width: 150px; } .infobox-table td { vertical-align: top; } h1 { clear: right; } h2 { clear: right; } h3 { clear: right; }