Link to article: IPSYLON2x99.
@import url('https://fonts.googleapis.com/css2?family=Kosugi&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Antique&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Goldman:wght@400;700&display=swap');
@font-face {
font-family: "MS Gothic";
src: url("https://scp-wiki.wdfiles.com/local--files/ipsylon2x99/MS%20Gothic.woff2") format("woff2");
}
#page-title { display: none; }
/* CSS ADDITIONS */
body {
background-image: url('https://scp-wiki.wdfiles.com/local--files/ipsylon2x99/tile.png');
background-blend-mode: multiply;
background-color: #F2EEE8;
background-repeat: repeat;
background-size: 20%;
background-attachment: scroll;
image-rendering: initial;
font-family: "MS Gothic", "Kosugi";
font-size: 15px;
--themeColor: #000084;
--accentColor: #000084;
}
div#header {
background-image: url('https://scp-wiki.wdfiles.com/local--files/ipsylon2x99/bird.png');
image-rendering: initial;
background-position: 1em 2.5em;
}
div#container-wrap {
background-image: url('https://scp-wiki.wdfiles.com/local--files/ipsylon2x99/bg.png');
}
#header h2 span::before { content:'fan forum for TV and Japanimation'; }
#header h1 span {
position: relative;
left: -999em;
}
#header h1 span::before {
content:'Site-19 ONLINE';
position: relative;
left: 999em;
}
@media (max-width: 767px) {
#header h1 a::before {
font-family: "Microsoft Sans Serif";
content: "S-19 ONLINE";
color: #ffffff;
text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.6);
}
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
border-color: #000084;
}
div.yui-navset ul.yui-nav .selected a,
div.yui-navset ul.yui-nav .selected a:focus,
div.yui-navset ul.yui-nav .selected a:hover {
background: #000084;
}
div.page-rate-widget-box span.rateup a:hover,
div.page-rate-widget-box span.ratedown a:hover {
background: transparent;
color: #000084;
}
#page-content .rate-box-with-credit-button .fa-info:hover {
background: transparent;
color: #000084;
}
#top-bar .open-menu a,
.sidebar-toggle .collapsible-block-folded {
background-color: #C0C0C0;
border-radius: 0em;
border: .1em outset #888;
}
.sidebar-toggle .collapsible-block-folded {
width: 32px;
height: 32px;
font-size: 1.8em;
line-height: 50px;
}
.sidebar-toggle .collapsible-block-folded a { color: black; margin-top: 0em !important; }
h1 {
color: #0080C0;
font-family: "Zen Antique", "MS PMincho";
}
#main-content h2 { display: none; }
/* CUSTOM DIVS */
.dWidth {
width: fit-content;
margin: auto;
text-align: center;
-webkit-transform: scaleX(1.6) scaleY(1);
-moz-transform: scaleX(1.6) scaleY(1);
}
@media (max-width: 990px) {
.dWidth {
font-size: 110%;
-webkit-transform: scaleX(1.3) scaleY(0.75);
-moz-transform: scaleX(1.3) scaleY(0.75);
}
}
.pbox {
display: grid;
grid-template-columns: 1fr 2fr;
grid-template-rows: auto;
grid-template-areas:
"charimg chartext";
}
.pbox-r {
display: grid;
grid-template-columns: 2fr 1fr;
grid-template-rows: auto;
grid-template-areas:
"chartext-r charimg-r";
}
.charimg {
grid-area: charimg;
display: flex;
align-items: center;
background: white;
padding: 1.5em 0em 1.5em 0em;
}
.chartext {
grid-area: chartext;
padding: 1em;
padding-bottom: 0em;
}
.charimg-r {
grid-area: charimg-r;
display: flex;
align-items: center;
background: white;
padding: 1.5em 0em 1.5em 0em;
}
.chartext-r {
grid-area: chartext-r;
padding: 1em;
padding-bottom: 0em;
}
#u-title p, #u-title-r p { margin: 0em; }
#u-title, #u-title-r {
color: #870000;
line-height: 2em;
}
#u-title p { margin: 0em; }
#u-title-r { text-align: right; }
.sgoth { font-family: 'Goldman'; font-size: 2.55em; font-weight: 700;}
display: none;
crom-thumbnail