Link to article: Sinking Otter's Author Page.
/* ===TITLE FONT/SECTION FONT=== */
@import url('https://fonts.googleapis.com/css2?family=Almendra&display=swap');
/* ===TITLE SUB FONT=== */
@import url('https://fonts.googleapis.com/css2?family=Aref+Ruqaa&display=swap');
/* ===ARTICLE NAMES TITLE FONT=== */
@import url('https://fonts.googleapis.com/css2?family=Luxurious+Roman&display=swap');
/* ===ARTICLE INSPO FONT=== */
@import url('https://fonts.googleapis.com/css2?family=Radio+Canada:ital@1&display=swap');
/* ===REMOVE PAGE TITLE=== */
#page-title{display:none}
/* ===FIXING TOC SO THE BACKGROUND ISN'T BRIGHT WHITE (MY EYES)=== */
#main-content {
/* ===TOC=== */
--toc-header-text-color: 245, 245, 245;
--toc-header-text-hover-color: 212, 175, 55;
--toc-body-bg-color: var(--deepwell);
--toc-body-link-hover-color: 212, 175, 55;
--toc-body-hover-arrow-color: 212, 175, 55;
}
/* ===THEME DIV EDITS=== */
.document {
text-align: center;
}
.document p {
font-size: 1.25em;
}
/* ===CUSTOM DIVS=== */
.title {
text-align: center;
color: white;
}
.title h2 {
font-family: 'Almendra', sans-serif;
font-size: 4em;
}
.title p {
font-family: 'Aref Ruqaa', sans-serif;
font-size: 1.5em;
margin-top: 0.1vh;
}
.section-title {
text-align: center;
color: white;
}
.section-title h2 {
font-family: 'Almendra', sans-serif;
font-size: 3.25em;
}
.article-title p {
font-family: 'Luxurious Roman', sans-serif;
font-size: 2.5em;
text-align: center;
color: white;
margin-top: 0;
margin-bottom: 1vh;
}
.article-title a:link {
color: white;
}
.article-title a:hover {
color: rgb(212, 175, 55);
}
.picture-frame {
display: inline-block;
border: 10px solid transparent;
border-image: url(http://scp-wiki.wikidot.com/local--files/sinking-otter-s-author-page/border.png) 10 round;
width: 45%;
margin-bottom: 1vh;
}
.picture-frame img {
width: 20rem;
height: 20rem;
}
.pdcon {
display: inline-block;
border: 10px solid transparent;
border-image: url(http://scp-wiki.wikidot.com/local--files/sinking-otter-s-author-page/border.png) 10 round;
margin-bottom: 1vh;
}
.article-description {
display: inline-block;
width: 45%;
margin-bottom: 1vh;
color: white;
font-size: 0.85em;
}
.no-pic-description {
color: white;
margin-bottom: 1vh;
font-size: 0.85em;
}
.author-comment {
font-family: 'Radio Canada', sans-serif;
color: rgb(212, 175, 55);
font-size: 0.85em;
}
/* ===SIZING FOR PICTURE FRAME=== */
/* ===IF SCREEN IS 760px OR BELOW IT WILL MAKE THIS CHANGE=== */
@media only screen and (max-width: 760px) {
.picture-frame img {
height: 16rem;
}
.article-description {
width: 52%;
}
}
/* ===IF SCREEN IS 560px OR BELOW IT WILL MAKE THIS CHANGE=== */
@media only screen and (max-width: 560px) {
.picture-frame img {
height: 12rem;
}
.article-description {
width: 50%;
}
}
:scp-wiki:theme:black-highlighter-theme
[info]
:scp-wiki:theme:midnight-rush
[info]
:scp-wiki:component:toggle-sidebar-bhl
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
title
section-title
document
article-title
picture-frame
article-description
author-comment
document
article-title
no-pic-description
author-comment
section-title
document
article-title
picture-frame
article-description
author-comment
document
article-title
picture-frame
article-description
author-comment
document
article-title
picture-frame
article-description
author-comment
section-title
document
article-title
no-pic-description
author-comment
document
article-title
no-pic-description
author-comment
document
article-title
no-pic-description
author-comment
document
article-title
no-pic-description
author-comment
section-title
document
pdcon
no-pic-description
section-title
document
article-title
pdcon
no-pic-description
author-comment