Собственные стили для тегов blockquote, pre, code

Собственные стили для тегов pre, code, blockquote

Собственные стили для тегов blockquote, pre, code, которые используются на этом сайте.

Цитата:

blockquote {
border: dotted #666 1px;
border-left: solid #2975af 5px;
margin: 10px 0;
padding: 15px 15px 5px 15px;
color: #333;
font-style: italic;
background: #fcfcfc;
}

blockquote cite {
display: block;
font-style: normal;
text-align: right;
}

blockquote.warning {
border: dotted #666 1px;
margin: 10px 0;
padding: 15px 15px 5px 15px;
color: #333;
font-style: italic;
background: #fff9cd;
}

Пример. Пример. Пример.

 

Код 1:

pre {
clear: both;
width: auto;
background-color: whitesmoke;
border: 1px solid #C7C3C3;
border-radius: 5px; 
color: #000000; 
margin: 10px 0;
padding: 10px; 
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 14px;
line-height: 1.500;
overflow: auto;
position: relative;
white-space: pre;
z-index: 1;
}
Пример. Пример. Пример.

 

Код 2:

code {
clear: both;
width: auto;
background-color: whitesmoke;
border: 1px solid #C7C3C3;
border-radius: 5px; 
color: #000000; 
margin: 10px 0;
padding: 10px; 
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 14px;
line-height: 1.500;
overflow: auto;
position: relative;
white-space: pre;
z-index: 1;
}

Пример. Пример. Пример.

 

(У этой записи еще нет рейтинга. Поставьте первую оценку)