☰

Style Improvements

Simple style improvements for various elements.

Pada tanggal 21 Januari 2025. Lihat %(latest_version_link).

// ==UserScript==
// @name         Style Improvements
// @namespace    http://tampermonkey.net/
// @version      1.0.0
// @license      GPL-3.0
// @description  Simple style improvements for various elements.
// @author       kamarov
// @match        https://tanktrouble.com/*
// @run-at       document-end
// @grant        GM_addStyle
// @require      https://update.greasyfork.org/scripts/482092/1297984/TankTrouble%20Development%20Library.js
// ==/UserScript==

GM_addStyle(`
#chat form {
    border-radius: 3px;
    border: 1px solid var(--jq-borderColorDefault);
    background-color: #ffffffdd;
    animation-duration: 0s;
}
#chat.global form {
    background: #68c5ff;
    border: 1px solid #759fff;
}
#chat.user form {
    background: #08ef0a;
    border: 1px solid #01c701;
}
#chat {
    -webkit-filter: drop-shadow(0 7px 4px rgba(0, 0, 0, .5));
    filter: drop-shadow(0 7px 4px rgba(0, 0, 0, .5));
}
#chat .body {
    width: 240px;
    height: 160px;
    margin-left: 0;
    margin-top: 7px;
    background: #ffffff9c;
    border-radius: 7px;
    border: 1px solid var(--jq-borderColorDefault);
    padding: 5px;
}
#chat .body.dragging {
    background: #f7f7f79c;
    border: none;
    border-radius: 7px;
    border: 1px solid var(--jq-borderColorDefault);
    margin-left: 0;
    margin-top: 7px;
    padding: 5px;
}
#chat.opening textarea, #chat.open textarea {
    width: 220px !important;
}
.forum .bubble {
    border: #cccccc90 2px solid;
    border-radius: 7px;
    transition: background .7s, border .3s;
    filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .5));
}
.forum .editing .bubble {
    background-color: #fdfdfd;
}
.forum .bubble .pointer {
    background: inherit;
    position: absolute;
    top: 8px;
    width: 22px;
    height: 15px;
}
#overlay {
    background-color: rgb(0 0 0 / 90%);
}
#overlay .newGame .premium {
    color: #000;
    display: inline-block;
    background: linear-gradient(to bottom, #eee, #ccc);
    border-radius: 7px;
    border: none;
    position: relative;
    padding: 40px 40px 30px;
    margin: 80px 20px 20px;
}
#overlay input[type="checkbox"]+label::before {
    border: 2px solid red;
    transition: border .7s;
    border-radius: 7px;
    color: #fff;
}
.shopItem {
    background: repeating-radial-gradient(#555, #cccccc99 100px);
}
#shopItem-122 {
    background: repeating-radial-gradient(#1c8a3c, #2cdc60, #1c8a3c99 100px);
}
#shopItem-120 {
    background: linear-gradient(to bottom, #fcdc88, #f8c23a);
}
#virtualShopItem-500 {
    background: repeating-linear-gradient(55deg, #101010, #333 100px);
}
#virtualShopItem-520 {
    background: repeating-linear-gradient(45deg, #ff00d4, #256cff, #00ffff, #02ff00, #e7ff00, #ffb300, red, #ff00d4 270px);
}
#virtualShopItem-512 {
    background: linear-gradient(to bottom, #e2bf49, #664600);
}
#virtualShopItem-509 {
    background: linear-gradient(to bottom, #e2bf49, #664600);
}
.shopItem .soldOut text {
    font-size: 30pt;
    stroke-width: 0px;
    transform: translate(70px, 150px) rotate(0deg);
}
`);