SIGMA ALPHA WOLF GALLERY

Link to article: SIGMA ALPHA WOLF GALLERY.

@supports not (-webkit-touch-callout: none) {
    @media only screen and (min-width: 1025px) {

    body {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(var(--basalt-primary-color)) 25%, rgb(var(--basalt-primary-color)) 50%, rgb(var(--basalt-primary-color)) 75%, rgba(0, 0, 0, 0) 100%), var(--admo-backdrop);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    }

    }
}

:root {
    --admo-backdrop: url(https://scp-wiki.wikidot.com/local--files/soicodoc/biasoicodoc.webp);
    --header-title: "LONE WOLF";
    --header-subtitle: "";
}

.container{
    position: relative;
    left: calc(-20dvw + 20%);
    width: 100dvw !important;
    max-width: 80dvw !important;
}

.photo-gallery{
  display: flex;
  position: static;
}

.column{
  display: flex;
  flex-direction: column;
  padding: 5px;
}

.photo img{
  width: 300px;
  border-radius: 5px;
  padding: 5px;
  cursor: pointer;
  object-fit: fill;
}

.linkspan {
  font-family: Space Grotesk;
  font-size: 150%;
  text-align: center;
}

.yui-navset.yui-navset-top {
  border-left: 3px solid var(--bluedark);
}

.yui-navset .yui-nav {
  position: relative;
  z-index: 0;
  border: none;
  padding-left: 0.2em;
  justify-content: center;
}

.yui-navset .yui-nav li {
  padding: 0;
  margin: 0.2em 0.3em;
  transition: transform 0.2s ease-in-out;
}

.yui-navset .yui-nav li a {
  background: transparent;
  border: none;
  font-weight: 900;
  letter-spacing: -1px;
  font-size: 1.5em;
  color: #69684f;
}

.yui-navset .yui-nav li a em {
  border: none;
  padding: 0.5em 0.5em calc(0.5em - 2px) 0.5em;
  color: #c0b761;
  transition: font-size .3s ease-in-out;
}

@media only screen and (max-width: 26.5625rem) {
  .yui-navset .yui-nav .selected {
    font-size: 1.8em;
  }
}

.yui-navset .yui-nav .selected a em {
  padding: none;
  border: none;
  color: #69684f;
  font-size: 1.55em;
  transition: all .3s ease-in-out;
}
 
.yui-navset .yui-content {
  display: flex;
  flex-direction: column;
  background-color: transparent;
  border: none;
  padding: 0;
  position: relative;
  margin-top: 0.2em;
  transform-origin: 0 0;

}
.yui-navset .yui-content > div {
  border: none;
  border-left: none;
  background-color: none;
  padding: 0.25em 0.5em;
  display: block;
  top: 0;
  overflow: hidden;
  transform-origin: 0 0;
}

#page-content .yui-navset .yui-content > div > * {
  transform-origin: 0 0;
}

.yui-navset.yui-navset-top > ul.yui-nav {
  justify-content: space-evenly;
}

#page-content .yui-navset .yui-content > div[style*="none"] {
  display: block !important;
  flex: 0;
  max-height: 0;
  padding: 0 0.5em;
  border-width: 0;
  /* The following transition affects the one that DISAPPEARS */
  transition: padding 0s linear 0.5s,
        border-width 0s linear 0.5s,
        flex 0.5s cubic-bezier(.0,1.27,.0,.89) 0s;
  animation: tab-disappear 0.5s ease-in-out 0s 1 both;
}

#page-content .yui-navset .yui-content > div[style*="block"] {
  display: block !important;
  flex: 1;
  max-height: 9999rem;
  /* The following transition affects the one that APPEARS */
  transition: padding 0s linear 0.5s,
        border-width 0s linear 0.5s,
        flex 0.5s cubic-bezier(.99,.0,.99,.0) 0.5s;
  animation: tab-appear 0.5s ease-in-out 0.5s 1 both;
}
 
@keyframes tab-disappear {
  0% { max-height: 9999rem; }
  1% { max-height: 100vh; }
  100% { max-height: 0; }
}
@keyframes tab-appear {
  0% { max-height: 0; }
  99% { max-height: 100vh; }
  100% { max-height: 9999rem; }
}

(none)

```
container
```
```
photo-gallery
```
```
column
```
```
photo
```
```
column
```
```
photo
```
```
column
```
```
photo
```
```
column
```
```
photo
```

[[include :scp-wiki:theme:basalt darkmode=a|hidetitle=a]]

[[module CSS]]
@supports not (-webkit-touch-callout: none) {
    @media only screen and (min-width: 1025px) {

    body {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(var(--basalt-primary-color)) 25%, rgb(var(--basalt-primary-color)) 50%, rgb(var(--basalt-primary-color)) 75%, rgba(0, 0, 0, 0) 100%), var(--admo-backdrop);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    }

    }
}

:root {
    --admo-backdrop: url(https://scp-wiki.wikidot.com/local--files/soicodoc/biasoicodoc.webp);
    --header-title: "LONE WOLF";
    --header-subtitle: "";
}

.container{
    position: relative;
    left: calc(-20dvw + 20%);
    width: 100dvw !important;
    max-width: 80dvw !important;
}

.photo-gallery{
  display: flex;
  position: static;
}

.column{
  display: flex;
  flex-direction: column;
  padding: 5px;
}

.photo img{
  width: 300px;
  border-radius: 5px;
  padding: 5px;
  cursor: pointer;
  object-fit: fill;
}

.linkspan {
  font-family: Space Grotesk;
  font-size: 150%;
  text-align: center;
}
[[/module]]

[[>]]
[[module Rate]]
[[/>]]

[[div class="container"]]
    [[div class="photo-gallery"]]


        [[div class="column"]]
            [[div class="photo"]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/3999]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/783.webp]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/001ori.webp]]

             [[/div]]
         [[/div]]

        [[div class="column"]]
            [[div class="photo"]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/610.webp]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/5580.webp]]
             [[/div]]
         [[/div]]

        [[div class="column"]]
            [[div class="photo"]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/049.webp]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/ZynKiryu.webp]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/1662.webp]]

             [[/div]]
         [[/div]]


        [[div class="column"]]
            [[div class="photo"]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/adamivanov]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/166%252B1.webp]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/953.webp]]


             [[/div]]
         [[/div]]
    [[/div]]
[[/div]]

[[tabview]]
[[tab SCPs]]
++ **SCP-001: Touching Eternity**
[[collapsible]]
[[image  https://scp-wiki.wikidot.com/local--files/soicodoc/001ori.webp]]

[[/collapsible]]

++ **SCP-001: A Portrait Of Hell**
[[collapsible]]
[[image  https://scp-wiki.wikidot.com/local--files/soicodoc/yoshihide1.webp]]
[[image  https://scp-wiki.wikidot.com/local--files/soicodoc/yoshihide2.webp]]
[[image  https://scp-wiki.wikidot.com/local--files/soicodoc/yoshihide3.webp]]
[[/collapsible]]

++ **SCP-049: Plague Doctor**
[[collapsible]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/049.webp]]
[[/collapsible]]

++ **SCP-166: Just a Teenage Gaea**
[[collapsible]]
[[image  https://scp-wiki.wikidot.com/local--files/soicodoc/166.webp]]
[[/collapsible]]

++ **SCP-166: Just a Teenage Gaea - 67**
[[collapsible]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/166%252B1.webp]]
[[/collapsible]]

++ **SCP-610: The Flesh that Hates**
[[collapsible]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/610.webp]]
[[/collapsible]]

++ **SCP-783: There Was A Crooked Man**
[[collapsible]]
[[image  https://scp-wiki.wikidot.com/local--files/soicodoc/783.webp]]
[[/collapsible]]

++ **SCP-953: Polymorphic Humanoid**
[[collapsible]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/953.webp]]
[[/collapsible]]

++ **SCP-2396: Ms. Sweetie**
[[collapsible]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/2396.webp]]
[[/collapsible]]

++ **SCP-3999: I Am At The Center of Everything That Happens To Me**
[[collapsible]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/3999]]
[[/collapsible]]

++ **SCP-5580: Heresiography**
[[collapsible]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/55802.webp]]

[[/collapsible]]

++ **SCP-5595: The Site Director**
[[collapsible]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/5595.webp]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/5595%25282%2529.webp]]
[[/collapsible]]

++ **SCP-6000: The Serpent, the Moose, and the Wanderer's Library**
[[collapsible]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/6000.webp]]
[[/collapsible]]

++ **SCP-7999: Meet Me in the Stars**
[[collapsible]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/7999.webp]]
[[/collapsible]]

++ **SCP-8400: The Birch Knight and the Game of Three Chestnuts**
[[collapsible]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/8400.webp]]
[[/collapsible]]
[[/tab]]

[[tab Tales]]
++ **Portraits Of Your Father**
[[collapsible]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/portraitofyourfather.webp]]
[[/collapsible]]
[[/tab]]

[[tab Characters]]
++ **Adam Ivanov**
[[collapsible]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/adamivanov]]
[[/collapsible]]

++ **Aaron Siegel**
[[collapsible ]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/aaronsiegel.webp]]
**Translator's Note:** Text in the bottom right: "You're not sigma, Calvin."
[[/collapsible]]

++ **Director Moose**
[[collapsible]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/dirmoose.webp]]
[[/collapsible]]

++ **Director Nguyễn Dương**
[[collapsible ]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/Nguyenduong.webp]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/sketchnguyenduong.webp]]
**Translator's Note:** Text in the image: "Report".
[[/collapsible]]

++ **Clef and Meri**
[[collapsible ]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/Clefandmeri.webp]]
[[/collapsible]]

++ **Iris and Draven**
[[collapsible ]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/IrisvaDraven]]
[[/collapsible]]

++ **Doctor Zyn Kiryu**
[[collapsible ]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/ZynKiryu.webp]]
[[/collapsible]]

++ **Doctor Prime Rose**
[[collapsible ]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/primerose.webp]]
[[/collapsible]]

++ **Black Queen**
[[collapsible]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/blackqueen.webp]]
[[/collapsible]]

++ **League and SCP-5595**
[[collapsible]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/lagueva5595.webp]]
[[/collapsible]]
[[/tab]]

[[tab Others]]
++ **MTF Zeta-9 ("Mole Rats")**
[[collapsible]]
[[image  https://scp-wiki.wikidot.com/local--files/soicodoc/zeta9.webp]]
[[/collapsible]]

++ **SCP x GOC waifu**
[[collapsible]]
[[image  https://scp-wiki.wikidot.com/local--files/soicodoc/alimigoon.webp]]
**Translator's Note:** Text in the image: "GOC – SCP, but they are anime girls…"
[[/collapsible]]

++ **Tết Holiday Banner**
[[collapsible]]
[[image https://scp-wiki.wikidot.com/local--files/soicodoc/bannertet]]
**Translator's Note:** Text in the left image: "[*https://en.wiktionary.org/wiki/v%E1%BA%A1n_s%E1%BB%B1_nh%C6%B0_%C3%BD As desired]"; Text in the right image: "Uncle, may we have some lucky money!" (Side Note: The Vietnamese Branch holds a collaboration event annually during the Tết/Lunar New Year holiday, which you can see [*https://scp-vn.wikidot.com/tet-holiday-hub here].)
[[/collapsible]]

[[/tab]]
[[/tabview]]

[[include :scpvnsandbox2:component:license-box
|author=soidaudan]]
[[include :scp-wiki:component:license-box-end]]

[[module CSS]]
.yui-navset.yui-navset-top {
  border-left: 3px solid var(--bluedark);
}

.yui-navset .yui-nav {
  position: relative;
  z-index: 0;
  border: none;
  padding-left: 0.2em;
  justify-content: center;
}

.yui-navset .yui-nav li {
  padding: 0;
  margin: 0.2em 0.3em;
  transition: transform 0.2s ease-in-out;
}

.yui-navset .yui-nav li a {
  background: transparent;
  border: none;
  font-weight: 900;
  letter-spacing: -1px;
  font-size: 1.5em;
  color: #69684f;
}

.yui-navset .yui-nav li a em {
  border: none;
  padding: 0.5em 0.5em calc(0.5em - 2px) 0.5em;
  color: #c0b761;
  transition: font-size .3s ease-in-out;
}

@media only screen and (max-width: 26.5625rem) {
  .yui-navset .yui-nav .selected {
    font-size: 1.8em;
  }
}

.yui-navset .yui-nav .selected a em {
  padding: none;
  border: none;
  color: #69684f;
  font-size: 1.55em;
  transition: all .3s ease-in-out;
}
 
.yui-navset .yui-content {
  display: flex;
  flex-direction: column;
  background-color: transparent;
  border: none;
  padding: 0;
  position: relative;
  margin-top: 0.2em;
  transform-origin: 0 0;

}
.yui-navset .yui-content > div {
  border: none;
  border-left: none;
  background-color: none;
  padding: 0.25em 0.5em;
  display: block;
  top: 0;
  overflow: hidden;
  transform-origin: 0 0;
}

#page-content .yui-navset .yui-content > div > * {
  transform-origin: 0 0;
}

.yui-navset.yui-navset-top > ul.yui-nav {
  justify-content: space-evenly;
}

#page-content .yui-navset .yui-content > div[style*="none"] {
  display: block !important;
  flex: 0;
  max-height: 0;
  padding: 0 0.5em;
  border-width: 0;
  /* The following transition affects the one that DISAPPEARS */
  transition: padding 0s linear 0.5s,
        border-width 0s linear 0.5s,
        flex 0.5s cubic-bezier(.0,1.27,.0,.89) 0s;
  animation: tab-disappear 0.5s ease-in-out 0s 1 both;
}

#page-content .yui-navset .yui-content > div[style*="block"] {
  display: block !important;
  flex: 1;
  max-height: 9999rem;
  /* The following transition affects the one that APPEARS */
  transition: padding 0s linear 0.5s,
        border-width 0s linear 0.5s,
        flex 0.5s cubic-bezier(.99,.0,.99,.0) 0.5s;
  animation: tab-appear 0.5s ease-in-out 0.5s 1 both;
}
 
@keyframes tab-disappear {
  0% { max-height: 9999rem; }
  1% { max-height: 100vh; }
  100% { max-height: 0; }
}
@keyframes tab-appear {
  0% { max-height: 0; }
  99% { max-height: 100vh; }
  100% { max-height: 9999rem; }
}
[[/module]]

SIGMA ALPHA WOLF GALLERY

Module Styles

Inline Styles

Includes

CSS Classes

Page Source