查看“模板:工作台”的源代码

<div>
    <span class="mcui mcui-Crafting_Table pixel-image">
        <span class="mcui-input">
            <span class="mcui-row">
                <span class="invslot">
                    <span class="invslot-item minetip">
                        <span class="sprite inv-sprite"></span>
                        <span class="invslot-stacksize"></span>
                    </span>
                </span>
                <span class="invslot">
                    <span class="invslot-item minetip">
                        <span class="sprite inv-sprite"></span>
                        <span class="invslot-stacksize"></span>
                    </span>
                </span>
                <span class="invslot">
                    <span class="invslot-item minetip">
                        <span class="sprite inv-sprite"></span>
                        <span class="invslot-stacksize"></span>
                    </span>
                </span>
            </span>
            <span class="mcui-row">
                <span class="invslot">
                    <span class="invslot-item minetip">
                        <span class="sprite inv-sprite"></span>
                        <span class="invslot-stacksize"></span>
                    </span>
                </span>
                <span class="invslot">
                    <span class="invslot-item minetip">
                        <span class="sprite inv-sprite"></span>
                        <span class="invslot-stacksize"></span>
                    </span>
                </span>
                <span class="invslot">
                    <span class="invslot-item minetip">
                        <span class="sprite inv-sprite"></span>
                        <span class="invslot-stacksize"></span>
                    </span>
                </span>
            </span>
            <span class="mcui-row">
                <span class="invslot">
                    <span class="invslot-item minetip">
                        <span class="sprite inv-sprite"></span>
                        <span class="invslot-stacksize"></span>
                    </span>
                </span>
                <span class="invslot">
                    <span class="invslot-item minetip">
                        <span class="sprite inv-sprite"></span>
                        <span class="invslot-stacksize"></span>
                    </span>
                </span>
                <span class="invslot">
                    <span class="invslot-item minetip">
                        <span class="sprite inv-sprite"></span>
                        <span class="invslot-stacksize"></span>
                    </span>
                </span>
            </span>
        </span>
        <span class="mcui-arrow"><br></span>
        <span class="mcui-output">
            <span class="invslot invslot-large">
                <span class="invslot-item minetip">
                    <span class="sprite inv-sprite"></span>
                    <span class="invslot-stacksize"></span>
                </span>
            </span>
        </span>
    </span>
</div>
{{#css:
    .mcui {
        display: inline-block;
        position: relative;
        background-color: #C6C6C6;
        border: 2px solid;
        border-color: #DBDBDB #5B5B5B #5B5B5B #DBDBDB;
        padding: 6px;
        text-align: left;
        white-space: nowrap;
        vertical-align: bottom;
    }
    .mcui-Crafting_Table > *{
        display: inline-block;
        vertical-align: top;
    }
    .mcui-Crafting_Table .mcui-row {
        display: block;
    }
    .mcui-Crafting_Table > .mcui-arrow {

        width: 32px;
        height: 26px;
        margin: 40px 4px 0;
    }
    .mcui-Crafting_Table > .mcui-output {
        margin-top: 28px;
    }
    .invslot {
        position: relative;
        display: inline-block;
        background: #8B8B8B no-repeat center center / 32px 32px;
        border: 2px solid;
        border-color: #373737 #FFF #FFF #373737;
        box-sizing: content-box;
        width: 32px;
        height: 32px;
        font-size: 16px;
        line-height: 1;
        text-align: left;
        vertical-align: bottom;
    }
    .invslot-item, .invslot-item > a:first-child {
        position: relative;
        display: block;
        margin: -2px;
        padding: 2px;
        width: 32px;
        height: 32px;
    }
    .inv-sprite {
        width: 32px;
        height: 32px;
        vertical-align: middle;
        
    }
    .invslot-large {
        padding: 8px;
    }
    .sprite {
        display: inline-block;
        vertical-align: text-top;
        height: 16px;
        width: 16px;
        background-repeat: no-repeat;
    }
    .invslot-stacksize {
        font-family: Minecraft,"Arial Black",sans-serif !important;
    }
    .invslot-stacksize {
    position: absolute;
    right: 0;
    bottom: 0;
    font-family: Unifont-subset,Courier,sans-serif;
    font-weight: normal !important;
    color: #FFF !important;
    text-shadow: 2px 2px 0 #3F3F3F;
    z-index: 2;
}
}}