8,960
edits
No edit summary |
No edit summary |
||
| Line 4: | Line 4: | ||
margin: 20px; | margin: 20px; | ||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
background: white; /* | background: white; | ||
max-width: 100px; /* Ограничение ширины */ | |||
word-wrap: break-word; /* Перенос слов, если они слишком длинные */ | |||
} | } | ||
| Line 10: | Line 12: | ||
content: ''; | content: ''; | ||
position: absolute; | position: absolute; | ||
top: -50px; /* | top: -50px; | ||
left: 50%; /* Выравнивание по центру */ | |||
transform: translateX(-50%); /* Центрируем изображение относительно контейнера */ | |||
width: 60%; | width: 60%; | ||
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; | z-index: 2; | ||
} | } | ||
| Line 21: | Line 24: | ||
content: ''; | content: ''; | ||
position: absolute; | position: absolute; | ||
bottom: -50px; /* | bottom: -50px; | ||
left: 50%; /* Выравнивание по центру */ | |||
transform: translateX(-50%); /* Центрируем изображение относительно контейнера */ | |||
width: 60%; | width: 60%; | ||
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; | z-index: 2; | ||
} | } | ||
.quote-content { | .quote-content { | ||
position: relative; | position: relative; | ||
z-index: 1; | z-index: 1; | ||
background: white; | background: white; | ||
padding: 40px | padding: 40px 10px; /* Уменьшенные отступы внутри белого контейнера */ | ||
text-align: center; /* Центрируем текст */ | |||
} | } | ||