[icon]https://i.imgur.com/LWq0u0u.png[/icon]
[html]<div class="ttema5">
<div class="header-image-wrapper">
<img src="https://i.imgur.com/wsW525z.png" alt="header image">
<div class="ttema2"><br>
тема для того чтобы вы были в курсе всех последних новостей. администрация будет раз в две недели, а также раз в месяц подводить итоги и сообщать об обновлениях на форуме. настоятельно рекомендуем вам подписаться, чтобы не пропустить ничего важного. <br><br> </div>
<br><br>
</div>
</div>
<br><br>
</div> </div>
<style>
.ttema5 {
width: 500px;
margin: auto;
border-radius: 20px;
border: 2px solid white;
background-color: #f5f0e6; /* бежеве тло */
overflow: hidden;
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
.vnehi-entry {
margin-bottom: 6px;
}
.ttema3vnehi .name {
font-weight: 600;
text-transform: lowercase;
}
.header-image-wrapper {
position: relative;
width: 100%;
overflow: hidden;
border-radius: 20px 20px 0 0;
}
.header-image-wrapper img {
width: 100%;
height: auto;
display: block;
}
}
.header-text {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.85);
font-size: 10px;
text-align: justify;
padding: 15px 20px;
font-family: Arial, sans-serif;
line-height: 1.5;
}
.ttema2 {
margin: 0 auto 30px;
width: 90%;
background-color: white;
font-size: 10px;
border-radius: 20px;
padding: 20px;
text-align: justify;
font-family: Arial, sans-serif;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.ttema2 zag {
font-size: 18px;
font-weight: 600;
font-family: Gangitem Regular;
}
.ttema5, .ttema3 {
width: 550px;
margin: auto;
border-radius: 15px;
border: 1px solid var(--beg100);
background-color: var(--beg500);
{margin-left: 45px;}
}
.ttema2 {
margin: 40px auto 0;
width: 400px;
background-color: rgb(251, 251, 251);
font-size: 10px;
border-radius: 15px;
padding: 10px 20px;
text-align: justify;
}
.ttema-title {
font-size: 18px;
font-weight: 600;
text-align: center;
display: block;
margin-bottom: 10px;
}
.ttema3 {
padding: 0 40px 40px;
box-sizing: border-box;
}
.gender-row {
text-align: center;
margin-bottom: 20px;
}
.gender-label {
font-size: 22px;
margin: 0 20px;
font-family: Gangitem Regular;
}
.letter-blocks {
display: flex;
flex-direction: column;
gap: 30px;
}
.letter-section {
display: flex;
flex-direction: column;
align-items: center;
}
.letter-label {
font-size: 8px;
text-transform: uppercase;
letter-spacing: 5px;
font-weight: 200;
background-color: var(--beg100);
border-radius: 5px;
padding: 3px 16px;
display: inline-block;
margin-top: 10px;
background-color: rgb(249, 249, 249);
}
.vnehi-pair {
display: flex;
gap: 20px;
margin-top: 10px;
width: 100%;
}
.ttema3vnehi {
background-color: rgb(251, 251, 251);
border-radius: 10px;
padding: 15px;
font-size: 10px;
text-transform: lowercase;
overflow-y: auto;
height: auto;
flex: 1;
overscroll-behavior: contain;
margin-left: 35px!important;
font-size: 10px;
font-family: century gothic!important;
transition: color 0.3s ease-in-out;
width: 180px!important;
}
.ttema3vnehi .name {
font-weight: 600;
text-transform: lowercase;
}
.vnehi-entry {
margin-bottom: 6px;
}
--oforma2: url(https://forumupload.ru/uploads/001c/52/69/2/668284.png) no-repeat top center;
--oforma1: url(https://forumupload.ru/uploads/001c/52/69/2/772786.png) no-repeat top center;
--oforma2: url(https://forumupload.ru/uploads/001c/52/69/2/668284.png) no-repeat top center;
--oforma3: url(https://forumupload.ru/uploads/001c/52/69/2/732345.png) no-repeat top center;
--oforma4: url(https://forumupload.ru/uploads/001c/52/69/2/525932.png) no-repeat top center;
--fon6-1: #FBF8F3;
--fon7-1: #eee;
--oforma5: url(https://forumupload.ru/uploads/001c/52/69/2/543139.png) no-repeat top center / cover;
--oforma6: url(https://forumstatic.ru/files/001c/25/98/77370.png) no-repeat top center;
}
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Open+Sans:400,400i,600,600i,700,700i,800,800i|Roboto:100,300,400,700,900');
@import url('https://fonts.googleapis.com/css2?family=Arsenal:ital,wght@0,400;0,700;1,400;1,700&display=swap');
:root {
--base-bg: #DFDEDA;
--bg-overlay: url(https://forumstatic.ru/files/001c/52/69/24785.png);
--bg-img: url(https://forumstatic.ru/files/001c/52/69/95484.png);
--pun-cover: rgba(224, 224, 218, 0.05);
--beg100: #FBF8F3;
--beg300: #F1EEE9;
--beg500: #F6F3EE;
--border: #E2DFDA;
--dark500: #484545;
--dark600: #242424;
--opacity-bg: rgba(41, 41, 41, 0.34);
--opacity-bg2: rgba(41, 41, 41, 0.85);
--opacity-bg3: rgba(56, 56, 56, 0.34);
--text1: #575E56;
--text2: #8D9A8C;
--text3: #E2DFDA;
--links: #BD7487;
--accent: #BD7487;
--accent-yellow: #C2A993;
--accent-blue: #DFE0DA;
--font: Arsenal;
--font2: Rosie;
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #c84f4f;
text-decoration: none;
font-size: 8px!important;
font-family: Arsenalimportant;
transition: color 0.3s ease-in-out;
}
</style>[/html]
. <br> <br>
