showdown pro gen 4 by ryan5374

/* ==UserStyle==
@name           Showdown Pro v4.03 (BETA)
@namespace      USO Archive
@author         TeamPokeaim
@description    `This theme aims to help more experienced players have a better experience playing. It removes things that are not needed necessarily such as:- The "Attack" and "Switch" Text- The Personal Trainer Sprite- Borders between the gameplay and the battle log- Long vertical boxes for each sides. It adds some quality of life changes:- Maximizes open window space.- Updated Sword and Shield Backgrounds- Updated Weather Effects- Information on Log is more distinguishable between types of information (Event & Damage) so that players can find important information faster when they scroll, hopefully. Separator line added to help further assist.`
@version        20201125.2.45
@license        CC-BY-NC-4.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("play.pokemonshowdown.com"), domain("replay.pokemonshowdown.com"), domain("psim.us") {

.movemenu button {
    font-family: 'Ubuntu', Trebuchet MS, Verdana; /* Actually had to be changed here */
    letter-spacing: 0.3px;
}

.movemenu label {
    font-family: 'Ubuntu', Trebuchet MS, Verdana;
    letter-spacing: 0.3px;
    font-weight: 700;
    color: #777;
    text-transform: uppercase;
    margin-top: -10px;
    padding-bottom: 0.7%;
    letter-spacing: 2px;
}

.movemenu label:hover {
    font-family: 'Ubuntu', Trebuchet MS, Verdana;
    letter-spacing: 2px;
    color: #FFF;
    text-transform: uppercase;
    background: -webkit-linear-gradient(#777, #fb4864);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
    border-color: #fb4864;
    padding-bottom: 0.7%;
}

.moveselect button,
.switchselect button {
visibility: hidden;
height: 15px;
}

/* Changes Move Typing & PP Text Properties */

.pp,
.type {
font-family: 'Ubuntu', Trebuchet MS, Verdana;
letter-spacing: 0.3px;
text-transform: uppercase;
font-weight: 500;
}

.movemenu button.type-Fairy small,
.movemenu button.type-Electric small,
.movemenu button.type-Grass small,
.movemenu button.type-Dragon small,
.movemenu button.type-Water small,
.movemenu button.type-Normal small,
.movemenu button.type-Ghost small,
.movemenu button.type-Steel small,
.movemenu button.type-Dark small,
.movemenu button.type-Fire small,
.movemenu button.type-Fighting small,
.movemenu button.type-Poison small,
.movemenu button.type-Rock small,
.movemenu button.type-Ground small,
.movemenu button.type-Ice small,
.movemenu button.type-Flying small,
.movemenu button.type-Psychic small,
.movemenu button.type-Bug small {
    font-family: 'Ubuntu', Trebuchet MS, Verdana;
    letter-spacing: 0.3px;  
    font-size: 8.5px;
    text-transform: uppercase;
    font-weight: 500;
}

.movemenu button:disabled small {
    font-family: 'Ubuntu', Trebuchet MS, Verdana;
    letter-spacing: 0.3px;
    font-size: 8.5px;
    text-transform: uppercase;
    font-weight: 500;
}

/* Changes Pokemon Name */

.statbar strong { 
    font-family: 'Ubuntu', Trebuchet MS, Verdana;
    letter-spacing: 0.3px;
    color: #FFF;
    font-weight: 500;
    text-shadow: 0px 0px 4px rgba(0,0,0, 1);
/* 	text-transform: uppercase; */
/*     font-size: 90%; */
}

/* Changes Pokemon LV  */

.statbar strong small { 
    font-family: 'Ubuntu', Trebuchet MS, Verdana;
    letter-spacing: 0.3px;
    font-weight: 300;
}

.statbar .hpbar .hptext {
    font-family: 'Ubuntu', Trebuchet MS, Verdana;
    letter-spacing: 0.3px;
    font-weight: 700;
}

/* Changes Turn Box */

.turn {
    font-family: 'Ubuntu', Trebuchet MS, Verdana;
    letter-spacing: 0.3px;
    border: none;
    opacity: 1;
}

.turn.style {
    font-family: 'Ubuntu', Trebuchet MS, Verdana;
    letter-spacing: 0.3px;
    border: none;
    opacity: 1;
}


.backdrop:after {
    font-family: 'Ubuntu', Trebuchet MS, Verdana;
    letter-spacing: 0.3px;
    display: inline-block;
    content: "";
    background:
    /*     			 linear-gradient(to top, #eef2f5, transparent 7%), */
                url(http://play.pokemonshowdown.com/fx/bg-gen4-indoors.png) no-repeat;
    position: absolute;
    width: 700px;
    height: 450px;
}

.battle { 
    border: 0;
}

.leftbar,
.rightbar {
    font-family: 'Ubuntu', Trebuchet MS, Verdana;
    letter-spacing: 0.3px;
    background: none;
    border: none;
    color: #FFF;
    text-shadow: 0px 0px 4px rgba(0,0,0, 1);
        z-index: 2;
}

.leftbar .trainer strong {
    position: relative !important;
    top: 305px;
    left: 63px;
    font-weight: 500;
    text-align: left;
}


.rightbar .trainer strong {
    font-weight: 500;
    position: relative !important;
    top: 329px;
    right: 95px;
    text-align: right;
}

.spacer.battle-history {
    border-top: 2px solid rgba(171, 183, 183, 0.2);
}

.battle-history {
    font-family: 'Ubuntu', Trebuchet MS, Verdana;
    letter-spacing: 0.3px;
    padding-top: 2px;
}

h2.battle-history {
    font-family: 'Ubuntu', Trebuchet MS, Verdana; /* Actually had to be changed here */
    border-bottom: none;
    padding: 10px;
    margin-top: -7px;
    margin-bottom: -8px;
}


h2.battle-history + .chat {
    margin-top: 15px;
}

.battle-history + h2.battle-history {
        border: 0px;   
}

h2.battle-history + .spacer.battle-history {
    border: 0px;
}

.battle-history + .battle-history small::before {
    content: "⇾ " ;
    font-weight: bold;
}

.spacer.battle-history + .battle-history small::before {
    content: "☀ ";
    font-weight: bold;
    color: #5264bd;
}

.spacer.battle-history + .battle-history small {
    font-weight: bold;
    color: #5264bd;
}

.spacer.battle-history + h2.battle-history::before {
    content: "⇌ ";
    opacity: 0.2;
}


.chat.message-error {
    color: #bd5252;
}


.chat.message-error:nth-child(odd) {
    font-weight: bold;
}

.chat.message-error::before {
    content: "⧗  ";	
    color: #bd5252;
}

abbr[title] {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

/*
                                            
abbr[title]:hover {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    border: 2px solid;
    text-decoration: none;
}

abbr[title]:hover::before {
    font-weight: bold;
    content: "▸";   
    color: #000;
}

abbr[title]:hover::after {
    font-weight: bold;
    content: "◂";   
    color: #000;
}

*/

.chat {
    font-family: 'Ubuntu', Trebuchet MS, Verdana;
    letter-spacing: 0.3px;
}

.battle-history small { 
    font-family: 'Ubuntu', Trebuchet MS, Verdana;
    letter-spacing: 0.3px;
}

.battle-log {
    font-family: 'Ubuntu', Trebuchet MS, Verdana;
    letter-spacing: 0.3px;
    border: none;
}

.userlist {
    font-family: 'Ubuntu', Trebuchet MS, Verdana;
    letter-spacing: 0.3px;
    border: none;
}

.battle-log-add {
    font-family: 'Ubuntu', Trebuchet MS, Verdana;
    letter-spacing: 0.3px;
    border: none;
}

/*  #tooltipwrapper {
border: 1px solid #e3e3e3;
} */

#tooltipwrapper .tooltip {
    font-family: 'Ubuntu', Trebuchet MS, Verdana;
    letter-spacing: 0.3px;
    border: 1px solid #e3e3e3;
    background: rgba(255,255,255, 0.95);
}

.leftbar .trainer .teamicons {
    float: left !important;
    position: relative !important;
    top: 0px !important;
    right: 0px !important;
    opacity: 1 !important;
}

.rightbar .trainer .teamicons {
    float: left !important;
    position: relative !important;
    top: 20px !important;
    right: 0px !important;
    opacity: 1 !important;
}

.rightbar .teamicons:nth-of-type(2)  span:nth-of-type(1) {
    position: relative !important;
    top: 5px !important;
    left: 167px !important;
}

.rightbar .teamicons:nth-of-type(2)  span:nth-of-type(2) {
    position: relative !important;
    top: 40px !important;
    left: 134px !important;
}

.rightbar .teamicons:nth-of-type(2)  span:nth-of-type(3) {
    position: relative !important;
    top: 75px !important;
    left: 102px !important;
}

.rightbar .teamicons:nth-of-type(3) span:nth-of-type(1) {
    position: relative !important;
    top: 110px !important;
    left: 69px !important;
}

.rightbar .teamicons:nth-of-type(3) span:nth-of-type(2) {
    position: relative !important;
    top: 145px !important;
    left: 37px !important;
}

.rightbar .teamicons:nth-of-type(3) span:nth-of-type(3) {
    position: relative !important;
    top: 180px !important;
    left: 5px !important;
}

.leftbar .teamicons:nth-of-type(2)  span:nth-of-type(1) {
    position: relative !important;
    top: 0px !important;
    left: 38px !important;
}

.leftbar .teamicons:nth-of-type(2)  span:nth-of-type(2) {
    position: relative !important;
    top: 35px !important;
    left: 5px !important;
}

.leftbar .teamicons:nth-of-type(2)  span:nth-of-type(3) {
    position: relative !important;
    top: 70px !important;
    left: -27px !important;
}

.leftbar .teamicons:nth-of-type(3) span:nth-of-type(1) {
    position: relative !important;
    top: 105px !important;
    left: -60px !important;
}

.leftbar .teamicons:nth-of-type(3) span:nth-of-type(2) {
    position: relative !important;
    top: 140px !important;
    left: -92px !important;
}

.leftbar .teamicons:nth-of-type(3) span:nth-of-type(3) {
    position: relative !important;
    top: 175px !important;
    left: -124px !important;
}

.trainer div.teamicons {
    width: 97px;
    height: 30px;
    left: 25px;
}

.rightbar .trainer {
    margin-top: 50px;
}

.picon {
    z-index: 2;
}

.leftbar {
    top: -125px; 
    left: -57px;
}

.leftbar .trainersprite  {
    filter: blur(0.4px);
    position: relative !important;
    left: -40px;

}

.rightbar .trainersprite {
    filter: blur(0.4px);
    position: relative !important;
    left: 20px;
    top: 30px;
}

/* Weather */

.sunweather,
.sunnydayweather,
.desolatelandweather
{
    background: url(https://pkmn.pro/resources/sun-v4-3.gif) no-repeat scroll left top;
    color: #664411;
    text-shadow: #FFFFFF 1px 1px 0, #FFFFFF 1px -1px 0, #FFFFFF -1px 1px 0, #FFFFFF -1px -1px 0;
    background-size:cover;
}

.rainweather,
.raindanceweather,
.pr...