.Search-module__iconWrapper { background-color: black; box-shadow: inset 0px 0px 10px 2px #d17f2a, inset 0 0 7px 3px #d17f2a; height: 100%; padding: 0 10px; color: #ffffff; display: flex; align-items: center; justify-content: center; } .Servers-module__server.Servers-module__active, .Servers-module__server:hover, .Servers-module__server:focus { background: left 50% / 100% 40% repeat-x url(https://i.imgur.com/goSpvHb.gif); font-weight: bold; color: #f39635; box-shadow: 0px 0px 5px 3px #d7b9645e, inset 0 0 0px 2px #d17f2a; } .PlayerMenu-module__profileLink, .PlayerMenu-module__loginLink { color: #effff5; background: #47671f url(https://i.imgur.com/XQr76Wg.png) top left no-repeat; padding: 8px 10px 7px 28px; text-shadow: 0 0 3px black; text-transform: uppercase; cursor: pointer; border-radius: 10px; display: flex; align-items: center; justify-content: center; white-space: nowrap; transition: all .1s ease; } .Categories-module__category.Categories-module__active, .Categories-module__category:hover { animation: gradient 5s ease infinite; box-shadow: inset 0 0 4px 1px #dd8f00, 0px 0px 5px 2px #c175489c; background-color: #a53d0099; color: #ff8508; } .Categories-module__category { font-size: 10px; box-shadow: inset 0 0 0px 0px #dd8f00, inset 0px 0px 4px 2px #ad895d9c; background-color: #44352c99; cursor: pointer; font-weight: 500; color: #978165; padding: 4px 4px; border-radius: 2px; margin: 4px; transition: all .15s ease; } .Product-module__price { text-shadow: 0 0 3px black; color: #ffbc77; font-weight: bold; background: linear-gradient(110deg, #ff8508, #ff850882, #201338, #8465ff0d); top: 0; left: 0; margin: 0px 0px 0px 0px; padding: 3px 14px; border-radius: 0 0 25px; display: flex; align-items: center; } .Product-module__name { text-align: center; z-index: 6; transition: all .2s ease; transform: translateY(100%); width: 100%; padding: 4px 8px; bottom: 0; text-shadow: 0 0 3px black; color: #ffbc77; font-weight: bold; background: linear-gradient(110deg, #ff8508, #ff850882, #201338, #8465ff0d); left: 0; font-weight: 500; } .PlayerBalance-module__btn { box-shadow: inset 0 0 3px 2px #9b9b9b, 0 0 0 1px #012400; text-transform: uppercase; cursor: pointer; border-radius: 3px; display: flex; align-items: center; justify-content: center; padding: 10px; white-space: nowrap; transition: all .1s ease; } .productModalDescription { border-radius: 25px; list-style: inside; text-align: left; padding: 10px; margin-bottom: 10px; background: linear-gradient(110deg, #8465ff00, #a71d1d47, #14101c, #000000d9); box-shadow: 0 0 0px 2px #a2adff26, inset 0 0 20px 20px #ba000000; } .CountSelector-module__inputWrapper { width: 100%; display: flex; height: 36px; border-radius: 2px; overflow: hidden; background: #28282800; } .CountSelector-module__input { text-align: center; box-shadow: inset 0 0 14px 1px #505050, inset 0px 0px 1px 2px #6f5ed1; font-weight: 500; font-size: 15px; width: 100%; padding: 0 10px; } .TotalSum-module__input { color: #bab5ff; font-size: 15px; width: 50%; padding: 0 10px; box-shadow: inset 0 0 14px 1px #505050, inset 0px 0px 1px 2px #6f5ed1; font-weight: 500; text-align: center; } .TotalSum-module__inputWrapper { width: 100%; display: flex; height: 36px; border-radius: 2px; overflow: hidden; background: #28282800; } .CountSelector-module__changeCountBtn.CountSelector-module__right { background: #b16834; color: #ffb6b2; } .CountSelector-module__changeCountBtn.CountSelector-module__left { background: #344fb1; color: #b2caff; } .TotalSum-module__currency { font-weight: 500; height: 100%; padding: 0 10px; background: #b16834; color: #ffb6b2; line-height: 36px; } .ProductModal-module__command, .ProductModal-module__bp, .ProductModal-module__item, .ProductModal-module__dropdown { width: 400px; } .Button-module__btn.Button-module__gray { color: rgb(255 170 170); background-color: #9b2b00; border-color: var(--bg-color-900); box-shadow: 0px 0px 4px 1px #d7b9645e, 0 0 2px 2px #ff9d64; border-radius: 50px; } .Button-module__btn.Button-module__accent { color: rgb(171 255 170); background-color: #009b13; border-color: var(--bg-color-900); box-shadow: 0px 0px 4px 1px #d7b9645e, 0 0 2px 2px #64ff85; border-radius: 50px; } .ProductModal-module__header { border-radius: 20px; color: #f9af70; box-shadow: inset 0 0 0px 3px #ff7f34, inset 0 0 18px 3px #ff8d00; padding-top: 10px; margin-bottom: 10px; padding-bottom: 10px; font-size: 17px; font-weight: 500; display: flex; align-items: flex-end; justify-content: center; flex-wrap: nowrap; align-content: space-between; flex-direction: row; } .productModalImg { border-radius: 25px; max-width: 300px; width: 100%; height: 300px; object-fit: contain; margin-bottom: 10px; box-shadow: 0 0 0px 2px #a2adff26, inset 0 0 20px 20px #ba000000; } .ModalLayout-module__modal { box-shadow: inset 0 0 10px 4px #ff7f34, inset 0 0 12px 7px #000000; margin-top: 20px; margin-bottom: 20px; background: linear-gradient(110deg, #64615aa3, #421a0fc4, #2826249e, #3c2d2d8c); padding: 20px 40px 40px 40px; border-radius: 35px; } .Product-module__wrapper { /* background: #6c2e2e; */ /* position: relative; */ /* padding: 10px; */ /* cursor: pointer; */ /* border-radius: 2px; */ /* overflow: hidden; */ animation: Product-module__productAnimation .15s ease; display: block; position: relative; /* background: #333333; */ margin: 0px; padding: 0px; cursor: pointer; overflow: hidden; -webkit-transform: scale(1); transform: scale(1); /* -webkit-transition: all .4s; */ transition: all .4s; -webkit-backface-visibility: hidden; border-radius: 5px; box-shadow: inset 0px 0px 14px 6px #d7b9645e, 0 0 0px 2px #d17f2a; } .Product-module__img { background-color: #00000063; object-fit: contain; width: 100%; aspect-ratio: 1/1; padding: 0%; width: 100%; height: 100%; border-radius: 5px; } .boxBody { background: #1d1b1a00; } /*//////////////////////////Мониторинг/////////////////////////*/ .MonitoringServer-module__wrapper { border-radius: 10px; background: rgb(51 51 51); position: relative; top: 0px; padding: 6px 10px; box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .4s; transition: all .4s; margin: 0px 5px; } .MonitoringServer-module__wrapper+.MonitoringServer-module__wrapper { margin-top: 5px; } .boxBody { padding: 0px; } .MonitoringServer-module__progressBarWrapper { margin-bottom: 6px; position: relative; width: 100%; overflow: hidden; background: #d5d5d5; height: 10px; border-radius: 0px 20px 20px 20px; background-color: #ffffff; background-image: linear-gradient(45deg, #e6e6e6 25%, transparent 0, transparent 50%, #e6e6e6 0, #e6e6e6 75%, transparent 0, transparent); animation: progress-bar-stripes 3s linear infinite; background-size: 1rem 1rem; } .MonitoringServer-module__info { display: flex; justify-content: space-between; align-items: center; font-size: 12px; margin-left: 30px; } .MonitoringServer-module__progressInfo { z-index: 7; position: absolute; border-radius: 15px; width: 55%; padding: 5px 0px; background-color: var(--bg-color-800); bottom: 100%; left: -150px; margin-bottom: 5px; opacity: 0; transform: translateY(5px); visibility: hidden; transition: transform .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),visibility .15s step-end; box-shadow: 0 0 10px 0 rgb(0 0 0 / 95%); background: #747474; margin-left: 150px; } .MonitoringServer-module__progressWrapper:hover .MonitoringServer-module__progressInfo { opacity: 1; transform: translateY(0); visibility: visible; transition: transform .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),visibility 0s step-end } .MonitoringServer-module__playersInfo { width: 100%; display: block; text-align: center; font-size: 12px; } .Servers-module__server { cursor: pointer; text-shadow: 0 0 7px black; color: #e7e7e7; min-width: unset; max-width: unset; border-radius: 10px; flex: unset; /* margin: 5px 2px; */ transition: all .15s ease; width: auto; display: inline-block; height: auto; box-shadow: 0 0 0px 0px rgb(0 0 0 / 35%); background: linear-gradient(90deg, #00000000, #7c7c7c, #a5a5a5, #100e0f); display: inline-block; text-transform: uppercase; font-weight: 600; font-size: 12px; cursor: pointer; padding: 10px 15px; flex: 1; } .MonitoringServer-module__name { display: block; margin-bottom: 5px; margin-left: 5px; } .MonitoringServer-module__info:before { content: " "; position: absolute; width: 20px; height: 20px; background: url(https://i.imgur.com/qA73MoM.gif); background-repeat: no-repeat; background-size: contain; right: 224px; } .MonitoringServer-module__wrapper[data-monitoringserverid="27252"]:before { content: "Наслаждаются игрой"; position: absolute; right: 125px; top: -25px; font-weight: 400; font-size: 12px; color: #b9b9b9; margin-bottom: 10px; text-align: right; } .MonitoringServer-module__wrapper[data-monitoringserverid="total"] .MonitoringServer-module__info { content: " "; position: absolute; right: 40px; top: -382px; font-weight: 400; font-size: 12px; color: #b9b9b9; margin-bottom: 10px; text-align: right; } .MonitoringServer-module__wrapper[data-monitoringserverid="total"] .MonitoringServer-module__info:before { content: " "; position: absolute; right: 60px; top: -1px; font-weight: 400; font-size: 12px; color: #b9b9b9; margin-bottom: 10px; text-align: right; height: 15px; } .MonitoringServer-module__wrapper[data-monitoringserverid="total"] { /*display: none;*/ } .MonitoringServer-module__wrapper[data-monitoringserverid="total"] .MonitoringServer-module__progressBarWrapper { display: none; } .MonitoringServer-module__wrapper[data-monitoringserverid="total"] .MonitoringServer-module__name { display: none; } .MonitoringServer-module__wrapper[data-monitoringserverid="total"] { background: #00000000; box-shadow: 0 0 0px 0 rgb(0 0 0 / 0%); } /*////////Соцсети///////*/ .social_title { font-weight: 400; font-size: 12px; color: #b9b9b9; margin-bottom: 10px; text-align: right; } .social_vk { background: linear-gradient(180deg, #53afff 0%, #3192e5 100%); box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .4s; transition: all .4s; } .social_discord { background: linear-gradient(180deg, rgb(113 104 251) 0%, #922fbb 100%); box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .4s; transition: all .4s; } .social_vk:hover { transition: transform 200ms cubic-bezier(0.68, -0.55, 0.27, 1.55); transform: scale(1.1); } .social_discord:hover { transition: transform 200ms cubic-bezier(0.68, -0.55, 0.27, 1.55); transform: scale(1.1); } .social_item { display: flex; align-items: center; border-radius: 10px; padding: 10px 10px; position: relative; overflow: hidden; flex-wrap: wrap; align-content: space-around; justify-content: space-between; } .social_vk .social_background { background: url(https://i.imgur.com/FHbJO3O.png); background-size: 140%; opacity: 0.4; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .4s; transition: all .4s; } .social_vk .wipe_background { background: url(https://i.imgur.com/FHbJO3O.png); background-size: 140%; opacity: 0.4; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .4s; transition: all .4s; } .social_discord .social_background { background: url(https://i.imgur.com/dHKAvNa.png); background-size: 140%; opacity: 0.4; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .4s; transition: all .4s; } .social_vk:hover .social_background:hover { transition: transform 300ms cubic-bezier(0.68, -0.55, 0.27, 1.55); transform: scale(1.5); } .social_discord:hover .social_background:hover { transition: transform 300ms cubic-bezier(0.68, -0.55, 0.27, 1.55); transform: scale(1.5); } .social_item+.social_item { margin-top: 10px; } .social_item-title { font-size: 12px; color: #ffffff; font-weight: 600; text-shadow: 0px 0px 4px black; } .social_item-link { padding: 5px; background: rgb(255 255 255 / 66%); border-radius: 8px; text-transform: uppercase; font-weight: 800; color: #000000; font-size: 10px; } .social_item-link:hover { padding: 5px; background: rgb(83 155 78 / 66%); border-radius: 8px; text-transform: uppercase; font-weight: 800; color: #97ff9b; font-size: 10px; } .social_item-left { position: relative; z-index: 2; } .social_item-right { position: relative; z-index: 2; } .social_background { top: 0; left: 0; right: 0; position: absolute; width: 100%; height: 100%; z-index: 1; } /*////////Скрывает различные блоки///////*/ .Shop-module__header { display: none; } .MonitoringWidget-module__title { display: none; } .Banner-module__img { display: none; } .MonitoringWidget-module__updateBtn { display: none; } .Shop-module__wrapper:before { box-shadow: 0px 0px 5px 1px #d17f2a, inset 0 0 0px 2px #d17f2a; display: block; border-radius: 10px; text-align: center; color: #ff9f3c; font-size: 12px; font-weight: 600; padding: 5px 20px; width: 100%; top: -15px; content: "1) Выбери сервер —————› 2) Выбери товар —————› 3) Забери его командой в чате /store"; position: relative; /* border: 1px dashed #696969; */ animation: gradient 30s cubic-bezier(0.48, 0.51, 0.48, 0.51) infinite; text-transform: uppercase; text-shadow: 0px 0px 4px #000000ba; } .Widgets-module__widgetWrapper .boxHeader { display: none; } .Widgets-module__widgetWrapper .boxfooter { display: none; } .boxFooter { background: #28282800; border-radius: 0 0 2px 2px; padding: 0px; margin-top: 4px; }