Skip to content

kirka.io prog css by lxyxny

Write a review Install Get Stylus

Details

Authorlxyxny

LicenseNo License

Categorycss, kirka.io

Created

Updated

Code size41 kB

Code checksum4077b1bf

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

css for prog

Notes

only for prog members

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name       kirka.io
@version    20250430.07.26
@namespace  ?
==/UserStyle== */

@-moz-document url-prefix("https://kirka.io/") {
@import url('https://irrvlo.xyz/global.css');

:root {
    --asscentColor: #ffffff;
    --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-family: "Forza", sans-serif;
}

@keyframes animate {
    to {
        transform: translateY(30%);
    }
}

/* Glows Clan Name */
.clan-tag {
    color: #ffffff !important;
}

.promo-link-btn {
    display: none !important;
}
.soc-group[data-v-3c44abf2] {
    display: none;
}



.interface .nickname {
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 5px rgb(255, 255, 255) !important;
}

/*  Ad Removal */
.ad-left {
    display: none !important;
    visibility: hidden !important;
}
.className {
    display: none !important;
}

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

.interface .background {
    background: url("https://irrvlo.xyz/pattern.webp") repeat !important;
    height: 500%;
    background-position: 0px 0px;
    -webkit-animation: animate 20s alternate infinite!important;
}

.end-modal {
    background: url("https://irrvlo.xyz/pattern.webp") repeat !important;
}


/* scrollbar*/
::-webkit-scrollbar-track {
    border-radius: 0.1rem;
    background: #ffffff;
}

::-webkit-scrollbar-thumb {
    border-radius: 0.1rem;
    background: #d9d9d9 !important;
}

/* 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;
}

/*Avatar box*/
.progress {
    background: #ffffff !important;
    display: block !important;
    /*font-size:1p*/
}


.progress {
    box-shadow: 0px 0px 20px 6px;
}

.progress-label {
    display: none !important;
}


#view .card-profile .avatar {
    width: 80px !important;
    height: 80px !important;
    background-position: center !important;
    background-image: url('https://i.imgur.com/Uq6Yb9N.gif') !important;
    background-size: cover !important;
    background-color: transparent !important;
    border: none !important;
    image-rendering: auto;
}


/* Left icons */
.left-icons {
    background: transparent !important;
    backdrop-filter: blur(5px);
    left: 0 !important;
    border-right: transparent;
    border-radius: 0 !important;
}

.left-icons .icon-btn {
    background: transparent;
    border: none;
    width: 107px;
    border-radius: 0;
}

.left-icons .icon-btn .text-icon {
    display: none;
}



/* button colors bg */
.christmas .box,
.endurance-progress,
.exit-btn,
.tooltip,
.level-card,
.progress .buy-btn,
.progress-helper,
.levels .level .progress,
.levels-circle .lvl,
.level-progress,
.reqs,
.tab > .label,
.close {
    background: transparent !important;
}

/*logo*/
#logo {
    content: url("https://i.imgur.com/N6Llu7u.png") !important;
    width: 10rem;
    height: 10rem !important;
    transform: scale(2.0) !important;
    top: -5%;
}

/* Money */
.moneys {
    flex-direction: absolute;
    position: absolute;
    left: -1%;
    top: 100%;
}

.moneys[data-v-2484b84e] {
    display: flex;
    flex-direction: row;
    margin-left: -50px;
    margin-top: 80px;
}

/* 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;
}
/*Avatar picture*/
.avatar-info > .avatar {
    width: 80px !important;
    height: 80px !important;
    background-position: center !important;
    background-image: url('https://i.imgur.com/nHgOpUR.png') !important;
    background-size: cover !important;
    background-color: transparent !important;
    border: none !important;
    image-rendering: auto;
}

.progress[data-v-60bcfa0a] {
    background: #ffffff !important;
    display: block !important;
    /*font-size:1p*/
}

.progress {
    box-shadow: #ffffff;
    box-shadow: 0px 0px 6px 3px;
}

.progress {
    box-shadow: #ffffff;
    box-shadow: 0px 0px 6px 3px;
}

.progress {
    background: none!important;
    display: block !important;
}


.progress-label {
    display: none !important;
}


#view .card-profile .avatar {
    width: 80px !important;
    height: 80px !important;
    background-position: center !important;
    background-image: url('https://i.imgur.com/nHgOpUR.png') !important;
    background-size: cover !important;
    background-color: transparent !important;
    border: none !important;
    image-rendering: auto;
}

/* Transparent */
.box,
.input,
.settings,
.quests,
.quest,
.tip,
.amount,
.reward,
.progress-line,
.card-cont,
.container-card,
.progress[data-v-49c6809c],

.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;
}
.wrapper {
    background: none;
}
.active {
    border-bottom: var(--asscentColor) solid 0.125rem !important;
}

/* Text Color */
.level-value,
.levels {
    color: #ffffff !important;
}

.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: rgba(255, 255, 255, 0.784) !important;
}
.tab:hover,
.nav:hover {
    color: var(--asscentColor) !important;
}

/*Left icons invisible*/
.left-icons {
    opacity: 0 !important;
    transition: all 0.5s ease-in-out;
}

.left-icons:hover {
    opacity: 1 !important;
    transition: all 0.5s ease-in-out;
}

.left-icons:hover {
    opacity: 1 !important;
    transition: all 0.5s ease-in-out;
}

/*Right interface invisible*/
.right-interface {
    opacity: 1 !important;
    transition: all 0.5s ease-in-out;
}

.right-interface:hover {
    opacity: 1 !important;
    transition: all 0.5s ease-in-out;
}

.right-interface:hover {
    opacity: 1 !important;
    transition: all 0.5s ease-in-out;
}
/*play content invisible*/
.play-content {
    opacity: 0 !important;
    transition: all 0.5s ease-in-out;
}


.play-content:hover {
    opacity: 1 !important;
    transition: all 0.5s ease-in-out;
}

.play-content:hover {
    opacity: 1 !important;
    transition: all 0.5s ease-in-out;
}
/*mode selection*/
.select-mod {
    transition: 0.3s;
}

.select-mod:hover {
    transform: scale(1.2);
}

/* 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;
}


/* juice */
.news-card {
    background: transparent !important;
    border: unset !important;
    left: -40px
}

/*Juice Notifications*/
div#left-interface.left-interface > div#lobby-news.lobby-news > div.news-card {
    background: transparent !important;
    border: none !important;
}

.news-card {
    opacity: 0 !important;
    transition: all 0.5s ease-in-out;
}

.news-card:hover {
    opacity: 1 !important;
    transition: all 0.5s ease-in-out;
}

.news-card:hover {
    opacity: 1 !important;
    transition: all 0.5s ease-in-out;
}

div.card-cont.soc-group {
    display: none !important;
}

/*Left icons invisible*/
.left-icons {
    opacity: 0 !important;
    transition: all 0.5s ease-in-out;
}

.left-icons:hover {
    opacity: 1 !important;
 ...

Reviews

No reviews yet.