These are the CSS I made as a proposal to achieve more befitting look for the Minecraft Wiki. You can copy & paste the CSS to your wiki's stylesheet (typically common.css) and localise the images the style uses.
Note that these CSS are not tested for IE version 8 and lower.
CSS in this page might be outdated. In this case, you should get an up-to-date version in our stylesheets.
Single-lined[]
These are intended to be used with single-lined texts such as title bar.
mcwiki-header[]
This style is meant to be used for the infobox and the main page. Using with multi-lined text such as announcements are also possible as the pattern repeats, but I'd recommend bigsign for that purpose.
CSS:
.mcwiki-header { background-image: url(http://hydra-media.cursecdn.com/minecraft-ko.gamepedia.com/4/42/InfoboxGrassTop.png), url(http://hydra-media.cursecdn.com/minecraft-ko.gamepedia.com/c/c7/InfoboxBase.png); background-position: left top, left bottom; background-repeat: repeat-x, repeat; border: 1px solid #CCC; border-bottom: 4px groove #999; border-right: 4px groove #999; padding-left: 6px; padding-right: 6px; padding-top: 9px; /* top grass */ padding-bottom: 3px; /* balancing */ color: white; }
Protip: 'background-image: url(http://hydra-media.cursecdn.com/minecraft-ko.gamepedia.com/1/1f/InfoboxSnowTop.png);' for frosty look
[]
.navbox-title { padding: 0 10px; font-size: 110%; background-image: url(http://hydra-media.cursecdn.com/minecraft-ko.gamepedia.com/7/7b/NavboxBackground.png); }
Multi-lined[]
These are intended to be used with multi-lined texts such as announcements.
sign[]
sign class provides sign texture used in Minecraft.
General usage:
<div class="sign" style="display: inline-block; text-align: center;">Contents</div>
As the legibility is not good because of dark background, I recommend using bigsign below.
CSS:
.sign { background-image: url(http://hydra-media.cursecdn.com/minecraft-ko.gamepedia.com/2/27/CSSMCSign.png); padding-left: 9px; padding-right: 9px; padding-top: 5px; padding-bottom: 5px; color: black; border: 1px solid #CCC; border-bottom: 4px groove #999; border-right: 4px groove #999; }
bigsign[]
bigsign class provides a texture of birch wooden plank with map paper attached.
General usage:
<div class="bigsign" style="display: inline-block">Contents</div>
This style is used in the message box in the Community portal and the Admin noticeboard.
CSS:
.bigsign { background-color: #d6be96; background-image: url(http://hydra-media.cursecdn.com/minecraft-ko.gamepedia.com/9/97/Newsign_topleft.png), url(http://hydra-media.cursecdn.com/minecraft-ko.gamepedia.com/7/75/Newsign_topright.png), url(http://hydra-media.cursecdn.com/minecraft-ko.gamepedia.com/4/43/Newsign_bottomleft.png), url(http://hydra-media.cursecdn.com/minecraft-ko.gamepedia.com/7/70/Newsign_bottomright.png), url(http://hydra-media.cursecdn.com/minecraft-ko.gamepedia.com/8/8f/Newsign_left.png), url(http://hydra-media.cursecdn.com/minecraft-ko.gamepedia.com/1/16/Newsign_right.png), url(http://hydra-media.cursecdn.com/minecraft-ko.gamepedia.com/2/20/Newsign_top.png), url(http://hydra-media.cursecdn.com/minecraft-ko.gamepedia.com/a/a7/Newsign_bottom.png); background-position: left top, right top, left bottom, right bottom, center left, center right, center top, center bottom; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat-y, repeat-x, repeat-x; padding-left: 22px; padding-right: 22px; padding-top: 22px; padding-bottom: 22px; color: black; border: 1px solid #CCC; border-bottom: 4px groove #999; border-right: 4px groove #999; }
Known adopters[]
Thank you for adopting my proposal(s)!