User:Thundercraft5/sandbox

.mc-ui { display: inline-grid; grid-template-columns: repeat(9, 1fr); position: relative; background-color: #C6C6C6; border: 2px solid; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-color: #DBDBDB #5B5B5B #5B5B5B #DBDBDB; padding: 6px; text-align: left; white-space: pre; }

.mc-ui::before { grid-column: span 8; width: 60%; display: inline-block; color: #2B2D2F; font-family: minecraft; letter-spacing: .2px; font-size: 14px; padding-bottom: 4px; margin-top: -5px; content: attr(data-title) }

.mc-ui > .ui-reset { display: block !important; }

.mc-ui > .ui-reset::before { content: "↻"; }

.mc-ui > .ui-reset { font-size: 22px; line-height: 100%; color: #B84000; cursor: pointer; transition: color 0.2s ease,transform 0.5s ease; transform-origin: center; width: fit-content; }

.mc-ui > .ui-reset:hover { color: #e1926b; transform: rotate(20deg); }

.mc-ui > .mc-cell { position: relative; display: inline-block; background: #8b8b8b no-repeat center center / 32px 32px; border: 2px solid; border-color: #373737 #FFF #FFF #373737; width: 32px; height: 32px; font-size: 16px; line-height: 1; text-align: left; vertical-align: bottom; box-sizing: content-box }