Simple style improvements for various elements.
От
// ==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);
}
`);