More actions
Add basic styles |
No edit summary |
||
(7 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
.tiled-border { | |||
background: | |||
url('/images/d/d9/Infobox-corner-top-left.png') top left no-repeat, | |||
url('/images/e/ec/Infobox-corner-top-right.png') top right no-repeat, | |||
url('/images/4/4e/Infobox-corner-bottom-left.png') bottom left no-repeat, | |||
url('/images/8/8f/Infobox-corner-bottom-right.png') bottom right no-repeat, | |||
url('/images/6/6e/Infobox-top.png') top repeat-x, | |||
url('/images/8/81/Infobox-bottom.png') bottom repeat-x, | |||
url('/images/b/b0/Infobox-left.png') left repeat-y, | |||
url('/images/2/22/Infobox-right.png') right repeat-y, | |||
#05021B; | |||
image-rendering: pixelated; | |||
} | |||
.infobox.npc { | .infobox.npc { | ||
float: right; | float: right; | ||
margin: 0.5em 0 0.5em 1em; | margin: 0.5em 0 0.5em 1em; | ||
padding: | padding: 25px; | ||
width: 252px; | width: 252px; | ||
background-size: 30px 30px, 30px 30px, 30px 30px, 30px 30px, 100% 30px, 100% 30px, 30px 100%, 30px 100%; | |||
} | |||
.infobox.npc .image { | |||
max-width: 100%; | |||
padding: 0 16px; | |||
} | } | ||
.infobox.npc img { | .infobox.npc img { | ||
width: 100%; | |||
height: auto; | |||
} | |||
.infobox.npc .image pre { | |||
background: transparent; | |||
border: none; | |||
} | |||
.infobox.npc .title { | |||
font-weight: 600; | |||
text-align: center; | |||
background-size: 20px 20px, 20px 20px, 20px 20px, 20px 20px, 100% 20px, 100% 20px, 20px 100%, 20px 100%; | |||
min-height: 42px; | |||
padding: 15px; | |||
} | } |
Latest revision as of 00:20, 6 March 2025
.tiled-border { background: url('/images/d/d9/Infobox-corner-top-left.png') top left no-repeat, url('/images/e/ec/Infobox-corner-top-right.png') top right no-repeat, url('/images/4/4e/Infobox-corner-bottom-left.png') bottom left no-repeat, url('/images/8/8f/Infobox-corner-bottom-right.png') bottom right no-repeat, url('/images/6/6e/Infobox-top.png') top repeat-x, url('/images/8/81/Infobox-bottom.png') bottom repeat-x, url('/images/b/b0/Infobox-left.png') left repeat-y, url('/images/2/22/Infobox-right.png') right repeat-y, #05021B; image-rendering: pixelated; } .infobox.npc { float: right; margin: 0.5em 0 0.5em 1em; padding: 25px; width: 252px; background-size: 30px 30px, 30px 30px, 30px 30px, 30px 30px, 100% 30px, 100% 30px, 30px 100%, 30px 100%; } .infobox.npc .image { max-width: 100%; padding: 0 16px; } .infobox.npc img { width: 100%; height: auto; } .infobox.npc .image pre { background: transparent; border: none; } .infobox.npc .title { font-weight: 600; text-align: center; background-size: 20px 20px, 20px 20px, 20px 20px, 20px 20px, 100% 20px, 100% 20px, 20px 100%, 20px 100%; min-height: 42px; padding: 15px; }