2 клика :wink:
[CODE lang="json" title="JustRust CSS"].gs-loader {
background: #18191b url('https://i.imgur.com/QP26TVm.gif') center center;
background-repeat:no-repeat;
}
.gs-loader .gs-loader-inner
{
display:none;
}
.ada {
display: none;
}
font-family: 'Ubuntu', sans-serif;
}
body {
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
text-shadow: hsla(0, 0%, 0%, 0.25) 2px 2px 0;
}
.navbar {
font-size: 1.9rem;
font-family: 'Ubuntu';
text-transform: uppercase;
margin-bottom: 23px;
background: #1c1c1cd6;
border-radius: 15px;
padding-top: 2px;
}
.navbar-brand {
font-size: 2.8rem;
color: #d4721f !important;
display: inline-block;
white-space: nowrap;
margin-left: 0px !important;
}
.navbar-brand:hover {
color: #fff !important
}
.navbar-brand:hover>.navbar-brand:before {
color: #fff !important
}
.navbar-brand:hover>after {
color: #fff !important
}
.navbar-brand:before {
content: '';
color: #808080 !important;
}
.navbar-brand:after {
content: '';
color: #808080 !important;
}
.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover {
background-color: transparent;
color: #fff;
}
.navbar .nav>li>a {
color: #bcbcbc;
padding: 15px;
font-family: 'Ubuntu';
}
.header-image {
-webkit-animation: scale-up 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: scale-up 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.xbox__header h4 {
margin: 0;
line-height: 100%;
font-size: 20px;
font-weight: 400;
margin : auto;
width : auto;
padding : 10px;
text-align : center;
border-radius : 3px;
transition : all 0.1s linear;
}
.xbox__header {
font-family: 'Ubuntu';
background-color: rgba(26, 26, 26, 0.8);
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.xbox__body {
background: transparent !important;
border: none !important;
}
.header__image {
width: 100%;
}
/*Создано JustRust/
/css by vk.com/d.solovev*/
.xbox {
position: relative;
background: rgb(37 37 37 / 55%);
margin-bottom: 20px;
border-radius: 15px;
}
.btn {
transition: all .4s !important;
font-family: 'Ubuntu';
}
.btn-secondary {
color: hsla(0, 0%, 100%, .7);g
background: hsla(0, 0%, 100%, .1);
border: none !important;
outline: none !important;
border-radius: 7px !important;
}
.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
color: #333;
border-radius: 40px !important;
background: hsla(0, 0%, 100%, .7);
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-default {
text-transform: uppercase;
font-family: 'Ubuntu';
color: hsla(0, 0%, 100%, .7) !important;
background: hsla(0, 0%, 0%, 0.18);
border: none !important;
outline: none !important;
border-radius: 15px !important;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 20px;
padding-right: 20px;
}
.btn-default:hover,
.btn-default:focus {
background: rgb(120, 41, 41);
background: linear-gradient(90deg, rgb(255 106 0 / 60%) 0%, rgb(193 26 26 / 60%) 100%);
}
.btn-default.active,
.btn-default:active,
.show>.btn-default.dropdown-toggle {
color: #fff !important;
border-radius: 40px !important;
background: rgb(120, 41, 41);
background: linear-gradient(90deg, rgb(120 41 41 / 70%) 0%, rgb(201 44 44 / 70%) 100%);
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-success.active,
.btn-success:active,
.show>.btn-success.dropdown-toggle {
color: #fff;
background-image: none;
border: none;
}
.btn-success {
color: #fff;
background: rgb(120, 41, 41) !important;
background: linear-gradient(90deg, rgb(120 41 41 / 70%) 0%, rgb(201 44 44 / 70%) 100%)!important;
border: none !important;
border-radius: 40px;
transition: all .3s;
font-family: 'Ubuntu';
text-transform: uppercase;
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.btn-success:focus,
.btn-success:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
color: #fff !important;
background-color: rgb(220 0 0 / 75%) !important;
border: none !important;
outline: none !important;
border-radius: 40px !important;
box-shadow: none !important;
}
.s-alert-error {
background: rgba(113, 23, 23, 0.65);
;
color: #fff;
text-shadow: 0 0 4px rgba(0, 0, 0, .4);
}
.s-alert-close:after,
.s-alert-close:before {
content: "";
position: absolute;
width: 3px;
height: 60%;
top: 50%;
left: 50%;
background: #fff;
}
.s-alert-close:hover:after,
.s-alert-close:hover:before {
background: #fff;
}
.s-alert-close {
width: 20px;
height: 20px;
fill: #fff;
position: absolute;
right: 4px;
top: 4px;
overflow: hidden;
text-indent: 100%;
cursor: pointer;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.s-alert-effect-slide .s-alert-close:after,
.s-alert-effect-slide .s-alert-close:before,
.s-alert-effect-slide .s-alert-close:hover:after,
.s-alert-effect-slide .s-alert-close:hover:before {
background: #fff
}
.btn-primary {
color: #fff;
background-color: #903737;
border: none !important;
}
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #9d4444;
background-image: none;
border: none;
outline: none !important;
}
.btn-primary:hover {
color: #fff;
background-color: #9d4444;
border: none;
}
a:hover {
color: #fff;
}
/*Создано JustRust/
//css by vk.com/d.solovev*/
/*@include shake(15px, 15px, 1deg, 'shake-slow', 1);*/
@keyframes aqwe{0%{transform: rotate(-4deg)}50%{transform: scale(1.05);box-shadow: 0 0px 0px rgba(0, 0, 0, .1), 0 15px 12px rgba(0, 0, 0, .05)}
100%{transform: rotate(4deg)}}
.product__price {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: hsla(0, 0%, 10%, 0.75);
color: hsla(0, 0%, 100%, .9);
padding: 9px 9px;
border-radius: 0px 0 15px 0;
font-size: 13px;
z-index: 10;
}
.product__quantity {
position: absolute;
right: 4px;
bottom: 4px;
color: hsla(0, 0%, 100%, .9);
background: rgba(0, 0, 0, .2);
padding: 0 4px;
border-radius: 3px;
font-size: 14px;
opacity: 1;
-webkit-transition: opacity .4s;
transition: opacity .4s;
z-index: 10;
}
.product__discount {
position: absolute;
top: 0;
right: 0;
z-index: 3;
padding: 2px 15px;
border-radius: 0 0 0 15px;
background : linear-gradient(to right, #ff5e00a6 0%, #ff80007a 100%);
}
.bg-danger {
background-color: #96413f!important;
}
.btn-danger {
color: #fff;
background: linear-gradient(90deg, rgba(120, 41, 41, 1) 0%, rgba(201, 44, 44, 1) 100%);
border: none !important;
border-radius: 40px;
}
.btn-danger.active,
.btn-danger:active,
.show>.btn-danger.dropdown-toggle {
color: #fff;
background-color: #9d4444;
background-image: none;
border: none;
outline: none !important;
}
.btn-danger:hover {
color: #fff;
background: linear-gradient(90deg, rgba(120, 41, 41, 1) 0%, rgba(201, 44, 44, 1) 100%);
border: none;
}
.bg-success {
background-color: #96413f!important;
}
.btn-primary {
color: #fff;
background-color: #903737;
border: none !important;
outline: none !important;
border-radius: 7px;
}
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #9d4444;
background-image: none;
border: none !important;
outline: none !important;
border-radius: 40px;
}
.btn-primary:hover,
.btn-primary:focus {
color: #fff;
background-color: #9d4444;
border: none !important;
outline: none !important;
}
.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group {
z-index: 2;
border-top-right-radius: 7px !important;
border-bottom-right-radius: 7px !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.btn {
border: none !important;
outline: none !important;
border-color: transparent !important;
}
.input-group-addon {
color: hsl(0, 0%, 100%);
font-family: 'Ubuntu';
text-shadow: none;
background: #ff5e0066;
border-color: transparent;
border-radius: 40px;
}
input {
font-family: 'Ubuntu';
}
.fa {
display: table-cell;
margin-right: 50px;
}
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group>.btn,
.input-group-btn:not(:first-child)>.dropdown-toggle,
.input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn,
.input-group-btn:not(:last-child)>.btn:not(:first-child),
.input-group .form-control:not(:first-child) {
border-bottom-right-radius: 40px;
border-top-right-radius: 40px;
}
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group>.btn,
.input-group-btn:not(:first-child)>.dropdown-toggle,
.input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn,
.input-group-btn:not(:last-child)>.btn:not(:first-child),
.input-group .form-control:not(:first-child) {
border-bottom-right-radius: 40px;
border-top-right-radius: 40px;
background-color: #00000042;
border: none;
box-shadow: none;
}
@media (max-width: 5200px) and (min-width: 1201px) .colqq.col-lg-3:nth-child(4n+1) {
clear: none !important;
}
/*Создано JustRust/
/css by vk.com/d.solovev*/
.product {
background: hsla(0, 0%, 100%, 0.05);
font-family: 'Ubuntu';
margin-left: -5px;
margin-right: -5px;
border-radius: 30px;
}
.input-group input.form-control {
margin-top: 0 !important;
}
.product__command {
color: #ff7626;
}
.item__description,
.kit__description,
.roulette__description,
.service__description {
background-color: transparent;
}
.input-group .form-control {
border-radius: 0;
color: #ffffff;
}
input::placeholder {
color: #ffffffd6 !important;
font-family: 'Ubuntu';
content: "ПОИСК ПО ПРЕДМЕТУ" !important;
}
.scale-up-center {
-webkit-animation: scale-up 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: scale-up 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes scale-up {
0% {
-webkit-transform: scale(0.6);
transform: scale(0.3);
}
100% {
-webkit-transform: scale(0.7);
transform: scale(1.0);
}
}
@keyframes scale-up-center {
0% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
}
.nav>li>a:focus,
.nav>li>a:hover,
.table-striped>tbody>tr:nth-of-type(2n+1) {
background-color: hsla(0, 100%, 93%, 0.03);
color: #fff;
}
select option {
background: #000000d6;
color: #fff;
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
color: #ffffff;
background: rgb(120, 41, 41);
background: linear-gradient(90deg, rgb(255 106 0 / 60%) 0%, rgb(193 26 26 / 60%) 100%);
border-radius: 40px;
padding: 7px;
text-align: center;
font-family: 'Ubuntu';
}
.table>thead>tr>th {
background-color: hsla(0, 0%, 100%, 0.07);
}
.figure_one {
position: fixed;
bottom: 50px;
left: 150px;
-webkit-animation: pulsate-fwd 1.5s ease-in-out infinite both;
animation: pulsate-fwd 1.5s ease-in-out infinite both;
}
.figure_two {
position: fixed;
top: 250px;
right: 100px;
-webkit-animation: pulsate-fwd 2s ease-in-out infinite both;
animation: pulsate-fwd 2s ease-in-out infinite both;
}
@-webkit-keyframes pulsate-fwd {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulsate-fwd {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@media (max-width: 1200px) {
.figure_one {
display: none;
}
.figure_two {
display: none;
}
}
.navbar-toggle>.icon-bar {
background: rgba(255, 255, 255, .7);
}
.navbar-toggle {
background-color: transparent;
border: 1px solid rgba(255, 255, 255, .7);
}
.xserver {
font-family: 'Ubuntu';
}
.xserver__status {
font-family: 'Ubuntu';
float: right;
margin-left: 140px;
margin-top: -46px;
}
.progress-bar-danger {
background-color: rgba(0, 0, 0, 0.7);
}
.progress-bar-success {
background-color: rgb(255, 94, 0);
}
.nav-justified>li>a {
margin-bottom: 5px;
text-align: center;
padding: 2px;
background: #191919;
border-radius: 40px;
font-family: Ubuntu;
color: #fff;
}
.nav-justified>li>a:hover {
color: #fff;
background: linear-gradient(90deg, rgba(120, 41, 41, 1) 0%, rgba(201, 44, 44, 1) 100%);
}
.store__filters,
.store__servers {
margin-bottom: 5px;
}
a {
color: #fff;
}
.nav>li>a {
color: #ffffff;
background-color: #191919b0;
border-radius: 40px;
text-align: center;
font-family: 'Ubuntu';
padding: 7px;
}
.nav>li>a:focus,
.nav>li>a:hover,
.table-striped>tbody>tr:nth-of-type(2n+1) {
background: linear-gradient(90deg, rgb(255 106 0 / 0.6) 0%, rgb(201 44 44 / 60%) 100%);
color: #fff;
}
.modal-footer .btn+.btn {
margin-bottom: 0;
margin-left: 5px;
padding: 7px;
background: linear-gradient(90deg, rgba(120, 41, 41, 1) 0%, rgba(201, 44, 44, 1) 100%);
}
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
border-radius: 40px;
}
.input-group-btn:not(:last-child)>.btn,
.input-group-btn:not(:last-child)>.btn-group {
padding: 10px;
margin-right: -40px;
background: #191919;
}
.input-group-btn:not(:last-child)>.btn:hover,
.input-group-btn:not(:last-child)>.btn-group:hover {
background: linear-gradient(90deg, rgba(120, 41, 41, 1) 0%, rgba(201, 44, 44, 1) 100%);
}
.btn>.fa {
display: block;
}
.input-group-btn:last-child>.btn {
margin-left: -1px;
background: #191919;
padding: 6px;
border-radius: 40px !important;
z-index: 1;
}
.input-group-btn:last-child>.btn:hover {
background: linear-gradient(90deg, rgba(120, 41, 41, 1) 0%, rgba(201, 44, 44, 1) 100%);
}
.input-group-btn:last-child>.btn>.fa {
padding-left: 40px;
margin-right: 12px;
}
.input-group-btn:not(:last-child)>.btn,
.input-group-btn:not(:last-child)>.btn-group>.fa {
padding-left: 20px;
}
.footer { padding: 0; font-size: 0px;}
.roulette-item__image {
width : 240px;
height : 240px;
overflow : hidden;
border-radius : 8px;
padding : 16px;
background-image : url(https://gspics.org/images/2020/08/06/xkGxm.png);
background-size : contain;
}
.xbox__footer {
border-radius : 0 0 3px 3px;
}
.xbox__footer, .xbox__header {
background : rgb(255, 255, 255, 0);
padding : 10px;
}
.product {
background : rgb(0, 0, 0, 0.0);
border-radius : 10px;
transition : all 0.2s;
}
.product:hover {
background : rgb(0, 0, 0, 0.0);
transform : scale3d(1.2,1.2,1.2);
box-shadow : 0 0 40px 0 #FF8000;
}
.product .product__name {
background : 0 0;
font-size : 14px;
text-align : center;
text-shadow : 0 0 8px #000;
transition : all 0.4s;
}
.product:hover .product__name {
opacity : 1;
background : rgb(0 0 0 / 50%);
padding : 1px 10px;
}
.product__image {
padding: 0;
width: 100%;
}
round : linear-gradient(to right, #FF8000 0%, #FF8000 100%);
}
.modal .modal-header {
justify-content : center;
}
.modal .modal-body .service__description img {
border-radius : 8px;
cursor : pointer;
position : relative;
transition : transform 350ms cubic-bezier(0.68,-0.55,0.27,1.55);
z-index : 10;
}
.modal .modal-body .service__description img:hover {
box-shadow : 0 0 10px rgb(0, 0, 0, 0.3);
transform : scale(1.2);
}
.store-categories > .btn + .btn {
margin-left : 5px;
border-radius : 7.5px;
}
.s-alert-success {
background : linear-gradient(to right, #FF8000 0%, #FF8000 100%);
color : #fff;
font-weight : 600;
border-radius : 10px;
}
.store-categories > .btn {
margin-bottom : 5px;
border-radius : 7.5px;
}
.pull-xl-9 {
top : 60px;
}
.dropdown-item:focus, .dropdown-item:hover {
color : #FF8000;
background-color : rgb(0, 0, 0, 0);
}
.xserver .connect {
float : left;
width : 10px;
opacity : 0.7;
height : 40px;
font-size : 23px;
line-height : 40px;
text-align : center;
background : rgb(130, 110, 236, 0.25);
color : #fff;
border-radius : 5px 5px;
margin-right : 10px;
transition : 0.1s;
}
.xserver .xserver__links {
color : rgb(255, 255, 255, 0.7);
font-size : 13px;
margin-top : -5px;
}
.xbox_menu .menu {
height : 76px;
overflow : hidden;
}
.xbox_menu .xbox__body .vk {
background : #1a5983;
color : white;
}
.xbox_menu .xbox__body div {
text-align : center;
padding : 5px 10px;
margin : 0 0 15px 0;
transition : all 0.1s linear;
cursor : pointer;
letter-spacing : 1px;
}
.nav-pills .nav-link.active {
color : #333;
background : linear-gradient(to right, #FF8000 0%, #FF8000 100%);
}
.btn-success {
color : #fff;
background-color : #FF8000;
border-color : #FF8000;
}
.btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
color : #fff;
background-color : #FF8000;
background-image : none;
border-color : #FF8000;
}
.btn-success:hover {
color : #fff;
background-color : #FF8000;
border-color : #FF8000;
transform : scale(1.25);
}
.btn-success.disabled, .btn-success:disabled {
background-color : #FF8000;
border-color : #FF8000;
}
.modal .modal-header {
background : rgb(0, 0, 0, 0);
border-radius : 10px 10px 0 0;
border : none;
}
.modal .modal-content {
background : #171717eb;
box-shadow : 0 0 100px #FF8000;
border: none;
border-radius: 15px;
}
.modal .modal-footer {
background : rgb(0, 0, 0, 0);
border : none;
border-radius : 0 0 10px 10px;
margin-top : -25px;
}
.modal .modal-body {
padding : 16px;
background : rgb(0, 0, 0, 0);
}
.ladda-button[data-style="zoom-out"] {
overflow : hidden;
box-shadow : 0 0 10px #FF8000;
}
select option {
background-color : #000;
}
.show > .dropdown-menu {
display : block;
box-shadow : 2px 5px 10px rgb(1, 1, 1, 0.25);
}
.dropdown-menu {
animation : zoomIn 0.7s;
}
.dropdown-menu {
background: #1c1c1cd6;
border-radius : 7.5px;
overflow : hidden;
}
.dropdown-item:focus, .dropdown-item:hover {
color : #fff;
background-color : rgb(0, 0, 0, 0);
}
.dropdown-menu button a:hover {
color : #fff;
width : 100%;
}
.dropdown-menu button a {
color : #292b2c;
width : 100%;
}
.service__image{
animation: 1s ease-in-out alternate infinite aqwe backwards
}
.xbox.xbox_social {
background : 0 0;
box-shadow : none;
display : flex;
flex-direction : row;
margin-left : 15px;
margin-top : 5px;
}
.xbox.xbox_social .vk {
background-image : url(https://gspics.org/images/2020/08/20/xXN5a.png);
}
.xbox.xbox_social .discord {
background-image : url(https://gspics.org/images/2020/08/20/xg88h.png);
}
.xbox.xbox_social .rules {
background-image : url(https://gspics.org/images/2020/08/20/xXxdw.png);
}
.xbox.xbox_social .justpopolnenie {
background-image : url(https://gspics.org/images/2020/08/20/xg0EN.png);
}
.xbox.xbox_social a {
background-color : rgb(0, 0, 0, 0.19);
background-position : center;
background-repeat : no-repeat;
background-size : contain;
border-radius : 10px;
flex-basis : 20%;
height : 50px;
transition : all 0.3s;
margin : 5px;
}
.xbox.xbox_social a:hover {
box-shadow : 0 0 8px 8px #ff8000;
transform : scale3d(1.25,1.25,1.25);
}
/*Создано JustRust/
/css by vk.com/d.solovev*/[/CODE]
[CODE lang="json" title="JustRust JS"]document.addEventListener('load', ()=>document.querySelectorAll('.product__price').forEach(elem=>parseInt(elem.innerText) == 0 ? elem.innerText = 'БЕСПЛАТНО' : ''), true);[/CODE]
[CODE lang="json" title="JustRust CSS"].gs-loader {
background: #18191b url('https://i.imgur.com/QP26TVm.gif') center center;
background-repeat:no-repeat;
}
.gs-loader .gs-loader-inner
{
display:none;
}
.ada {
display: none;
}
font-family: 'Ubuntu', sans-serif;
}
body {
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
text-shadow: hsla(0, 0%, 0%, 0.25) 2px 2px 0;
}
.navbar {
font-size: 1.9rem;
font-family: 'Ubuntu';
text-transform: uppercase;
margin-bottom: 23px;
background: #1c1c1cd6;
border-radius: 15px;
padding-top: 2px;
}
.navbar-brand {
font-size: 2.8rem;
color: #d4721f !important;
display: inline-block;
white-space: nowrap;
margin-left: 0px !important;
}
.navbar-brand:hover {
color: #fff !important
}
.navbar-brand:hover>.navbar-brand:before {
color: #fff !important
}
.navbar-brand:hover>after {
color: #fff !important
}
.navbar-brand:before {
content: '';
color: #808080 !important;
}
.navbar-brand:after {
content: '';
color: #808080 !important;
}
.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover {
background-color: transparent;
color: #fff;
}
.navbar .nav>li>a {
color: #bcbcbc;
padding: 15px;
font-family: 'Ubuntu';
}
.header-image {
-webkit-animation: scale-up 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: scale-up 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.xbox__header h4 {
margin: 0;
line-height: 100%;
font-size: 20px;
font-weight: 400;
margin : auto;
width : auto;
padding : 10px;
text-align : center;
border-radius : 3px;
transition : all 0.1s linear;
}
.xbox__header {
font-family: 'Ubuntu';
background-color: rgba(26, 26, 26, 0.8);
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.xbox__body {
background: transparent !important;
border: none !important;
}
.header__image {
width: 100%;
}
/*Создано JustRust/
/css by vk.com/d.solovev*/
.xbox {
position: relative;
background: rgb(37 37 37 / 55%);
margin-bottom: 20px;
border-radius: 15px;
}
.btn {
transition: all .4s !important;
font-family: 'Ubuntu';
}
.btn-secondary {
color: hsla(0, 0%, 100%, .7);g
background: hsla(0, 0%, 100%, .1);
border: none !important;
outline: none !important;
border-radius: 7px !important;
}
.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
color: #333;
border-radius: 40px !important;
background: hsla(0, 0%, 100%, .7);
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-default {
text-transform: uppercase;
font-family: 'Ubuntu';
color: hsla(0, 0%, 100%, .7) !important;
background: hsla(0, 0%, 0%, 0.18);
border: none !important;
outline: none !important;
border-radius: 15px !important;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 20px;
padding-right: 20px;
}
.btn-default:hover,
.btn-default:focus {
background: rgb(120, 41, 41);
background: linear-gradient(90deg, rgb(255 106 0 / 60%) 0%, rgb(193 26 26 / 60%) 100%);
}
.btn-default.active,
.btn-default:active,
.show>.btn-default.dropdown-toggle {
color: #fff !important;
border-radius: 40px !important;
background: rgb(120, 41, 41);
background: linear-gradient(90deg, rgb(120 41 41 / 70%) 0%, rgb(201 44 44 / 70%) 100%);
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-success.active,
.btn-success:active,
.show>.btn-success.dropdown-toggle {
color: #fff;
background-image: none;
border: none;
}
.btn-success {
color: #fff;
background: rgb(120, 41, 41) !important;
background: linear-gradient(90deg, rgb(120 41 41 / 70%) 0%, rgb(201 44 44 / 70%) 100%)!important;
border: none !important;
border-radius: 40px;
transition: all .3s;
font-family: 'Ubuntu';
text-transform: uppercase;
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.btn-success:focus,
.btn-success:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
color: #fff !important;
background-color: rgb(220 0 0 / 75%) !important;
border: none !important;
outline: none !important;
border-radius: 40px !important;
box-shadow: none !important;
}
.s-alert-error {
background: rgba(113, 23, 23, 0.65);
;
color: #fff;
text-shadow: 0 0 4px rgba(0, 0, 0, .4);
}
.s-alert-close:after,
.s-alert-close:before {
content: "";
position: absolute;
width: 3px;
height: 60%;
top: 50%;
left: 50%;
background: #fff;
}
.s-alert-close:hover:after,
.s-alert-close:hover:before {
background: #fff;
}
.s-alert-close {
width: 20px;
height: 20px;
fill: #fff;
position: absolute;
right: 4px;
top: 4px;
overflow: hidden;
text-indent: 100%;
cursor: pointer;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.s-alert-effect-slide .s-alert-close:after,
.s-alert-effect-slide .s-alert-close:before,
.s-alert-effect-slide .s-alert-close:hover:after,
.s-alert-effect-slide .s-alert-close:hover:before {
background: #fff
}
.btn-primary {
color: #fff;
background-color: #903737;
border: none !important;
}
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #9d4444;
background-image: none;
border: none;
outline: none !important;
}
.btn-primary:hover {
color: #fff;
background-color: #9d4444;
border: none;
}
a:hover {
color: #fff;
}
/*Создано JustRust/
//css by vk.com/d.solovev*/
/*@include shake(15px, 15px, 1deg, 'shake-slow', 1);*/
@keyframes aqwe{0%{transform: rotate(-4deg)}50%{transform: scale(1.05);box-shadow: 0 0px 0px rgba(0, 0, 0, .1), 0 15px 12px rgba(0, 0, 0, .05)}
100%{transform: rotate(4deg)}}
.product__price {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: hsla(0, 0%, 10%, 0.75);
color: hsla(0, 0%, 100%, .9);
padding: 9px 9px;
border-radius: 0px 0 15px 0;
font-size: 13px;
z-index: 10;
}
.product__quantity {
position: absolute;
right: 4px;
bottom: 4px;
color: hsla(0, 0%, 100%, .9);
background: rgba(0, 0, 0, .2);
padding: 0 4px;
border-radius: 3px;
font-size: 14px;
opacity: 1;
-webkit-transition: opacity .4s;
transition: opacity .4s;
z-index: 10;
}
.product__discount {
position: absolute;
top: 0;
right: 0;
z-index: 3;
padding: 2px 15px;
border-radius: 0 0 0 15px;
background : linear-gradient(to right, #ff5e00a6 0%, #ff80007a 100%);
}
.bg-danger {
background-color: #96413f!important;
}
.btn-danger {
color: #fff;
background: linear-gradient(90deg, rgba(120, 41, 41, 1) 0%, rgba(201, 44, 44, 1) 100%);
border: none !important;
border-radius: 40px;
}
.btn-danger.active,
.btn-danger:active,
.show>.btn-danger.dropdown-toggle {
color: #fff;
background-color: #9d4444;
background-image: none;
border: none;
outline: none !important;
}
.btn-danger:hover {
color: #fff;
background: linear-gradient(90deg, rgba(120, 41, 41, 1) 0%, rgba(201, 44, 44, 1) 100%);
border: none;
}
.bg-success {
background-color: #96413f!important;
}
.btn-primary {
color: #fff;
background-color: #903737;
border: none !important;
outline: none !important;
border-radius: 7px;
}
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #9d4444;
background-image: none;
border: none !important;
outline: none !important;
border-radius: 40px;
}
.btn-primary:hover,
.btn-primary:focus {
color: #fff;
background-color: #9d4444;
border: none !important;
outline: none !important;
}
.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group {
z-index: 2;
border-top-right-radius: 7px !important;
border-bottom-right-radius: 7px !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.btn {
border: none !important;
outline: none !important;
border-color: transparent !important;
}
.input-group-addon {
color: hsl(0, 0%, 100%);
font-family: 'Ubuntu';
text-shadow: none;
background: #ff5e0066;
border-color: transparent;
border-radius: 40px;
}
input {
font-family: 'Ubuntu';
}
.fa {
display: table-cell;
margin-right: 50px;
}
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group>.btn,
.input-group-btn:not(:first-child)>.dropdown-toggle,
.input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn,
.input-group-btn:not(:last-child)>.btn:not(:first-child),
.input-group .form-control:not(:first-child) {
border-bottom-right-radius: 40px;
border-top-right-radius: 40px;
}
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group>.btn,
.input-group-btn:not(:first-child)>.dropdown-toggle,
.input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn,
.input-group-btn:not(:last-child)>.btn:not(:first-child),
.input-group .form-control:not(:first-child) {
border-bottom-right-radius: 40px;
border-top-right-radius: 40px;
background-color: #00000042;
border: none;
box-shadow: none;
}
@media (max-width: 5200px) and (min-width: 1201px) .colqq.col-lg-3:nth-child(4n+1) {
clear: none !important;
}
/*Создано JustRust/
/css by vk.com/d.solovev*/
.product {
background: hsla(0, 0%, 100%, 0.05);
font-family: 'Ubuntu';
margin-left: -5px;
margin-right: -5px;
border-radius: 30px;
}
.input-group input.form-control {
margin-top: 0 !important;
}
.product__command {
color: #ff7626;
}
.item__description,
.kit__description,
.roulette__description,
.service__description {
background-color: transparent;
}
.input-group .form-control {
border-radius: 0;
color: #ffffff;
}
input::placeholder {
color: #ffffffd6 !important;
font-family: 'Ubuntu';
content: "ПОИСК ПО ПРЕДМЕТУ" !important;
}
.scale-up-center {
-webkit-animation: scale-up 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: scale-up 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes scale-up {
0% {
-webkit-transform: scale(0.6);
transform: scale(0.3);
}
100% {
-webkit-transform: scale(0.7);
transform: scale(1.0);
}
}
@keyframes scale-up-center {
0% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
}
.nav>li>a:focus,
.nav>li>a:hover,
.table-striped>tbody>tr:nth-of-type(2n+1) {
background-color: hsla(0, 100%, 93%, 0.03);
color: #fff;
}
select option {
background: #000000d6;
color: #fff;
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
color: #ffffff;
background: rgb(120, 41, 41);
background: linear-gradient(90deg, rgb(255 106 0 / 60%) 0%, rgb(193 26 26 / 60%) 100%);
border-radius: 40px;
padding: 7px;
text-align: center;
font-family: 'Ubuntu';
}
.table>thead>tr>th {
background-color: hsla(0, 0%, 100%, 0.07);
}
.figure_one {
position: fixed;
bottom: 50px;
left: 150px;
-webkit-animation: pulsate-fwd 1.5s ease-in-out infinite both;
animation: pulsate-fwd 1.5s ease-in-out infinite both;
}
.figure_two {
position: fixed;
top: 250px;
right: 100px;
-webkit-animation: pulsate-fwd 2s ease-in-out infinite both;
animation: pulsate-fwd 2s ease-in-out infinite both;
}
@-webkit-keyframes pulsate-fwd {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulsate-fwd {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@media (max-width: 1200px) {
.figure_one {
display: none;
}
.figure_two {
display: none;
}
}
.navbar-toggle>.icon-bar {
background: rgba(255, 255, 255, .7);
}
.navbar-toggle {
background-color: transparent;
border: 1px solid rgba(255, 255, 255, .7);
}
.xserver {
font-family: 'Ubuntu';
}
.xserver__status {
font-family: 'Ubuntu';
float: right;
margin-left: 140px;
margin-top: -46px;
}
.progress-bar-danger {
background-color: rgba(0, 0, 0, 0.7);
}
.progress-bar-success {
background-color: rgb(255, 94, 0);
}
.nav-justified>li>a {
margin-bottom: 5px;
text-align: center;
padding: 2px;
background: #191919;
border-radius: 40px;
font-family: Ubuntu;
color: #fff;
}
.nav-justified>li>a:hover {
color: #fff;
background: linear-gradient(90deg, rgba(120, 41, 41, 1) 0%, rgba(201, 44, 44, 1) 100%);
}
.store__filters,
.store__servers {
margin-bottom: 5px;
}
a {
color: #fff;
}
.nav>li>a {
color: #ffffff;
background-color: #191919b0;
border-radius: 40px;
text-align: center;
font-family: 'Ubuntu';
padding: 7px;
}
.nav>li>a:focus,
.nav>li>a:hover,
.table-striped>tbody>tr:nth-of-type(2n+1) {
background: linear-gradient(90deg, rgb(255 106 0 / 0.6) 0%, rgb(201 44 44 / 60%) 100%);
color: #fff;
}
.modal-footer .btn+.btn {
margin-bottom: 0;
margin-left: 5px;
padding: 7px;
background: linear-gradient(90deg, rgba(120, 41, 41, 1) 0%, rgba(201, 44, 44, 1) 100%);
}
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
border-radius: 40px;
}
.input-group-btn:not(:last-child)>.btn,
.input-group-btn:not(:last-child)>.btn-group {
padding: 10px;
margin-right: -40px;
background: #191919;
}
.input-group-btn:not(:last-child)>.btn:hover,
.input-group-btn:not(:last-child)>.btn-group:hover {
background: linear-gradient(90deg, rgba(120, 41, 41, 1) 0%, rgba(201, 44, 44, 1) 100%);
}
.btn>.fa {
display: block;
}
.input-group-btn:last-child>.btn {
margin-left: -1px;
background: #191919;
padding: 6px;
border-radius: 40px !important;
z-index: 1;
}
.input-group-btn:last-child>.btn:hover {
background: linear-gradient(90deg, rgba(120, 41, 41, 1) 0%, rgba(201, 44, 44, 1) 100%);
}
.input-group-btn:last-child>.btn>.fa {
padding-left: 40px;
margin-right: 12px;
}
.input-group-btn:not(:last-child)>.btn,
.input-group-btn:not(:last-child)>.btn-group>.fa {
padding-left: 20px;
}
.footer { padding: 0; font-size: 0px;}
.roulette-item__image {
width : 240px;
height : 240px;
overflow : hidden;
border-radius : 8px;
padding : 16px;
background-image : url(https://gspics.org/images/2020/08/06/xkGxm.png);
background-size : contain;
}
.xbox__footer {
border-radius : 0 0 3px 3px;
}
.xbox__footer, .xbox__header {
background : rgb(255, 255, 255, 0);
padding : 10px;
}
.product {
background : rgb(0, 0, 0, 0.0);
border-radius : 10px;
transition : all 0.2s;
}
.product:hover {
background : rgb(0, 0, 0, 0.0);
transform : scale3d(1.2,1.2,1.2);
box-shadow : 0 0 40px 0 #FF8000;
}
.product .product__name {
background : 0 0;
font-size : 14px;
text-align : center;
text-shadow : 0 0 8px #000;
transition : all 0.4s;
}
.product:hover .product__name {
opacity : 1;
background : rgb(0 0 0 / 50%);
padding : 1px 10px;
}
.product__image {
padding: 0;
width: 100%;
}
round : linear-gradient(to right, #FF8000 0%, #FF8000 100%);
}
.modal .modal-header {
justify-content : center;
}
.modal .modal-body .service__description img {
border-radius : 8px;
cursor : pointer;
position : relative;
transition : transform 350ms cubic-bezier(0.68,-0.55,0.27,1.55);
z-index : 10;
}
.modal .modal-body .service__description img:hover {
box-shadow : 0 0 10px rgb(0, 0, 0, 0.3);
transform : scale(1.2);
}
.store-categories > .btn + .btn {
margin-left : 5px;
border-radius : 7.5px;
}
.s-alert-success {
background : linear-gradient(to right, #FF8000 0%, #FF8000 100%);
color : #fff;
font-weight : 600;
border-radius : 10px;
}
.store-categories > .btn {
margin-bottom : 5px;
border-radius : 7.5px;
}
.pull-xl-9 {
top : 60px;
}
.dropdown-item:focus, .dropdown-item:hover {
color : #FF8000;
background-color : rgb(0, 0, 0, 0);
}
.xserver .connect {
float : left;
width : 10px;
opacity : 0.7;
height : 40px;
font-size : 23px;
line-height : 40px;
text-align : center;
background : rgb(130, 110, 236, 0.25);
color : #fff;
border-radius : 5px 5px;
margin-right : 10px;
transition : 0.1s;
}
.xserver .xserver__links {
color : rgb(255, 255, 255, 0.7);
font-size : 13px;
margin-top : -5px;
}
.xbox_menu .menu {
height : 76px;
overflow : hidden;
}
.xbox_menu .xbox__body .vk {
background : #1a5983;
color : white;
}
.xbox_menu .xbox__body div {
text-align : center;
padding : 5px 10px;
margin : 0 0 15px 0;
transition : all 0.1s linear;
cursor : pointer;
letter-spacing : 1px;
}
.nav-pills .nav-link.active {
color : #333;
background : linear-gradient(to right, #FF8000 0%, #FF8000 100%);
}
.btn-success {
color : #fff;
background-color : #FF8000;
border-color : #FF8000;
}
.btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
color : #fff;
background-color : #FF8000;
background-image : none;
border-color : #FF8000;
}
.btn-success:hover {
color : #fff;
background-color : #FF8000;
border-color : #FF8000;
transform : scale(1.25);
}
.btn-success.disabled, .btn-success:disabled {
background-color : #FF8000;
border-color : #FF8000;
}
.modal .modal-header {
background : rgb(0, 0, 0, 0);
border-radius : 10px 10px 0 0;
border : none;
}
.modal .modal-content {
background : #171717eb;
box-shadow : 0 0 100px #FF8000;
border: none;
border-radius: 15px;
}
.modal .modal-footer {
background : rgb(0, 0, 0, 0);
border : none;
border-radius : 0 0 10px 10px;
margin-top : -25px;
}
.modal .modal-body {
padding : 16px;
background : rgb(0, 0, 0, 0);
}
.ladda-button[data-style="zoom-out"] {
overflow : hidden;
box-shadow : 0 0 10px #FF8000;
}
select option {
background-color : #000;
}
.show > .dropdown-menu {
display : block;
box-shadow : 2px 5px 10px rgb(1, 1, 1, 0.25);
}
.dropdown-menu {
animation : zoomIn 0.7s;
}
.dropdown-menu {
background: #1c1c1cd6;
border-radius : 7.5px;
overflow : hidden;
}
.dropdown-item:focus, .dropdown-item:hover {
color : #fff;
background-color : rgb(0, 0, 0, 0);
}
.dropdown-menu button a:hover {
color : #fff;
width : 100%;
}
.dropdown-menu button a {
color : #292b2c;
width : 100%;
}
.service__image{
animation: 1s ease-in-out alternate infinite aqwe backwards
}
.xbox.xbox_social {
background : 0 0;
box-shadow : none;
display : flex;
flex-direction : row;
margin-left : 15px;
margin-top : 5px;
}
.xbox.xbox_social .vk {
background-image : url(https://gspics.org/images/2020/08/20/xXN5a.png);
}
.xbox.xbox_social .discord {
background-image : url(https://gspics.org/images/2020/08/20/xg88h.png);
}
.xbox.xbox_social .rules {
background-image : url(https://gspics.org/images/2020/08/20/xXxdw.png);
}
.xbox.xbox_social .justpopolnenie {
background-image : url(https://gspics.org/images/2020/08/20/xg0EN.png);
}
.xbox.xbox_social a {
background-color : rgb(0, 0, 0, 0.19);
background-position : center;
background-repeat : no-repeat;
background-size : contain;
border-radius : 10px;
flex-basis : 20%;
height : 50px;
transition : all 0.3s;
margin : 5px;
}
.xbox.xbox_social a:hover {
box-shadow : 0 0 8px 8px #ff8000;
transform : scale3d(1.25,1.25,1.25);
}
/*Создано JustRust/
/css by vk.com/d.solovev*/[/CODE]
[CODE lang="json" title="JustRust JS"]document.addEventListener('load', ()=>document.querySelectorAll('.product__price').forEach(elem=>parseInt(elem.innerText) == 0 ? elem.innerText = 'БЕСПЛАТНО' : ''), true);[/CODE]
Зачем такие как ты включают сверхгениев в комментариях,ну выложил он, дальше что? Тебя это задело как то? 100рублей?И ты из-за них так рассерчал?Давай я скину тебе 100р,чтобы ты не был так сильно обижен на человечество,да и вовсе на жизнь.
Обижать?Та ты же на жизнь обижен, ну молодец, научился хоть чему-то, я максимально рад за таких как ты.
Ты слил его css, что дальше?
Зачем?
ты что-то получил?- нет
ты что-то доказал?-да, что даже такие как ты могут это делать.
но,всё же,дальше то что?
Интересно если я выложу около 100 CSS этот школьник под каждый CSS напишет?) Ну скорее всего 1 час его времени стоит около рубля?)
В теории отпиши Фалену, а дальше сам знаешь что, со мной же подобное было с RaidProtector)
А ты судя по всему,добился многого? Наше время не считается,мы уже поставили тебе плюсик,за то что ты смог добиться внимания,возможно тебе не хватает общения?и ты пытаешься его найти здесь?
Что же я переписываю ?) Что являтеся сливом я особо не трогаю. Свои же плагины в большинстве писал я сам XD
Так а какое дело на что я их писал?)
Ты думаешь суть отличается или как?)
Ассеблик подучил и бамц уже "КРУТОЙ РАЗРАБОТЧИК" плагинов для раст XD Ну вы смешные)
Сейчас заказ делаю за 150$ и ещё один доделываю за 70$
Ой блин, я случайно рубль с долором перепутал
Активность
Пока никто не печатает сообщение