mirror of
https://github.com/SPLURT-Station/S.P.L.U.R.T-Station-13.git
synced 2025-12-09 16:07:40 +00:00
1053 lines
12 KiB
SCSS
1053 lines
12 KiB
SCSS
/**
|
|
* Copyright (c) 2020 Aleksej Komarov
|
|
* SPDX-License-Identifier: MIT
|
|
*/
|
|
|
|
html, body {
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 100%;
|
|
color: #000000;
|
|
}
|
|
|
|
body {
|
|
background: #fff;
|
|
font-family: Verdana, sans-serif;
|
|
font-size: 13px;
|
|
line-height: 1.2;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
em {
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
}
|
|
|
|
img {
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: 1;
|
|
-ms-interpolation-mode: nearest-neighbor;
|
|
image-rendering: pixelated;
|
|
}
|
|
|
|
img.icon {
|
|
height: 1em;
|
|
min-height: 16px;
|
|
width: auto;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
a {
|
|
color: #0000ff;
|
|
}
|
|
|
|
a.visited {
|
|
color: #ff00ff;
|
|
}
|
|
|
|
a:visited {
|
|
color: #ff00ff;
|
|
}
|
|
|
|
a.popt {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* POPUPS */
|
|
|
|
.popup {
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
background: #ddd;
|
|
}
|
|
|
|
.popup .close {
|
|
position: absolute;
|
|
background: #aaa;
|
|
top: 0;
|
|
right: 0;
|
|
color: #333;
|
|
text-decoration: none;
|
|
z-index: 2;
|
|
padding: 0 10px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.popup .close:hover {
|
|
background: #999;
|
|
}
|
|
|
|
.popup .head {
|
|
background: #999;
|
|
color: #ddd;
|
|
padding: 0 10px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
text-transform: uppercase;
|
|
font-size: 0.9em;
|
|
font-weight: bold;
|
|
border-bottom: 2px solid green;
|
|
}
|
|
|
|
.popup input {
|
|
border: 1px solid #999;
|
|
background: #fff;
|
|
margin: 0;
|
|
padding: 5px;
|
|
outline: none;
|
|
color: #333;
|
|
}
|
|
|
|
.popup input[type=text]:hover, .popup input[type=text]:active, .popup input[type=text]:focus {
|
|
border-color: green;
|
|
}
|
|
|
|
.popup input[type=submit] {
|
|
padding: 5px 10px;
|
|
background: #999;
|
|
color: #ddd;
|
|
text-transform: uppercase;
|
|
font-size: 0.9em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.popup input[type=submit]:hover, .popup input[type=submit]:focus, .popup input[type=submit]:active {
|
|
background: #aaa;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.changeFont {
|
|
padding: 10px;
|
|
}
|
|
|
|
.changeFont a {
|
|
display: block;
|
|
text-decoration: none;
|
|
padding: 3px;
|
|
color: #333;
|
|
}
|
|
|
|
.changeFont a:hover {
|
|
background: #ccc;
|
|
}
|
|
|
|
.highlightPopup {
|
|
padding: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.highlightPopup input[type=text] {
|
|
display: block;
|
|
width: 215px;
|
|
text-align: left;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.highlightPopup input.highlightColor {
|
|
background-color: #FFFF00;
|
|
}
|
|
|
|
.highlightPopup input.highlightTermSubmit {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
|
|
|
|
/* ADMIN CONTEXT MENU */
|
|
|
|
|
|
.contextMenu {
|
|
background-color: #ddd;
|
|
position: fixed;
|
|
margin: 2px;
|
|
width: 150px;
|
|
}
|
|
|
|
.contextMenu a {
|
|
display: block;
|
|
padding: 2px 5px;
|
|
text-decoration: none;
|
|
color: #333;
|
|
}
|
|
|
|
.contextMenu a:hover {
|
|
background-color: #ccc;
|
|
}
|
|
|
|
|
|
|
|
/* ADMIN FILTER MESSAGES MENU */
|
|
|
|
|
|
.filterMessages {
|
|
padding: 5px;
|
|
}
|
|
|
|
.filterMessages div {
|
|
padding: 2px 0;
|
|
}
|
|
|
|
.filterMessages input {
|
|
}
|
|
|
|
.filterMessages label {
|
|
}
|
|
|
|
.icon-stack {
|
|
height: 1em;
|
|
line-height: 1em;
|
|
width: 1em;
|
|
vertical-align: middle;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
|
|
|
|
|
|
/*****************************************
|
|
*
|
|
* OUTPUT ACTUALLY RELATED TO MESSAGES
|
|
*
|
|
******************************************/
|
|
|
|
|
|
|
|
|
|
|
|
/* MOTD */
|
|
|
|
|
|
.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;
|
|
}
|
|
|
|
|
|
|
|
/* ADD HERE FOR BOLD */
|
|
|
|
|
|
.bold, .name, .prefix, .ooc, .looc, .adminooc, .admin, .medal, .yell {
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
|
|
/* ADD HERE FOR ITALIC */
|
|
|
|
|
|
.italic, .italics, .emote {
|
|
font-style: italic;
|
|
}
|
|
|
|
|
|
|
|
/* OUTPUT COLORS */
|
|
|
|
|
|
.highlight {
|
|
background: yellow;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
color: #0000ff;
|
|
font-family: Georgia, Verdana, sans-serif;
|
|
}
|
|
|
|
h1.alert, h2.alert {
|
|
color: #000000;
|
|
}
|
|
|
|
em {
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.ooc {
|
|
color: #002eb8;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.adminobserverooc {
|
|
color: #0099cc;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.adminooc {
|
|
color: #700038;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.adminsay {
|
|
color: #ff4500;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* @adminobserver compatability*/
|
|
.adminobserver {
|
|
color: #996600;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.admin {
|
|
color: #4473ff;
|
|
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;
|
|
}
|
|
|
|
.yell {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.alert {
|
|
color: #ff0000;
|
|
}
|
|
|
|
h1.alert, h2.alert {
|
|
color: #000000;
|
|
}
|
|
|
|
.emote {
|
|
font-style: italic;
|
|
}
|
|
|
|
.userdanger {
|
|
color: #ff0000;
|
|
font-weight: bold;
|
|
font-size: 185%;
|
|
}
|
|
|
|
.bolddanger {
|
|
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;
|
|
}
|
|
|
|
.alertwarning {
|
|
color: #FF0000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.boldwarning {
|
|
color: #ff0000;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.announce {
|
|
color: #228b22;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.boldannounce {
|
|
color: #ff0000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.greenannounce {
|
|
color: #00ff00;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.rose {
|
|
color: #ff5050;
|
|
}
|
|
|
|
.info {
|
|
color: #0000CC;
|
|
}
|
|
|
|
.notice {
|
|
color: #000099;
|
|
}
|
|
|
|
.tinynotice {
|
|
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;
|
|
}
|
|
|
|
.red {
|
|
color: #FF0000;
|
|
}
|
|
|
|
.blue {
|
|
color: #0000FF;
|
|
}
|
|
|
|
.nicegreen {
|
|
color: #14a833;
|
|
}
|
|
|
|
.cult {
|
|
color: #960000;
|
|
}
|
|
|
|
.cultitalic {
|
|
color: #960000;
|
|
font-style: italic;
|
|
}
|
|
|
|
.cultbold {
|
|
color: #960000;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.cultboldtalic {
|
|
color: #960000;
|
|
font-weight: bold;
|
|
font-size: 185%;
|
|
}
|
|
|
|
.cultlarge {
|
|
color: #960000;
|
|
font-weight: bold;
|
|
font-size: 185%;
|
|
}
|
|
|
|
.narsie {
|
|
color: #960000;
|
|
font-weight: bold;
|
|
font-size: 925%;
|
|
}
|
|
|
|
.narsiesmall {
|
|
color: #960000;
|
|
font-weight: bold;
|
|
font-size: 370%;
|
|
}
|
|
|
|
.colossus {
|
|
color: #7F282A;
|
|
font-size: 310%;
|
|
}
|
|
|
|
.hierophant {
|
|
color: #660099;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.hierophant_warning {
|
|
color: #660099;
|
|
font-style: italic;
|
|
}
|
|
|
|
.purple {
|
|
color: #5e2d79;
|
|
}
|
|
|
|
.holoparasite {
|
|
color: #35333a;
|
|
}
|
|
|
|
.revennotice {
|
|
color: #1d2953;
|
|
}
|
|
|
|
.revenboldnotice {
|
|
color: #1d2953;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.revenbignotice {
|
|
color: #1d2953;
|
|
font-weight: bold;
|
|
font-size: 185%;
|
|
}
|
|
|
|
.revenminor {
|
|
color: #823abb;
|
|
}
|
|
|
|
.revenwarning {
|
|
color: #760fbb;
|
|
font-style: italic;
|
|
}
|
|
|
|
.revendanger {
|
|
color: #760fbb;
|
|
font-weight: bold;
|
|
font-size: 185%;
|
|
}
|
|
|
|
.umbra {
|
|
color: #5000A0;
|
|
}
|
|
|
|
.umbra_emphasis {
|
|
color: #5000A0;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.umbra_large {
|
|
color: #5000A0;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
font-size: 3;
|
|
}
|
|
|
|
.deconversion_message {
|
|
color: #5000A0;
|
|
font-size: 185%;
|
|
font-style: italic;
|
|
}
|
|
|
|
/* coggers dosen't exist on tg :( */
|
|
/* from decon_msg: font-size: 185% == font-size 3*/
|
|
.brass {
|
|
color: #BE8700;
|
|
}
|
|
|
|
.heavy_brass {
|
|
color: #BE8700;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.large_brass {
|
|
color: #BE8700;
|
|
font-size: 185%;
|
|
}
|
|
|
|
.big_brass {
|
|
color: #BE8700;
|
|
font-size: 185%;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.ratvar {
|
|
color: #BE8700;
|
|
font-size: 6;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.alloy {
|
|
color: #42474D;
|
|
}
|
|
|
|
.heavy_alloy {
|
|
color: #42474D;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.nezbere_large {
|
|
color: #42474D;
|
|
font-size: 185%;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.nezbere {
|
|
color: #42474D;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.nezbere_small {
|
|
color: #42474D;
|
|
}
|
|
|
|
.sevtug_large {
|
|
color: #AF0AAF;
|
|
font-size: 185%;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.sevtug {
|
|
color: #AF0AAF;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.sevtug_small {
|
|
color: #AF0AAF;
|
|
}
|
|
|
|
.inathneq_large {
|
|
color: #1E8CE1;
|
|
font-size: 185%;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.inathneq {
|
|
color: #1E8CE1;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.inathneq_small {
|
|
color: #1E8CE1;
|
|
}
|
|
|
|
.nzcrentr_large {
|
|
color: #DAAA18;
|
|
font-size: 185%;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.nzcrentr {
|
|
color: #DAAA18;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.nzcrentr_small {
|
|
color: #DAAA18;
|
|
}
|
|
|
|
.neovgre_large {
|
|
color: #6E001A;
|
|
font-size: 185%;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.neovgre {
|
|
color: #6E001A;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.neovgre_small {
|
|
color: #6E001A;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.alertsyndie {
|
|
color: #FF0000;
|
|
font-size: 185%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.spider {
|
|
color: #4d004d;
|
|
font-weight: bold;
|
|
font-size: 185%;
|
|
}
|
|
|
|
.interface {
|
|
color: #330033;
|
|
}
|
|
|
|
.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: 160%;
|
|
}
|
|
|
|
.small {
|
|
font-size: 60%;
|
|
}
|
|
|
|
.big {
|
|
font-size: 185%;
|
|
}
|
|
|
|
.reallybig {
|
|
font-size: 245%;
|
|
}
|
|
|
|
.extremelybig {
|
|
font-size: 310%;
|
|
}
|
|
|
|
.greentext {
|
|
color: #00FF00;
|
|
font-size: 185%;
|
|
}
|
|
|
|
.redtext {
|
|
color: #FF0000;
|
|
font-size: 185%;
|
|
}
|
|
|
|
.yellowtext {
|
|
color: #FFCC00;
|
|
font-size: 185%;
|
|
}
|
|
|
|
.clown {
|
|
color: #FF69Bf;
|
|
font-size: 160%;
|
|
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: #0d0d0d;
|
|
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;
|
|
}
|
|
}
|
|
|
|
.velvet {
|
|
color: #660015;
|
|
font-weight: bold;
|
|
animation: velvet 5000ms infinite;
|
|
animation-direction: alternate;
|
|
}
|
|
|
|
@keyframes velvet {
|
|
0% {
|
|
color: #400020;
|
|
}
|
|
40% {
|
|
color: #FF0000;
|
|
}
|
|
50% {
|
|
color: #FF8888;
|
|
}
|
|
60% {
|
|
color: #FF0000;
|
|
}
|
|
100% {
|
|
color: #400020;
|
|
}
|
|
}
|
|
|
|
.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: 125%;
|
|
}
|
|
|
|
.abductor {
|
|
color: #800080;
|
|
font-style: italic;
|
|
}
|
|
|
|
.mind_control {
|
|
color: #A00D6F;
|
|
font-size: 100%;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.slime {
|
|
color: #00CED1;
|
|
}
|
|
|
|
.drone {
|
|
color: #848482;
|
|
}
|
|
|
|
.monkey {
|
|
color: #975032;
|
|
}
|
|
|
|
.swarmer {
|
|
color: #2C75FF;
|
|
}
|
|
|
|
.resonate {
|
|
color: #298F85;
|
|
}
|
|
|
|
.monkeyhive {
|
|
color: #774704;
|
|
}
|
|
|
|
.monkeylead {
|
|
color: #774704;
|
|
font-size: 80%;
|
|
}
|
|
|
|
.connectionClosed, .fatalError {
|
|
background: red;
|
|
color: white;
|
|
padding: 5px;
|
|
}
|
|
|
|
.connectionClosed.restored {
|
|
background: green;
|
|
}
|
|
|
|
.internal.boldnshit {
|
|
color: blue;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
|
|
/* HELPER CLASSES */
|
|
|
|
|
|
.text-normal {
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
.hidden {
|
|
display: none;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.ml-1 {
|
|
margin-left: 1em;
|
|
}
|
|
|
|
.ml-2 {
|
|
margin-left: 2em;
|
|
}
|
|
|
|
.ml-3 {
|
|
margin-left: 3em;
|
|
}
|