mirror of
https://github.com/Bubberstation/Bubberstation.git
synced 2025-12-31 03:52:31 +00:00
5140cff38c
Floyd / Qustinnus (Sprites by Ausops, Some moodlets by Ike709)
add: Adds mood, which can be found by clicking on the face icon on your screen.
add: Adds various moodlets which affect your mood. Try eating your favourite food, playing an arcade game, reading a book, or petting a doggo to increase your moo. Also be sure to take care of your hunger on a regular basis, like always.
add: Adds config option to disable/enable mood.
add: Indoor area's now have a beauty var defined by the amount of cleanables in them, (We can later expand this to something like rimworld, where structures could make rooms more beautiful). These also affect mood. (Janitor now has gameplay purpose besides slipping and removing useless decals)
remove: Removes hunger slowdown, replacing it with slowdown by being depressed
imageadd: Icons for mood states and depression states
What this PR is
This PR adds a system that allows player to gain and lose moodlets based on events occuring to, and around them. These events then give the player a mood value based on what it is. For example a hug could give you +1 mood, while being stabbed in the eye with a screwdriver can give -5 mood. All these moodlets together determine the mood of your character which currently affects the following things:
Movement speed - If you are very sad you move slower. Replacing movement slow from hunger. (hunger now instead affects mood)
Screen blur - If you are sad you gain an overlay that slightly blurs the screen, increasing in severity as you get sadder.
Interaction / do after speed - If you are sad or happy your interaction speed with things such as handcuffs is changed. with a 25% longer time if you are sad, or 10% shorter time if you are extremely happy.
Hunger rate - You gain hunger slower if you are very happy.
419 lines
12 KiB
CSS
419 lines
12 KiB
CSS
/*****************************************
|
|
*
|
|
* GLOBAL STYLES
|
|
*
|
|
******************************************/
|
|
html, body {
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 100%;
|
|
color: #000000;
|
|
}
|
|
body {
|
|
background: #fff;
|
|
font-family: Verdana, sans-serif;
|
|
font-size: 9pt;
|
|
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;
|
|
}
|
|
|
|
|
|
.r:before { /* "repeated" badge class for combined messages */
|
|
content: 'x';
|
|
}
|
|
.r {
|
|
display: inline-block;
|
|
min-width: 0.5em;
|
|
font-size: 0.7em;
|
|
padding: 0.2em 0.3em;
|
|
line-height: 1;
|
|
color: white;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
background-color: crimson;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
a {color: #0000ff;}
|
|
a.visited {color: #ff00ff;}
|
|
a:visited {color: #ff00ff;}
|
|
a.popt {text-decoration: none;}
|
|
|
|
/*****************************************
|
|
*
|
|
* OUTPUT NOT RELATED TO ACTUAL MESSAGES
|
|
*
|
|
******************************************/
|
|
#loading {
|
|
position: fixed;
|
|
width: 300px;
|
|
height: 150px;
|
|
text-align: center;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin: -75px 0 0 -150px;
|
|
}
|
|
#loading i {display: block; padding-bottom: 3px;}
|
|
|
|
#messages {
|
|
font-size: 13px;
|
|
padding: 3px;
|
|
margin: 0;
|
|
word-wrap: break-word;
|
|
}
|
|
#newMessages {
|
|
position: fixed;
|
|
display: block;
|
|
bottom: 0;
|
|
right: 0;
|
|
padding: 8px;
|
|
background: #ddd;
|
|
text-decoration: none;
|
|
font-variant: small-caps;
|
|
font-size: 1.1em;
|
|
font-weight: bold;
|
|
color: #333;
|
|
}
|
|
#newMessages:hover {background: #ccc;}
|
|
#newMessages i {vertical-align: middle; padding-left: 3px;}
|
|
#ping {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 80px;
|
|
width: 45px;
|
|
background: #ddd;
|
|
height: 30px;
|
|
padding: 8px 0 2px 0;
|
|
}
|
|
#ping i {display: block; text-align: center;}
|
|
#ping .ms {
|
|
display: block;
|
|
text-align: center;
|
|
font-size: 8pt;
|
|
padding-top: 2px;
|
|
}
|
|
#userBar {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
#userBar .subCell {
|
|
background: #ddd;
|
|
height: 30px;
|
|
padding: 5px 0;
|
|
display: block;
|
|
color: #333;
|
|
text-decoration: none;
|
|
line-height: 28px;
|
|
border-top: 1px solid #b4b4b4;
|
|
}
|
|
#userBar .subCell:hover {background: #ccc;}
|
|
#userBar .toggle {
|
|
width: 40px;
|
|
background: #ccc;
|
|
border-top: 0;
|
|
float: right;
|
|
text-align: center;
|
|
}
|
|
#userBar .sub {clear: both; display: none; width: 160px;}
|
|
#userBar .sub.scroll {overflow-y: scroll;}
|
|
#userBar .sub.subCell {padding: 3px 0 3px 8px; line-height: 30px; font-size: 0.9em; clear: both;}
|
|
#userBar .sub span {
|
|
display: block;
|
|
line-height: 30px;
|
|
float: left;
|
|
}
|
|
#userBar .sub i {
|
|
display: block;
|
|
padding: 0 5px;
|
|
font-size: 1.1em;
|
|
width: 22px;
|
|
text-align: center;
|
|
line-height: 30px;
|
|
float: right;
|
|
}
|
|
#userBar .sub input {
|
|
position: absolute;
|
|
padding: 7px 5px;
|
|
width: 121px;
|
|
line-height: 30px;
|
|
float: left;
|
|
}
|
|
#userBar .topCell {border-top: 0;}
|
|
|
|
/* 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 { font-weight: bold;}
|
|
.adminobserverooc {color: #0099cc; font-weight: bold;}
|
|
.adminooc {color: #700038; font-weight: bold;}
|
|
|
|
.adminobserver {color: #996600; 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;}
|
|
|
|
.yell { font-weight: bold;}
|
|
|
|
.alert {color: #ff0000;}
|
|
h1.alert, h2.alert {color: #000000;}
|
|
|
|
.emote { font-style: italic;}
|
|
.selecteddna {color: #ffffff; background-color: #001B1B}
|
|
|
|
.attack {color: #ff0000;}
|
|
.disarm {color: #990000;}
|
|
.passive {color: #660000;}
|
|
|
|
.userdanger {color: #ff0000; font-weight: bold; font-size: 24px;}
|
|
.danger {color: #ff0000;}
|
|
.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;}
|
|
.greenannounce {color: #00ff00; font-weight: bold;}
|
|
.rose {color: #ff5050;}
|
|
.info {color: #0000CC;}
|
|
.notice {color: #000099;}
|
|
.boldnotice {color: #000099; font-weight: bold;}
|
|
.adminnotice {color: #0000ff;}
|
|
.adminhelp {color: #ff0000; font-weight: bold;}
|
|
.unconscious {color: #0000ff; font-weight: bold;}
|
|
.suicide {color: #ff5050; font-style: italic;}
|
|
.green {color: #03ff39;}
|
|
.nicegreen {color: #14a833;}
|
|
.shadowling {color: #3b2769;}
|
|
.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: 24px;}
|
|
|
|
.cultlarge {color: #960000; font-weight: bold; font-size: 24px;}
|
|
.narsie {color: #960000; font-weight: bold; font-size: 120px;}
|
|
.narsiesmall {color: #960000; font-weight: bold; font-size: 48px;}
|
|
.colossus {color: #7F282A; font-size: 40px;}
|
|
.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: 24px;}
|
|
.revenminor {color: #823abb}
|
|
.revenwarning {color: #760fbb; font-style: italic;}
|
|
.revendanger {color: #760fbb; font-weight: bold; font-size: 24px;}
|
|
.umbra {color: #5000A0;}
|
|
.umbra_emphasis {color: #5000A0; font-weight: bold; font-style: italic;}
|
|
.umbra_large {color: #5000A0; font-size: 24px; font-weight: bold; font-style: italic;}
|
|
|
|
.deconversion_message {color: #5000A0; font-size: 24px; font-style: italic;}
|
|
|
|
.brass {color: #BE8700;}
|
|
.heavy_brass {color: #BE8700; font-weight: bold; font-style: italic;}
|
|
.large_brass {color: #BE8700; font-size: 24px;}
|
|
.big_brass {color: #BE8700; font-size: 24px; font-weight: bold; font-style: italic;}
|
|
.ratvar {color: #BE8700; font-size: 48px; 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: 24px; 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: 24px; 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: 24px; 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: 24px; 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: 24px; font-weight: bold; font-style: italic;}
|
|
.neovgre {color: #6E001A; font-weight: bold; font-style: italic;}
|
|
.neovgre_small {color: #6E001A;}
|
|
|
|
.newscaster {color: #800000;}
|
|
.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;}
|
|
|
|
.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: 24px;}
|
|
.small {font-size: 8px;}
|
|
.big {font-size: 24px;}
|
|
.reallybig {font-size: 32px;}
|
|
.extremelybig {font-size: 40px;}
|
|
.greentext {color: #00FF00; font-size: 24px;}
|
|
.redtext {color: #FF0000; font-size: 24px;}
|
|
.clown {color: #FF69Bf; font-size: 24px; font-family: "Comic Sans MS", cursive, sans-serif; font-weight: bold;}
|
|
.his_grace {color: #15D512; font-family: "Courier New", cursive, sans-serif; font-style: italic;}
|
|
|
|
.icon {height: 1em; width: auto;}
|
|
|
|
.memo {color: #638500; text-align: center;}
|
|
.memoedit {text-align: center; font-size: 16px;}
|
|
.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;}
|
|
|
|
.monkeyhive {color: #774704;}
|
|
.monkeylead {color: #774704; font-size: 2;}
|
|
|
|
.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;}
|