[Tutorial] Quote elegante

Informações:

Autor: Diapt
Versões: PunBB
Introdução: Quote elegante

Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de Estilo CSS

Código:

/***quote superinfo - mshas/artic/diapt***/
.postmain cite {
    background-color: transparent!important;
    background-image: none!important;
    color: #009FF2!important;
    display: block;
    font-size: 1vw!important;
    font-style: normal;
    font-weight: 700;
    margin: 0 0 1em;
}
.postmain cite {
    display: block;
    font-style: normal;
    font-weight: 700;
    margin: 0 0 1em;
}
blockquote cite {
    background-color: #E4EAF2;
    background-image: url(http://2img.net/i/fa/invision/css_img_quote.gif);
    background-position: top right;
    background-repeat: no-repeat;
    color: #000;
    display: block;
    font-size: 11px;
    font-style: normal;
    margin: -8px -8px 8px;
    padding: 3px;
}
* {
    margin: 0;
    padding: 0;
}
user agent stylesheeti, cite, em, var, address, dfn {
    font-style: italic;
}
blockquote {
    background: rgba(250,250,250,0.22)!important;
    border-bottom: none!important;
    border-left: 3px solid #009FF2!important;
    border-right: none!important;
    border-top: none!important;
    display: block;
    line-height: 1.5vw!important;
    padding: .8vw!important;
}