giovedì 6 giugno 2013

Blockquote colorati per bootstrap

Così, brutalmente, senza fronzoli. Avevo necessità di colorare dei blockquote, e visto che uso Twitter Bootstrap liscio di fabbrica, ecco gli stili per le classi usate anche per gli altri elementi

blockquote.blockquote-success {
    border-left: 5px solid #468847;
}
blockquote.blockquote-warning {
    border-left: 5px solid #F89406;
}
blockquote.blockquote-important {
    border-left: 5px solid #B94A48;
}
blockquote.blockquote-info {
    border-left: 5px solid #3A87AD;
}
blockquote.blockquote-inverse {
    border-left: 5px solid #333333;
}

Ed ecco il risultato

Nessun commento:

Posta un commento