/* CSS borrowed from corru.observer itself */
.log-message-box {
overflow: hidden;
padding: 0.75rem 0.5rem;
margin: 0.5rem;
border: 1px solid;
border-color: inherit;
color: #ffff00; /* Default to sys/examing messages */
background: black;
line-height: 1.25em;
font-size: 0.75rem;
}
.log-message-box.sourceless {
color: black;
background: white;
}
.log-message-box.friend {
color: #00ffff;
}
.log-message-box.obesk {
color: #ff00ff;
}
.log-message-box.system {
color: #ffff00;
}
.log-message-box > .name {
margin: 0 -0.5rem 0.3rem;
padding-bottom: 0.15em;
border-bottom: 1px solid;
font-size: 2.5em;
line-height: 1em;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: normal;
}
.log-message-box.with-image > .name {
margin-left: 0;
}
.log-message-box.friend > .message-image {
background: white;
}
.log-message-box > .message-image {
box-sizing: border-box;
float: left;
max-width: 3.5rem;
max-height: 3.5rem;
width: 100%;
margin-right: 0.5rem;
border: 1px solid;
border-color: inherit;
object-fit: none;
}