[block=newsblock]

[block=newsheader][size=25][b]● news #10[/b][/size]
[size=10]на связи ваш админ[/size][/block]
[block=newsava][img]https://forumavatars.ru/img/avatars/001b/9d/37/2-1654298376.jpg[/img][/block]
[block=newstext]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis laoreet leo. Pellentesque bibendum fermentum diam ac mollis. Pellentesque nunc justo, pretium at ultrices ut, faucibus a elit. Nunc consequat, turpis sit amet accumsan rutrum, nunc eros consequat metus, sodales rutrum nulla nunc non eros. Ut elementum non ex sed commodo. Nulla scelerisque orci metus, nec pretium libero congue at. Aenean sit amet ante imperdiet, mattis odio sit amet, interdum tellus. Aenean ut facilisis lorem. Vivamus tincidunt dictum tristique. Phasellus tristique porta massa, vitae sodales orci venenatis eget. Sed efficitur rutrum dolor in semper. Fusce vitae suscipit sapien. Sed finibus diam non euismod lacinia. Vestibulum eget aliquet ex.

Phasellus diam magna, lacinia quis eros eget, vestibulum tincidunt urna. Duis convallis hendrerit leo, vel ornare est rutrum vitae. In laoreet turpis in nibh maximus, ac dapibus quam aliquet. Nullam sit amet velit vel leo euismod efficitur ut et odio. Sed pharetra tincidunt mauris, at dapibus odio sodales sit amet. Donec lacus neque, aliquam eget cursus eget, suscipit ut dolor. Maecenas ac elit et orci vestibulum maximus.

Maecenas consequat est arcu, nec ornare dolor faucibus at. Duis rhoncus imperdiet nibh vel posuere. Proin vehicula urna id rutrum sodales. Pellentesque cursus purus eu augue finibus, et convallis elit placerat. Phasellus ut mi et velit semper porttitor. Nunc diam urna, efficitur eget luctus sit amet, volutpat a metus. Mauris at nisi ac diam gravida pharetra vel sit amet metus. In condimentum sit amet nisl ac rutrum. Curabitur fringilla sem et lacus congue auctor. Aenean rhoncus augue et ante lacinia imperdiet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris tortor eros, efficitur sed mollis vitae, placerat vitae urna. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Mauris interdum mattis sem, a iaculis eros fringilla non. Praesent efficitur luctus fringilla. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin massa ante, rutrum id laoreet et, placerat vitae est. Phasellus volutpat sapien ut sapien bibendum congue ut ut elit. In nec turpis sit amet neque finibus semper. Suspendisse potenti. Curabitur at orci libero.

Nullam scelerisque neque odio, sed tempus sapien sagittis vitae. Integer posuere luctus nibh. Etiam non volutpat tortor, in elementum risus. Donec maximus quam et euismod porta. Sed sollicitudin magna non mi sagittis aliquet. Donec ipsum metus, imperdiet sit amet dictum a, sollicitudin et magna. Phasellus ut odio vel neque consectetur hendrerit. Sed lacus risus, tempus in risus at, consectetur pulvinar lacus. Fusce cursus laoreet nisl, id aliquet dolor maximus in. Etiam id tristique nisi, nec porta dolor. Nulla dapibus, orci a bibendum pharetra, eros elit pharetra metus, in cursus nisi erat vitae nisl. Integer imperdiet nisi sapien, vehicula fermentum justo tempor ac. Curabitur augue eros, aliquam id sagittis sed, molestie sed ligula. Cras efficitur volutpat iaculis. Mauris varius nulla sit amet blandit accumsan.

[align=center][size=30]♥[/size][/align][/block]
[block=newlist]
[block=newlistheader][align=center][b]важности[/b][/align][/block]
[ul]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis laoreet leo. Pellentesque bibendum fermentum diam ac mollis. Pellentesque nunc justo, pretium at ultrices ut, faucibus a elit. Nunc consequat, turpis sit amet accumsan rutrum, nunc eros consequat metus, sodales rutrum nulla nunc non eros. Ut elementum non ex sed commodo. Nulla scelerisque orci metus, nec pretium libero congue at. Aenean sit amet ante imperdiet, mattis odio sit amet, interdum tellus. Aenean ut facilisis lorem. Vivamus tincidunt dictum tristique. Phasellus tristique porta massa, vitae sodales orci venenatis eget. Sed efficitur rutrum dolor in semper. Fusce vitae suscipit sapien. Sed finibus diam non euismod lacinia. Vestibulum eget aliquet ex.
Phasellus diam magna, lacinia quis eros eget, vestibulum tincidunt urna. Duis convallis hendrerit leo, vel ornare est rutrum vitae. In laoreet turpis in nibh maximus, ac dapibus quam aliquet. Nullam sit amet velit vel leo euismod efficitur ut et odio. Sed pharetra tincidunt mauris, at dapibus odio sodales sit amet. Donec lacus neque, aliquam eget cursus eget, suscipit ut dolor. Maecenas ac elit et orci vestibulum maximus.
Maecenas consequat est arcu, nec ornare dolor faucibus at. Duis rhoncus imperdiet nibh vel posuere. Proin vehicula urna id rutrum sodales. Pellentesque cursus purus eu augue finibus, et convallis elit placerat. Phasellus ut mi et velit semper porttitor. Nunc diam urna, efficitur eget luctus sit amet, volutpat a metus. Mauris at nisi ac diam gravida pharetra vel sit amet metus. In condimentum sit amet nisl ac rutrum. Curabitur fringilla sem et lacus congue auctor. Aenean rhoncus augue et ante lacinia imperdiet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris tortor eros, efficitur sed mollis vitae, placerat vitae urna. Interdum et malesuada fames ac ante ipsum primis in faucibus.[/ul][/block]

[block=newactive]
[block=newactiveheader][align=center][b]активисты[/b][/align][/block]
[block=newactivecontent]
[block=activeavaleft]
[img]https://forumavatars.ru/img/avatars/001b/9d/37/2-1654298376.jpg[/img]
[img]https://forumavatars.ru/img/avatars/001b/9d/37/2-1654298376.jpg[/img]
[img]https://forumavatars.ru/img/avatars/001b/9d/37/2-1654298376.jpg[/img][/block]
[block=activeavaright][img]https://forumavatars.ru/img/avatars/001b/9d/37/2-1654298376.jpg[/img]
[img]https://forumavatars.ru/img/avatars/001b/9d/37/2-1654298376.jpg[/img]
[img]https://forumavatars.ru/img/avatars/001b/9d/37/2-1654298376.jpg[/img][/block]

[block=activequote]Mauris interdum mattis sem, a iaculis eros fringilla non. Praesent efficitur luctus fringilla. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin massa ante, rutrum id laoreet et, placerat vitae est. Phasellus volutpat sapien ut sapien bibendum congue ut ut elit. In nec turpis sit amet neque finibus semper. Suspendisse potenti. Curabitur at orci libero.
[url=https://esymeo.mybb.ru/][читать дальше][/url][/block]

[block=activecouple][align=center][url=https://esymeo.mybb.ru/]Lorem[/url] & [url=https://esymeo.mybb.ru/]Ipsum[/url][/align][/block]

[block=activeep][align=center][url=https://esymeo.mybb.ru/]Lorem Ipsum[/url][/align][/block]

[/block][/block][/block]

/* Общий стиль для блока новостей */
.newsblock {
    width: 70%; /* Ширина блока новостей */
    text-align: justify; /* Выравнивание текста по ширине */
    margin: 0 auto; /* Выравнивание по центру */
    border: 1px solid #e1dfdd; /* Граница блока новостей */
    border-radius: 25px; /* Закругление углов */
    background: #bbbbbb; /* Цвет фона */
    position: relative; /* Относительное позиционирование */
}

/* Стиль заголовка новости */
.newsheader {
    background: #bbbbbb; /* Цвет фона */
    border-radius: 25px; /* Закругление углов */
    padding: 20px 0 0 120px; /* Внутренний отступ сверху, справа, снизу, слева */
    text-transform: uppercase; /* Преобразование текста в верхний регистр */
}

/* Стиль аватара */
.newsava {
    position: absolute; /* Абсолютное позиционирование */
    top: 20px; /* Отступ сверху */
    left: 25px; /* Отступ слева */
}

.newsava img {
    width: 70px; /* Ширина изображения аватара */
    border-radius: 50%; /* Круглый аватар */
    padding: 5px; /* Внутренний отступ */
    border: 1px solid #e1dfdd; /* Граница аватара */
}

/* Стиль текста новости */
.newstext {
    padding: 20px 50px; /* Внутренний отступ сверху, слева, снизу, справа */
    border-radius: 25px 25px 0 0; /* Закругление углов сверху */
    background: #f9f9f9; /* Цвет фона */
    text-indent: 5em; /* Отступ первой строки */
}

/* Стиль списка новости */
.newlist {
    padding: 20px 40px; /* Внутренний отступ сверху, слева, снизу, справа */
    background: #f9f9f9; /* Цвет фона */
    position: relative; /* Относительное позиционирование */
}

.newlist ul li::marker {color: #b7d8f6;} /* Цвет маркера списка */

/* Стиль заголовка списка */
.newlistheader {
    width: 300px; /* Ширина блока заголовка списка */
    height: 30px; /* Высота блока заголовка списка */
    background: #fbfbfb; /* Цвет фона */
    border: 1px solid #e1dfdd; /* Граница блока заголовка списка */
    border-radius: 25px 0 0 25px; /* Закругление углов */
    position: absolute; /* Абсолютное позиционирование */
    right: 0; /* Прижимание к правому краю */
    top: -20px; /* Поднятие наверх на 20px */
}

.newlistheader span, .newactiveheader span, .activecouple span, .activeep span {line-height: 30px;} /* Высота строки */

/* Стиль блока активных новостей */
.newactive {
    background: #f9f9f9; /* Цвет фона */
    padding: 30px 80px; /* Внутренний отступ сверху, слева, снизу, справа */
    position: relative; /* Относительное позиционирование */
    margin-bottom: 60px; /* Внешний отступ снизу */
}

/* Стиль заголовка блока активных новостей слева */
.newactiveheader {
    width: 300px; /* Ширина блока заголовка */
    height: 30px; /* Высота блока заголовка */
    background: #fbfbfb; /* Цвет фона */
    border: 1px solid #e1dfdd; /* Граница блока заголовка */
    border-radius: 0 25px 25px 0; /* Закругление углов */
    position: absolute; /* Абсолютное позиционирование */
    left: 0; /* Прижимание к левому краю */
    top: -20px; /* Поднятие наверх на 20px */
}

/* Стиль контента блока активных новостей */
.newactivecontent {
    border-radius: 25px; /* Закругление углов */
    border: 1px solid #e1dfdd; /* Граница блока */
    padding: 0 40px; /* Внутренний отступ сверху, слева, снизу, справа */
    position: relative; /* Относительное позиционирование */
}

/* Стиль аватаров в блоке активных новостей */
.activeavaleft, .activeavaright {position: absolute; top: 10px;} /* Позиционирование аватаров */
.activeavaleft {left: -20px;} /* Отступ слева */
.activeavaright {right: -20px;} /* Отступ справа */

.activeavaleft img, .activeavaright img {
    width: 40px; /* Ширина изображения аватара */
    border-radius: 50%; /* Круглый аватар */
    border: 1px solid #f9f9f9; /* Граница аватара */
}

/* Стиль цитаты в блоке активных новостей */
.activequote {
    border: 1px solid #e1dfdd; /* Граница блока цитаты */
    border-radius: 0 0 25px 25px; /* Закругление углов снизу */
    padding: 5px 10px; /* Внутренний отступ сверху, слева, снизу, справа */
    font-size: 10px; /* Размер шрифта */
}

/* Стиль блока пары в блоке активных новостей */
.activecouple {
    margin: 10px 0; /* Внешний отступ сверху и снизу */
    height: 30px; /* Высота блока */
    border: 1px solid #e1dfdd; /* Граница блока */
    border-radius: 25px; /* Закругление углов */
}

/* Стиль блока эпизода в блоке активных новостей */
.activeep {
    height: 30px; /* Высота блока */
    border: 1px solid #e1dfdd; /* Граница блока */
    border-radius: 25px 25px 0 0; /* Закругление углов сверху */
}