Another Another Blaseball Tortles Userstyle by mynotaurus

/* ==UserStyle==
@name         (thevdude's unoffical) Blaseball Tortles
@namespace    mynotaurus.github
@version      3.5.0
@author       Myno (https://mmm.page/myno) based on https://holmesmr.github.io/Blaseball-Userstyles/
@homepageURL  https://github.com/Mynotaurus/tortle-font
@license      Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) 
==/UserStyle== */

/*IF YOU ARE READING THIS YOU NEED STYLUS TO INSTALL THIS CONTENT https://github.com/openstyles/stylus*/

/*THIS FORCES SOME ANIMATIONS ON SO DO NOT USE IF SENSITIVE TO MOTION*/

/* also hi note from thevdude i just added the night weather from https://userstyles.world/style/1818/blaseball-tortles-unofficial thanks winterhazelly */
@-moz-document domain("blaseball.com") {
    @font-face {
        font-family: tortles;
        src: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/Tortles-Regular-SVG.otf);
    }
    
    @keyframes shake {
      0% { transform: translate(1px, 1px) rotate(0deg); }
      10% { transform: translate(-1px, -2px) rotate(-1deg); }
      20% { transform: translate(-3px, 0px) rotate(1deg); }
      30% { transform: translate(3px, 2px) rotate(0deg); }
      40% { transform: translate(1px, -1px) rotate(1deg); }
      50% { transform: translate(-1px, 2px) rotate(-1deg); }
      60% { transform: translate(-3px, 1px) rotate(0deg); }
      70% { transform: translate(3px, 1px) rotate(-1deg); }
      80% { transform: translate(-1px, -1px) rotate(1deg); }
      90% { transform: translate(1px, 2px) rotate(0deg); }
      100% { transform: translate(1px, -2px) rotate(-1deg); }
    }
    
    .Standings-Team-Emoji,
    .Standings-Team-Color,
    .GameWidget-ScoreTeamColorBar,
    .Leaderboard-Team-Emoji,
    .Leaderboard-Team-Color,
    .Navigation-FavoriteTeamEmoji,
    .Team-Logo,
    .Player-Team-Emoji,
    .Player-Team-Logo,
    .Recap-Blessing-Team,
    .Bulletin-Widget-ScoreTeamColorBar,
    .Account-Section-Item-Icon,
    .Recap-Earlsiesta-Card-Icon,
    .PlayoffSetup-MatchupTeam-Icon,
    .Events-List-Row.Events-List-Minor,
    .Reorder-Spread-Card-Icon,
    .Account-Spread-Card-Icon,
    .TeamLogo,
    .Recap-Decree-Content,
    .BossFightWidget-ScoreTeamColorBar,
    .Widget-PlayerLineName,
    .DepthChart-Team,
    .DepthChart-Lists-Emoji,
    .GiftShop-Gifts-TeamLogo,
    .Recap-Gift-Contributer,
    .League-Schedule-Day-Opponent,
    .Bet-List-MatchUps-Team-Icon,
    .Bet-List-Placed-Bet-Details-Icon,
    .PostseasonBracket-Matchup-Team-Emoji{
        font-family: Open Sans, tortles, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
        background: #00000000 !important;
    }

    .Standings-Team-Emoji,
    .Standings-Team-Color,
    .Recap-Gift-Contributer,
    .Bet-List-Placed-Bet-Details-Icon,
    .PostseasonBracket-Matchup-Team-Emoji{
        scale: 1.2;
    }
    .GameWidget-ScoreTeamColorBar,
    .Leaderboard-Team-Emoji,
    .Team-Logo,
    .Bulletin-Widget-ScoreTeamColorBar,
    .Account-Section-Item-Icon,
    .PlayoffSetup-MatchupTeam-Icon,
    .Reorder-Spread-Card-Icon,
    .Account-Spread-Card-Icon,
    .TeamLogo,
    .BossFightWidget-ScoreTeamColorBar,
    .DepthChart-Team,
    .DepthChart-Lists-Emoji,
    .GiftShop-Gifts-TeamLogo,
    .Player-Team-Emoji,
    .League-Schedule-Day-Opponent,
    .Bet-List-MatchUps-Team-Icon{
        scale: 1.5;
    }

    .Bulletin-Item-Header{
        font-family: tortles,"Lora","Courier New",monospace,serif;
    }
    
    /*EVERYTHING BELOW IS WEATHER ICONS*/
    
    div[aria-label="Coffee 2 Weather"],div[aria-label="Coffee 3s Weather"],div[aria-label="Solar Eclipse Weather"],div[aria-label="Supernova Eclipse Weather"],#Coffee,#Snow,#Night,#Jazz,#Salmon,#Glitter,#Blooddrain,#Flooding,#Feedback,#Peanuts,#Birds,#Reverb,div[aria-label="Sun Two Weather"],div[aria-label="Black Hole Weather"] {
        background: #00000000 !important;
        width: auto;
        padding: 2px;
    }
    
    #Coffee {
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/weather/coffee1.png);
    }
    
    #Glitter {
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/weather/glitter.png);
    }
    
    #Night {
        content: url(https://winterhazelly.cloud/index.php/s/J8xaQMW687p3EEi/preview);
    }
    
    div[aria-label="Coffee 2 Weather"] {
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/weather/coffee%202.png);
    }
    
    div[aria-label="Coffee 3s Weather"] {
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/weather/coffee%203.png);
    }
    
    div[aria-label="Solar Eclipse Weather"] {
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/weather/eclipse.png);
    }
    
    div[aria-label="Supernova Eclipse Weather"] {
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/weather/supernova%20eclipse.png);
    }
    
    #Blooddrain {
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/weather/blooddrain.png);
    }
    
    #Flooding {
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/weather/flood.png);
    }
    
    #Feedback {
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/weather/feedback.png);
    }
    
    #Peanuts {
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/weather/peanut_1.png);
    }
    
    #Birds {
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/weather/birds.png);
    }
    
    #Reverb {
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/weather/reverb.png);
    }
    
    /*SHAKING ANIMATION - UNCOMMENT TO ENABLE
    #Reverb, #Coffee, div[aria-label="Coffee 2 Weather"], div[aria-label="Coffee 3s Weather"] {
        animation: shake 0.5s;
        animation-iteration-count: infinite; 
    }*/
    
    #Jazz {
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/weather/jazz.png);
    }
    
    #Salmon {
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/weather/salmon.png);
    }
    
    #Snow {
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/weather/snow.png);
    }
    
    div[aria-label="Sun Two Weather"] {
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/weather/sun2.png);
    }
    
    div[aria-label="Black Hole Weather"] {
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/weather/hole.png);
    }
    
    .WeatherIcon-Twirl {
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/weather/hole.png);
        width: 38px;
        height: 30px;
        background: #00000000 !important;
    }
    
    /*END OF WEATHER ICONS*/
    
    
    
    /*START OF GOD ICONS*/
    .BigDeal-Icon-0, .BigDeal-Icon-One{
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/gods/peanut.png);
        width: auto;
        height: auto;
    }
    .BigDeal-Icon-1, .BigDeal-Icon-Two{
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/gods/monitor.png);
        width: auto;
        height: auto;
        top: 0px;
        -webkit-animation-name: floaty;
        animation-name: floaty;
        -webkit-animation-duration: 4s;
        animation-duration: 4s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        animation-direction: alternate-reverse;
    }
    .BigDeal-Icon-2{
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/gods/coin.png);
        width: auto;
        height: auto;
    }
    .BigDeal-Icon-4{
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/gods/microphone.png);
        width: auto;
        height: auto;
    }
    .BigDeal-Icon-5{
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/gods/crate.png);
        width: auto;
        height: auto;
    }
    /*END OF GOD ICONS*/
    
    .Bulletin-Item-Incin-Icon{
        content: url(https://raw.githubusercontent.com/Mynotaurus/tortle-font/main/riv.png) !important;
        background: none !important;
        width: auto !important;
    }
}