Bản mẫu:BrawlButton.css

/**********************************************/
/******************* Buttons ******************/
/**********************************************/
/* Clickable div elements with shading */
.clickable-div a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.clickable-div a > img {
    width: 100%;
    height: 100%;
    transition: 0.25s;
}

.clickable-div a > img:hover {
    background: rgba(0, 0, 0, 0.2);
}/**/

/* Clickable div without shading */
.clickable-div-ns a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.clickable-div-ns a > img {
    width: 100%;
    height: 100%;
}/**/
/* Navigation buttons */
.brawlButton {
    position: relative;
    overflow: hidden;
    background-color: #2490F5;
    font-family: "Lilita One";
    color: #FFFFFF;
    letter-spacing: 1px;
    text-align: center;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.7);
    border: 4px solid rgba(0, 0, 32, 0.5);
    border-radius: 3px;
    box-shadow: inset 0 -6px 0 rgba(0, 0, 32, 0.2), inset 0 6px 0 rgba(255, 255, 255, 0.2), 0 4px 0 rgba(0, 0, 0, 0.15);
    margin: 6px;
}

.brawlButton:active {
    transform: translateY(4px);
}/**/