mirror of
https://github.com/Bubberstation/Bubberstation.git
synced 2025-12-13 03:02:38 +00:00
e98b446a5c
Blob QoL: Orbit menu & Antag Info (#72195) ## About The Pull Request Blob UI refactor that started from sorting blobs into their appropriate orbit section. Original issue: Permanently hostile antags like blob can produce minions, but these lil guys don't actually get an antag datum and thus don't get sorted into the proper section in the orbit menu. Now: - Blob minions also go in "Biohazards" section of orbit UI - Blob helper text is now an antag info UI - Blobs get their own text span type instead of boring big chat - Blob minions get actual objective: Protect the core <details> <summary>View the OUTDATED blob antag info screen:</summary>  </details> ## Why It's Good For The Game Orbit menu will now properly sort player controlled blob minions into the biohazard sections, making it easier to distinguish the bad guys Blob antag info is a little easier to read, much more in line with the other antags ## Changelog 🆑 fix: Blob minions are now sorted into biohazards in orbit UI. add: Blobs now get antag info screens. add: Blob minions get objectives (protect the core!). add: Adds blob style text for victories, etc. refactor: Refactors some blob & blob minion code. /🆑 Co-authored-by: Jeremiah <42397676+jlsnow301@users.noreply.github.com>
235 lines
7.6 KiB
Plaintext
235 lines
7.6 KiB
Plaintext
/// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|
|
/// !!!!!!!!!!HEY LISTEN!!!!!!!!!!!!!!!!!!!!!!!!
|
|
/// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|
|
|
|
// If you modify this file you ALSO need to modify tgui/packages/tgui-panel/styles/goon/chat-light.scss and chat-dark.scss
|
|
// BUT you have to use PX font sizes with are on a x8 scale of these font sizes
|
|
// Sample font-size: DM: 8 CSS: 64px
|
|
|
|
/client/script = {"<style>
|
|
body {font-family: Verdana, sans-serif;}
|
|
|
|
h1, h2, h3, h4, h5, h6 {color: #0000ff; font-family: Georgia, Verdana, sans-serif;}
|
|
|
|
em {font-style: normal; font-weight: bold;}
|
|
|
|
.motd {color: #638500; font-family: Verdana, sans-serif;}
|
|
.motd h1, .motd h2, .motd h3, .motd h4, .motd h5, .motd h6
|
|
{color: #638500; text-decoration: underline;}
|
|
.motd a, .motd a:link, .motd a:visited, .motd a:active, .motd a:hover
|
|
{color: #638500;}
|
|
|
|
.italics { font-style: italic;}
|
|
|
|
.bold { font-weight: bold;}
|
|
|
|
.prefix { font-weight: bold;}
|
|
.oocplain {}
|
|
.warningplain {}
|
|
.ooc { font-weight: bold;}
|
|
.adminobserverooc {color: #0099cc; font-weight: bold;}
|
|
.adminooc {color: #700038; font-weight: bold;}
|
|
|
|
.adminsay {color: #FF4500; font-weight: bold;}
|
|
.admin {color: #386aff; font-weight: bold;}
|
|
|
|
.name { font-weight: bold;}
|
|
|
|
.say {}
|
|
.deadsay {color: #5c00e6;}
|
|
.binarysay {color: #20c20e; background-color: #000000; display: block;}
|
|
.binarysay a {color: #00ff00;}
|
|
.binarysay a:active, .binarysay a:visited {color: #88ff88;}
|
|
.radio {color: #008000;}
|
|
.sciradio {color: #993399;}
|
|
.comradio {color: #948f02;}
|
|
.secradio {color: #a30000;}
|
|
.medradio {color: #337296;}
|
|
.engradio {color: #fb5613;}
|
|
.suppradio {color: #a8732b;}
|
|
.servradio {color: #6eaa2c;}
|
|
.syndradio {color: #6d3f40;}
|
|
.centcomradio {color: #686868;}
|
|
.aiprivradio {color: #ff00ff;}
|
|
.redteamradio {color: #ff0000;}
|
|
.blueteamradio {color: #0000ff;}
|
|
.greenteamradio {color: #00ff00;}
|
|
.yellowteamradio {color: #d1ba22;}
|
|
.gangradio {color: #ac2ea1;}
|
|
|
|
.yell { font-weight: bold;}
|
|
|
|
.alert {color: #ff0000;}
|
|
h1.alert, h2.alert {color: #000000;}
|
|
|
|
.emote {}
|
|
.infoplain {}
|
|
.mentor {}
|
|
|
|
.userdanger {color: #ff0000; font-weight: bold; font-size: 3;}
|
|
.danger {color: #ff0000; font-weight: bold;}
|
|
.danger {color: #ff0000;}
|
|
.tinydanger {color: #ff0000; font-size: 85%;}
|
|
.smalldanger {color: #ff0000; font-size: 90%;}
|
|
.warning {color: #ff0000; font-style: italic;}
|
|
.boldwarning {color: #ff0000; font-style: italic; font-weight: bold}
|
|
.announce {color: #228b22; font-weight: bold;}
|
|
.boldannounce {color: #ff0000; font-weight: bold;}
|
|
.minorannounce { font-weight: bold; font-size: 3;}
|
|
.greenannounce {color: #00ff00; font-weight: bold;}
|
|
.rose {color: #ff5050;}
|
|
.info {color: #0000CC;}
|
|
.notice {color: #000099;}
|
|
.tinynotice {color: #000099; font-size: 85%;}
|
|
.tinynoticeital {color: #000099; font-style: italic; font-size: 85%;}
|
|
.smallnotice {color: #000099; font-size: 90%;}
|
|
.smallnoticeital {color: #000099; font-style: italic; font-size: 90%;}
|
|
.boldnotice {color: #000099; font-weight: bold;}
|
|
.hear {color: #000099; font-style: italic;}
|
|
.adminnotice {color: #0000ff;}
|
|
.adminhelp {color: #ff0000; font-weight: bold;}
|
|
.unconscious {color: #0000ff; font-weight: bold;}
|
|
.suicide {color: #ff5050; font-style: italic;}
|
|
.green {color: #03ff39;}
|
|
.grey {color: #838383;}
|
|
.nicegreen {color: #14a833;}
|
|
.boldnicegreen {color: #14a833; font-weight: bold;}
|
|
.cult {color: #973e3b;}
|
|
.cultlarge {color: #973e3b; font-weight: bold; font-size: 3;}
|
|
.narsie {color: #973e3b; font-weight: bold; font-size: 15;}
|
|
.narsiesmall {color: #973e3b; font-weight: bold; font-size: 6;}
|
|
.colossus {color: #7F282A; font-size: 5;}
|
|
.hierophant {color: #660099; font-weight: bold; font-style: italic;}
|
|
.hierophant_warning {color: #660099; font-style: italic;}
|
|
.purple {color: #5e2d79;}
|
|
.holoparasite {color: #35333a;}
|
|
.bounty {color: #ab6613; font-style: italic;}
|
|
|
|
.revennotice {color: #1d2953;}
|
|
.revenboldnotice {color: #1d2953; font-weight: bold;}
|
|
.revenbignotice {color: #1d2953; font-weight: bold; font-size: 3;}
|
|
.revenminor {color: #823abb}
|
|
.revenwarning {color: #760fbb; font-style: italic;}
|
|
.revendanger {color: #760fbb; font-weight: bold; font-size: 3;}
|
|
|
|
.sentientdisease {color: #446600;}
|
|
|
|
.deconversion_message {color: #5000A0; font-size: 3; font-style: italic;}
|
|
|
|
.ghostalert {color: #5c00e6; font-style: italic; font-weight: bold;}
|
|
|
|
.alien {color: #543354;}
|
|
.noticealien {color: #00c000;}
|
|
.alertalien {color: #00c000; font-weight: bold;}
|
|
.changeling {color: #800080; font-style: italic;}
|
|
|
|
.spider {color: #4d004d;}
|
|
|
|
.interface {color: #330033;}
|
|
|
|
.blob {color: #556B2F; font-weight: bold; font-size: 3;}
|
|
|
|
.sans {font-family: "Comic Sans MS", cursive, sans-serif;}
|
|
.papyrus {font-family: "Papyrus", cursive, sans-serif;}
|
|
.robot {font-family: "Courier New", cursive, sans-serif;}
|
|
|
|
.command_headset {font-weight: bold; font-size: 3;}
|
|
.small {font-size: 1;}
|
|
.big {font-size: 3;}
|
|
.reallybig {font-size: 4;}
|
|
.extremelybig {font-size: 5;}
|
|
.greentext {color: #00FF00; font-size: 3;}
|
|
.redtext {color: #FF0000; font-size: 3;}
|
|
.clown {color: #FF69Bf; font-size: 3; font-family: "Comic Sans MS", cursive, sans-serif; font-weight: bold;}
|
|
.singing {font-family: "Trebuchet MS", cursive, sans-serif; font-style: italic;}
|
|
.his_grace {color: #15D512; font-family: "Courier New", cursive, sans-serif; font-style: italic;}
|
|
.hypnophrase {color: #3bb5d3; font-weight: bold; animation: hypnocolor 1500ms infinite; animation-direction: alternate;}
|
|
@keyframes hypnocolor {
|
|
0% {color: #0d0d0d;}
|
|
25% {color: #410194;}
|
|
50% {color: #7f17d8;}
|
|
75% {color: #410194;}
|
|
100% {color: #3bb5d3;}
|
|
}
|
|
|
|
// SKYRAT ADDITION BEGIN
|
|
.velvet {color: #660015; font-weight: bold; animation: velvet 5000ms infinite;}
|
|
@keyframes velvet {
|
|
0% {color: #400020; }
|
|
40% {color: #FF0000; }
|
|
50% {color: #FF8888; }
|
|
60% {color: #FF0000; }
|
|
100% {color: #400020; }
|
|
}
|
|
|
|
.hexnut {color: #0099ff; font-weight: bold; animation: hexnut 5000ms infinite; animation-direction: alternate;}
|
|
@keyframes hexnut {
|
|
0% {color: #0099ff;}
|
|
35% {color: #a64dff;}
|
|
50% {color: #00997a;}
|
|
60% {color: #ffb31a;}
|
|
100% {color: #ff33cc;}
|
|
}
|
|
|
|
.glossy {color: #9b6000; font-weight: bold; animation: glossy 5000ms infinite;}
|
|
@keyframes glossy {
|
|
0% {color: #9b6000}
|
|
30% {color: #c88800}
|
|
40% {color: #bdbd00}
|
|
50% {color: #c88800}
|
|
100% {color: #9b6000}
|
|
}
|
|
|
|
.doyourjobidiot {
|
|
color: #c51e1e;
|
|
text-shadow: 0 0 4px #e22525;
|
|
font-size: 125%;
|
|
font-weight: bold;
|
|
animation: flashingfuckingwarning 250ms infinite;
|
|
}
|
|
|
|
@keyframes flashingfuckingwarning {
|
|
0% {
|
|
color: #c51e1e;
|
|
text-shadow: 0 0 4px #c51e1e;
|
|
}
|
|
|
|
50% {
|
|
color: #e22525;
|
|
text-shadow: 0 0 8px #e22525;
|
|
}
|
|
|
|
100% {
|
|
color: #c51e1e;
|
|
text-shadow: 0 0 4px #c51e1e;
|
|
}
|
|
}
|
|
|
|
.brown {color: #3d2009;}
|
|
.orange {color: #b8761a;}
|
|
.yellow {color: #c7b72c;}
|
|
.cyan {color: #0ea1e6;}
|
|
|
|
// SKYRAT ADDITION END
|
|
|
|
.phobia {color: #dd0000; font-weight: bold; animation: phobia 750ms infinite;}
|
|
@keyframes phobia {
|
|
0% {color: #0d0d0d;}
|
|
50% {color: #dd0000;}
|
|
100% {color: #0d0d0d;}
|
|
}
|
|
|
|
.icon {height: 1em; width: auto;}
|
|
|
|
.memo {color: #638500; text-align: center;}
|
|
.memoedit {text-align: center; font-size: 2;}
|
|
.abductor {color: #800080; font-style: italic;}
|
|
.mind_control {color: #A00D6F; font-size: 3; font-weight: bold; font-style: italic;}
|
|
.slime {color: #00CED1;}
|
|
.drone {color: #848482;}
|
|
.monkey {color: #975032;}
|
|
.swarmer {color: #2C75FF;}
|
|
.resonate {color: #298F85;}
|
|
|
|
</style>"}
|