body::before {
content: "";
background-image: url('https://cdn-static.korabli.su/media/ceph-image/9cc5fa98-20de-11f0-85f4-8cdcd4b147d4.jpg');
position: fixed;
background-size: cover;
bottom: 0;
left: 0;
right: 0;
top: 0;
filter: brightness(0.4) blur(0);
}
@media (max-width: 992px) {
body, body:before { background: transparent; }
}
80 лет Победы
К годовщине Великого дня мы подготовили для вас особую торжественную категорию: в ней вы найдёте новые линкор и эсминец с «победными» камуфляжами, тематические премиум контейнеры с редкими ценными кораблями и другие награды.
В игре вас также ждут специальные тематические активности.
Local time widget
закрыть
.informer__cover:nth-child(1) .informer__item {
background-image: url("https://cdn-static.korabli.su/media/ceph-image/0a3db476-21de-11f0-bba5-8cdcd4b147d4.jpg");
}
.informer__cover:nth-child(2) .informer__item {
background-image: url("https://cdn-static.korabli.su/media/ceph-image/09f73fc8-21de-11f0-b8af-8cdcd4b147d4.jpg");
}
body {
overflow-y: scroll;
}
.we-tooltip__container {
background: rgba(0, 0, 0, .8);
}
.wows-entity .we-vehicle__inline {
white-space: nowrap;
}
.placeholder {
display: flex;
flex-direction: column;
justify-content: flex-start;
min-height: 97vh;
padding: 0;
}
.we-interpolate {
white-space: nowrap;
}
.container {
max-width: 1520px;
}
.alert:not(:last-child) {
margin-bottom: 11px !important;
}
#main .main-content {
margin-top: 0px !important;
}
.sse-message {
margin-top: 0 !important;
}
.fa-angle-down::before {
color: #fff;
}
.spoiler {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 20px !important;
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: 0 !important;
transition: background 0.2s ease-in-out;
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
user-select: none;
}
.spoiler p {
text-align: left;
margin-bottom: 0;
}
.spoiler:hover {
background-color: hsla(0, 0%, 100%, .08);
}
.spoiler>.fa-angle-down {
transform: rotate(-90deg);
transition: transform 0.2s ease-in-out;
}
.spoiler.active>.fa-angle-down {
transform: rotate(0deg);
}
.spoiler__content {
margin: 0 !important;
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows .3s ease;
padding: 0 !important;
}
.spoiler__content.active {
grid-template-rows: 1fr;
}
.spoiler__content>div {
overflow: hidden;
}
.spoiler__content>div>* {
padding: 0px 15px !important;
}
.spoiler__content>div>*:first-child {
padding: 15px 15px 0px !important;
}
.spoiler__content > div > *:last-child {
margin-bottom: 0;
}
.informer__wrapper {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
margin: 20px 0 !important;
gap: 20px;
}
.informer__cover {
border-radius: 4px;
transition: all 0.2s ease-in-out !important;
height: fit-content;
height: 100%;
position: relative;
}
.informer__cover::before {
content: "";
background-color: hsla(0, 0%, 100%, 0.04);
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
height: 100%;
width: 100%;
position: absolute;
z-index: 0;
-webkit-mask-image:
linear-gradient(0deg, transparent 3px, black 10%);
mask-image: linear-gradient(0deg, transparent 3px, black 10%);
}
.informer__item,
.informer__text {
position: relative;
z-index: 12;
}
.informer__text {
padding: 15px;
min-height: 155px;
}
.informer__text>div>*:first-child {margin-top: 0;}
.informer__cover:nth-child(3) .informer__text .spoiler {
margin-top: 82.5px;
}
.informer__cover:nth-child(2) .informer__text ul,
.informer__cover:nth-child(3) .informer__text ul {
margin-top: 0px;
}
.informer__item {
height: 156px;
background-size: cover;
background-position: center;
position: relative;
}
.informer__item>h3 {
margin: 0;
width: 100%;
position: absolute;
color: #fff;
top: 0;
left: 0;
background: linear-gradient(90deg, #2b2620 0%, rgba(0, 0, 0, 0.0) 100%);
padding: 0 13px;
}
.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 20px !important;
}
}
@media (max-width: 848px) {
.informer__cover {
margin: 10px 0px !important;
}
}