body::before {
content: "";
background-image: url('https://cdn-static.korabli.su/media/ceph-image/d185505e-79a8-11ef-a221-8cdcd4b147d4.jpg');
position: fixed;
background-position: center;
background-size: cover;
inset: 0;
filter: brightness(0.3);
}
@media (max-width: 992px) {
body, body:before { background: transparent; }
}
НЕУЛОВИМЫЕ МСТИТЕЛИ
Гордо реет кумачовое знамя, и четвёрка неуловимых скачет на фоне ярко-красного заката.
В версии 13.9 участвуйте в новом событии, чтобы получить IX Неустрашимый с тематическим камуфляжем и четверых командиров, основанных на персонажах легендарного кинофильма!
Local time widget
закрыть
.informer__cover:nth-child(1) .informer__item {
background-image: url("https://cdn-static.korabli.su/media/ceph-image/77e428d4-7c16-11ef-a8f8-8cdcd4b147d4.jpg");
}
.informer__cover:nth-child(2) .informer__item {
background-image: url("https://cdn-static.korabli.su/media/ceph-image/77c3e498-7c16-11ef-abea-8cdcd4b147d4.jpg");
background-position-y: 28%;
}
.informer__cover:nth-child(3) .informer__item {
background-image: url("https://cdn-static.korabli.su/media/ceph-image/77745914-7c16-11ef-961d-8cdcd4b147d4.jpg");
}
.informer__cover:nth-child(1) .spoiler {margin-top: 76px;}
.informer__cover:nth-child(3) .spoiler {margin-top: 50px;}
body {
overflow-y: scroll;
}
.we-tooltip__container {
background: rgba(0, 0, 0, .8);
}
.placeholder {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 97vh;
}
.container {
max-width: 1530px;
}
.alert:not(:last-child) {
margin-bottom: 11px !important;
}
#main .main-content {
margin-top: 0px !important;
}
.sse-message {
margin-top: 0 !important;
}
.fa-chevron-down::before {
color: #fff;
}
.informer__wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 20px;
}
.informer__cover {
width: 496px;
background-color: hsla(0, 0%, 100%, 0.04);
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
border-radius: 4px;
transition: all 0.2s ease-in-out !important;
height: fit-content;
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
-webkit-mask-image: linear-gradient(0deg, transparent 3px, black 10%);
mask-image: linear-gradient(0deg, transparent 3px, black 10%);
}
.informer__text {
padding: 15px 15px 70px;
}
.informer__cover:nth-child(1) .informer__text ul, .informer__cover:nth-child(3) .informer__text ul {
margin-top: 0px;
}
.informer__item {
aspect-ratio: 720/288;
background-size: cover;
background-position: center;
position: relative;
background-size: 110%;
}
.informer__item>h4 {
margin: 0;
width: 100%;
position: absolute;
color: #fff;
bottom: 0;
left: 0;
background: linear-gradient(90deg, #332018 0%, rgba(0, 0, 0, 0.0) 100%);
padding: 0 13px;
}
.spoiler {
display: flex;
align-items: center;
cursor: pointer;
border: 1px solid;
border-radius: 0 0 4px 4px;
border-image-slice: 1;
border-image-source: linear-gradient(90deg, #9c9c9c, transparent, #9c9c9c);
background: var(--bg-ffffff-4, hsla(0, 0%, 100%, .1));
margin: 30px 0px 15px;
height: 50px;
transition: background 0.2s ease-in-out;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none;
}
.spoiler:hover {
background-color: hsla(0, 0%, 100%, .08);
}
.spoiler>.fa-chevron-down {
transition: transform 0.2s ease-in-out;
margin: 0px 5px 2px 12.5px;
}
.spoiler.active>.fa-chevron-down {
transform: rotate(-180deg);
margin: 2px 5px 0px 12.5px;
}
.spoiler__content {
height: 0;
overflow: hidden;
transition: height 0.2s ease-in-out;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.spoiler__content.active {
height: fit-content;
}
.local-time-widget .local-time__wrapper .img__wrapper {
margin-right: 0.5em;
}
.local-time-widget .local-time__wrapper .content__wrapper {
line-height: inherit;
color: inherit;
font-family: inherit;
font-size: inherit;
}
.local-time-widget .local-time__wrapper .content__wrapper>div>span {
white-space: nowrap;
}
.local-time-widget .local-time__wrapper .content__wrapper>div>span:nth-child(2) {
color: #fff;
}
.table-wows td,
.table-wows th {
vertical-align: top;
}
.table-wows {
max-width: 100% !important;
}
.local-time-widget .local-time__wrapper .img__wrapper {
margin-right: 0.5em;
}
.local-time-widget .local-time__wrapper .content__wrapper {
line-height: inherit;
color: inherit;
font-family: inherit;
font-size: inherit;
}
.local-time-widget .local-time__wrapper .content__wrapper>div>span {
white-space: nowrap;
}
.local-time-widget .local-time__wrapper .content__wrapper>div>span:nth-child(2) {
color: #fff;
}
.placeholder h1,
.placeholder h2 {
text-transform: uppercase;
font-weight: 700 !important;
}
.page__title._uppercase {
display: none
}
* {
scrollbar-width: thin;
scrollbar-color: hsla(0, 0%, 100%, .6) hsla(0, 0%, 100%, .2);
}
::-webkit-scrollbar {
width: 4px;
background: hsla(0, 0%, 100%, 0);
}
::-webkit-scrollbar-thumb {
border-radius: 3px;
background: hsla(0, 0%, 100%, .09);
cursor: pointer;
}
#main {
padding-top: 0;
}
#main .main-content__container {
padding: 0;
}
#main .main-content__top {
display: none;
}
#main .main-content {
margin-top: 97px;
}
@media (max-width: 1560px) {
.placeholder {
padding: 0 10px !important;
}
.informer__wrapper {
justify-content: center;
}
.informer__cover {
margin: 10px 160px !important;
}
.spoiler__content.active {
height: fit-content !important;
}
.spoiler__content.active>p {
margin-top: 20px;
}
}
@media (max-width: 848px) {
.informer__cover {
margin: 10px 0px !important;
}
}