Link to article: Felixou's thumbnails.
@import url('https://fonts.googleapis.com/css2?family=Bahiana&display=swap');
:root{
--white: 244, 244, 244;
--dark: 46, 14, 2;
--medium-accent: 212, 104, 0;
--bright-accent: 242, 133, 0;
--toggle-roundness: 0;
--swatch-text-light: var(--white);
--swatch-menutxt-light-color: var(--white);
--link-color: 242, 133, 0;
--visited-link-color: 189, 107, 0;
--borderColor: #ff8c00 !important;
}
#header {
--header-h1-font-size: calc(var(--base-font-size)*3.25);
--header-title: "FELIXOU ARTPAGE";
--header-title-mobile: "ARTPAGE";
--swatch-headerh1-color: var(--bright-accent);
.tooltip {
position: relative;
display: inline-block;
transition: transform .16s;
}
#page-content .tooltip > a[href*="dark-achievement-badges"] {
box-shadow: none!important;
}
.tooltip .tooltiptext {
width: 120px;
background-color: #21252E;
color: #f8f8f8;
text-align: center;
padding: 5px;
border-radius: 6px;
position: absolute;
top: 95px;
left: calc(50% - 5px);
margin-left: -60px;
z-index: 2;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent #21252E transparent;
}
.tooltip:hover {
transform: scale(1.6);
z-index: 2;
}
.tooltip:hover > a {
background: transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
display: none;
background-color: var(--bgBadgeColor, #21252E); padding: .66rem .7rem .4rem .5rem; border-radius: .6rem 2.5rem .6rem .6rem; margin: .3rem; border: solid 4px var(--borderColor, #CEA0FF);
background-color: var(--bgBadgeColor, #21252E); padding: .66rem .7rem .4rem .5rem; border-radius: .6rem 2.5rem .6rem .6rem; margin: .3rem; border: solid 4px var(--borderColor, #CEA0FF);
background-color: var(--bgBadgeColor, #21252E); padding: .66rem .7rem .4rem .5rem; border-radius: .6rem 2.5rem .6rem .6rem; margin: .3rem; border: solid 4px var(--borderColor, #CEA0FF);
background-color: var(--bgBadgeColor, #21252E); padding: .66rem .7rem .4rem .5rem; border-radius: .6rem 2.5rem .6rem .6rem; margin: .3rem; border: solid 4px var(--borderColor, #CEA0FF);
background-color: var(--bgBadgeColor, #21252E); padding: .66rem .7rem .4rem .5rem; border-radius: .6rem 2.5rem .6rem .6rem; margin: .3rem; border: solid 4px var(--borderColor, #CEA0FF);
background-color: var(--bgBadgeColor, #21252E); padding: .66rem .7rem .4rem .5rem; border-radius: .6rem 2.5rem .6rem .6rem; margin: .3rem; border: solid 4px var(--borderColor, #CEA0FF);
background-color: var(--bgBadgeColor, #21252E); padding: .66rem .7rem .4rem .5rem; border-radius: .6rem 2.5rem .6rem .6rem; margin: .3rem; border: solid 4px var(--borderColor, #CEA0FF);
background-color: var(--bgBadgeColor, #21252E); padding: .66rem .7rem .4rem .5rem; border-radius: .6rem 2.5rem .6rem .6rem; margin: .3rem; border: solid 4px var(--borderColor, #CEA0FF);
background-color: var(--bgBadgeColor, #21252E); padding: .66rem .7rem .4rem .5rem; border-radius: .6rem 2.5rem .6rem .6rem; margin: .3rem; border: solid 4px var(--borderColor, #CEA0FF);
background-color: var(--bgBadgeColor, #21252E); padding: .66rem .7rem .4rem .5rem; border-radius: .6rem 2.5rem .6rem .6rem; margin: .3rem; border: solid 4px var(--borderColor, #CEA0FF);
background-color: var(--bgBadgeColor, #21252E); padding: .66rem .7rem .4rem .5rem; border-radius: .6rem 2.5rem .6rem .6rem; margin: .3rem; border: solid 4px var(--borderColor, #CEA0FF);
background-color: var(--bgBadgeColor, #21252E); padding: .66rem .7rem .4rem .5rem; border-radius: .6rem 2.5rem .6rem .6rem; margin: .3rem; border: solid 4px var(--borderColor, #CEA0FF);
background-color: var(--bgBadgeColor, #21252E); padding: .66rem .7rem .4rem .5rem; border-radius: .6rem 2.5rem .6rem .6rem; margin: .3rem; border: solid 4px var(--borderColor, #CEA0FF);
background-color: var(--bgBadgeColor, #21252E); padding: .66rem .7rem .4rem .5rem; border-radius: .6rem 2.5rem .6rem .6rem; margin: .3rem; border: solid 4px var(--borderColor, #CEA0FF);
background-color: var(--bgBadgeColor, #21252E); padding: .66rem .7rem .4rem .5rem; border-radius: .6rem 2.5rem .6rem .6rem; margin: .3rem; border: solid 4px var(--borderColor, #CEA0FF);
background-color: var(--bgBadgeColor, #21252E); padding: .66rem .7rem .4rem .5rem; border-radius: .6rem 2.5rem .6rem .6rem; margin: .3rem; border: solid 4px var(--borderColor, #CEA0FF);
background-color: var(--bgBadgeColor, #21252E); padding: .66rem .7rem .4rem .5rem; border-radius: .6rem 2.5rem .6rem .6rem; margin: .3rem; border: solid 4px var(--borderColor, #CEA0FF);
background-color: var(--bgBadgeColor, #21252E); padding: .66rem .7rem .4rem .5rem; border-radius: .6rem 2.5rem .6rem .6rem; margin: .3rem; border: solid 4px var(--borderColor, #CEA0FF);
background-color: var(--bgBadgeColor, #21252E); padding: .66rem .7rem .4rem .5rem; border-radius: .6rem 2.5rem .6rem .6rem; margin: .3rem; border: solid 4px var(--borderColor, #CEA0FF);
:scp-wiki:theme:black-highlighter-theme
[info]
:scp-wiki:theme:hansarp
[info]
:scp-wiki:component:toggle-sidebar-bhl
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
tooltip
tooltip
tooltip
tooltip
tooltip
tooltip
tooltip
tooltip
tooltip
tooltip
tooltip
tooltip
tooltip
tooltip
tooltip
tooltip
tooltip
tooltip
tooltip