User:ZrbtWm/common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

.cardinalbox {
    animation-name:aniboxd;
    animation-duration:5s;
    animation-timing-function:ease;
    animation-iteration-count:infinite;
    animation-play-state:running;
}

.lang-cell {
    padding:2px;
    background-color:#757575;
    width:70px;
    height:70px;
    text-align:center;
    vertical-align:center;
    font-weight:bolder;
    font-size:15px;
}

.lang-translating-cell {
    padding:2px;
    background-color:#89899a;
    width:70px;
    height:70px;
    text-align:center;
    vertical-align:center;
    font-weight:bolder;
    font-size:15px;
}

@keyframes aniboxd {
    0% {
        border-top:0px black solid;
        border:0px;
    }
    25% {
        border-right:3px black solid;
        border:0px;
    }
    50% {
        border-bottom:3px black solid;
        border:0px;
    }
    75% {
        border-left:3px black solid;
        border:0px;
    }
    100% {
        border-top:3px black solid;
        border:0px;
    }
}

@-webkit-keyframes aniboxd {
    0% {
        border-top:0px black solid;
        border:0px;
    }
    25% {
        border-right:2px black solid;
        border:0px;
    }
    50% {
        border-bottom:2px black solid;
        border:0px;
    }
    75% {
        border-left:2px black solid;
        border:0px;
    }
    100% {
        border-top:2px black solid;
        border:0px;
    }
}