Common.css: Difference between revisions
From The Birdhouse
mNo edit summary |
mNo edit summary |
||
Line 127: | Line 127: | ||
.tag:hover { | .tag:hover { | ||
color: white; | color: white; | ||
background: # | background: #900000; | ||
cursor: pointer; | |||
} | } |
Revision as of 03:19, 27 August 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;
}