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

Задача для олимпиады по интернет-технологиям про оформление цитаты
Сложность — средняя

Дан HTML код:

<blockquote>Философ есть человек, одушевленный&nbsp; бескомпромиссным сознанием своей абсолютной ответственности перед самим собой и тем самым перед всем человечеством.
<cite>И. Кант</cite></blockquote>

Задача:
Написать стили CSS, которые зададут следующее отображение цитаты
screen2015-11-02-2

Решение:
[vk_lock]
blockquote {
color: #3d3d3d;
font-family: Georgia,serif;
font-size: 22px;
font-style: italic;
line-height: 1.45;
padding: 1.25em 40px;
position: relative;
text-align: center;
}
blockquote:before {
color: #1abce4;
content: "\201C";
display: block;
font-size: 150px;
left: -10px;
position: absolute;
top: -30px;
}
blockquote:after {
color: #1abce4;
content: "\201D";
display: block;
font-size: 150px;
right: 0px;
position: absolute;
bottom: -100px;
}
blockquote cite {
color: #1abce4;
display: block;
font-size: 12px;
font-style: normal;
font-family:Tahoma;
margin-top: 5px;
}
blockquote cite:before {
content: "\2014 \2009";
}

[/vk_lock]


Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *