Skip to content

KIRKA CSS by ziliks

Homepage Write a review Install Get Stylus

Details

Authorziliks

LicenseNo License

Categorykirka.io

Created

Updated

Size28 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

a

Notes

a

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           12/4/2022, 8:05:31 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("example.com") {
    /* Insert/* 
Public Kirka.io CSS #2 by NizzQ#9235
Please do give credit if you decided to recolor :)

-=Install Instructions for Browser=-
    1. Install "Stylus" extension
	2. Create a new style
	3. Paste the source code into it or you can just C&P "@import url(https://nizzq.github.io/NizzQ2.css)" for updates
	4. Enable it

-=Install Instructions for Client=-
	1. https://nizzq.github.io/NizzQ2.css
 */
/* Fonts */
@font-face {
    font-family: gamefont;
    src: url("https://raw.githubusercontent.com/MOF1/krunker_css/main/css/fonts/Steradian-Bold.otf");
}

* {
    font-family: gamefont;
}

/* Hide Logo */
.interface .logo {
    display: none;
}

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

/* Animation */
@-webkit-keyframes glow {
    from {
        text-shadow: 0 0 5px #fff, 0 0 5px #ae50e4, 0 0 5px #ae50e4, 0 0 5px #ae50e4, 0 0 6px #ae50e4, 0 0 7px #ae50e4, 0 0 8px #ae50e4;
    }
}

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

@keyframes rainbow{
		100%,0%{
			color: rgb(255,0,0);
		}
		8%{
			color: rgb(255,127,0);
		}
		16%{
			color: rgb(255,255,0);
		}
		25%{
			color: rgb(127,255,0);
		}
		33%{
			color: rgb(0,255,0);
		}
		41%{
			color: rgb(0,255,127);
		}
		50%{
			color: rgb(0,255,255);
		}
		58%{
			color: rgb(0,127,255);
		}
		66%{
			color: rgb(0,0,255);
		}
		75%{
			color: rgb(127,0,255);
		}
		83%{
			color: rgb(255,0,255);
		}
		91%{
			color: rgb(255,0,127);
		}
}
 .clan-tag {
	animation: rainbow 1.3s linear infinite;
}

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

.interface .background{
    background: url(https://cdn.discordapp.com/attachments/919511402853580860/931100063827132456/pattern.png) repeat !important;
    height: 300%;
    background-position: 0px 0px;
    -webkit-animation: animate 10s linear infinite!important;
}

.end-modal {
    background: url(https://cdn.discordapp.com/attachments/919511402853580860/931100063827132456/pattern.png) repeat !important;
}

/* Loading Scene*/
.loading-scene .progress {
    background: -webkit-gradient(linear, left top, right top, from(#84a1ff), to(#39ffd4)) !important;
    background: linear-gradient(to right, #84a1ff, #39ffd4) !important;
}

.loading-scene .name .label {
    -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;
}

.loading-scene .players .level {
    color: white;
}

/* Join URL Button (For client only) */
.join-using-link {
    background: rgba(55, 55, 55, .61) !important;
    border-radius: 0 !important;
    border: 4px solid #ffffff1c !important;
}

.join-using-link:active {
    background: #39ffd4bf!important;
}

#clientJoinButton {
	background: rgba(55, 55, 55, .61) !important;
    border-radius: 0 !important;
    border: 4px solid #ffffff1c !important;
}

#clientJoinButton:active {
    background: #39ffd4bf!important;
}

.live-streams {
	background: transparent !important;
	border: none !important;
}

.live-streams .item:nth-child(2) {
	display: none !important;
}

.live-streams .head{
	display: none !important;
}

.news .card-list {
	background: transparent;
	border: none;
}

.news .title {
	display: none;
}

.news .hello-text {
	color: grey
}

.changelog-date {
	border: none !important;
}

/*
.live-streams {
    background: rgba(55, 55, 55, .61);
    backdrop-filter: blur(5px);
    position: fixed;
    left: 95px;
    top: 80px;
    width: 300px !important;
    height: 1200px;
    border-left: 4px solid #ffffff1c;
    -webkit-transition: 1s;
    transition: 1s;
	z-index: 999 !important;
}

.live-streams:before {
    content: url(https://media.discordapp.net/attachments/523517791886770188/947364113770758194/pngfind.com-chevron-png-95287.png?width=30&height=30);
    position: fixed;
    right: 300px;
    top: 15px;
    transition: 0.2s;
	z-index: 999 !important;
}

.live-streams:hover:before {
    opacity: 0;
}

.live-streams:after {
    content: "CSS by NizzQ#9235";
    position: fixed;
    top: 505px;
    right: 115px;
}

.live-streams:hover {
    left: -115px;
}

.live-streams .head {
    display: none;
}

.live-streams .list {
    width: 180px;
    padding: 0 9px;
    overflow: visible;
}
*/

/* Login/Signup*/
.auth-form {
    margin-left: 0 !important;
    background: rgba(55, 55, 55, .61) !important;
    backdrop-filter: blur(5px);
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
    border-bottom: 5px solid #ffffff1c !important;
    border-radius: 0 !important;
    width: 2500px !important;
    height: 118px !important;
}

.auth-form .btns button {
    transform: none !important;
    padding: 0px;
	left: -450%;
}

.auth-user .loading {
    background: rgba(55, 55, 55, .61);
	backdrop-filter: blur(5px);
	border: none;
	border-bottom: 5px solid #ffffff1c !important;
	border-radius: 0;
	width: 2500px;
    height: 118px !important;
}

.auth-user .loader-container {
	margin-right: 95% !important;
}

.button[data-v-02c36fca] {
    -webkit-text-stroke: 0px !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;
}

.auth-form .text {
    font-size: 26px !important;
}

.auth-form button:hover {
    color: #30e7ff;
}

.button[data-v-02c36fca]:after {
    border: none;
}

/* Left Interface*/
.left-interface .profile {
    background: rgba(55, 55, 55, .61);
    backdrop-filter: blur(5px);
    width: 2500px;
    border-bottom: 5px solid #ffffff1c;
}

.left-interface .progress-label {
    display: none;
}

.left-interface .progress-lvl {
    margin-bottom: 20px;
}

.left-interface .progress-line {
    background: #4f4e4ead !important;
    height: 17px;
}

.left-interface .progress {
    background: -webkit-gradient(linear, left top, right top, from(#84a1ff), to(#39ffd4)) !important;
    background: linear-gradient(to right, #84a1ff, #39ffd4) !important;
}

.left-interface .level {
    color: white;
}

.left-interface .avatar-info,
.left-interface .user-info,
.left-interface .money {
    background: transparent !important;
	margin-left: -18px;
	border: none;
}

.left-interface .avatar-info:hover,
.left-interface .user-info:hover {
    background: transparent;
}

/* Left icons */
.left-icons {
    background: rgba(55, 55, 55, .61) !important;
    backdrop-filter: blur(5px);
    left: 0 !important;
    border-right: 5px solid #ffffff1c;
	border-radius: 0 !important;
}

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

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

.left-icons .icon-btn:nth-child(1) {
    background: url(https://media.discordapp.net/attachments/523517791886770188/946791854823862342/clipart3359599.png?width=676&height=676);
    background-size: 55px !important;
    background-repeat: no-repeat;
    margin-top: 0;
    background-position-x: 1.5rem !important;
    background-position-y: 1rem !important;
    transition: 0.3s;
}

.left-icons .icon-btn:nth-child(1):hover {
    background: url(https://media.discordapp.net/attachments/523517791886770188/946791854823862342/clipart3359599.png?width=676&height=676);
    background-repeat: no-repeat;
    transform: scale(1.2)
}

.left-icons .icon-btn:nth-child(2) {
    background: url(https://media.discordapp.net/attachments/523517791886770188/946792665842843659/Daco_4606909.png);
    background-size: 55px !important;
    background-repeat: no-repeat;
    margin-top: 0;
    background-position-x: 1.5rem !important;
    background-position-y: 1rem !important;
    transition: 0.3s;
}

.left-icons .icon-btn:nth-child(2):hover {
    background: url(https://media.discordapp.net/attachments/523517791886770188/946792665842843659/Daco_4606909.png);
    background-repeat: no-repeat;
    transform: scale(1.2)
}

.left-icons .icon-btn:nth-child(3) {
    background: url(https://media.discordapp.net/attachments/523517791886770188/946793692327452762/527-5276041_server-png-images-server-icon-free-download-server.png);
    background-size: 55px !important;
    background-repeat: no-repeat;
    margin-top: 0;
    background-position-x: 1.5rem !important;
    background-position-y: 1rem !important;
    transition: 0.3s;
}

.left-icons .icon-btn:nth-child(3):hover {
    background: url(https://media.discordapp.net/attachments/523517791886770188/946793692327452762/527-5276041_server-png-images-server-icon-free-download-server.png);
    background-repeat: no-repeat;
    transform: scale(1.2)
}

.left-icons .icon-btn:nth-child(4) {
    background: url(https://media.discordapp.net/attachments/523517791886770188/994487960605040680/white2.png);
    background-size: 55px !important;
    background-repeat: no-repeat;
    margin-top: 0;
    background-position-x: 1.5rem !important;
    background-position-y: 1rem !important;
    transition: 0.3s;
}

.left-icons .icon-btn:nth-child(4):hover {
    background: url(https://media.discordapp.net/attachments/523517791886770188/994487960605040680/white2.png);
    background-repeat: no-repeat;
    transform: scale(1.2)
}

.left-icons .icon-btn:nth-child(5) {
    background: url(https://media.discordapp.net/attachments/523517791886770188/966953628747321354/SeekPng.png?width=740&height=657) ;
    background-size: 55px !important;
    background-repeat: no-repeat;
    margin-top: 0;
    background-position-x: 1.5rem !important;
    background-position-y: 1rem !important;
    transition: 0.3s;
}

.lef...

Reviews

No reviews yet.