Link to article: Book Of The Daeva.
:root {
}
/* HEADER TITLE */
#header h1 {
margin-left: 0;
float: none;
text-align: center;
position: absolute;
width: 100%;
filter: none;
content: "";
}
#header h2 {
margin-left: 0;
float: none;
text-align: center;
position: absolute;
width: 100%;
filter: none;
content: "";
}
#header h1 a {
content: "";
max-height: initial;
display: block;
height: 17rem;
width: auto;
margin: auto;
margin-top: 1.3rem;
padding: 0;
color: transparent;
text-shadow: none;
filter: none;
}
#header h1 a::before {
content: "The Daevite Empire";
font-family: "Pirata One", system-ui;
font-weight: 400;
font-style: normal;
color: transparent;
background-image: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
background-clip: text;
font-size: 73px;
position: relative;
text-shadow: none;
paint-order: stroke fill;
-webkit-text-stroke: 2px #552901;
display: inline-flex;
justify-content: center;
align-items: center;
aspect-ratio: 1 / 1;
width: 100%;
height: 18rem;
}
@media (max-width: 767px) {
#header h1 a::before {
content: "The Daevite Empire";
font-size: 53px;
-webkit-text-stroke: 1px #552901;
}
}
@media (max-width: 430px) {
#header h1 a::before {
font-size: 3rem;
}
}
/* HEADER SUBTITLE */
#header h2 span {
position: relative;
display: block;
line-height: 0px;
font-weight: bold;
color: transparent;
text-shadow: none;
filter: none;
padding: 0;
max-height: initial;
display: block;
height: 17rem;
width: auto;
margin: auto;
margin-top: 1.3rem;
z-index: -5;
}
#header h2 span::before {
content: "Ḳofá, Pev́a, Malor";
text-shadow: none;
font-family: "Uncial Antiqua", system-ui;
font-weight: 400;
font-style: normal;
font-size: 23px;
position: relative;
color: #e9d995;
paint-order: stroke fill;
-webkit-text-stroke: 3px #552901;
display: inline-flex;
justify-content: center;
align-items: center;
aspect-ratio: 1 / 1;
width: 100%;
height: 25rem;
}
@media (max-width: 767px) {
#header h2 span::before {
content: "Ḳofá, Pev́a, Malor";
font-size: 15px;
height: 22rem;
}
}
/* HEADER TITLE ON MOBILE */
@media (max-width: 380px) {
#header h1 a::before {
font-size: 45px;
}
#header h2 span::before {
font-size: 14px;
}
}
#header {
height: 21rem;
position: relative;
z-index: 10;
background-image: none;
padding-bottom: 25px;
width: 100%;
margin: 0 auto;
}
#header-extra-div-1 {
position: relative;
background-image: url('https://scp-wiki.wikidot.com/local--files/art:doctors-of-the-church-hub/Chaos-Insurrection.svg');
background-repeat: no-repeat;
background-size: 15rem;
background-position: 50% 50%;
width: 50%;
margin-left: 0;
padding: 0;
height: 23rem;
z-index: -6;
left: -18%;
}
div#extrac-div-3 {
background-image: url('https://scp-wiki.wdfiles.com/local--files/theme:holy-theme/espada.png');
background-repeat: no-repeat;
background-size: 10rem;
background-position: 94% 93%;
width: 100%;
margin-right: 0;
padding: 0;
height: 21rem;
z-index: -10;
left: -14%;
top: 3%;
display: block;
position: absolute;
}
@media (max-width: 767px) {
#header-extra-div-1 {
left: 0;
margin: 0 auto;
background-position: 50% 50%;
background-size: contain;
filter: brightness(60%);
}
#header-extra-div-2 {
display: none;
}
div#extrac-div-3 {
display: none;
}
}
div#extrac-div-1 {
background-image: url(https://scp-wiki.wikidot.com/local--files/art:doctors-of-the-church-hub/Daevite-Empire.svg);
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
display: block;
position: fixed;
top: 0;
left: 0;
height: 400px;
width: 100%;
z-index: -13;
}
div#extrac-div-2 {
background-image: url(https://scp-wiki.wdfiles.com/local--files/theme:holy-theme/castillo.webp);
background-position: top center;
background-repeat: repeat-x;
height: 6rem;
display: block;
position: absolute;
top: 275px;
left: 0;
height: 300px;
width: 100%;
z-index: -7;
}
div#extra-div-3 {
background-image: url(https://scp-wiki.wdfiles.com/local--files/theme:holy-theme/fondo.png);
background-position: center center;
background-repeat: repeat;
height: 100%;
display: block;
position: absolute;
top: 400px;
left: 0;
width: 100%;
z-index: -9;
}
div#container-wrap {
background: none;
}
.email-example .collapsible-block-folded a.collapsible-block-link {
animation: blink 0.8s ease-in-out infinite alternate;
}
@keyframes blink {
0% { color: transparent; }
50%, 100% { color: #b01; }
}
.email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
.email-example a.collapsible-block-link {font-weight: bold;}
.tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
color: #551a8b; font-size: large; font-weight: normal; margin-bottom: 1px;
font-size: medium;
wisdom
wisdom-top
wisdom-text
wisdom-bottom