A new userstyle
For Devylxc (From Acapella) :) by AcapellaVox
Details
AuthorAcapellaVox
LicenseNo License
Categorykirka css
Created
Updated
Size24 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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== Me
@name kirka.io
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("kirka.io") {
/* Insert code here... */
}:root {
--asscentColor: #fff800;
--corners: linear-gradient(to right, var(--asscentColor) 2px, transparent 2px) 0
100%,
linear-gradient(to left, var(--asscentColor) 2px, transparent 2px) 100% 100%,
linear-gradient(to top, var(--asscentColor) 2px, transparent 2px) 0 100%,
linear-gradient(to top, var(--asscentColor) 2px, transparent 2px) 100% 100%,
linear-gradient(to right, var(--asscentColor) 2px, transparent 2px) 0 0,
linear-gradient(to left, var(--asscentColor) 2px, transparent 2px) 100% 0,
linear-gradient(to bottom, var(--asscentColor) 2px, transparent 2px) 0 0,
linear-gradient(to bottom, var(--asscentColor) 2px, transparent 2px) 100% 0;
--right-corners: linear-gradient(to right, var(--asscentColor) 0px, transparent 0px) 0
100%,
linear-gradient(to left, var(--asscentColor) 2px, transparent 2px) 100% 100%,
linear-gradient(to top, var(--asscentColor) 0px, transparent 0px) 0 100%,
linear-gradient(to top, var(--asscentColor) 2px, transparent 2px) 100% 100%,
linear-gradient(to right, var(--asscentColor) 0px, transparent 0px) 0 0,
linear-gradient(to left, var(--asscentColor) 2px, transparent 2px) 100% 0,
linear-gradient(to bottom, var(--asscentColor) 0px, transparent 0px) 0 0,
linear-gradient(to bottom, var(--asscentColor) 2px, transparent 2px) 100% 0;
}
/* Fonts */
@font-face {
font-family: gamefont;
src: url("https://raw.githubusercontent.com/South-Paw/typeface-vag-rounded/master/files/vag-rounded-400.woff2");
}
* {
font-family: gamefont;
}
/* Glows Clan Name */
.heads .clan-tag {
-webkit-animation: glow 2s ease-in-out infinite alternate;
-moz-animation: glow 2s ease-in-out infinite alternate;
animation: glow 2s ease-in-out infinite alternate;
}
/* Clan logo */
.logo {
content: url(https://media.discordapp.net/attachments/1291323109999120456/1291582451096748103/Papers.co-bl83-art-anime-girl-white-android-medium.jpg?ex=67009f64&is=66ff4de4&hm=4b7020c781aae8894a86d6f4e44cf572cb8e93117601a8d2c179356269169014&=&format=webp&width=499&height=499);
width: 100px;
visibility: hidden
}
.promo-link-btn {
display: none !important;
}
.soc-group[data-v-3c44abf2] {
display: none;
}
/* Transparent */
.box,
.input,
.settings,
.quests,
.quest,
.tip,
.amount,
.reward,
.progress-line,
.card-cont,
.container-card,
.progress[data-v-49c6809c],
.background,
.container button .border-top,
.container button .border-bottom,
.messages.messages-cont.small,
.title,
.card-list,
.head,
.changelog-item,
.card,
.live-streams,
.left,
.cont {
background: transparent !important;
border: none !important;
}
.progress[data-v-0f7a25c2] {
background: transparent !important;
box-shadow: none !important;
border-bottom: none !important;
}
.active {
border-bottom: var(--asscentColor) solid 0.125rem !important;
}
/* Text Color */
.level-value,
.levels,
.clan-tag,
.top-name,
.list-labels,
.active,
.level,
.header,
.lvl-leader,
.label-primary,
.awards-span,
.champions-league,
.champions-scores,
.all-scores-label,
.stat-name,
.progress-level-value,
.amount{
color: var(--asscentColor) !important;
}
.tab:hover,
.nav:hover {
color: var(--asscentColor) !important;
}
/* Custom Backgorund */
#app > div.interface.text-2 > div.background {
background-image: url("https://media.discordapp.net/attachments/1291323109999120456/1291582451096748103/Papers.co-bl83-art-anime-girl-white-android-medium.jpg?ex=67009f64&is=66ff4de4&hm=4b7020c781aae8894a86d6f4e44cf572cb8e93117601a8d2c179356269169014&=&format=webp&width=499&height=499") !important;
background-size: cover !important;
}
#app > div.interface.text-2 > div.background > div.pattern-bg,
#app > div.interface.text-2 > div.background > div.bg-radial {
display: none !important
}
/*End Screen Background*/
.end-modal {
background: url(https://media.discordapp.net/attachments/1291323109999120456/1291582451096748103/Papers.co-bl83-art-anime-girl-white-android-medium.jpg?ex=67009f64&is=66ff4de4&hm=4b7020c781aae8894a86d6f4e44cf572cb8e93117601a8d2c179356269169014&=&format=webp&width=499&height=499) no-repeat !important;
z-index: -1;
}
.end-modal .team-list-players .list .player {
background: transparent !important;
border: none !important;
border-bottom: none !important;
box-shadow: none !important;
}
.end-modal .team-list-players .card-cont:nth-child(1),
.end-modal .team-list-players .card-cont:nth-child(2),
.end-modal .items {
background: transparent !important;
box-shadow: none !important;
}
.end-modal .team-list-players .label {
background: transparent;
color: var(--asscentColor);
}
/* Login/Signup*/
.auth-form {
margin-left: 0 !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
}
.auth-form .btns button {
transform: none !important;
padding: 0px;
}
.auth-user .loading {
background: transparent !important;
border: none;
border-bottom: none !important;
border-radius: 0;
}
.auth-user .loader-container {
margin-right: 95% !important;
}
.auth-form .btns button:hover {
background-color: transparent !important;
box-shadow: none !important;
}
.auth-form button,
.auth-form button .border-top,
.auth-form button .border-bottom{
background: transparent !important;
box-shadow: none !important;
}
.auth-form button .triangle {
display: none;
}
/* Money */
.moneys {
flex-direction: absolute;
position: absolute;
left: -40%;
top: 10%;
}
.moneys[data-v-2484b84e] {
display: flex;
flex-direction: row;
margin-left: -50px;
margin-top: 80px;
}
/* Right Interface */
.right-interface {
padding-top: 20px;
}
.soc-group:nth-child(1),
.soc-group:nth-child(2) {
background: transparent !important;
border: none;
visibility: hidden;
}
.soc-group:nth-child(1):hover,
.soc-group:nth-child(2):hover {
background: none !important;
transform: scale(1.5);
visibility: hidden;
}
.right-interface .settings {
background: transparent;
border: none;
width: 20px !important;
transition: 0.3s;
z-index: 2;
}
.right-interface .settings:hover {
background: none;
transform: scale(1.5);
}
.right-interface {
z-index: 999 !important;
}
/* Left Menu */
.left-icons, .icon-btn {
background: transparent !important;
border: none !important;
padding: 0 !important;
}
.text-icon {
display: none !important;
}
.left-icons .icon-btn:hover {
border-top: transparent !important;
}
/* Top Icons
.left-icons {
display: flex !important;
flex-direction: row !important;
position: absolute !important;
height: 0% !important;
margin: 18%;
margin-top: -6% !important;
border: none !important;
} */
/* Removed Profile Card */
.avatar-info,
.progress-label {
display: none !important;
}
.user-info {
padding-left: 3vw !important;
}
.progress {
background: var(--asscentColor) !important;
display: block !important;
}
.progress {
box-shadow: 0px 0px 20px 6px var(--asscentColor);
}
.left-interface[data-v-6ef47e92] {
position: absolute;
left: 42%;
top: 3%;
z-index: 9;
transform-origin: top left;
}
/* Profile */
div.card-cont.avatar-info,
div.card-cont.user-info,
.money {
background: transparent !important;
border-bottom: transparent !important;
border: none !important;
}
.settings[data-v-e0ea0f78] {
background: transparent !important;
border-bottom: transparent !important;
border: none !important;
}
.card-cont[data-v-1cbd79ff] {
background: transparent !important;
border-bottom: transparent !important;
border: none !important;
}
.card-cont[data-v-1cbd79ff]:hover {
background: transparent !important;
}
/* Inv & Friends */
#right-icons [data-v-ae524044] {
height: 3.2rem;
}
#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;
}
.right-icons .gun-img {
display: none;
}
.right-icons .icon-btn {
background: transparent !important;
border-bottom: transparent !important;
border: none !important;
}
/* Server & Play */
.select-mod:hover,
.select-region:hover {
background-color: var(--main) !important;
}
.select-mod,
.select-region {
background-color: var(--main) !important;
padding: 8px !important;
border-radius: 5px !important;
border-color: transparent !important;
opacity: var(--opacity);
text-shadow: var(--glow);
}
.select-mod {
padding-left: 8px !important;
}
.select-regions-cont {
bottom: 30px !important;
right: 97% !important;
background-color: var(--main) !important;
box-shadow: none !important;
border-radius: 5px !important;
border-color: var(--trans) !important;
opacity: var(--opacity);
}
/* Join URL Button (For client only) */
.join-using-link {
background: transparent !important;
border-right: none !important;
border-left: none !important;
border-top: none !important;
border-bottom: none !important;
}
.join-using-link:active {
background: transparent !important;
border-right: none !important;
border-left: none !important;
border-top: none !important;
border-bottom: none !important;
}
#clientJoinButton {
background: transparent !important;
border-right: none !important;
border-left: none !important;
border-top: none !important;
border-bottom: none !important;
}
#clientJoinButton:active {
background: transparent !important;
border-rig...