[html]<!--HTML-->
<div class="fon">
<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_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: 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;
}
/* -----------------плашки "актив" и "постописцы" */
.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(--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]
