mirror of
https://github.com/Bubberstation/Bubberstation.git
synced 2026-08-23 05:00:55 +01:00
JeremiahandShadow-Quill
b641276a8f
## About The Pull Request Instead of just writing out the helper functions and styles directly inside tgui.html, this minifies them and injects them into the document on tgui init. The result should be a smaller bundle and more manageable code, with clear separation of page, style, and javascript ## Why It's Good For The Game Minification is generally a small perf gain but I want to be clear that I'm doing this 100% for organization & separation of concerns ## Changelog N/A
113 lines
1.7 KiB
CSS
113 lines
1.7 KiB
CSS
/* Blink polyfill, originally authored on /tg/ by @iamgoofball */
|
|
blink {
|
|
animation: 1s linear infinite condemned-blink-effect;
|
|
}
|
|
|
|
@keyframes condemned-blink-effect {
|
|
0% {
|
|
visibility: hidden;
|
|
}
|
|
50% {
|
|
visibility: hidden;
|
|
}
|
|
100% {
|
|
visibility: visible;
|
|
}
|
|
}
|
|
|
|
.FatalError {
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
padding: 12px;
|
|
font-size: 12px;
|
|
font-family: Consolas, monospace;
|
|
color: #ffffff;
|
|
background-color: #0000dd;
|
|
z-index: 1000;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
}
|
|
|
|
.FatalError--visible {
|
|
display: block !important;
|
|
}
|
|
|
|
.FatalError__logo {
|
|
display: inline-block;
|
|
text-align: left;
|
|
font-size: 10px;
|
|
line-height: 12px;
|
|
position: relative;
|
|
margin: 16px;
|
|
top: 0;
|
|
left: 0;
|
|
animation:
|
|
FatalError__rainbow 2s linear infinite alternate,
|
|
FatalError__shadow 4s linear infinite alternate,
|
|
FatalError__tfmX 3s infinite alternate,
|
|
FatalError__tfmY 4s infinite alternate;
|
|
white-space: pre;
|
|
}
|
|
|
|
.FatalError__header {
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.FatalError__stack {
|
|
text-align: left;
|
|
white-space: pre-wrap;
|
|
word-break: break-all;
|
|
margin-top: 24px;
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
.FatalError__footer {
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
@keyframes FatalError__rainbow {
|
|
0% {
|
|
color: #ff0;
|
|
}
|
|
50% {
|
|
color: #0ff;
|
|
}
|
|
100% {
|
|
color: #f0f;
|
|
}
|
|
}
|
|
|
|
@keyframes FatalError__shadow {
|
|
0% {
|
|
left: -2px;
|
|
text-shadow: 4px 0 #f0f;
|
|
}
|
|
50% {
|
|
left: 0px;
|
|
text-shadow: 0px 0 #0ff;
|
|
}
|
|
100% {
|
|
left: 2px;
|
|
text-shadow: -4px 0 #ff0;
|
|
}
|
|
}
|
|
|
|
@keyframes FatalError__tfmX {
|
|
0% {
|
|
left: 15px;
|
|
}
|
|
100% {
|
|
left: -15px;
|
|
}
|
|
}
|
|
|
|
@keyframes FatalError__tfmY {
|
|
100% {
|
|
top: -15px;
|
|
}
|
|
}
|