Actions

MediaWiki

MediaWiki:Common.css

From The Birdhouse

Revision as of 22:48, 6 September 2024 by Owl (talk | contribs) (warning boxes)

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)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: 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;
	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;
}