Tumblr blog stylesheet

bosakkoshi.css

/*links*/
a {
    text-decoration: none;
}

a:hover {
    color: #ffff00;
}

a:active {
    color: #ffd700;
}

/*colors*/
.b-yellow {
    color: #ffff00;
}

.b-light-grey {
    color: #696969;
}

.b-grey {
    color: #444444;
}

.b-dark-grey {
    color: #0d0d0d;
}

/*others*/
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

@-o-keyframes spin {
    from { -o-transform: rotate(0deg); }
    to { -o-transform: rotate(360deg); }
}

.at {
    font-weight: bold;
    display: inline;
    width: 16px;
    height: 16px;
    
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2.0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate-reverse;
    -webkit-animation-timing-function: ease;
    
    -moz-animation-name: spin;
    -moz-animation-duration: 2.0s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate-reverse;
    -moz-animation-timing-function: ease;
    
    animation-name: spin;
    animation-duration: 2.0s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
    animation-timing-function: ease;
}

.at:hover {
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
}

.b-scobe:before {
    content: "«";
}

.b-scobe:hover:before {
    content: "»";
}

.b-scobe:after {
    content: "»";
}

.b-scobe:hover:after {
    content: "«";
}

.b-top, .b-mid, .b-bot, .b-level {
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

.b-top, .b-mid, .b-bot {
    font-size: 75%;
}

.b-top {
    top: -0.35em;
}

.b-bot {
    bottom: -0.35em;
}

/*posts*/
.b-golden {
    top: -0.5em;
    color: #ffd700;
}

.b-hell {
    bottom: -0.7em;
    color: #dc143c;
}