Link to article: Me vs you (also know as Felixou’s author page).
:root {
--header-title: "FELIXOU's";
--header-subtitle: "Author Page";
#page-title{display:none}
}
/* ----------*/
.tcontainer {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: space-between;
}
.caser {
background-color: #413e3e;
width: 14.2rem;
padding: 6px;
margin: 6px;
box-sizing: border-box;
border: solid 1px #808080;
display: block;
text-align: center;
transition: transform .16s;
line-height: 1.1;
position: relative;
}
.caser hr {
margin-left: 0; margin-right: 0;
}
.caser h4 {
margin-top: 14px;
margin-bottom: -12px;
}
.caser img.image {
max-height: 12rem;
width: max-content;
object-fit: cover;
object-position: top;
}
.caser:hover {
transform: scale(1.52);
z-index: 2;
}
.caser:focus-within {
transform: scale(1.52);
z-index: 2;
}
.hoverdesc {
position: absolute;
box-sizing: border-box;
background: grey;
border: solid 1px #ccc;
width: 14.2rem;
top: 100%; left: 50%;
transform: translateX(-50%);
margin-top: -5rem;
padding: 0.4rem;
opacity: 0;
font-size: 70%;
pointer-events: none;
transition: margin-top 0.3s cubic-bezier(.08,.72,.5,.94), opacity 0.175s linear;
z-index: -1;
word-break: unset;
}
.caser:hover .hoverdesc,
.caser .hoverdesc:hover {
margin-top: 0;
opacity: 1;
pointer-events: all;
}
.caser:focus-within .hoverdesc{
margin-top: 0;
opacity: 1;
pointer-events: all;
}
.anchor {
position: sticky;
height:0;
top: 0;
}
.sidebox {
margin-top: 16px;
max-height: calc(92vh - 24px);
position: absolute;
top: 0;
right: -14em;
z-index: 4;
box-sizing: border-box;
}
div#toc {
box-sizing: border-box;
font-size: 90%;
box-shadow: none;
border: solid 1px #ccc;
}
@media (max-width: 1384px) {
.sidebox {
display: none;
visibility:hidden;
}
}
text-align: center;
background-image: url(https://www.wikidot.com/avatar.php?userid=%%number%%); background-repeat: no-repeat; background-position: center center; background-size: auto 58%;
:scp-wiki:theme:black-highlighter-theme
[info]
:scp-wiki:theme:penumbra-bhl
[info]
component:sybadge
component:sybadge
component:sybadge
component:sybadge
component:sybadge
component:sybadge
component:sybadge
:scp-wiki:component:listusers-1
[info]
:scp-wiki:component:listusers-2
[info]
:scp-wiki:component:listusers-3
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
blockquote
tcontainer
caser
hoverdesc
caser
hoverdesc
caser
hoverdesc
caser
hoverdesc
caser
hoverdesc
caser
hoverdesc
caser
hoverdesc
caser
hoverdesc
tcontainer
caser
hoverdesc
caser
hoverdesc
caser
hoverdesc
caser
hoverdesc
caser
hoverdesc
tcontainer
caser
hoverdesc
caser
hoverdesc
blockquote