Link to article: Esperanza's Translations(?).
:root {
--2024_red: 124,204,235;
--2024_gray: 255, 237, 221;
--2024_black: 39, 36, 36;
--2024_white: 255,255,238;
--2024_purple: 255,200,87;
--2024_link: 0,178,202;
--2024_visited-link: 168,216,234;
--2024_hover-link: var(--2024_visited-link);
--2024_dead-link: 251, 163, 31;
--2024_alt-link: var(--2024_black);
--2024_alt-visited-link: 0, 0, 0;
--2024_alt-hover-link: var(--2024_alt-link);
--2024_alt-dead-link: 255, 202, 45;
--2024_alt-link-2: 210, 12, 12;
--2024_alt-visited-link-2: 156, 8, 8;
--2024_alt-hover-link-2: 210, 12, 12;
--2024_alt-dead-link-2: 221, 102, 17;
--2024_pattern: url('http://ye-zhi-d.wikidot.com/local--files/start/theme2024pattern.png');
--logo-image: url('http://czyesperanza.wikidot.com/local--files/author-page-includes/IMG_2630.png');
--header-title: "Translation";
--header-subtitle: "Language Redemption";
}
table.wiki-content-table th {
--wght: 700;
color: rgb(var(--2024_white));
background-image: var(--2024_pattern);
background-repeat: repeat;
background-size: 80px auto;
}
table.wiki-content-table td {
color: rgb(var(--2024_white));
background: rgb(var(--2024_black));
}
table.wiki-content-table td,
table.wiki-content-table th,
table.wiki-content-table tr {
border: 0.2rem solid rgba(var(--2024_red), 0.6) !important;
}
.display-container {
display: grid;
grid-template-columns: 50% 50%;
grid-template-rows: auto;
grid-template-areas:
'image text'
'image text';
padding: 8px;
margin-bottom: 2rem;
box-sizing: border-box;
}
.display-container.second {
grid-template-areas:
'text image'
'text image';
}
.tale-cover {
grid-area: image;
place-self: center;
justify-self: center;
box-sizing: border-box;
}
.tale-desc {
grid-area: text;
justify-self: stretch;
padding-left: 1.4rem;
border-left: solid 0.1rem #333;
margin-left: 0.8rem;
box-sizing: border-box;
font-size: 105%;
}
.tale-desc h4 {
text-align: right;
font-weight: normal;
font-style: italic;
}
.display-container.second .tale-desc {
padding-left: 0; padding-right: 1.4rem;
border-left: none; border-right: solid 0.1rem #333;
margin-left: 0; margin-right: 0.8rem;
}
.tale-cover img {
width: 480px;
border-radius: 15px;
box-sizing: border-box;
box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
transition: 0.34s ease-in-out transform, 0.38s ease-in-out box-shadow;
}
.tale-cover img:hover {
transform:
perspective(75em)
rotateY(25deg);
box-shadow: -2px 0px 8px rgba(0,0,0,0.2);
}
.display-container.second .tale-cover img:hover {
transform:
perspective(75em)
rotateY(-25deg);
box-shadow: 2px 0px 8px rgba(0,0,0,0.2);
}
.tale-desc h1, .multi-grid div h1, .multi-grid-small div h1 {
font-size: 2em;
text-align: center;
letter-spacing: -0.045em;
}
.multi-grid div h1 { font-size: 1.25em; }
.multi-grid-small div h1 { font-size: 1.15em; }
@media (max-width: 700px) {
.display-container, .display-container.second {
grid-template-areas:
'image image'
'text text';
}
.tale-desc, .display-container.second .tale-desc {
padding: 4px;
border: none;
border-top: solid 0.1rem #333;
margin: 0; margin-top: 1rem;
}
.tale-cover img:hover, .display-container.second .tale-cover img:hover {
transform: none;
}
}
.year-in-review {
display: flex;
align-items: center;
}
.year-in-review + br { display: none; }
.year-in-review::before, .year-in-review::after {
content: "";
display: flex;
flex-grow: 1;
background-color: #333;
height: 0.1rem;
}
.year-in-review h1 {
font-size: 2rem;
margin: 0 0.75rem;
padding-top: 0.2rem;
}
.yui-navset.yui-navset-top .yui-content {
padding: 0.5rem 0 0.1rem 0;
border: none;
}
:backrooms-wiki-cn:theme:2024
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]