новостная лента

hide-autor
[html]

<div class="bac">
<div class="namet">
<div class="bacname"><center>еженедельные новости</center></div></div></div><br/><br/>
<center>узнать о нововведениях, посмотреть на красивых активистах и просто вспомнить то, что было можно тут. <br><br></center></div></div>[/html]

[html]
<style>
/*новости старые от джейми*/
.nsw {
position: relative;
height: 410px;
margin-left: 23px !important;
margin-top: 40px !important;
}
элемент {
font-size: 12px;

margin-left: -43px !important;

}
.nsw-right-one1 a img {
width: 60px;
height: 60px;
display: block;
margin: 0 !important;
cursor: pointer;
filter: grayscale(100%);
transition: all .6s ease-in-out 0s;
object-fit: cover;
}
.nsw-right-one1 a {
width: 60px;
height: 60px;
display: block;
overflow: hidden;
margin: 0px 17px 8px !important;
float: left;
border: 1px solid var(--bg5) !important;
position: absolute;
top: 32px;
right: 14px;
border-radius: 100px;
}
.nsw-right-one1 a::after {
content: "";
width: 100%;
height: 100%;
display: block;
top: 0px;
left: 0;
background: var(--color3);
mix-blend-mode: multiply;
position: absolute;
transition: all .6s ease-in-out 0s;

}

.nsw-right-one2 a img {
width: 60px;
height: 60px;
display: block;
margin: 0 !important;
cursor: pointer;
filter: grayscale(100%);
transition: all .6s ease-in-out 0s;
object-fit: cover;
}
.nsw-right-one2 a {
width: 60px;
height: 60px;
display: block;
overflow: hidden;
margin: 0px 17px 8px !important;
float: left;
border: 1px solid var(--bg5) !important;
position: absolute;
top: 32px;
right: 104px;
border-radius: 100px;
}
.nsw-right-one2 a::after {
content: "";
width: 100%;
height: 100%;
display: block;
top: 0px;
left: 0;
background: var(--color3);
mix-blend-mode: multiply;
position: absolute;
transition: all .6s ease-in-out 0s;

}
.nsw-left {
float: left;
width: 21%;
}
.nsw-left-top {
height: 200px;
}
.nsw-left-one1 a {
width: 60px;
height: 60px;
display: block;
overflow: hidden;
margin: 0px 17px 8px !important;
float: left;
border: 1px solid var(--bg5) !important;
position: absolute;
top: 32px;
left: 8px;
border-radius: 15px !important;
}
.nsw-left-one1 a img {
width: 60px;
height: 60px;
display: block;
margin: 0 !important;
cursor: pointer;
filter: grayscale(100%);
transition: all .6s ease-in-out 0s;
object-fit: cover;
}
.nsw-left-one1 a::after {
content: "";
width: 100%;
height: 100%;
display: block;
top: 0px;
left: 0;
background: var( --accent);
mix-blend-mode: multiply;
position: absolute;
transition: all .6s ease-in-out 0s;
border-radius: 15px !important;
}
.nsw-left-one2 a {
width: 60px;
height: 60px;
display: block;
overflow: hidden;
margin: 0px 17px 8px !important;
float: left;
border: 1px solid var(--bg5) !important;
position: absolute;
top: 32px;
left: 98px;
border-radius: 15px !important;
}
.nsw-left-one2 a img {
width: 60px;
height: 60px;
display: block;
margin: 0 !important;
cursor: pointer;
filter: grayscale(100%);
transition: all .6s ease-in-out 0s;
object-fit: cover;
}
.nsw-left-one2 a::after {
content: "";
width: 100%;
height: 100%;
display: block;
top: 0px;
left: 0;
background: var( --accent);
mix-blend-mode: multiply;
position: absolute;
transition: all .6s ease-in-out 0s;
border-radius: 15px !important;
}
.nsw-left-one3 a {
width: 60px;
height: 60px;
display: block;
overflow: hidden;
margin: 0px 17px 8px !important;
float: left;
border: 1px solid var(--bg5) !important;
position: absolute;
top: 104px;
left: 8px;
border-radius: 15px !important;
}
.nsw-left-one3 a img {
width: 60px;
height: 60px;
display: block;
margin: 0 !important;
cursor: pointer;
filter: grayscale(100%);
transition: all .6s ease-in-out 0s;
object-fit: cover;
}
.nsw-left-one3 a::after {
content: "";
width: 100%;
height: 100%;
display: block;
top: 0px;
left: 0;
background: var( --accent);
mix-blend-mode: multiply;
position: absolute;
transition: all .6s ease-in-out 0s;
border-radius: 15px !important;
}
.nsw-left-one4 a {
width: 60px;
height: 60px;
display: block;
overflow: hidden;
margin: 0px 17px 8px !important;
float: left;
border: 1px solid var(--bg5) !important;
position: absolute;
top: 104px;
left: 98px;
border-radius: 15px !important;
}
.nsw-left-one4 a img {
width: 60px;
height: 60px;
display: block;
margin: 0 !important;
cursor: pointer;
filter: grayscale(100%);
transition: all .6s ease-in-out 0s;
object-fit: cover;
}
.nsw-left-one4 a::after {
content: "";
width: 100%;
height: 100%;
display: block;
top: 0px;
left: 0;
background: var( --accent);
mix-blend-mode: multiply;
position: absolute;
transition: all .6s ease-in-out 0s;
border-radius: 15px !important;
}
.nsw-bt-one a {
width: 160px;
height: 60px;
display: block;
overflow: hidden;
margin: 5px 17px 8px !important;
float: left;
border: 1px solid var(--bg5) !important;
position: absolute;
top: 232px;
left: -3px;
border-radius: 15px !important;
}
.nsw-bt-one a img {
width: 160px;
height: 60px;
display: block;
margin: 0 !important;
cursor: pointer;
filter: grayscale(100%);
transition: all .6s ease-in-out 0s;
object-fit: cover;
}
.nsw-bt-one a::after {
content: "";
width: 100%;
height: 100%;
display: block;
top: 0px;
left: 0;
background: var( --accent);
mix-blend-mode: multiply;
position: absolute;
transition: all .6s ease-in-out 0s;
border-radius: 15px !important;
}
.nsw-right-one4 a {
width: 60px;
height: 60px;
display: block;
overflow: hidden;
margin: 0px 17px 8px !important;
float: left;
border: 1px solid var(--bg5) !important;
position: absolute;
top: 104px;
right: 125px;
border-radius: 15px !important;
}
.nsw-right-one4 a img {
width: 60px;
height: 60px;
display: block;
margin: 0 !important;
cursor: pointer;
filter: grayscale(100%);
transition: all .6s ease-in-out 0s;
object-fit: cover;
}
.nsw-right-one4 a::after {
content: "";
width: 100%;
height: 100%;
display: block;
top: 0px;
left: 0;
background: var( --accent);
mix-blend-mode: multiply;
position: absolute;
transition: all .6s ease-in-out 0s;
border-radius: 15px !important;
}
.nsw-right-one3 a {
width: 60px;
height: 60px;
display: block;
overflow: hidden;
margin: 0px 17px 8px !important;
float: left;
border: 1px solid var(--bg5) !important;
position: absolute;
top: 104px;
right: 35px;
border-radius: 15px !important;
}
.nsw-right-one3 a img {
width: 60px;
height: 60px;
display: block;
margin: 0 !important;
cursor: pointer;
filter: grayscale(100%);
transition: all .6s ease-in-out 0s;
object-fit: cover;
}
.nsw-right-one3 a::after {
content: "";
width: 100%;
height: 100%;
display: block;
top: 0px;
left: 0;
background: var( --accent);
mix-blend-mode: multiply;
position: absolute;
transition: all .6s ease-in-out 0s;
border-radius: 15px !important;
}
.nsw-center {
float: left;
width: 50%;
position: absolute;
top: 0;
left: 205px;
}
.nsw-center-titl {
color: var(--color12);
}
.nsw-center-text {
height: 313px;
overflow-y: auto;
padding-right: 9px !important;
scrollbar-color: var(--scroll3);
}
.nsw-center-text a {
font-weight: 700 !important;
color: var(--color10) !important;
}
.nsw-center-text strong {
color: var(--color10) !important;
}
.nsw-center-text-bt-name strong {
color: var(--color10) !important;
}
.nsw-center-text-bt-name {
margin-top: 20px !important;
}
.nsw-right {
float: left;
width: 24%;
position: absolute;
right: 0;
}
.nsw-right-top {
height: 200px;
}
.nsw-right-one {
width: 174px;
margin: 0px 0 0 19px !important;
height: 71px;
}
.nsw-right-one a {
color: var(--color10) !important;
}
.nsw-right-one-text {
overflow-y: auto;
height: 51px;
padding-right: 8px !important;
scrollbar-color: var(--scroll3);
}
.nsw-center-text-bt-one1 {
position: absolute;
left: -135px;
top: 322px;
text-align: center;
}
.nsw-center-text-bt-one2-min {
color: var(--color10) !important;
}
.nsw-center-text-bt-one2 {
position: absolute;
right: -177px;
top: 322px;
text-align: center;
}

/* ----------------------------новые новости 6 чезона */

.novost_fon, .novost_fon6 {
--novost_fon1: #dcd9d2; /* светлая тема новостей */
--accent: #9f8b78;
--beg300: #ebe7e3;
--beg500: #f1eeec;
--links: #9f8b78;
--gray-2: 226, 223, 216, 0.68;
--font-accent: movage;
--text1: #333;

}

.dark .novost_fon, .dark .novost_fon6 {
--accent: #797564;
--beg300: rgba(49, 47, 42, .8);
--beg500: #4a4943;
--links: #797564;
--novost_fon1: #242321;
--gray-2: 226, 223, 216, 0.68;
--font-accent: movage;
--text1: #333;

}

@font-face {font-family: 'movage';
src: local("movage"), url(https://forumstatic.ru/files/001c/65/f7/39336.otf);}

/* -----общее про блок */
.novost_block_text {
display: flex;
margin: 0 auto !important;
width: 900px !important;
}

/* -----------------конец */

/* ------------------правая часть новостей */
.novost_block {
flex: 1;
}

/* -----фон текста новостей */
.novost_fon {
background-color: rgb(var(--gray-2));
border-radius: 10px;
padding: 20px;
}

/* -----про аву админа */
.novost_av {
margin-left: -77px !important;
margin-top: -12px !important;
width: 70px;
height: 70px;
border-radius: 15px;
border: solid 1px var(--accent);
}

.novost_av img {
border-radius: 14px;
width: 70px;
height: 70px;
filter: grayscale(100%);
object-fit: cover;
}

/* -----надпись у авы админа */
.novost_adm {
font-family: 'code_pro';
border-radius: 6px;
font-size: 14px;
max-width: max-content;
padding: 4px 15px 3px 15px;
background-color: var(--accent);
color: var(--text1);
margin-top: -49px !important;
margin-left: -9px !important;
}

/* -----текст новостей */
.novost_text {
border-radius: 15px;
width: 690px;
padding: 9px;
background: var(--beg500);
font-size: 12px;
margin-right: -37px !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
margin-left: 2px !important;
}

/* -----------------конец */

/* ------------------ссылки внизу */
.novost_block_sslki {
text-align: center;
width: 707px;
margin-left: 253px !important;
line-height: 23px;
}

.fon_sslki a {
background-color: var(--accent);
border-radius: 6px;
padding: 3px 13px 1px 13px;
color: var(--text1) !important;
display: inline-block;
font: 12px 'code_pro';
max-width: max-content;
}

/* -----------------конец */

/* -------------------------блок новостей слева */
.novost_block2 {
margin-top: 58px !important;
padding: 3px;
margin-left: -40px !important;
margin-right: 1px !important;
}

/* -----------------плашки "актив" и "постописцы" */
.pl_post, .pl_akt {
background-color: var(--accent);
border-radius: 6px;
color: var(--text1);
font: 14px 'code_pro';
padding: 2px 0 0 0;
letter-spacing: 1px;
text-align: center;
font-weight: 900;
width: 150px;
margin-inline: auto !important;
}

/* -----------------активисты имена */
.novost_activ {
text-align: center;
font-size: 12px;
background: var(--beg500);
border-radius: 12px;
padding: 5px;
margin-top: 6px !important;

}

/* -----------------постописцы имена */
.novost_postactiv {
text-align: center;
font-size: 12px;
background: var(--beg500);
border-radius: 12px;
padding: 5px;
margin-top: 10px !important;
}

/* -----------------лучший пост блок*/
.novost_post {
background: var(--beg500);
border-radius: 12px;
padding: 5px;
margin-top: 12px !important;
}

/* -----------------имя постописца */
.novost_postname {
margin-left: 21px !important;
font: 14px 'code_pro';
}

/* -----------------эпизод */
.novost_ep {
background-color: var(--accent);
border-radius: 12px;
color: var(--text1);
margin-top: 10px !important;
padding: 5px;
text-align: center;
}

/* -----------------название эпизода */
.novost_ep a {
color: var(--text1) !important;
font: 12px 'code_pro';
font-weight: 900;

}

/* -----------------конец */

/* ----------------------------новые новости */

/* -----общее про блок */
.novost_block_text {
display: flex;
margin: 0 auto !important;
width: 900px !important;
}

/* -----------------конец */

/* ------------------правая часть новостей */
.novost_block {
flex: 1;
}

/* -----фон текста новостей */
.novost_fon {
background: rgb(var(--gray-2));
border-radius: 10px;
padding: 20px;
}

/* -----про аву админа */
.novost_av {
margin-left: -77px !important;
margin-top: -12px !important;
width: 70px;
height: 70px;
border-radius: 15px;
border: solid 1px var(--accent);
}

.novost_av img {
border-radius: 14px;
width: 70px;
height: 70px;
filter: grayscale(100%);
object-fit: cover;
}

/* -----текст новостей */
.novost_text {
border-radius: 15px;
width: 670px;
padding: 9px;
background: var(--novost_fon1);
font-size: 12px;
margin-right: -31px !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
margin-left: 2px !important;
}

/* -----------------конец */

/* ------------------ссылки внизу */
.novost_block_sslki {
text-align: center;
width: 707px;
margin-left: 253px !important;
line-height: 23px;
}

.fon_sslki a {
background-color: var(--accent);
border-radius: 6px;
padding: 3px 13px 1px 13px;
color: var(--text1) !important;
display: inline-block;
font: 12px 'code_pro';
max-width: max-content;
}

/* -----------------конец */

/* -------------------------блок новостей слева */
.novost_block2 {
margin-top: 58px !important;
padding: 3px;
margin-left: -34px !important;
margin-right: 1px !important;
}

/* -----------------активисты имена */
.novost_activ {
text-align: center;
font-size: 12px;
background: var(--novost_fon1);
border-radius: 12px;
padding: 5px;
margin-top: 6px !important;

}

/* -----------------постописцы имена */
.novost_postactiv {
text-align: center;
font-size: 12px;
background: var(--novost_fon1);
border-radius: 12px;
padding: 5px;
margin-top: 10px !important;
}

/* -----------------лучший пост блок*/
.novost_post {
background: var(--novost_fon1);
border-radius: 12px;
padding: 5px;
margin-top: 12px !important;
}

/* -----------------имя постописца */
.novost_postname {
margin-left: 21px !important;
font: 14px 'code_pro';
}

/* -----------------эпизод */
.novost_ep {
background-color: var(--accent);
border-radius: 12px;
color: var(--text1);
margin-top: 10px !important;
padding: 5px;
text-align: center;
}

/* -----------------название эпизода */
.novost_ep a {
color: var(--text1) !important;
font: 12px 'code_pro';
font-weight: 900;

}

/* ---------------------------верхний блок */
/* -----------------номер новостей */
.nomer {
position: absolute;
right: 73px;
top: 35px;
font: 60px var(--font-accent);
text-transform: uppercase;
color: var(--accent);
font-weight: bold;
}

/* -----------------к-во постов */
.sk_post {
position: absolute;
right: 85px;
top: 90px;
font: 13px code_pro;
color: var(--text1);
}

/* -----------------к-во эпов */
.sk_ep {
position: absolute;
right: 212px;
top: 90px;
font: 13px code_pro;
color: var(--text1);
}

/* -----------------конец новостей 6 чезона*/

</style>

[/html]
[html]<style>

/* -------------------------- новости */

/* -----общее про блок */
.novost_block_text {
display: flex;
margin: 0 auto !important;
width: 900px !important;
}

details[open] {
background: #e5e5e5;
padding: 4px;
width: 490px;
}

summary{
margin-left: 11px !important;
}

/* -----фон текста новостей */
.nov_fon {
/*padding: 20px; */
background-image: url(https://upforme.ru/uploads/001b/03/46/4/445830.png);
height: 800px;
width: 900px;
margin-left: 30px;
background-repeat: no-repeat;
}

/* -----про аву админа */
.nov_adm_av1 {
margin-left: -29px !important;
margin-top: 7px !important;
position: absolute;
width: 234px;
height: 337px;
z-index: 10;
background-image: url(https://upforme.ru/uploads/001b/03/46/4/949254.png);
}

.nov_adm_av img {
width: 138px;
margin-left: 30px;
margin-top: 46px;
height: 142px;
filter: grayscale(100%);
object-fit: cover;
transform: rotate(-12deg);
}

/* -----текст новостей */

.nov_text {
width: 493px;
position: absolute;
padding: 9px;
margin-top: 55px !important;
margin-left: 75px !important;
color: #000 !important;
}

/* -----постописцы и активисты*/
.nnovpost1 {
margin-top: 141px;
left: 493px;
position: absolute;
font-family: 'NetflixSansTh';
font-size: 12px;
line-height: 14px;

}
.nnovpost1 a, .aaktiv a {
color: var(--colorshapka)!important;
}
.nnovpost1 a:hover, .aaktiv a:hover {
color: var(--linksred)!important;
}

.aaktiv {
margin-left: 334px;
margin-top: 142px;
text-align: right;
position: absolute;
font-family: 'NetflixSansTh';
font-size: 13px;
line-height: 13px;
}

/* -----лучший пост и имя игрока*/
.bbpost {
margin-top: 13px;
transform: rotate(24deg);
width: 130px;
margin-left: 671px;
color: #000 !important;
}

.bbpost a:hover, .bbpost_name a:hover, .bbpost_name a {
color: var(--linksred)!important;
}

.bbpost_name {
margin-top: -97px;
margin-left: 718px;
width: max-content;
font-family: 'NetflixBebasNeue';
font-size: 20px;

}

/* -----к-во постов и эпизодов*/

.nom_nov {
position: absolute;
right: 193px;
top: 345px;
transform: rotate(-16deg);
font-family: 'NetflixBebasNeue';
font-size: 43px;
color: var(--iconnewcat);
}

.sk_post1 {
position: absolute;
right: 242px;
top: 388px;
transform: rotate(-16deg);
font-family: 'NetflixSansTh';
font-size: 17px;
color: #000 !important;
}

.sk_ep1 {
position: absolute;
right: 228px;
top: 403px;
transform: rotate(-16deg);
font-family: 'NetflixSansTh';
font-size: 17px;
color: #000 !important;
}

/* -----лучший эпизод*/

.bb_ep {
z-index: 20;
text-align: center;
position: absolute;
top: 251px;
width: 150px;
left: 28px;
font-size: 20px;
color: var(--linksred);
transform: rotate(-20deg);
font-family: 'NetflixBebasNeue';
}

.bb_ep a {
color: var(--linksred)!important;
}

.bb_ep_names {
color: var(--colorshapka);
position: absolute;
top: 269px;
line-height: 9px;
left: 32px;
z-index: 20;
transform: rotate(-20deg);
font-family: 'NetflixSansTh';
width: 161px;

}

.bb_ep_names a {
color: var(--colorshapka)!important;
}

.bb_ep_names a:hover, .bb_ep a:hover {
color: var(--linksred)!important;
}

.bb_bpost {
color: var(--colorshapka) !important;
position: absolute;
top: 291px;
z-index: 20;
font-family: 'NetflixBebasNeue';
transform: rotate(-20deg);
left: 92px;
font-size: 17px;
opacity: 0.7;
}

/* -----------------конец */

</style>

прошлая тема

hide-autor
[html]
<link rel="stylesheet" href="https://forumstatic.ru/files/001b/d4/18/12381.css?v=5">
<div class="hazeaug-hazenovosty">

<div class="hazeaug-nom_nov">news #189</div>
<div class="hazeaug-sk_nov">
<div class="hazeaug-sk_post1">постов: 43</div>
<div class="hazeaug-sk_ep1">эпизодов: 3</div>
</div>

<div class="hazeaug-nnovpost1">
<a href="https://thehaze.rusff.me/profile.php?id=361" title="jake lewis — 4 поста">jake lewis</a>
<a href="https://thehaze.rusff.me/profile.php?id=1176" title="noah addison — 4 поста">noah addison</a>
<a href="https://thehaze.rusff.me/profile.php?id=642" title="riley bailey — 3 поста">riley bailey</a>
<a href="https://thehaze.rusff.me/profile.php?id=556" title="jules lewis — 2 поста">jules lewis</a>
</div>

<div class="hazeaug-aaktiv">
<a href="https://thehaze.rusff.me/profile.php?id=1044" title="anna moreau">anna moreau</a>
<a href="https://thehaze.rusff.me/profile.php?id=613" title="june leary">june leary</a>
<a href="https://thehaze.rusff.me/profile.php?id=1136" title="caspian churcill">caspian churcill</a>
<a href="https://thehaze.rusff.me/profile.php?id=1114" title="felicity airlie">felicity airlie</a>
</div>

<div class="hazeaug-bb_ep"><a href="https://rehaze.ru/viewtopic.php?id=4700">vincit qui patitur</a></div>
<div class="hazeaug-bb_ep_names">
<a class="post-mention" href="/profile.php?id=1063" data-user-id="1063" data-group-id="5">leo luo</a> и <a class="post-mention" href="/profile.php?id=1064" data-user-id="1064" data-group-id="5">wang yue</a>
</div>
<div class="hazeaug-bb_bpost">episode of the week</div>

<div class="hazeaug-bbpost_name">
<a class="post-mention" href="/profile.php?id=1105" data-user-id="1105" data-group-id="5">charlotte braddock</a>
</div>
<div class="hazeaug-bbpost">
Светопредставление, которое устроил Нейт, Чарли пропустила, как раз увлекшись своей находкой. Только услышала его извинения, но раз за ними не последовало... <a href="https://thehaze.rusff.me/viewtopic.php?pid=620829#p620829">читать</a></div>
</div>

<div class="hazeaug-nov_text">
<br> добрый вечер, эврика спрингс! на связи фелис морено со свежими новостями и идеями, куда можно вписаться
<br>
<br> * во флешмобе у нас <a href="https://rehaze.ru/viewtopic.php?id=4705&p=3#p621215">историчка</a>, но уже завтра появится новое задание, поэтому успевайте нарядиться сегодня;
<br>* благодаря Люцу и его золотым рукам у нас обновилась <a href="https://rehaze.ru/viewtopic.php?id=2661&p=8#p621385">карта</a>! проверьте, что вы случайно не переехали, а если ещё не отмечались, то отметьтесь!
<br>* завтра будет обновление пазлов, успевайте собрать <a href="https://rehaze.ru/viewtopic.php?id=4484&p=3#p620804">замки</a>, если ещё не собрали;
<br>* мара скоро выложит целых два интерактива, разминайте пальчики и готовьтесь участвовать изо всех сил!
<br>* джесси готовит списки по активности — убедитесь, что в них нет вас и ваших близких, а если вдруг есть, срочно активничайте и выписывайтесь;
<br>* так же джесси напоминает про запись в <a href="https://rehaze.ru/viewtopic.php?id=4732#p620931">движуху</a>;
<br>* а если вы ещё не принесли <a href="https://rehaze.ru/viewtopic.php?id=4729#p620874">дверь</a>, то скорее несите и помогайте люцу готовить хейз к хэллоуину;
<br>* есть ещё полтора часа, чтобы записаться в <a href="https://rehaze.ru/viewtopic.php?id=4737#p621203">квест с призраками</a>! осталось одно место, но если вас два-по-цене-одного, и вам хочется, напишите лс, мы попробуем что-то придумать;
<br>* до нового года остался 81 день.
<br>
<br>целую, фелис
</div>
<div class="hazeaug-nov_text_fotter"></div>
</div>
</div> [/html]