Modelo de blockquote com barra de rolagem [004]

Olá pessoal!!! Como estão? Estudando bastante para o Enem? Pois é...estou praticamente sem tempo e passando o dia inteiro estudando, então está me sobrando pouquinho tempo para postar ou fazer qualquer outra coisa que eu goste... logo agora que ganhei um box de livro bem legal! Mas desejo a todos boa sorte nas provas do Enem.  Sendo assim não tive tempo para pensar em algo legal, trouxe um pedido da Ask, blockquote em caixinha, por ser algo rápido fiz alguns modelos diferentes, não deu tempo de caprichar é apenas uma base para vocês personalizarem como desejarem. Entre alguns pedidos da ask tem pedido de layouts free, infelizmente no momento não estou podendo criar layouts apenas estou postando os que tenho guardado, desculpem.

Modelo 1

Códigos

.post blockquote {
background: #efede0 url("http://static.tumblr.com/xpo2exu/Zntnejh1s/fundo_1.png") repeat;
box-shadow: inset 0px 0px 9px  #e4e4e4;
border: 1px solid #a0d5d2;
outline: 1px solid #a0d5d2;
outline-offset: 3px;
line-height: 18px;
font: normal normal 12px 'courier new', sans-serif;
text-align: left;
color: #72a2ae;
margin: 0px;
padding: 3px;
overflow: scroll;
height: 77px;
}

Modelo 2

Códigos

.post blockquote {
background: #907f6b;
border: 3px solid #573e37;
font: normal normal 12px 'courier new', sans-serif;
text-shadow:0px 1px 0px #533f38;
text-align: left;
color: #b9ae92;
margin: 0px;
padding: 3px;
overflow: scroll;
height: 77px;
}

Modelo 3

Códigos

.post blockquote {
background: url("http://static.tumblr.com/xpo2exu/VDgnejl8g/fundo_2.png") repeat;
border: 1px dotted #9e9e9e;
outline: 1px dotted #9e9e9e;
outline-offset: 3px;
line-height: 18px;
font: normal normal 12px 'courier new', sans-serif;
text-align: left;
color: #9e9e9e;
margin: 0px;
padding: 3px;
overflow: scroll;
height: 77px;
}

Modelo 4

Códigos

.post blockquote {
background: url("http://static.tumblr.com/xpo2exu/Srenek846/fundo_3.png") repeat;
border: 1px dotted #c6d8e2;
outline: 1px solid #c6d8e2;
outline-offset: -7px;
line-height: 18px;
font: normal normal 12px 'courier new', sans-serif;
text-align: left;
color: #ddded8;
margin: 0px;
padding: 3px;
overflow: scroll;
height: 77px;
-webkit-transition-duration: .90s;
}
.post blockquote:hover {
background: url("http://static.tumblr.com/xpo2exu/Srenek846/fundo_3.png") repeat;
border: 1px dotted #c6d8e2;
outline: 1px dotted #c6d8e2;
outline-offset: 3px;
line-height: 18px;
font: normal normal 12px 'courier new', sans-serif;
text-align: left;
color: #c6d8e2;
margin: 0px;
padding: 3px;
overflow: scroll;
height: 77px;
-webkit-transition-duration: .90s;
}

Modelo 5

Códigos

.post blockquote {
background: url("http://static.tumblr.com/xpo2exu/Srenek846/fundo_3.png") repeat;
border: 1px dotted #c6d8e2;
outline: 1px solid rgba(198,216,226,.5);
outline-offset: 3px;
line-height: 18px;
font: normal normal 12px 'courier new', sans-serif;
text-align: left;
color: #ddded8;
margin: 0px;
padding: 3px;
overflow: scroll;
height: 77px;
-webkit-transition-duration: .90s;
}
.post blockquote:hover {
background: url("http://static.tumblr.com/xpo2exu/Srenek846/fundo_3.png") repeat;
border: 1px dotted #c6d8e2;
outline: 1px solid #c6d8e2;
outline-offset: 3px;
line-height: 18px;
font: normal normal 12px 'courier new', sans-serif;
text-align: left;
color: #c6d8e2;
margin: 0px;
padding: 3px;
overflow: scroll;
height: 77px;
-webkit-transition-duration: .90s;
}

Os créditos vão para o site Tudo de Bom Blogger (.com), é só isso. Espero que tenham gostado e que façam blockquotes muito bonitos, tchauzinho!!!