tanki theme
Experimentally Ill by doomersson
Details
Authordoomersson
LicenseMIT
Categorytankionline.com
Created
Updated
Size34 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
solo job, borrowed css
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Experimentally Ill
@version 20240916.21.12
@namespace https://userstyles.world/user/doomersson
@description tanki theme
@author doomersson
@license MIT
==/UserStyle== */
@-moz-document domain("tankionline.com") {
.Common-container {
width: 100vw;
height: 100vh;
background:
linear-gradient(90deg,#55000057, #55550085, #0055006b, #00555575, #0000557d, #55005578, #5500006b),
url(https://tankionline.com/play/static/images/legendPlusBg.295a98bb.gif);
background-size: 609% 600%, 50% 100%;
background-position: 0% 50%, center;
background-repeat: repeat;
animation: gradient-loop 60s infinite;
}
@keyframes gradient-loop {
0% {
background-position: 0% 50%, center;
}
50% {
background-position: 100% 50%, center;
}
100% {
background-position: 0% 50%, center;
}
}
.GearScoreStyle-bestGS {
background-image: linear-gradient(to left, rgb(40, 255, 203) 0%, rgb(255, 235, 51) 100%);
text-transform: uppercase;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: rgb(255, 235, 51);
z-index: 3;
font-family: RubikRegular;
font-style: normal;
font-weight: normal;
animation: shine-loop 3s ease-in-out infinite;
background-size: 200% 100%;
}
@keyframes shine-loop {
0% {
background-position: 0% 0%;
}
50% {
background-position: 100% 0%;
}
100% {
background-position: 0% 0%;
}
}
.BattleTabStatisticComponentStyle-containerInsideResults {
background-color: rgba(0, 0, 0, .76);
background-image: linear-gradient(#0000, rgb(0, 0, 0)), url(https://tankionline.com/play/static/images/legendPlusBg.295a98bb.gif);
opacity: 0.88;
background-size: contain;
border-radius: 0em;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
box-shadow: rgba(255, 255, 255, 0.15) 0em 0em 1px;
position: relative;
max-height: 52.5em;
height: auto;
margin-top: -2.5em;
width: 56em;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-webkit-box-pack: start;
}.BattleTabStatisticComponentStyle-selectedRowBackGround {
border-radius: 0.25em;
cursor: pointer;
background-color: #ff620038;
}.BattleTabStatisticComponentStyle-rowBackGround {
border-radius: 0.25em;
cursor: pointer;
background-color: rgba(82, 6, 6, .19);
}.ListItemsComponentStyle-itemsListContainer {
align-self: center;
display: flex;
align-items: center;
justify-content: flex-start;
bottom: 0px;
width: 100%;
position: relative;
height: auto;
background: linear-gradient(rgba(38, 0, 0, 0) 0%, #0000004d 100%);
z-index: 1;
-webkit-box-align: center;
-webkit-box-pack: start;
}.LobbyLoaderComponentStyle-container {
position: absolute;
width: 100%;
height: 100%;
pointer-events: auto;
background: radial-gradient(50% 100% at 50% 100%, #000 0%, rgb(0 0 0) 100%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 999;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-webkit-box-pack: center;
}.SuppliesComponentStyle-containersBlocks {
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
height: 9.5em;
min-width: 33.125em;
padding-top: 1.5em;
width: 50%;
-webkit-box-align: center;
-webkit-box-pack: start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}.SuppliesComponentStyle-cellAdd {
background-color: rgba(255, 255, 255, 0);
border-radius: 0em;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
width: 100%;
height: 5em;
position: relative;
margin-right: 0.625em;
box-shadow: #bc6ff100 0em 0em 0em 0.063em;
z-index: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-webkit-box-pack: justify;
}.BattleTabStatisticComponentStyle-containerInsideTeams {
background-color: rgba(0, 0, 0, .76);
/* background-image: linear-gradient(#0000006e, rgba(0, 0, 0, .17)), url(https://tankionline.com/play/static/images/sparks.990b5664.webp); */
opacity: 0.88;
border-radius: 0em;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
box-shadow: rgba(255, 255, 255, 0.15) 0em 0em 1px;
position: relative;
max-height: 52.5em;
height: auto;
margin-top: -2.5em;
width: 97em;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-webkit-box-pack: start;
}.BattleTabStatisticComponentStyle-blueTeamTableContainer table tbody tr {
display: flex;
align-items: center;
height: 2.5em;
margin-top: 0.313em;
width: 47.125em;
-webkit-box-align: center;
}.BattleTabStatisticComponentStyle-redTeamTableContainer table tbody tr {
display: flex;
align-items: center;
height: 2.5em;
margin-top: 0.313em;
width: 47.125em;
-webkit-box-align: center;
}.BattleTabStatisticComponentStyle-blueTeamTableContainer table thead {
display: flex;
width: 100%;
height: 2.5em;
opacity: 1;
position: absolute;
text-align: left;
top: -50.75em;
}.BattleTabStatisticComponentStyle-redTeamTableContainer table thead {
display: flex;
width: 100%;
height: 2.5em;
opacity: 1;
position: absolute;
text-align: left;
top: -50.75em;
}.BattleTabStatisticComponentStyle-blueTeamTableContainer table tbody {
--row-background-color: rgba(170, 170, 170, .16);
--selected-row-background-color: #ff620038;
}.BattleTabStatisticComponentStyle-redTeamTableContainer table tbody {
--row-background-color: rgba(66, 65, 65, .18);
--selected-row-background-color: rgb(0, 0, 0);
}.BattlePassLobbyComponentStyle-menuBattlePass {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 22.5em;
height: 10em;
position: absolute;
margin-top: 8.5em;
background: linear-gradient(0deg, #000 0%, rgb(0 0 0) 100%);
right: 2.5em;
z-index: 1;
cursor: pointer;
border-radius: 0em;
filter: drop-shadow(#191919 0px 4px 4px);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: start;
-webkit-box-pack: start;
transition: all 0.2s ease-in-out 0s;
}
.PrimaryMenuItemComponentStyle-itemCommonLi:hover {
box-shadow: #000 -0.5em 0.5em 1em 0.1em;
border-radius: 0em;
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(3.5px);
}.FooterComponentStyle-containerMenu:hover {
width: 5em;
height: 5em;
border-radius: 0em;
box-shadow: #000 0em 0em 1em 0.5em;
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(3.5px);
}.ScrollingCardsComponentStyle-scrollCard {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
box-shadow: #2f2f2f 0em 0em 0.3em 1px;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 0em;
height: 100%;
margin-right: 1em;
min-width: 22.5em;
position: relative;
z-index: 4;
overflow: hidden;
cursor: pointer;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-webkit-box-pack: start;
transition: all 0.2s ease-in-out 0s;
}.UserProgressComponentStyle-modalWrapper {
background: radial-gradient(50% 100% at 50% 100%, #202020 0%, rgb(0 0 0) 100%);
width: 100%;
min-height: 28.125em;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding-top: 3.75em;
padding-bottom: 3.75em;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-webkit-box-pack: justify;
}.ModalStyle-rootHover {
position: absolute;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: radial-gradient(50% 500% at 50% 100%, #0003 0%, rgba(0, 0, 0, .33) 100%);
-webkit-box-align: center;
-webkit-box-pack: center;
}.ItemDescriptionComponentStyle-commonBlockModal {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
background: radial-gradient(192.86% 100% at 0% 100%, #000 0%, rgba(191, 213, 255, 0) 100%), rgb(0 25 38 / 4%);
cursor: default;
height: 100%;
max-width: 34em;
position: absolute;
right: 0px;
width: 34em;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: stretch;
-webkit-box-pack: start;
}.ContextMenuStyle-menu {
backdrop-filter: blur(0.1em);
background-color: rgb(0 0 0 / 48%);
box-shadow: #52057b 0px 0px 0.063em 0px;
min-width: 18.25em;
width: auto;
position: relative;
z-index: 999;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: stretch;
-webkit-box-pack: start;
}.ClanInvitationsComponentStyle-invitationContent {
background: radial-gradient(50% 100% at 50% 100%, #000 0%, rgb(0 0 0) 100%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
height: 46.313em;
width: 74em;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-webkit-box-pack: start;
}
.EventBattlePassLobbyComponentStyle-buttonEventBattlePass:hover {
box-shadow: rgb(255, 255, 255) 0em 0em 0em 1px...