MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/*
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;
	max-width: 432px;
	width: 80%;
}
.bookbtnleft {
	box-sizing: border-box;
	display: inline-block;
	width: 216px;
	height: 74px;
	background: url("/images/2/20/Bookleft.png") no-repeat;
}
.bookbtnleft:hover { cursor: pointer; background: url("/images/c/c6/Bookleftred.png"); }
.bookbtnright {
	box-sizing: border-box;
	display: inline-block;
	width: 216px;
	height: 74px;
	background: url("/images/1/1f/Bookright.png") no-repeat;
}
.bookbtnright:hover { cursor: pointer; background: url("/images/b/be/Bookrightred.png"); }
.writing {
	background: url("/images/a/ae/Booktop.png") no-repeat;
	box-sizing: border-box;
	width: 432px;
	height: 460px;
	font-family: Minecraft;
	color: #000000;
	padding: 37px 45px 0px 43px;
	margin: 0;
	overflow: hidden;
}
.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 {
	font-size: 1rem;
	color: #222222;
	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;
}

/* ADVANCEMENTS */

.advhover {
	position: relative;
	color: #55FF55;
	cursor: default;
}

.advhover:before {
	content: attr(data-hover);
	visibility: hidden;
	opacity: 0;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 110%;
	width: 200px;
	background-color: #110311;
	color: #55FF55;
	text-shadow: 2px 2px #153e15;
	font-family: Minecraft;
	border: 3px solid #26045c;
	padding: 10px;
}

.advhover:hover:before {
  opacity: 1;
  visibility: visible;
}

#mw-normal-catlinks a.new {
	color: #ba0000;
}