Skip to content

top css 1337 by dangerl1mon

Write a review Install Get Stylus

Details

Authordangerl1mon

LicenseNo License

Categorykirka.io

Created

Updated

Size31 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

ok

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         top css 1337
@version      20220413.15.34
@namespace    userstyles.world/user/dangerl1mon
@description  ok

@author       dangerl1mon
@license      No License
==/UserStyle== */

@-moz-document domain("kirka.io") {
/*
Kirka.io Public Browser CSS
Made By: Forsaken sweh

Recommended Resolution: 1920x1080 FULLSCREEN
*/

body {
  font-family: exo\2;
  line-height: 1.2;
  margin: 0;
  overflow: hidden;
  margin-top: 0;
  font-weight: 500;
  font-size: 1rem;
  background: #222946;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  --black: #000;
  --white: #fff;
  --primary-1: #af51e6;
  --primary-2: #9a39d3;
  --primary-3: #692c8c;
  --orange-1: #f2994a;
  --secondary-1: #161918;
  --secondary-2: #302a2c;
  --secondary-3: #0e100f;
  --secondary-4: #1a1d1c;
  --secondary-5: #1a1d1c;
  --secondary-6: #fff;
  --purple-1: #9a39d3;
  --purple-2: #af51e6;
  --purple-3: #692c8c;
  --red-1: #e24f4f;
  --red-2: #f66;
  --red-3: #cb1414;
  --red-4: #e73c3c;
  --red-5: #e73131;
  --blue-1: #453ad4;
  --blue-2: #545ffc;
  --blue-3: #222aa0;
  --blue-4: #2f80ed;
  --blue-5: #4f94f1;
  --blue-6: #256fd3;
  --green-1: hsl(147deg 76% 46%);
  --green-2: #24ff2f;
  --green-3: #07960e;
  --green-4: #35e785;
  --black-5: #1a1f2e;
  --gray-1: #f2f2f2;
  --gray-2: #bdbdbd;
  --border-top: #393335;
  --lore-css: owner;
  --background: rgba(41, 41, 41, 0.25);
  --background-dark: rgba(0, 0, 0, 0.33);
  --border-right: 2px solid var(--primary-1);
  --right-bg: linear-gradient(to right, var(--primary-1) 0px, transparent 0px) 0
      100%,
    linear-gradient(to left, var(--primary-1) 2px, transparent 2px) 100% 100%,
    linear-gradient(to top, var(--primary-1) 0px, transparent 0px) 0 100%,
    linear-gradient(to top, var(--primary-1) 2px, transparent 2px) 100% 100%,
    linear-gradient(to right, var(--primary-1) 0px, transparent 0px) 0 0,
    linear-gradient(to left, var(--primary-1) 2px, transparent 2px) 100% 0,
    linear-gradient(to bottom, var(--primary-1) 0px, transparent 0px) 0 0,
    linear-gradient(to bottom, var(--primary-1) 2px, transparent 2px) 100% 0;
  --corners: linear-gradient(to right, var(--primary-1) 2px, transparent 2px) 0
      100%,
    linear-gradient(to left, var(--primary-1) 2px, transparent 2px) 100% 100%,
    linear-gradient(to top, var(--primary-1) 2px, transparent 2px) 0 100%,
    linear-gradient(to top, var(--primary-1) 2px, transparent 2px) 100% 100%,
    linear-gradient(to right, var(--primary-1) 2px, transparent 2px) 0 0,
    linear-gradient(to left, var(--primary-1) 2px, transparent 2px) 100% 0,
    linear-gradient(to bottom, var(--primary-1) 2px, transparent 2px) 0 0,
    linear-gradient(to bottom, var(--primary-1) 2px, transparent 2px) 100% 0 !important;
}

/* Font */
@font-face {
	font-family: gamefont;
	src: url(https://raw.githubusercontent.com/Yadub/BoulderBox/master/fonts/Fontfabric---Mont-Heavy.otf);
}

* {
	font-family: gamefont;
}

/* Animations */
.clan-tag {
  animation: glow 1.2s ease-in-out infinite alternate;
}
@keyframes loopPattern-data-v-50a88834 {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: 0 100vh;
  }
}
@keyframes loopPattern-data-v-50a88834 {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: 0 100vh;
  }
}
@keyframes glow {
  from {
    text-shadow: 0 0 1px #fff, 0 0 2px var(--primary-1),
      0 0 30px var(--primary-1), 0 0 4px var(--primary-1),
      0 0 5px var(--primary-1), 0 0 6px var(--primary-1),
      0 0 7px var(--primary-1);
  }
  to {
    text-shadow: 0 0 2px var(--primary-1), 0 0 3px var(--secondary-6),
      0 0 4px var(--secondary-6), 0 0 5px var(--secondary-6),
      0 0 6px var(--secondary-6), 0 0 7px var(--secondary-6)
      0 0 8px var(--secondary-6);
  }
}
#app > div.interface.text-2 > img {
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
@keyframes floating {
  from {
    transform: translate(0, 0px);
  }
  65% {
    transform: translate(0, 15px);
  }
  to {
    transform: translate(0, -0px);
  }
}

/*Background */
.bg-radial {
	display: none;
}

.interface .background {
	background: url(https://cdn.discordapp.com/attachments/963411431590600736/963804975631335454/I_wanna_give_your_up.gif) repeat !IMPORTANT;
	animation: animate 10s linear infinite !important;
}

.pattern-bg {
 	background: linear-gradient(103.28deg, #000000 0%, #000000 0%) !important;
	animation: none;
}

/*Ad Removal */
#ad-bottom, #ad-left{
    visibility: hidden;
}

/* Stream */
.live-streams {
	opacity: 0;
	transition-duration: 0.5s;
}

.live-streams:hover {
	opacity: 1;
}
/* Lobby */
 .promo-link-btn {
     display: none !important;
}
 .interface .logo {
     display: none;
}
 .soc-group[data-v-3c44abf2] {
     display: none;
}
/* freinds/inventory icons */

#right-icons [data-v-ae524044] {
	height: .6rem;
}
#right-icons>div.icon-btn.text-1 {
	width: 139px;
	font-size: 18px;
	height: 65px;
}
#right-icons [data-v-1cbd79ff] {
	width: 139px;
	font-size: 18px;
	height: 65px;
}
#right-icons [data-v-b8de1e14] {
	display: none;
}
.gun-img[data-v-647c9f92] {
	display: none;
}
/*  BG GONE */
.add-friends,
.moneys > div,
#auth-user > div,
#left-icons > div > div,
#left-icons > div.icon-btn.text-1,
#view > div > div > div.content > div > div.clans,
#view > div > div > div.content > div > div.avatar,
#app > div.loading-scene > div.background-cont > div.background,
#view > div > div > div.content > div > div.avatar > div.bottom,
#view > div > div > div.content > div > div > div.preview.text-2,
#view > div > div > div.content > div > div.content > div.subjects,
#app > div.game-interface > div.esc-interface > div.right-container,
#view > div > div > div.content > div > div > div.preview.text-2 > div,
#view > div > div > div.content > div > div.add-friends.text-2 > div.input,
#view > div > div > div.content > div > div.add-friends.text-2 > div.head-text,
#app > div.game-interface > div.desktop-game-interface > div.state > div.hp > div,
#app > div.game-interface > div.desktop-game-interface > div.state > div.cont-endurance,
#app > div.game-interface > div.desktop-game-interface > div.state-cont > div.left > div,
#app > div.game-interface > div.desktop-game-interface > div.state-cont > div.kill-death > div,
#app > div.end-modal > div.content > div.right-cont-content > div.next-round.text-2 > div.level,
#app > div.end-modal > div.content > div.chat > div.chat.chat-position > div.messages.messages-cont,
#app > div.game-interface > div.desktop-game-interface > div.chat.chat-position > div.messages.messages-cont,
#view > div > div > div.content > div > div > div.chat-cont > div.chat.chat > div.messages.messages-cont.small {
  background: none !important;
}

/*  REMOVE BORDERS  */
.tab,
.card-cont,
.container-card,
#auth-user > div,
#left-icons > div > div,
#left-icons > div.icon-btn.text-1,
#view > div > div > div.content > div > div.content > div.subjects,
#view > div > div > div.content > div > div.content > div.tabs.text-2,
#view > div > div > div.content > div > div.add-friends.text-2 > div.input,
#view > div > div > div.content > div > div.content > div.tabs.text-2 > div.limit,
#view > div > div > div.content > div > div.clans > div.my-clan > div.list-container > div.list > div.item,
#view > div > div > div.content > div > div.clans > div.champions-container > div.awards-cont > div.cards > div > div.card-list > div {
  border: none !important;
}

/*  TRANSPARENT BLUR    */
#view > div,
.container-card,
#view > div > div,
#app > div.game-interface > div.esc-interface {
  background: transparent !important;
  backdrop-filter: blur(0.5rem);
}

/*  TINTED BLUR */
#app > div.loading-scene > div.content.team > div > div.player,
#app > div.game-interface > div.desktop-game-interface > div.tab-info,
#app > div.loading-scene > div.content > div.players.text-1.players-1 > div,
#app > div.loading-scene > div.content > div.players.text-1.players-2 > div {
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.5rem);
}

/*  BG: BASE - COLOR: ACCENT   */
.level,
.levels,
.lvl-leader,
.level > div {
  background: var(--baseColor) !important;
  color: var(--accentColor) !important;
}

/*  BG: BASE        */
.top-bar,
.card-cont,
.tab:hover,
.tab.active,
.tab.active-tab,
.champions-list,
.card-cont.user-info,
#play > div > div.play-content-up > div > div,
#app > div.game-interface > div.death-cont > div,
#right-interface > div.settings-and-socicons > div,
#view > div > div > div.content > div > div.content > div.tab-bar,
#view > div > div > div.content > div > div.avatar > div.bottom > div,
#view > div > div > div.content > div > div.content > div.subjects > div,
#right-interface > div.settings-and-socicons > div.card-cont.settings.card-1,
#view > div > div > div.content > div > div > div.list-cont > div.list > div,
#view > div > div > div.content > div > div.leaderboard-cont > div.info-awards,
#view > div > div > div.content > div > div.clans > div.my-clan > div.list-container,
#app > div.game-interface > div.desktop-game-interface > div.tab-info > div.head.text-2,
#app > div.end-modal > div.content > div.right-cont-content > div.list-cont.list-players,
#view > div > div > div.content > div > div.leaderboard-cont > div.list-champions > div > div.top-items,
#app > div.end-modal > div.content > div.right-cont-content > div.list-cont.list-players > div.top-items,
#view > div > div > div.content > div > div.leaderboard-cont > div.list-champions > div > div.bottom-items,
#view > div > div > div.content > div > div.clans > div.champions-container > div.awards-cont > div.cards > div,
#app > div.end-modal > div.content > div.right-cont-content > div.next-round.text-2 > div.progress-line.progress-line.secondary {
  background: var(--baseColor) !important;
}

/*  BG: ACCENT  */
.progress,
::-webkit-scrollbar-thumb,
#app > div.game-interface > div.desktop-game-interface > div.state > div.cont-endurance > div {
  ...

Reviews

No reviews yet.