Actions

MediaWiki

Common.css: Difference between revisions

From The Birdhouse

mNo edit summary
warning boxes
Line 129: Line 129:
background: #900000;
background: #900000;
cursor: pointer;
cursor: pointer;
}
/* WARNINGS */
.warning {
box-sizing: border-box;
margin-bottom: 1em;
padding: 15px;
}
.maturecontent {
background-color: #fee7e6;
border: 1px #d33 solid;
}
.caution {
background-color: #fef8e6;
border: 1px #ddc233 solid;
}
}

Revision as of 22:48, 6 September 2024

/*
CSS placed here will be applied to all skins.
DON'T EDIT THIS unless you know for sure what you're doing,
because changing certain variables might break the wiki or make it look weird!
*/

/* MINECRAFT FONTS */

@font-face {
  font-family: Minecraft;
  src: url(/resources/assets/fonts/MinecraftRegular.otf);
}
@font-face {
  font-family: Minecraft;
  src: url(/resources/assets/fonts/MinecraftItalic.otf);
  font-style: italic;
}
@font-face {
  font-family: Minecraft;
  src: url(/resources/assets/fonts/MinecraftBold.otf);
  font-weight: bold;
}
@font-face {
  font-family: Minecraft;
  src: url(/resources/assets/fonts/MinecraftBoldItalic.otf);
  font-weight: bold;
  font-style: italic;
}

/* CODEBLOCKS */

pre {
	color: blue;
	background: lightgray;
	font-size: 12px;
	line-height: 13px;
	padding: 10px;
	max-height: 200px;
	margin-bottom: 1em;
	user-select: all;
}

/* CHAT LOGS */

.chatlog {
	color: white;
	background: #545454;
	font-size: 1rem;
	line-height: 1rem;
	font-family: Minecraft;
	padding: 10px;
	margin-bottom: 1em;
}

.chatlog p {
	line-height: 1rem;
	margin-bottom: 0;
}

/* BOOKS */

.book {
	box-sizing: border-box;
	width: 432px;
	height: 534px;
	background: url("/images/f/f3/Book.png") no-repeat;
	padding: 37px 45px 65px 43px;
}

.writing {
	width: 344px;
	height: 426px;
	overflow-y: scroll;
	font-family: Minecraft;
	color: #000000;
	font-size: 29px;
	line-height: 30px;
	padding: 0;
	margin: 0;
}

.writing p {
	font-size: 29px;
	line-height: 30px;
	margin: 0;
}

/* SPECIAL FORMATTING CLASSES */

.minecraft { font-family: Minecraft; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.darkbg { background-color: #23303E; }
.center { text-align: center; margin-bottom: 1em; }

.darkblue { color: #0000AA; }
.darkgreen { color: #00AA00; }
.darkaqua { color: #00AAAA; }
.darkred { color: #AA0000; }
.darkpurple { color: #AA00AA; }
.gold { color: #FFAA00; }
.gray { color: #AAAAAA; }
.darkgray { color: #555555; }
.blue { color: #5555FF; }
.green { color: #55FF55; }
.aqua { color: #55FFFF; }
.red { color: #FF5555; }
.lightpurple { color: #FF55FF; }
.yellow { color: #FFFF55; }
.white { color: #FFFFFF; }
.black { color: #000000; }

/* AO3 TAGS */

.ao3 {
	background: #EDEDED;
	padding: 15px;
	margin-bottom: 1em;
}
.tag {
	line-height: 1.5;
	text-decoration: none;
	padding: 0;
	border-bottom: 1px dotted;
}
.tag:hover {
	color: white;
	background: #900000;
	cursor: pointer;
}

/* WARNINGS */

.warning {
	box-sizing: border-box;
	margin-bottom: 1em;
	padding: 15px;
}
.maturecontent {
	background-color: #fee7e6;
	border: 1px #d33 solid;
}
.caution {
	background-color: #fef8e6;
	border: 1px #ddc233 solid;
}