Common.css: Difference between revisions
From The Birdhouse
mNo edit summary |
mNo edit summary |
||
Line 134: | Line 134: | ||
.warning { | .warning { | ||
font-size: 1rem; | |||
color: #222222; | color: #222222; | ||
box-sizing: border-box; | box-sizing: border-box; |
Revision as of 22:52, 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 {
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;
}