Theme was created due to the importance of keeeping good eyesight during typing gameplay
Klavogonki.ru gray theme by sashavirtual
Details
Authorsashavirtual
LicenseNo License
Categoryklavogonki.ru/
Created
Updated
Size34 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.@name GrayThemeKlavogonki
@namespace http*://klavogonki.ru/*
@version 1.0
@-moz-document domain("klavogonki.ru"){
@import url('https://fonts.googleapis.com/css2?family=Jost&family=Kablammo&family=Raleway&display=swap');
/* #typetext > span >span,
#beforefocus,
#afterfocus,
#typefocus,
#inputtext */
a,
#players>div,
#discussing_today > div > span,
#discussing_recent > div > span,
#discussing_week > div > span,
#discussing_forum > div > span,
#profile-index > div.col-xs-3 > div > div > div{
font-family: 'Kablammo', cursive !important;
}
#discussing_today > div > span,
#discussing_recent > div > span,
#discussing_week > div > span,
#discussing_forum > div > span{
transition:0.2s;
}
:root {
--typefocus-color: rgba(255, 255, 255, 0.8);
--font-color:black;
--font-underline:underline;
--light-blue:rgb(226,226,226);
--main-blue:rgb(212,212,212);
--skyblue:rgb(249, 249, 249);
--dark-blue:rgb(125, 125, 125);
--transparent-blue:rgba(255, 255, 255, 0.372);
--car1:url('https://i.imgur.com/mXTPZid.png') !important;
--car2: url('https://i.imgur.com/5deWnHr.png') !important;
--car3: url('https://i.imgur.com/ZOsnlKT.png') !important;
--car4: url('https://i.imgur.com/eUmUc8D.png') !important;
--car5: url('https://i.imgur.com/jCngRBD.png') !important;
--car6: url('https://i.imgur.com/AgSB5aG.png') !important;
--car7: url('https://i.imgur.com/TFU6kRC.png') !important;
--car8: url('https://i.imgur.com/Stg8Xdh.png') !important;
--car9: url('https://i.imgur.com/SlErxvJ.png') !important;
--car10: url('https://i.imgur.com/CvFD63r.png') !important;
--car11: url('https://i.imgur.com/s6rzSN2.png') !important;
--car12: url('https://i.imgur.com/wvPli6q.png') !important;
--car13: url('https://i.imgur.com/BtpTQls.png') !important;
--car14: url('https://i.imgur.com/8XPv8Zn.png') !important;
--car15: url('https://i.imgur.com/Lh4g8Vk.png') !important;
--car16: url('https://i.imgur.com/tpF0jKg.png') !important;
--car17: url('https://i.imgur.com/gm2IOjG.png') !important;
--car18: url('https://i.imgur.com/ENLiLnS.png') !important;
--car19: url('https://i.imgur.com/qekADGT.png') !important;
--car20: url('https://i.imgur.com/83qWcfY.png') !important;
--car21: url('https://i.imgur.com/ENLiLnS.png') !important;
--car22: url('https://i.imgur.com/iTvW2LH.png') !important;
--car23: url('https://i.imgur.com/ajyQMMu.png') !important;
--car24: url('https://i.imgur.com/yC8M9mS.png') !important;
--car25: url('https://i.imgur.com/J2nXsSa.png') !important;
--car26: url('https://i.imgur.com/PD52ySv.png') !important;
--car27: url('https://i.imgur.com/f8szyCV.png') !important;
--car28: url('https://i.imgur.com/Eg3jmPe.png') !important;
--car29: url('https://i.imgur.com/K752i8X.png') !important;
--car30: url('https://i.imgur.com/WzAHHvq.png') !important;
--car31: url('https://i.imgur.com/tTL063N.png') !important;
--car32: url('https://i.imgur.com/f05bqkM.png') !important;
--car33: url('https://i.imgur.com/JfqmtYv.png') !important;
--car34: url('https://i.imgur.com/4y3rwBQ.png') !important;
--car35: url('https://i.imgur.com/TuC4mX6.png') !important;
--car36: url('https://i.imgur.com/pUvLUZ6.png') !important;
--car37: url('https://i.imgur.com/CjCxWA4.png') !important;
--car38: url('https://i.imgur.com/CjCxWA4.png') !important;
--car39: url('https://i.imgur.com/IdrFczX.png') !important;
--car40: url('https://i.imgur.com/frbuKsE.png') !important;
--car41: url('https://i.imgur.com/k8cEws2.png') !important;
--car42: url('https://i.imgur.com/siSLYXu.png') !important;
--car43: url('https://i.imgur.com/6nPkLYQ.png') !important;
--car44: url('https://i.imgur.com/BKNFyTN.png') !important;
--car45: url('https://i.imgur.com/PvBkLNW.png') !important;
--car1018: url('https://i.imgur.com/lxsQ4RY.png') !important;
}
/* --light-blue:rgb(226,226,226);
--main-blue:rgb(212,212,212);
--skyblue:rgb(249, 249, 249); */
div[class*=car-base].car1,
.car-tuning.car1{
background-image: var(--car1);
}
.profile-car .shop.tuning .car .imgcont {
background: var(--main-blue) !important;
}
div[class*=car-base].car2,
.car-tuning.car2 {
background-image: var(--car2);
}
div[class*=car-base].car3,
.car-tuning.car3 {
background-image: var(--car3);
}
div[class*=car-base].car4,
.car-tuning.car4 {
background-image: var(--car4);
}
div[class*=car-base].car5,
.car-tuning.car5 {
background-image: var(--car5);
}
div[class*=car-base].car6,
.car-tuning.car6 {
background-image: var(--car6);
}
div[class*=car-base].car7,
.car-tuning.car7 {
background-image: var(--car7);
}
div[class*=car-base].car8,
.car-tuning.car8 {
background-image: var(--car8);
}
div[class*=car-base].car9,
.car-tuning.car9 {
background-image: var(--car9);
}
div[class*=car-base].car10,
.car-tuning.car10 {
background-image: var(--car10);
}
div[class*=car-base].car11,
.car-tuning.car11 {
background-image: var(--car11);
}
div[class*=car-base].car12,
.car-tuning.car12 {
background-image: var(--car12);
}
div[class*=car-base].car13,
.car-tuning.car13 {
background-image: var(--car13);
}
div[class*=car-base].car14,
.car-tuning.car14 {
background-image: var(--car14);
}
div[class*=car-base].car15,
.car-tuning.car15 {
background-image: var(--car15);
}
div[class*=car-base].car16,
.car-tuning.car16 {
background-image: var(--car16);
}
div[class*=car-base].car17,
.car-tuning.car17 {
background-image: var(--car17);
}
div[class*=car-base].car18,
.car-tuning.car18 {
background-image: var(--car18);
}
div[class*=car-base].car19,
.car-tuning.car19 {
background-image: var(--car19);
}
div[class*=car-base].car20,
.car-tuning.car20 {
background-image: var(--car20);
}
div[class*=car-base].car21,
.car-tuning.car21 {
background-image: var(--car21);
}
div[class*=car-base].car22,
.car-tuning.car22 {
background-image: var(--car22);
}
div[class*=car-base].car23,
.car-tuning.car23 {
background-image: var(--car23);
}
div[class*=car-base].car24,
.car-tuning.car24 {
background-image: var(--car24);
}
div[class*=car-base].car25,
.car-tuning.car25 {
background-image: var(--car25);
}
div[class*=car-base].car26,
.car-tuning.car26 {
background-image: var(--car26);
}
div[class*=car-base].car27,
.car-tuning.car27 {
background-image: var(--car27);
}div[class*=car-base].car28,
.car-tuning.car28 {
background-image: var(--car28);
}
div[class*=car-base].car29,
.car-tuning.car29 {
background-image: var(--car29);
}
div[class*=car-base].car30,
.car-tuning.car30 {
background-image: var(--car30);
}
div[class*=car-base].car31,
.car-tuning.car31 {
background-image: var(--car31);
}
div[class*=car-base].car32,
.car-tuning.car32 {
background-image: var(--car32);
}
div[class*=car-base].car33,
.car-tuning.car33 {
background-image: var(--car33);
}
div[class*=car-base].car34,
.car-tuning.car34 {
background-image: var(--car34);
}
div[class*=car-base].car35,
.car-tuning.car35 {
background-image: var(--car35);
}
div[class*=car-base].car36,
.car-tuning.car36 {
background-image: var(--car36);
}
div[class*=car-base].car37,
.car-tuning.car37 {
background-image: var(--car37);
}
div[class*=car-base].car38,
.car-tuning.car38 {
background-image: var(--car38);
}
div[class*=car-base].car39,
.car-tuning.car39 {
background-image: var(--car39);
}
div[class*=car-base].car40,
.car-tuning.car40 {
background-image: var(--car40);
}
div[class*=car-base].car41,
.car-tuning.car41 {
background-image: var(--car41);
}
div[class*=car-base].car42,
.car-tuning.car42 {
background-image: var(--car42);
}
div[class*=car-base].car43,
.car-tuning.car43 {
background-image: var(--car43);
}
div[class*=car-base].car44,
.car-tuning.car44 {
background-image: var(--car44);
}
div[class*=car-base].car45,
.car-tuning.car45 {
background-image: var(--car45);
}
div[class*=car-base].car1019,
.car-tuning.car1019 {
background-image: var(--car45);
}
div[class*=car-base].car1018{
background-image: var(--car1018);
}
#head > div.minwidth_holyhack > div{
max-height:100px !important;
}
a{
transition:0.2s !important;
/* color:rgb(0, 0, 103) !important; */
}
#head .right .menu a.active {
background: none !important;
}
#players,
#recent-games,
body,
.player,
.you,
.gamelist-create,
.gameblock,#head,
.indexstats-block,
.rc,
.col3,
.minwidth_container,
#status-block,
body > div.fade.modal2.in > div > div,
#gameloading > div > div > div > div,
#gameloading > div > div > div,
#gameloading > div > div,
#gameloading > div,
#gameloading,
#gamelist > div:nth-child(1) > div > div > div > div,
#gamelist > div:nth-child(1) > div > div > div,
#gamelist > div:nth-child(1) > div > div,
#gamelist > div:nth-child(1) > div,
#toplist > div.content-col > table > tbody > tr>td,#profile-index > div.col-xs-9 > div.trophy > div:nth-child(1) > div.achieve-item:hover,
#profile-index > div.col-xs-9 > div.trophy > div:nth-child(2) > div.achieve-item:hover,
#profile-index > div.col-xs-9 > div.trophy > div:nth-child(3) > div.achieve-item:hover,
#profile-index > div.col-xs-9 > div.trophy > div:nth-child(4) > div.achieve-item:hover,
#profile-index > div.col-xs-9 > div.trophy > div:nth-chi...