8,960
edits
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
.quote-container { | .quote-container { | ||
position: relative; | position: relative; | ||
padding: 20px; | padding: 20px; | ||
margin: 20px; | margin: 20px; | ||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
background: white; /* Белый фон контейнера */ | |||
} | } | ||
| Line 10: | Line 10: | ||
content: ''; | content: ''; | ||
position: absolute; | position: absolute; | ||
top: | top: -50px; /* Перемещаем верхнее изображение выше */ | ||
left: 0; | left: 0; | ||
width: 100%; | width: 100%; | ||
height: 50px; /* Высота верхнего изображения */ | height: 50px; /* Высота верхнего изображения */ | ||
background: url("/images/0/08/Above_quote.png") no-repeat center top; | background: url("/images/0/08/Above_quote.png") no-repeat center top; | ||
z-index: 2; /* Поднимаем изображение выше фона */ | |||
} | } | ||
| Line 20: | Line 21: | ||
content: ''; | content: ''; | ||
position: absolute; | position: absolute; | ||
bottom: | bottom: -50px; /* Перемещаем нижнее изображение ниже */ | ||
left: 0; | left: 0; | ||
width: 100%; | width: 100%; | ||
height: 50px; /* Высота нижнего изображения */ | height: 50px; /* Высота нижнего изображения */ | ||
background: url("/images/c/c8/Under_quote.png") no-repeat center bottom; | background: url("/images/c/c8/Under_quote.png") no-repeat center bottom; | ||
z-index: 2; /* Поднимаем изображение выше фона */ | |||
} | } | ||
.quote-content { | .quote-content { | ||
position: relative; | position: relative; | ||
z-index: 1; | z-index: 1; /* Текст находится ниже изображений */ | ||
background: white; | background: white; | ||
padding: 40px 20px; /* | padding: 40px 20px; /* Отступы внутри белого контейнера */ | ||
} | } | ||