Link to article: The Containment Of Arsène Lupin.
:root {
--linkColor: #FC8391;
--linkColor-newpage: #FC9958;
--primaryBackgroundColor: #FFFFFF;
--header-title: 'SCP FOUNDATION';
p {
text-justify: inter-word;
text-align: justify;
text-indent: 1rem;
}
/* -- CARDS, thank you rounderhouse -- */
.flip-card {
background-color: transparent;
width: 33.5rem;
height: 22.4rem;
perspective: 1000px;
margin-top: 1rem;
border-radius: 2.25rem;
}
.flip-card:nth-of-type(odd) {
margin-left: 27%;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.8s;
transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
transform: rotateX(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden; /* Safari */
backface-visibility: hidden;
}
.flip-card-front {
background-image: url('https://scp-wiki.wdfiles.com/local--files/the-containment-of-arsene-lupin/cardfront.png');
background-size: contain;
background-repeat: no-repeat;
border-radius: 2.25rem;
border: 2px solid #080000;
background-color: #0000;
background-blend-mode: overlay;
text-shadow: 2px 2px 2px #1c1c1c;
}
.flip-card-back {
background-image: url('https://scp-wiki.wdfiles.com/local--files/the-containment-of-arsene-lupin/callingcardback.png');
background-size: cover;
background-repeat: no-repeat;
color: white;
transform: rotateX(180deg);
border-radius: 2.25rem;
box-shadow: 0px 0px 10px 3px #6f1a1a;
}
.cardtext {
top: 30%;
position: absolute;
left: 10%;
right: 10%;
}
.flip-card-front .cardtext p {
margin-top: 0;
}
.cardtext a { color: white!important; font-size: 120%;}
.votes { color: rgb(255, 215, 0);}
.comments { color: rgb(255, 215, 0);}
.flip-card-front .cardtext {
font-size: 125%;
}
.flip-card-back .cardtext {
font-style: italic;
}
.flip-card:nth-of-type(2n) .flip-card-front { background-image: url('https://scp-wiki.wdfiles.com/local--files/the-containment-of-arsene-lupin/cardfront.png');}
@media only screen and (max-width: 1024px) {
.flip-card {
margin: 1rem auto;
width: 22.5rem;
height: 15rem;
}
.flip-card:nth-of-type(odd) {
margin-left: auto!important;
}
}
.vib {
display: inline-block;
animation: vibrate 0.3s infinite;
}
@keyframes vibrate {
0%, 100% { transform: translate(-0.03em, 0.03em) }
20% { transform: translate(-0.03em, -0.03em) }
40% { transform: translate(0.03em, 0.03em) }
60% { transform: translate(0.03em, -0.03em) }
80% { transform: translate(0.03em, 0.03em) }
}
width:80%;
width:80%;
width:80%;
width:80%;
width:80%;
width:80%;
:scp-wiki:theme:monotypical
[info]
fragment:card
:scp-wiki:component:earthworm
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]