Toggle search
Toggle menu
1
2
1
24
Everdream
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:LogBox/Main.css

Template page
More actions 
/* CSS borrowed from corru.observer itself */

.log-message-box {
	overflow: hidden;
	
	padding: 0.75rem 0.5rem;
	margin: 0.5rem;
	border: 1px solid;
	
	color: #ffff00; /* Default to sys/examing messages */
	background: black;
	
	line-height: 1.25em;
	font-size: 0.75rem;
	letter-spacing: .25px;
}

.log-message-box.sourceless,
.log-message-box.embed,
.log-message-box.velzie,
.log-message-box.rotwatcher,
.log-message-box.interloper {
	color: black;
	background: white;
}

.log-message-box.interloper {
	display: flex;
	justify-content: start;
	align-items: center;
}

.log-message-box.human,
.log-message-box.bright,
.log-message-box.director,
.log-message-box.drowning {
	color: white;
}

.log-message-box.friend {
	color: #00ffff;
}

.log-message-box.obesk {
	color: #ff00ff;
}

.log-message-box.bstrd,
.log-message-box.bsteli {
    color: #ff0066;
}  
.log-message-box.template-error {
	color: #ff6666;
}

.log-message-box > .name {
	margin: 0 -0.5rem 0.3rem;
	padding: 0 0.5rem 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,
.log-message-box > .message-image ~ .name {
	margin-left: 0.5rem;
	padding: 0 0 0.15em 0;
}

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

.log-message-box > .image img,
.log-message-box > .message-image img {
	background: black; /* hide the name's line border by pretending it stops at the image*/
	box-sizing: border-box;
	
	width: 3.5rem;
	height: 3.5rem;
	
	margin-right: 0.5rem;
	margin-bottom: 0.125rem; /* To make sure it takes up enough space to force things over onto a new line*/
	border: 1px solid;
	
	image-rendering: pixelated;
	object-fit: cover;
}

.log-message-box.obesk > .image img,
.log-message-box.obesk > .message-image img {
	border-radius: 100%;
	border: 1px solid;
}

.log-message-box .image:hover .message-image {
	/* Stop the default hover from expanding the image */
	transform: unset !important;
}

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

.log-message-box.system > .image .message-image,
.log-message-box.system > .message-image img {
	/* TODO: use the animated bg */
	background: white;
	height: 2.3rem;
}

.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;
}

.log-message-box.embed .message-content {
	text-align: center;
}

.log-message-box.velzie .message-content {
	text-align: center;
	text-transform: lowercase;
	font-family: beech;
    letter-spacing: 0.25em;
    line-height: 1.25em;
    font-size: 1.5em;
}

/*.log-message-box.rotwatcher {
	text-shadow: 0 .05em #0000006b;
	line-height: 1.5em;
	border-bottom: .45em ridge magenta; 
	text-transform: uppercase;
	background-image: linear-gradient(0deg, rgb(255 255 255 / 60%), transparent 1000000%),
    	linear-gradient(0deg, rgb(0 0 0 / 0%), transparent 70.71%),url(https://static.wikitide.net/corruwiki/0/09/DamageTran.gif), url(https://static.wikitide.net/corruwiki/c/cd/HazeFlow.gif);
	background-size: 100% auto, auto;
	background-position: 100% 45.5%;
}*/
  
.log-message-box.interloper .message-content {
	font-family: 'Libre Barcode 128 Text', cursive;
	font-size: 1.75rem;
	line-height: 1.2em;
	text-transform: uppercase;
}

.log-message-box .color-obesk {
	color: #ff00ff;
}

.log-message-box .color-friend {
	color: #00ffff;
}

.log-message-box .color-neutral {
	color: #ffff00;
}

.log-message-box .color-bstrd,
.log-message-box .color-bastard {
	color: #ff0066
}

.log-message-box .color-bright,
.log-message-box .color-white {
	color: white;
}

.log-message-box .scared {
	letter-spacing:.5em;
}

.log-message-box .panic {
	letter-spacing:.75em;
}

.log-message-box .bstrd-font,
.log-message-box .bastard-font {
	font-family: 'Newspaper Cutout White Regular', sans-serif; 
	font-size: 2.5em; 
	line-height: 1.25em; 
}

/*.log-message-box.bstrd .message-content {
    font-family: 'Newspaper Cutout White Regular', cursive;
    font-size: 3em;
    margin: 0.5rem;
    padding: 0.3em;
    background-image: linear-gradient(0deg, rgba(0,0,0,0.79) 0%, rgb(0, 0, 0) 25%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 75%, rgba(0,0,0,0.9) 100%), url(https://static.miraheze.org/corruwiki/a/ae/Stun.gif);
}*/

.log-message-box.bstrd .message-image::before {
    width: 100%;
    right: 0;
    border-radius: 0;
    transform: translateX(100%);
}

.log-message-box.bsteli > .image img,
.log-message-box.bsteli > .message-image img {
	border-radius: 100%;
	border: 1px solid;
}

/*.log-message-box.director {
	font-family: Times New Roman;
	letter-spacing: 0.25em;
	background-image: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 70%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%), url(https://static.wikitide.net/corruwiki/0/04/FadeIn.gif), url(https://static.wikitide.net/corruwiki/c/c9/Corruripplegrayscale.gif);
	background-size: 150%, auto;
}*/

.log-message-box.director .message-image::before {
    width: 100%;
    right: 0;
    border-radius: 0;
    transform: translateX(100%);
}

.log-message-box .message-content span[title]  {
	display: inline-block;
	border-bottom: 1px dashed white;
	padding-bottom: 2px;
	margin-bottom: -2px;
	cursor: alias;
}

/*.log-message-box .code {
    display: inline-block;
    padding: 2.5px 5px;
    background: url(https://static.wikitide.net/corruwiki/c/cc/Corrurippletran.gif), white !important;
    background-position: center !important;
    color: black !important;
    border: 1px solid #ffff00 !important;
    margin: 2.5px;
}*/

.log-message-box.loose-thought .name {
	padding-bottom: 0.15rem;
	font-family: "Libre Barcode 128";
	white-space: nowrap;
	margin-bottom: 1em;
	overflow: hidden;
}

.log-message-box.loose-thought .message-content span {
	color: magenta;
	margin-top: 0.5em;
	display:initial;
	line-height: 1.75em;
	word-spacing: .1em;
	margin-bottom: -0.25em;
}

/*.log-message-box.awakened {
	background-color: white;
	background-image: url(https://static.wikitide.net/corruwiki/8/89/SpotGradientInverseWhite.gif), url(https://static.wikitide.net/corruwiki/a/af/OzoSpiralText.png);
	background-position: center left;
	background-size: cover, cover;
    box-shadow: 0 0 .5em yellow;
    border-color: yellow;
    color: black;
   	letter-spacing: 0.2em;
    text-shadow: .1em .1em yellow;
}*/

.log-message-box.awakened .message-image{
	color:yellow;
}

/*.log-message-box.awakened > .image img,
.log-message-box.awakened > .message-image img {
	background:url("https://static.miraheze.org/corruwiki/e/e2/Memoryhaze.gif");
	background-size:cover
}*/

/*.log-message-box.drowning {
	text-shadow: 1px 1px black, 2px 2px black, 2px 2px black, 2px 2px black;
	letter-spacing: 0.25em;
	background-image: url(https://static.wikitide.net/corruwiki/0/04/FadeIn.gif), url(https://static.wikitide.net/corruwiki/c/c9/Corruripplegrayscale.gif);
	background-size: 150%, auto;
}*/

.log-message-box .image.portrait-bright img,
.log-message-box .message-image.portrait-bright img { background-color: white }

.log-message-box .image.portrait-dark img,
.log-message-box .message-image.portrait-dark img { background-color: black }

/*.log-message-box .image.portrait-blocker img,
.log-message-box .message-image.portrait-blocker img { background-image: url(https://static.miraheze.org/corruwiki/c/cf/DullVesselIcon.gif); }*/

/*.log-message-box .image.portrait-ripple img,
.log-message-box .message-image.portrait-ripple img { background-image: url(https://static.miraheze.org/corruwiki/d/df/Corruripple.gif); }*/

/*.log-message-box .image.portrait-darkripple img,
.log-message-box .message-image.portrait-darkripple img { background-image: url(https://static.miraheze.org/corruwiki/c/c9/Corruripplegrayscale.gif); }*/

/*.log-message-box .image.portrait-rippletran img,
.log-message-box .message-image.portrait-rippletran img { background-image: url(https://static.wikitide.net/corruwiki/c/cc/Corrurippletran.gif); background-size: cover; }*/

/*.log-message-box .image.portrait-static img,
.log-message-box .message-image.portrait-static img { background-image: url(https://static.miraheze.org/corruwiki/1/17/Static.gif); }*/

/*.log-message-box .image.portrait-darkstatic img,
.log-message-box .message-image.portrait-darkstatic img { background-image: url(https://static.miraheze.org/corruwiki/2/21/Badstatic.gif); }*/

/*.log-message-box .image.portrait-fear img,
.log-message-box .message-image.portrait-fear img { background-image: url(https://static.miraheze.org/corruwiki/8/8e/Fear.gif); background-size: cover; }*/

.log-message-box .image.portrait-cover img,
.log-message-box .message-image.portrait-cover img { object-fit: cover }

.log-message-box .image.portrait-contain img,
.log-message-box .message-image.portrait-contain img { object-fit: contain }

.log-message-box .image.portrait-auto img,
.log-message-box .message-image.portrait-auto img { object-fit: none; background-size: auto; }

@media only screen and (min-width: 2100px) {
	.log-message-box .image.portrait-auto img,
	.log-message-box .message-image.portrait-auto img { object-fit: cover; background-size: cover; }
}

.log-message-box .image.portrait-top img,
.log-message-box .message-image.portrait-top img { object-position: top }

.log-message-box .image.portrait-center img,
.log-message-box .message-image.portrait-center img { object-position: center; background-position: center; }

.log-message-box .image.portrait-centertop img,
.log-message-box .message-image.portrait-centertop img { object-position: center 35% }

.log-message-box .image.portrait-bottom img,
.log-message-box .message-image.portrait-bottom img { object-position: bottom }

.log-message-box .image.portrait-centerlow img,
.log-message-box .message-image.portrait-centerlow img { object-position: center 65% }

.log-message-box .image.portrait-bw img,
.log-message-box .message-image.portrait-bw img { filter: grayscale(1) contrast(2) }

/*.log-message-box .image.portrait-haze img,
.log-message-box .message-image.portrait-haze img { background: url(https://static.miraheze.org/corruwiki/e/e2/Memoryhaze.gif); background-size: cover; }*/

/*.log-message-box .image.portrait-spectral img,
.log-message-box .message-image.portrait-spectral img { 
	background: url(https://static.wikitide.net/corruwiki/2/23/Spotgradientinversetiny.gif);
    background-color: white;
    background-position: center;
    background-size: 120%;
}*/

.log-message-box .image.portrait-crop img,
.log-message-box .message-image.portrait-crop img { width: 3.5rem; height: 3.5rem; }

.log-message-box .image.portrait-nofit img,
.log-message-box .message-image.portrait-nofit img { object-fit: none; }
Retrieved from "https://wiki.everdream.space/mediawiki/index.php?title=Template:LogBox/Main.css&oldid=14"
Last modified
This page was last edited on 15 February 2026, at 06:35.