Cirlz Style Script

A script that can change the styles in cirlzgame.tk
줄 바꿈
// ==UserScript==
// @name         Cirlz Style Script
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  A script that can change the styles in cirlzgame.tk
// @author       FireTruck
// @match        http://cirlzgame.tk/
// @icon         https://www.google.com/s2/favicons?sz=64&domain=cirlzgame.tk
// @grant        none
// ==/UserScript==

var styles = `

#chat_textbox:hover {
    transition: all .5s ease-in-out;
    position: absolute;
    z-index: 1;
    bottom: 10px;
    background: #212121;
    border: 3px solid #AAFF00;
    border-radius: 5px;
    outline: none;
    color: #ffffff;
    height: 30px;
    text-indent: 12px;
    left: 10px;
    width: 300px;
    font-family: "Ubuntu";
}

#chat_textbox:focus {
    transition: all .5s ease-in-out;
    position: absolute;
    z-index: 1;
    bottom: 10px;
    background: #212121;
    border: 3px solid #AAFF00;
    border-radius: 5px;
    outline: none;
    color: #ffffff;
    height: 30px;
    text-indent: 12px;
    left: 10px;
    width: 300px;
    font-family: "Ubuntu";
}

#chat_textbox {
    transition: all .5s ease-in-out;
    position: absolute;
    z-index: 1;
    bottom: 10px;
    background: #212121;
    border: 3px solid #333333;
    border-radius: 5px;
    outline: none;
    color: #ffffff;
    height: 30px;
    text-indent: 12px;
    left: 10px;
    width: 300px;
    font-family: "Ubuntu";
}

#nick:hover {
    transition: all .5s ease-in-out;
    width: 105%;
    height: 37px;
    background: transparent;
    color: #AAFF00;
    border: 2px solid #AAFF00;
    transform: translate(-2%, -150%);
    font-family: 'Ubuntu', sans-serif;
}

#nick:focus {
    transition: all .5s ease-in-out;
    width: 105%;
    height: 37px;
    background: transparent;
    color: #AAFF00;
    border: 2px solid #AAFF00;
    transform: translate(-2%, -150%);
    font-family: 'Ubuntu', sans-serif;
}

#nick {
    transition: all .5s ease-in-out;
    width: 105%;
    height: 37px;
    background: transparent;
    color: white;
    border: 2px solid #AAFF00;
    transform: translate(-2%, -150%);
    font-family: 'Ubuntu', sans-serif;
}

#gigasplit:hover {
    transition: all .5s ease-in-out;
    width: 109%;
    margin-bottom: 10px;
    height: 40px;
    background: #202020;
    border: 2px solid #AAFF00;;
    color: #AAFF00;
    border-radius: 5px;
    font-family: 'Ubuntu', sans-serif;
    transform: translate(-4%, 1150%);
    font-size: 16px;
    font-weight: bold;
}

#gigasplit {
    transition: all .5s ease-in-out;
    width: 109%;
    margin-bottom: 10px;
    height: 40px;
    background: #202020;
    border: 2px solid #AAFF00;
    border-radius: 5px;
    font-family: 'Ubuntu', sans-serif;
    transform: translate(-4%, 1150%);
    font-size: 16px;
    font-weight: bold;
}

#settings-btn {
    transition: all .5s ease-in-out;
    background: #202020;
    border: 2px solid #AAFF00;
    border-radius: 5px;
    width: 51%;
    height: 36px;
    float: right;
    top: 0;
    font-family: 'Ubuntu', sans-serif;
    transform: translate(-100%, -220%);
}

#settings-btn:hover {
    transition: all .5s ease-in-out;
    background: #202020;
    border: 2px solid #AAFF00;
    border-radius: 5px;
    color: #AAFF00;
    width: 51%;
    height: 36px;
    float: right;
    top: 0;
    font-family: 'Ubuntu', sans-serif;
    transform: translate(-100%, -220%);
}

#play-btn {
    transition: all .5s ease-in-out;
    width: 105%;
    margin-bottom: 10px;
    background: #202020;
    border: 2px solid #AAFF00;
    border-radius: 5px;
    font-family: 'Ubuntu', sans-serif;
    transform: translate(-2%, 120%);
    font-size: 16px;
    font-weight: bold;
}

#play-btn:hover {
    transition: all .5s ease-in-out;
    width: 105%;
    margin-bottom: 10px;
    background: #202020;
    border: 2px solid #AAFF00;
    border-radius: 5px;
    color: #AAFF00;
    font-family: 'Ubuntu', sans-serif;
    transform: translate(-2%, 120%);
    font-size: 16px;
    font-weight: bold;
}

#spectate-btn {
    transition: all .5s ease-in-out;
    background: #202020;
    border: 2px solid #AAFF00;
    width: 52%;
    border-radius: 5px;
    float: right;
    top: 0;
    font-family: 'Ubuntu', sans-serif;
    transform: translate(5%, -120%);
}

#spectate-btn:hover {
    transition: all .5s ease-in-out;
    background: #202020;
    border: 2px solid #AAFF00;
    width: 52%;
    border-radius: 5px;
    color: #AAFF00;
    float: right;
    top: 0;
    font-family: 'Ubuntu', sans-serif;
    transform: translate(5%, -120%);
}

#helloDialog {
    width: 400px;
    background-color: #fff;
    margin: 10px auto;
    border-radius: 5px;
    padding: 5px 15px 5px 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #AAFF00;
    background: #212121;
}

#ad {
    border: 2px solid #AAFF00;
    height: 260px;
    width: 90%;
}

`

var styleSheet = document.createElement("style");
styleSheet.innerText = styles;
document.head.appendChild(styleSheet);