[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;
}
</style>
[/html]
