Сайт CSS TrinityRust [GameStores] 1.0.0

[Oxide Россия]

CSS TrinityRust [GameStores] - Стили сайта Trinityrust

 

[Asher]

А нынче css который можно получить в 2 клика стоит 100 рублей?
[CODE lang="css" title="Trinity Rust CSS"][class~=store-filters]{background-color:rgba(79, 70, 229, 0.8);}[class~=store-filters] [class~=filter],[class~=store-filters] [class~=filter][class~=active],.green,[class~=btn-green]{color:#caced1;}.package-modal-desc{width:18.75pc;}[class~=btn-green]:active:focus{background-color:rgba(79, 70, 229, 0.8);}[class~=btn-green]:hover,[class~=btn-green]:active,[class~=btn-green]:focus,[class~=btn-green]:active:focus{color:rgba(202, 206, 209,.8);}.package-modal-desc{margin-left:auto;}[class~=store-filters] [class~=filter]:hover{color: #fff;;}.package-modal-desc{margin-bottom:auto;}.btn-lime:active:focus{background-color:rgba(79, 70, 229, 0.8);}.package-modal-desc{margin-right:auto;}.navigation-toggler>span{background-color:rgba(252,238,199, 0.58);}[class~=layout-logo] [class~=layout-panel]{background-color:transparent;}.package-modal-desc{margin-top:auto;}[class~=navigation-toggler],[class~=navigation-elem] a:hover{background-color:transparent;}[class~=package-modal-roulette]:before{border-top-width:.1875in;}.btn-lime:active:focus,.btn-lime:hover,[class~=btn-lime]:active{color:rgba(221, 91, 108,.88);}[class~=package] [class~=package-discount]{background-color:rgba(221, 91, 108, 0.4);}btn-lime:active:focus,.green,[class~=btn-green]{background-color: rgba(79, 70, 229, 0.8);}[class~=btn-green]:hover,[class~=btn-green]:active,[class~=btn-green]:focus{background-color:rgba(79, 70, 229, 0.8);}[class~=store-packages] [class~=package]:active,[class~=store-packages] [class~=package]:hover{-webkit-animation-name:ItemHover;}[class~=btn-lime]:focus,.btn-lime:hover,[class~=btn-lime]:active,[class~=btn-lime]:active{background-color:rgba(79, 70, 229, 0.8);}[class~=store-packages] [class~=package]:active,[class~=store-packages] [class~=package]:hover{animation- name:ItemHover;}.navy{background-color:rgba(202, 206, 209, 0.42);}[class~=topup-modal],[class~=package-modal-roulette]:before{border-top-style:solid;}.navy{color:rgba(221, 91, 108, 0.57);}[class~=package-modal-roulette]{background:rgba(10, 28, 39, 0.05);}[class~=topup-modal]{border-left-width:.09375in;}[class~=store-packages] [class~=package]:active,.store-packages .package,[class~=store-packages] [class~=package]:hover{-webkit-animation-duration:.3s;}[class~=topup-modal]{border-bottom-width:.09375in;}[class~=topup-modal]{border-right-width:.09375in;}btn-lime:active:focus,[class~=topup-modal],[class~=btn-lime]:focus,[class~=btn-lime],[class~=btn-lime]:active{color:rgba(255, 255, 255,.88);}[class~=topup-modal]{border-top-width:.09375in;}[class~=store-packages] [class~=package]:hover,.store-packages .package,[class~=store-packages] [class~=package]:active{animation-duration:.3s;}[class~=topup-modal]{border-left-style:solid;}[class~=topup-modal]{border-bottom-style:solid;}[class~=topup-modal]{border-right-style:solid;}[class~=navigation-elem][class~=active] a:hover{background-color: transparent;},[class~=btn-lime]:hover{background-color:rgba(79, 70, 229, 0.8);}.store-packages .package{transition:all .2s;}[class~=package-modal-roulette]:before{border-top-color:rgba(79, 70, 229, 0.8);}.store-packages .package{-webkit-animation-name:ItemUnhover;}[class~=topup-modal]{border-left-color:rgba(79, 70, 229, 0.8);}.store-packages .package{animation-name:ItemUnhover;}[class~=topup-modal]{border-bottom-color:rgba(79, 70, 229, 0.8);}[class~=store-packages] [class~=package]:active,[class~=store-packages] [class~=package]:hover{-webkit-animation-fill-mode:forwards;}[class~=store-packages] [class~=package]:active,[class~=store-packages] [class~=package]:hover{animation-fill-mode:forwards;}[class~=topup-modal]{border-right-color:rgba(79, 70, 229, 0.8);}[class~=topup-modal]{border-top-color:rgba(79, 70, 229, 0.8);}[class~=topup-modal],[class~=package-modal-roulette]:before{border-image:none;}[class~=topup-modal]{background-color:rgba(10,28,39,.9);}[class~=btn-lime]{background-color:rgba(79, 70, 229, 0.8);}@-webkit-keyframes fadeInUp{0%{transform:scale(0);}45%{transform:scale(1.2);}70%{transform:scale(1);}}@-webkit-keyframes ItemHover{0%{transform:scale(1);}50%{transform:scale(1.15);}100%{transform:scale(1.1);}}@-webkit-keyframes
ItemUnhover{0%{transform:scale(1.15);}50%{transform:scale(.85);}100%{transform:scale(1);}}@keyframes ItemUnhover{0%{transform:scale(1.15);}50%{transform:scale(.85);}100%{transform:scale(1);}}[class~=roulette-railway]{-webkit-animation-name:ShowRoulette;}[class~=roulette-railway]{animation-name:ShowRoulette;}[class~=roulette-railway]{-webkit-animation-duration:3s;}[class~=roulette-railway]{animation-duration:3s;}@keyframes ShowRoulette{0%{margin-left:-1850px;}100%{margin-left:px;}}.advert{background-color:rgba(10,28,39,.3);}[class~=package-modal-set]{position:center;}.info-full{color:rgba(100,182,100,.9);}
[class~=navigation-elem] > a{display:inline-block;}[class~=navigation-elem] > a:hover:after{right:0;}[class~=navigation-elem] > a,[class~=navigation-elem] > a:after{display:block;}[class~=navigation-elem] > a{font-weight:700;}[class~=navigation-elem] > a:after{content:"";}[class~=bonus_popolnenie]{position:fixed;}[class~=bonus_popolnenie]{top:3.8125pc;}[class~=navigation-elem] > a{text-transform:uppercase;}[class~=navigation-elem] > a{-moz-transition:all .1s;}.pagination .pagination-elem.active a{background-color:rgba(79, 70, 229, 0.8);}[class~=navigation-elem] > a{transition:all .1s;}[class~=navigation-elem] > a{transition:all .3s cubic-bezier(.2,0,0,1);}[class~=navigation-elem] > a{margin-left:auto;}[class~=navigation-elem] > a{margin-bottom:auto;}[class~=bonus_popolnenie]{right:2.291666667in;}[class~=navigation-elem] > a{margin-right:auto;}[class~=navigation-elem] > a{margin-top:auto;}[class~=table-scrollable]{background-color:rgba(202, 206, 209,.025);}[class~=layout]{background-image:none;}[class~=navigation-elem] > a:after{height:6px;}[class~=navigation-elem] > a{font-family:Fira Sans Condensed;}[class~=navigation-elem] > a{font-size:10.5pt;}[class~=navigation-elem] > a:after{position:absolute;}[class~=navigation-elem] > a:after{bottom:0;}[class~=navigation-elem] > a:after{right:1.25rem;}[class~=navigation-elem] > a:hover,[class~=navigation-elem] > a{color:#caced1;}[class~=navigation-elem] > a:after{left:1.25rem;}[class~=navigation-elem] > a{text-decoration:none;}[class~=navigation-elem] > a{position:relative;}[class~=navigation-elem] > a:after{background-color:rgba(79, 70, 229, 0.8);}[class~=navigation-elem] > a{z-index:1;}[class~=navigation-elem] > a:after{transition:all .5s cubic-bezier(.2,0,0,1);}[class~=navigation-elem] > a:after{transform-origin:bottom center;}[class~=navigation-elem] > a:after{z-index:-1;}.pagination .pagination-elem.active a{color:#caced1;}body{text-shadow:.009375in .05625pc .9px #000;}[class~=navy]:hover{background-color:rgba(202, 206, 209, 0.62);}[class~=navigation-elem] > a:hover:after{left:0;}[class~=navy]:hover{background-color:rgba:(221, 91, 108, 0.77);}[class~=navigation-elem] > a:hover:after{height:100%;}

.layout-header {
background-color: rgba(10, 28, 39, 0.7);
}

.table>tbody>tr>td {
background-color: rgba(34, 50, 60,.6);
}

.table .table-info .text .info {
color: rgba(202, 206, 209, 0.85);
}
body {
background-size: cover;
background-repeat: no-repeat;
color: rgba(202, 206, 209, 0.57);
background-color: rgba(27, 40, 48, 0.95);
}
.store-packages .packages-no-match {
color: #fceec7;
}
.package .package-info .name {
color: rgba(202, 206, 209, 0.77);
}
.package .package-discount {
color: #caced1;
border-radius: 20px;
}
.package.package-complete .package-info .price .old {
color: rgba(221,91,108,.8);
}
a, a:focus, a:hover {
color: #fceec7;
}
.navigation-elem.active>a {
background-color: rgba(27, 40, 48, 1);
color: #caced1;
}
.btn-orange {
background-color: rgba(202, 206, 209, 0.57);
color: rgba(10, 28, 39, 0.6);
}
.btn-white {
background-color: hsla(0, 0%, 100%, 0.3);
color: #caced1;
}
.layout-navigation-bars {
background-color: rgba(10,28,39, 0.1);
}
.layout-panel-heading h3 {
color: white;
}
.font[Attributes Style] {
color: rgb(34, 247, 54);
}
.package-modal-desc {
color: rgba(202, 206, 209, 0.85);
}
.package-modal-warning {
color: rgba(79, 70, 229, 0.8);
}
.overlay {
background-color: #1b2830;
}
.heading {
color: #caced1;
}
.layout-navigation-brand .navigation-logo img {
opacity: 0;
}

.layout-navigation-brand .navigation-logo {
background-image: url(https://i.postimg.cc/L5RPq11H/trinity-favicon.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}

.secondary.flat_button {
background-color: rgba(79, 70, 229, 0.8);
}


#store .layout-panel-heading:after {
display:block;
content:"В магазине действуют скидки 30% и бонус при пополнении! Пополение QIWI без комиссии!";
margin-bottom:16px;
padding:16px;
text-align:center;
text-transform:uppercase;
font-size:18px;
color:white;
background:rgba(255, 255, 255, 0.1);
border-radius:20px

}
#snowflakesCanvas {
background: none;
background-image: url('https://gamestores.pictures/images/2018/12/18/WPQTZ.png'), url('https://gamestores.pictures/images/2018/12/18/WPHss.png');
height: 100%;
width: 100%;
background-attachment: fixed;
-webkit-animation: snow 25s linear infinite;
-moz-animation: snow 25s linear infinite;
-ms-animation: snow 25s linear infinite;
-o-animation: snow 25s linear infinite;
animation: snow 25s linear infinite
}
@keyframes snow {
0% {
background-position: 0px 0px, 0px 0px
}
100% {
background-position: 500px 1000px, 400px 400px
}
}

@-moz-keyframes snow {
0% {
background-position: 0px 0px, 0px 0px
}
100% {
background-position: 500px 1000px, 400px 400px
}
}

@-o-keyframes snow {
0% {
background-position: 0px 0px, 0px 0px
}
100% {
background-position: 500px 1000px, 400px 400px
}
}

@-webkit-keyframes snow {
0% {
background-position: 0px 0px, 0px 0px
}
100% {
background-position: 500px 1000px, 400px 400px
}
}

@-ms-keyframes snow {
0% {
background-position: 0px 0px, 0px 0px
}
100% {
background-position: 500px 1000px, 400px 400px
}
}

.footer-info .footer-text {
color: rgba(79, 70, 229, 1);
}

.btn {
border-radius: 20px;
}

.package-modal {
background-color: #1b2830;
border-radius: 20px;
}
.layout-panel {
background-color: rgba(10,28,39, 0.7);
border-radius: 20px;
}

.form-control {
color: #caced1;
background-color: rgba(255, 255, 255, 0.1);
}

.form-control:nth-child(1) {
color: #caced1;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 20px;
}

.package .package-cover-inner {
border-radius: 15px;
}

.package-modal-cover .package-cover-inner:after {
background-image: none;
}

.package-modal-cover .package-cover-inner {
border-radius: 20px;
}

/* progress bar */

.layout-panel-server-monitoring-widget .xserver {
display: flex;
flex-direction: column;
justify-content: space-between;
}

.xserver__title {
text-transform: uppercase;
font-weight: 700;
color: #fff;
margin-bottom: 10px;
}

.progress {
height: 25px;
margin-bottom: 5px;
overflow: hidden;
box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
border-radius: 20px;
background-color: #d8d8d8;
background-image: linear-gradient( 45deg, #e6e6e6 25%, transparent 0, transparent 50%, #e6e6e6 0, #e6e6e6 75%, transparent 0, transparent);
animation: progress-bar-stripes 2s linear infinite;
background-size: 40px 40px;
}

.progress-bar {
text-align: start;
float: left;
padding: 0 10px;
width: 0;
height: 100%;
font-size: 12px;
line-height: 25px;
color: #fff;
background-color: #337ab7;
box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
transition: width .6s ease;
}

@keyframes progress-bar-stripes {
from {
background-position: 40px 0
}
to {
background-position: 0 0
}
}

.progress-bar.active,
.progress.active .progress-bar {
animation: progress-bar-stripes 2s linear infinite;
border-radius: 30px;
}

.progress-bar-danger,
.progress-bar-success {
background-color: rgba(79, 70, 229, 0.9);
}

.progress-bar-striped,
.progress-striped .progress-bar {
background-image: linear-gradient( 45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
}
.layout-panel-server-monitoring-widget:nth-child(3) {
display: none;
}

.overlay {
background-color: rgba(10, 28, 39, 0.7);
}[/CODE]

[CODE lang="javascript" title="Trinity Rust JS"]const loadData = async() => {
const data = await fetch('https://trinityrust.ru/files/stores/backend/store.info.php', {
method: 'POST',
body: JSON.stringify({ "action": "servers" })
});
const jsonData = await data.json();
const progresBar = document.getElementById('progress-bar');
const progresBarData = document.getElementById('progress-bar-data');
progresBarData.innerText = `${jsonData.data.players} / ${jsonData.data.playersMax}`;
progresBar.style.width = `${jsonData.data.players}%`;
}


window.onload = () => {
document.body.style.backgroundImage = 'url(https://i.postimg.cc/GmzXbb68/wall.jpg)';
setTimeout(() => {
loadData()
setInterval(() => {
loadData()
}, 5000);

}, 4000);
}[/CODE]