mirror of
https://github.com/VOREStation/VOREStation.git
synced 2026-01-30 10:53:24 +00:00
2fbb19b122
Adds the ability to remotely toggle Remote LOOC in VChat tabs, making it not show up except in Main and tabs you have it enabled. This requires decoupling from OOC, which was done in the previous commit. Also removes superfluous "vorestation" or "chompstation edit" comments
252 lines
7.1 KiB
CSS
252 lines
7.1 KiB
CSS
/* VChat Styles */
|
|
body.inverted {
|
|
background-color: #111111;
|
|
}
|
|
|
|
#topmenu {
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
#contentbox {
|
|
margin-top: 3.3rem; /* Make room for the fixed top menu */
|
|
overflow-wrap: break-word;
|
|
word-wrap: break-word; /* IE, blah */
|
|
}
|
|
|
|
.menu, .item {
|
|
padding-top: 0.2em !important;
|
|
padding-bottom: 0.2em !important;
|
|
}
|
|
|
|
.ui.menu .item > .label:not(.floating) {
|
|
margin-left: 0;
|
|
padding-bottom: 0;
|
|
padding-top: 0;
|
|
text-align: center;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.item {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.inputbox {
|
|
width: 5em !important;
|
|
padding: 0.1em !important;
|
|
}
|
|
|
|
.icon-left-open-outline:hover, .icon-right-open-outline:hover, .icon-cancel-circled-outline:hover {
|
|
color: red;
|
|
}
|
|
|
|
.blinkwarn {
|
|
color: #FF0000;
|
|
animation: blink-animation 1s steps(5, start) infinite;
|
|
}
|
|
|
|
@keyframes blink-animation {
|
|
to {
|
|
visibility: hidden;
|
|
}
|
|
}
|
|
|
|
/* SS13 Styles */
|
|
#messagebox {font-family: Verdana, sans-serif;}
|
|
|
|
#messagebox h1, #messagebox h2, #messagebox h3, #messagebox h4, #messagebox h5, #messagebox h6 {color: #0000ff; font-family: Georgia, Verdana, sans-serif;}
|
|
|
|
#messagebox em {font-style: normal; font-weight: bold;}
|
|
#messagebox a {text-decoration: underline;}
|
|
|
|
.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;}
|
|
|
|
.prefix {font-weight: bold;}
|
|
.log_message {color: #386AFF; font-weight: bold;}
|
|
/*.inverted .message {color: #386AFF; font-weight: bold;}*/
|
|
|
|
/* OOC */
|
|
.ooc {font-weight: bold;}
|
|
.ooc img.text_tag {width: 32px; height: 10px;}
|
|
|
|
.ooc .everyone {color: #002eb8;}
|
|
.inverted .ooc .everyone {color: #004ed8;} /* Dark mode */
|
|
.looc {color: #3A9696; font-weight: bold}
|
|
.rlooc {color: #3ABB96; font-weight: bold}
|
|
.ooc .elevated {color: #2e78d9;}
|
|
.ooc .moderator {color: #184880;}
|
|
.ooc .developer {color: #1b521f;}
|
|
.ooc .admin {color: #b82e00;}
|
|
.ooc .event_manager {color: #660033;}
|
|
.ooc .aooc {color: #960018;}
|
|
|
|
/* Admin: Private Messages */
|
|
.pm .howto {color: #ff0000; font-weight: bold; font-size: 200%;}
|
|
.pm .in {color: #ff0000;}
|
|
.pm .out {color: #ff0000;}
|
|
.pm .other {color: #0000ff;}
|
|
|
|
/* Admin: Channels */
|
|
.mentor {color: #808000;}
|
|
.mentor_channel {color: #808000; font-weight: bold;}
|
|
.mod_channel {color: #735638; font-weight: bold;}
|
|
.mod_channel .admin {color: #b82e00; font-weight: bold;}
|
|
.admin_channel {color: #9611D4; font-weight: bold;}
|
|
.event_channel {color: #cc3399; font-weight: bold;}
|
|
|
|
/* Radio: Misc */
|
|
.deadsay {color: #530FAD;}
|
|
.inverted .deadsay {color: #732FCD;} /* Dark mode */
|
|
.radio {color: #008000;}
|
|
.deptradio {color: #ff00ff;} /* when all other department colors fail */
|
|
.newscaster {color: #750000;}
|
|
|
|
/* Radio Channels */
|
|
.comradio {color: #193A7A;}
|
|
.inverted .comradio {color: #395A9A;} /* Dark mode */
|
|
.syndradio {color: #6D3F40;}
|
|
.centradio {color: #5C5C8A;}
|
|
.airadio {color: #FF00FF;}
|
|
.entradio {color: #339966;}
|
|
|
|
.secradio {color: #A30000;}
|
|
.engradio {color: #A66300;}
|
|
.medradio {color: #008160;}
|
|
.sciradio {color: #993399;}
|
|
.supradio {color: #5F4519;}
|
|
.srvradio {color: #6eaa2c;}
|
|
.expradio {color: #555555;}
|
|
|
|
/* Miscellaneous */
|
|
.name {font-weight: bold;}
|
|
.say {color: #000000;}
|
|
.inverted .say {color: #FFFFFF;}
|
|
.emote {color: #000000;}
|
|
.inverted .emote {color: #FFFFFF;}
|
|
.alert {color: #ff0000;}
|
|
h1.alert, h2.alert {color: #000000;}
|
|
.nif {} /* VOREStation Add */
|
|
|
|
/* Game Messages */
|
|
|
|
.attack {color: #ff0000;}
|
|
.moderate {color: #CC0000;}
|
|
.disarm {color: #990000;}
|
|
.passive {color: #660000;}
|
|
|
|
.critical {color: #ff0000; font-weight: bold; font-size: 150%;}
|
|
.danger {color: #ff0000; font-weight: bold;}
|
|
.warning {color: #ff0000; font-style: italic;}
|
|
.rose {color: #ff5050;}
|
|
.info {color: #0000CC;}
|
|
.inverted .info {color: #6060c9;} /* Dark mode */
|
|
.notice {color: #000099;}
|
|
.inverted .notice {color: #6060c9;} /* Dark mode */
|
|
.alium {color: #00ff00;}
|
|
.cult {color: #800080; font-weight: bold; font-style: italic;}
|
|
|
|
.reflex_shoot {color: #000099; font-style: italic;}
|
|
|
|
/* Languages */
|
|
|
|
.alien {color: #543354;}
|
|
.tajaran {color: #803B56;}
|
|
.tajaran_signlang {color: #941C1C;}
|
|
.akhani {color: #AC398C;}
|
|
.skrell {color: #00B0B3;}
|
|
.skrellfar {color: #70FCFF;}
|
|
.soghun {color: #50BA6C;}
|
|
.solcom {color: #3333CE;} /* VOREStation Edit */
|
|
.changeling {color: #800080;}
|
|
.sergal {color: #0077FF;}
|
|
.birdsongc {color: #CC9900;}
|
|
.vulpkanin {color: #B97A57;}
|
|
.tavan {color: #f54298; font-family: Arial}
|
|
.echosong {color: #826D8C;}
|
|
.enochian {color: #848A33; letter-spacing:-1pt; word-spacing:4pt; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
|
|
.daemon {color: #5E339E; letter-spacing:-1pt; word-spacing:0pt; font-family: "Courier New", Courier, monospace;}
|
|
.drudakar {color: #bb2463; word-spacing:0pt; font-family: "High Tower Text", monospace;}
|
|
.bug {color: #9e9e39;}
|
|
.vox {color: #AA00AA;}
|
|
.promethean {color: #5A5A5A; font-family:"Comic Sans MS","Comic Sans",cursive;}
|
|
.inverted .promethean {color: #A5A5A5; font-family:"Comic Sans MS","Comic Sans",cursive;}
|
|
.zaddat {color: #941C1C;}
|
|
.rough {font-family: "Trebuchet MS", cursive, sans-serif;}
|
|
.say_quote {font-family: Georgia, Verdana, sans-serif;}
|
|
.terminus {font-family: "Times New Roman", Times, serif, sans-serif}
|
|
.interface {color: #330033;}
|
|
.spacer {color: #9c660b;} /* VOREStation Add */
|
|
.blob {color: #ff950d; font-weight: bold; font-style: italic;}
|
|
|
|
.black {color: #000000;}
|
|
.darkgray {color: #808080;}
|
|
.gray {color: #A9A9A9;}
|
|
.red {color: #FF0000;}
|
|
.orange {color: #FF8C00;}
|
|
.blue {color: #0000FF;}
|
|
.green {color: #00DD00;}
|
|
.inverted .black {color: #606060;}
|
|
.inverted .darkgray {color: #808080;}
|
|
.inverted .gray {color: #A9A9A9;}
|
|
.inverted .red {color: #FF4444;}
|
|
.inverted .orange {color: #FF8C00;}
|
|
.inverted .blue {color: #6666FF;}
|
|
.inverted .green {color: #44FF44;}
|
|
|
|
.pnarrate {color: #009AB2;}
|
|
|
|
/*BIG IMG.icon {width: 32px; height: 32px;}*/
|
|
img.icon {vertical-align: middle; max-height: 1em;}
|
|
img.icon.bigicon {max-height: 32px;}
|
|
|
|
/* Zoom levels - Replaced with arbitrary font sizes
|
|
.zoom_normal {
|
|
font-size: 0.9em;
|
|
line-height: 1.35;
|
|
}
|
|
.zoom_more {
|
|
font-size: 1.2em;
|
|
line-height: 1.4;
|
|
}
|
|
.zoom_less {
|
|
font-size: 0.8em;
|
|
line-height: 1.2;
|
|
}
|
|
*/
|
|
|
|
/* Debug Logs */
|
|
.debug_error {color:#FF0000; font-weight:bold}
|
|
.debug_warning {color:#FF0000;}
|
|
.debug_info {color:#000000;}
|
|
.inverted .debug_info {color: #FFFFFF;}
|
|
.debug_debug {color:#0000FF;}
|
|
.debug_trace {color:#888888;}
|
|
|
|
/* Log animations */
|
|
.msgsanim-enter-active {
|
|
transition: opacity 0.5s, transform 0.5s;
|
|
}
|
|
.msgsanim-enter {
|
|
opacity: 0;
|
|
transform: translateX(15px);
|
|
}
|
|
|
|
/* Dog mode */
|
|
.woof {
|
|
background-color: rgba(255,255,255,0) !important;
|
|
background-image: url('dog.gif') !important;
|
|
background-size: cover !important;
|
|
|
|
transition: background-color 15s;
|
|
}
|
|
|
|
.woof div, .woof span {
|
|
background-color: rgba(0,0,0,0) !important;
|
|
|
|
transition: background-color 15s;
|
|
}
|