Authorthevdude
LicenseCC BY-SA 4.0
Categoryblaseball
Created
Updated
Size8.3 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Adds adorable tortles in place of many icons on blaseball.com
Thanks to Myno (https://github.com/Mynotaurus/tortle-font) and winterhazelly (https://userstyles.world/user/winterhazelly)
Wasn't 100% satisfied with winterhazelly's (https://userstyles.world/style/1818/blaseball-tortles-unofficial) so I made my own update too!
/* ==UserStyle==
@name (thevdude's unoffical) Blaseball Tortles
@namespace mynotaurus.github
@version 3.2.1
@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{
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{
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,#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);
}
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*/
}