Skip to content

Kirby theme for Meow Playground by TabKeyCat

Screenshot of Kirby theme for Meow Playground
Write a review Install Get Stylus

Details

AuthorTabKeyCat

LicenseNo License

Categoryhttps://www.meowplayground.com/game

Created

Updated

Size5.0 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

basically a kirby theme for meow playground by TabKeyCat (requested by jr_buddy on discord)

Notes

idk why but the theme keeps applying to other random sites. just disable the theme when visiting other sites and enable when going on meow playground. report other issues on my discord server --> https://discord.gg/6WRcQcPJqC

Source code

/* ==UserStyle==
@name           Kirby Theme for Meow Playground
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    kirby theme for Meow Playground by TabKeyCat (requested by jr_buddy on discord)
@author         Me
==/UserStyle== */

@-moz-document domain("https://www.meowplayground.com/game") {
    /* Insert code here... */
}

body {
    padding-right: 0px !important;
    background: #3d48ac;
    background-image: url(https://wallpaperaccess.com/full/3966954.png);
    content: "";
    width: 100%;
    z-index: -1;
    font-family: "Nunito",sans-serif;
}
body #bottom-holder {
    width: 100%;
    text-align: center;
    margin-top: 5px;
    background: #717cdf00;
    padding-top: 10px;
    height: 45px;
}
#catpet-playground #header {
    background: #717cdf00;
    height: 75px;
    margin-bottom: 5px;
}
body #stats-window {
    padding: 5px 15px 0px 20px;
    background-color: rgb(61 72 172 / 0%);
    float: right;
    max-width: 416px;
    height: 75px;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.5px;
    text-align: center;
    color: #fcfcfc;
}
body #chat-area #chat-history-window .message-holder.blue {
    color: #224d9c;
}
body #chat-area #chat-history-window .message-holder {
    margin-top: 4px;
    border-radius: 10px;
    padding: 10px;
    word-break: break-all;
    word-break: break-word;
    background: #F698AA;
    font-size: .9rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(59,61,76,.7);
}
body #chat-area #room-desc {
    background: #ea8466;
    background-image: linear-gradient(90deg, #F698AA, #CC0055);
    border-radius: 10px 10px 0 0;
    height: 25px;
    padding-top: 4px;
    font-size: .8rem;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
body #chat-area #chat-history-window .message-holder.system {
    background: #8dc63f;
    background-image: linear-gradient(66deg, #F698AA, #CC0055);
    color: #fff;
    white-space: pre-line;
}
.meow-btn.green {
    padding: 0;
    min-width: 105px;
    height: 32px;
    border-radius: 16px;
    border-style: solid;
    border-width: 4px;
    border-image-source: linear-gradient(to top, #baca43, #dce675);
    border-image-slice: 0;
    background-image: linear-gradient(to top, #F698AA, #CC0055),linear-gradient(to top, #F698AA, #CC0055);
    background-origin: border-box;
    background-clip: content-box,border-box;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
.join-game-dd button {
    background: #ef8354;
    top: 13px;
    width: 185px;
    height: 49px;
    border-radius: 24.5px;
    border-style: solid;
    border-width: 4px;
    border-image-source: linear-gradient(to top, #e47946, #fca885);
    border-image-slice: 0;
    background-image: linear-gradient(to top, #F698AA, #CC0055),linear-gradient(to top, #F698AA, #CC0055);
    background-origin: border-box;
    background-clip: content-box,border-box;
    position: absolute;
    left: 0;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.6px;
    text-align: center;
    color: #fcfcfc;
    padding: 0;
    cursor: pointer;
}
.meow-btn.orange {
    min-width: 105px;
    border-radius: 16px;
    border-style: solid;
    border-width: 4px;
    border-image-source: linear-gradient(to top, #e47946 0%, #fca885);
    border-image-slice: 0;
    background-image: linear-gradient(to top, #ff0000, #ff0000),linear-gradient(to top, #ff0000 0%, #ff0000);
    background-origin: border-box;
    background-clip: content-box,border-box;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.6px;
    text-align: center;
    color: #fcfcfc;
}
.meow-btn.blue {
    min-width: 105px;
    border-radius: 15px;
    border-style: solid;
    border-width: 4px;
    border-image-source: linear-gradient(to top, #5585ed, #73a8fc);
    border-image-slice: 0;
    background-image: linear-gradient(to top, #F698AA, #CC0055),linear-gradient(to top, #F698AA, #CC0055);
    background-origin: border-box;
    background-clip: content-box,border-box;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fefefe;
}
.btn-success {
    color: #fff;
    background-color: #F698AA;
    border-color: #CC0055;
}

Reviews

No reviews yet.