Оформление цитаты

Хочу изменить оформление цитат, так как стандартное оформление ну совсем простое:
отступ сверху и снизу, а также сдвиг (табуляция блока).
Такое оформление цитаты в стандартном варианте:

Погуглив, нашла несколько разных вариантов.

Вариант № 1. (самый толковый) 

Дизайн → Дизайнер шаблонов → Дополнительно → Добавить CSS.

blockquote {
border: dotted #666 1px;
border-left:solid #2388BB 5px;
margin:10px 40px;
padding:15px;
color:#333;
font-style:normal;
font-size:14px;
background:#F0F9FF;
}

Так будет внешне выглядеть цитата в статье блога:

Вариант № 2. (используется сейчас в этом блоге)

В этом варианте несколько изменены цветовое оформление и начертание шрифта.

blockquote {
margin:10px;
padding:10px;
border:1px solid #D6D6D6;
border-radius: 5px;
font-family: monospace;
background-color:#F7F7F7;
font-size:90%;
color: #000;
}

CSS варианта № 1 взят тут

Про оформление цитаты и кода:

• Вставка кода в статью блога  
• Вставка кода в статью блога (продолжение)   
• Ещё один вариант оформления кода    
• Текст с прокруткой  
• Оформление участка текста стилем "Тетрадный лист в линейку"