Template:LogBox/Main.css

/* 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 > .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 > .image ~ .name {
	margin-left: 0;
}

.log-message-box > .image {
	float: left;
	color: inherit; /* Don't let the pesky <a> links affect the border color! */
}

.log-message-box .message-image {
	background: black; /* hide the name's line border by pretending it stops at the image*/
	box-sizing: border-box;
	
	max-width: 3.5rem;
	max-height: 3.5rem;
	width: 100%;
	
	margin-right: 0.5rem;
	border: 1px solid;
	border-color: inherit;
}

.log-message-box .image:hover .message-image {
	transform: unset !important;
}

.log-message-box.friend .message-image {
	background: white;
}

.log-message-box.system .message-content {
	/* Or delegate the font stuff over to the template? */
	font-family: 'Libre Barcode 128 Text', cursive;
	word-break: break-all;
	font-size: 2.5em;
	line-height: 1.25em;
}

.log-message-box.sourceless .message-content {
	text-align: center;
	text-transform: uppercase;
}