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.
mcwiki-header
mcwiki-header class provides a texture of a stack of dirt and a grass on top that darkens as go down.
General usage:
<div class="mcwiki-header" style="display: inline-block">Contents</div>
This style is meant to be used for the infobox and the main page.
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
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)!