April Fools 2024

Link to article: April Fools 2024.

Module Styles

• 
  /* Pizza Theme */
  /* by syuzhet */
  
  /* Tech team member, you are forbidden from scrolling any further. Turn off your computer NOW! (Bene Gesserit voice) */
  
  :root {
    --header-background-color: 215, 29, 48;
    --base-header-height: 5rem;
  
    --top-bar-link-color: 255, 255, 255;
    --top-bar-dropdown-link-color: 0, 0, 0;
    --header-UI-font-size: 1.2rem;
    --header-UI-dropdown-font-size: 1rem;
  }
  
  #container #header {
      box-shadow: unset;
  }
  
  #header {
    position: relative;
    top: 2rem;
    width: 95%;
    margin: auto;
    padding: 0 2rem;
    border-radius: 2rem;
    filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.3));
  }
  
  #header h1 a span {
    display: none;
  }
  
  #container #header h1 a {
    padding: 0;
  }
  
  #container #header h1 a::before {
    content:'';
    display:block;
    width: 6rem;
    max-width: 6rem;
    margin: 0 2rem;
    background-image: url(https://scp-wiki.wdfiles.com/local--files/april-fools-2024/pizza%20logo%202.png);
    background-position:center;
    background-repeat:no-repeat
  }
  
  /* Widebox */
  
  #page-content > p:nth-child(-n+4) {
      display: none;
  }
  
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      max-width: 100dvw !important;
  }
  
  .banner {
      height: calc(85dvh);
      background-image: url(https://scp-wiki.wdfiles.com/local--files/april-fools-2024/pizza.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
  }
  
  .banner .bannertext {
      color: black;
      position: absolute;
      font-size: 2rem;
      text-align: center;
      left: 12dvw;
      top: 20dvh;
      width: 35dvw;
      font-weight: 600;
  }
  
  .banner .bannertext p {
       line-height: 2rem;
  }
  
  .banner br {
    content: "";
    margin: 1rem;
    display: block;
    font-size: 24%;
  }
  
  .banner span {
      color: #DA2D3F;
      font-size: 5vw;
      white-space: nowrap;
      font-weight: 700;
  }
  @media screen and (min-width: 1920px) {
    .banner span {
       font-size: 6rem;
    }
  }
  
  
  
  .banner .orderbox {
       background: #DA2D3F;
       font-weight: 600;
       color: white;
       width: 50%;
       border-radius: 2rem;
       margin: auto;
       padding: 1px;
       user-select: none;
  }
  
  .banner .orderbox:active {
       animation-name: linkshaker;
      animation-duration: 0.2s;
  }
  
  @keyframes linkshaker {
      0% {
          transform: translateX(10px) translateY(10px);
      }
      50% {
          transform: translateX(-10px) translateY(-10px);
      }
      100% {
          transform: translateX(0px) translateY(0px);
      }
  }
  
  .banner .orderbox p {
       font-size: 1.5rem;
       line-height: 1rem;
  }
  
  /* Features */
  
  p #u-featurebigtext{
       display: block;
       text-align: center;
       font-weight: 700;
       font-size: 3rem;
  }
  
  .featuresbox {
       display: flex;     
       align-items: center;
       justify-content: center;
  }
  
  .featuresbox .feature {
       position: relative;
       display: block;
       background: red;
       height: 20rem;
       width: 40rem;
       margin: 0rem 1rem;
       border-radius: 2rem;
       overflow: hidden;
  }
  
  .featuresbox .feature img {
       height: 100%;
       width: 100%;
       object-fit: cover;
  }
  
  .featuretext {
       position: absolute;
       padding: 0rem 2rem;
       color: white;
       font-size: 2rem;
       font-weight: 700;
       bottom: 0;
       pointer-events: none;
  }
  
  .feature:before {
      content: "";
      position: absolute;
      background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 35%);
      height: 100%;
      width: 100%;
      z-index: 1;
      opacity: 0.25;
      transition: 0.5s;
      pointer-events: none;
  }
  
  .feature:hover:before {
      opacity: 0.75;
  }
  
  .featuretext {
       z-index: 1;
  }
  
  .featuretext p {
       line-height: 3rem;
       margin: 1rem 0;
  }
  
  .featuretext .featureorderbox {
       color: black;
       font-size: 1rem;
       background: white;
       padding: 0.5rem 2rem;
       border-radius: 1rem;
  }
  
  /* Piece of shit sidebar */
  
  #top-bar div.mobile-top-bar>.open-menu {
       visibility:visible;
       opacity: 0.6;
       transition: opacity 0.2s;
  }
  
  #top-bar div.mobile-top-bar>.open-menu:hover {
      opacity: 1;
  }
  
  #side-bar {
       margin-top:0;
       height:100%
  }
  
  #side-bar, #side-bar:is(:hover, :focus-within):not(:target) {
       left:calc(var(--side-bar-width) * -1)
  }
  
  #side-bar::after, #side-bar::before {
       display:none
  }
  
  #side-bar:target {
       left:0;
       width:var(--side-bar-width);
       z-index:10
  }
  
  #side-bar a.close-menu, #side-bar:target a.close-menu {
       display:block;
       pointer-events:none;
       position:fixed;
       top:0;
       right:0;
       left:auto;
       width:100%;
       min-width:3.75rem;
       height:100%;
       margin-left:0;
       opacity:0;
       z-index:-1;
       transition:width var(--side-bar-transition),opacity var(--side-bar-transition)   
  }
  
  #side-bar:target a.close-menu {
       width:calc(100% - var(--side-bar-width));
       pointer-events:auto;
       opacity:1;
  }
  
  /* Mobile */
  
  @media only screen and (max-width: 1020px) {
  
  #header {
    top: revert;
    width: 100%;
    margin: revert;
    padding: revert;
    border-radius: revert;
  }
  .banner {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/april-fools-2024/pizza2.jpg);
  }
  .banner .bannertext {
      font-size: 1.5rem;
      left: 0;
      right: 0;
      margin: auto;
      width: 90%;
  }
  
  .banner .bannertext p {
       line-height: 2rem;
  }
  
  .banner br {
    margin: 0.5rem;
  }
  
  .banner span {
      font-size:4rem;
  }
  
  p #u-featurebigtext{
       font-size: 2.5rem;
  }
  
  .featuresbox {
       flex-direction: column;
  }
  .featuresbox .feature {
       height: 15rem;
       margin: 0.25rem 1rem;
       border-radius: revert;
  }
  
  }
  
  

• .INT-box {
      display: flex;
      justify-content: center;
      align-items: center;
      grid-gap: 0.325rem 0.625rem;
      flex-wrap: wrap;
      box-sizing: border-box;
      background-color: #fff;
      margin: 0.75rem 0;
      padding: 1.25rem 1.875rem 1.875rem;
      border-radius: 1.5rem;
      border: solid 0.275rem #000;
      box-shadow: inset 0 0 0 0.175rem #fff, inset 0 0 0 0.675rem #4b92db;
  }
  .INT-box h1 { margin: 0.125rem 0 0.325rem; }
  .INT-box > a {
      flex-basis: calc(27.5% + 1rem + 1vw);
      max-width: 12.25rem;
      min-width: min(100%, 10rem);
      padding: 0 0.5rem;
  }
  .INT-box > .INT-content {
      flex-grow: 1;
      flex-basis: 14rem;
      text-align: center;
  }
  @supports (text-align-last: center) {
      .INT-box > .INT-content p {
          text-align: justify;
          text-align-last: center;
      }
  }
  
  .INT-box > .collapsible-block {
      flex-basis: 100%;
      --col-link-size: min(calc(0.325rem + 1vw), 0.825rem);
      --col-border-width: 0.1rem;
  }
  .INT-box > .collapsible-block .collapsible-block-link {
      width: max-content;
      max-width: 75%;
      text-align: center;
      font-weight: bold;
      font-size: var(--col-link-size);
      margin: 0 auto;
      display: block;
      color: #4b92db;
      background-color: #fff;
      padding: 0 0.325em;
      z-index: 1;
  }
  .INT-box > .collapsible-block .collapsible-block-folded {position: relative; z-index: 1;}
  .INT-box > .collapsible-block .collapsible-block-folded:not([style*="none"])::before {
      content: "";
      display: block;
      position: absolute;
      left: 0; bottom: calc(var(--col-link-size)*0.5 - var(--col-border-width));
      width: 100%; height: var(--col-border-width);
      background-color: #4b92db;
      z-index: -1;
  }
  .INT-box > .collapsible-block .collapsible-block-unfolded {margin: 0;}
  .INT-box > .collapsible-block .collapsible-block-unfolded-link { position: relative; z-index: 1; }
  .INT-box > .collapsible-block .collapsible-block-content {
      border: var(--col-border-width) solid #4b92db;
      border-radius: 0.375rem;
      position: relative;
      z-index: 0;
      margin-top: calc(var(--col-link-size)*-0.5);
      padding: 0.875rem 0.325rem 0.125rem;
  }
  
  .c_international-body {
      display: flex;
      flex-wrap: wrap;
  }
  
  .c_international-box {
      font-size: 96.5%;
  }
  
  .c_international-box {
      text-align: center;
      flex-basis: 8.5rem;
      flex-grow: 1;
  }
  .c_international-box a img {
      width: 6.75rem;
  }
  .c_international-text p {
      margin: 0 0 1.25em;
  }
  @media (max-width: 580px) {
      .c_international-box {
          flex-basis: 6.5rem;
      }
      .c_international-box a img {
          width: 4.5rem;
      }
  }

Inline Styles

• width:10%;

• max-width: 70%;margin:auto;

Includes

• :scp-wiki:theme:basalt [info]
• :scp-wiki:fragment:wl-front-page-box [info]
• :scp-wiki:fragment:wl-front-page-box [info]
• :scp-wiki:component:license-box [info]
• :scp-wiki:component:license-box-end [info]

CSS Classes

• widebox

• banner

• bannertext

• orderbox

• featuresbox

• feature

• featuretext

• featurecaption

• featureorderbox

• feature

• featuretext

• featurecaption

• featureorderbox

• feature

• featuretext

• featurecaption

• featureorderbox

• feature

• featuretext

• featurecaption

• featureorderbox

• INT-box

• INT-content

• c_international-body

• c_international-box

• c_international-text

• c_international-box

• c_international-text

• c_international-box

• c_international-text

• c_international-box

• c_international-text

• c_international-box

• c_international-text

• c_international-box

• c_international-text

• c_international-box

• c_international-text

• c_international-box

• c_international-text

• c_international-box

• c_international-text

• c_international-box

• c_international-text

• c_international-box

• c_international-text

• c_international-box

• c_international-text

• c_international-box

• c_international-text

• c_international-box

• c_international-text

• c_international-box

• c_international-text

Page Source

[[include :scp-wiki:theme:basalt hidetitle=a|centertitle=a|wide=a]]
[[module CSS]]

/* Pizza Theme */
/* by syuzhet */

/* Tech team member, you are forbidden from scrolling any further. Turn off your computer NOW! (Bene Gesserit voice) */

:root {
  --header-background-color: 215, 29, 48;
  --base-header-height: 5rem;

  --top-bar-link-color: 255, 255, 255;
  --top-bar-dropdown-link-color: 0, 0, 0;
  --header-UI-font-size: 1.2rem;
  --header-UI-dropdown-font-size: 1rem;
}

#container #header {
    box-shadow: unset;
}

#header {
  position: relative;
  top: 2rem;
  width: 95%;
  margin: auto;
  padding: 0 2rem;
  border-radius: 2rem;
  filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.3));
}

#header h1 a span {
  display: none;
}

#container #header h1 a {
  padding: 0;
}

#container #header h1 a::before {
  content:'';
  display:block;
  width: 6rem;
  max-width: 6rem;
  margin: 0 2rem;
  background-image: url(https://scp-wiki.wdfiles.com/local--files/april-fools-2024/pizza%20logo%202.png);
  background-position:center;
  background-repeat:no-repeat
}

/* Widebox */

#page-content > p:nth-child(-n+4) {
    display: none;
}

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

.banner {
    height: calc(85dvh);
    background-image: url(https://scp-wiki.wdfiles.com/local--files/april-fools-2024/pizza.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.banner .bannertext {
    color: black;
    position: absolute;
    font-size: 2rem;
    text-align: center;
    left: 12dvw;
    top: 20dvh;
    width: 35dvw;
    font-weight: 600;
}

.banner .bannertext p {
     line-height: 2rem;
}

.banner br {
  content: "";
  margin: 1rem;
  display: block;
  font-size: 24%;
}

.banner span {
    color: #DA2D3F;
    font-size: 5vw;
    white-space: nowrap;
    font-weight: 700;
}
@media screen and (min-width: 1920px) {
  .banner span {
     font-size: 6rem;
  }
}



.banner .orderbox {
     background: #DA2D3F;
     font-weight: 600;
     color: white;
     width: 50%;
     border-radius: 2rem;
     margin: auto;
     padding: 1px;
     user-select: none;
}

.banner .orderbox:active {
     animation-name: linkshaker;
    animation-duration: 0.2s;
}

@keyframes linkshaker {
    0% {
        transform: translateX(10px) translateY(10px);
    }
    50% {
        transform: translateX(-10px) translateY(-10px);
    }
    100% {
        transform: translateX(0px) translateY(0px);
    }
}

.banner .orderbox p {
     font-size: 1.5rem;
     line-height: 1rem;
}

/* Features */

p #u-featurebigtext{
     display: block;
     text-align: center;
     font-weight: 700;
     font-size: 3rem;
}

.featuresbox {
     display: flex;     
     align-items: center;
     justify-content: center;
}

.featuresbox .feature {
     position: relative;
     display: block;
     background: red;
     height: 20rem;
     width: 40rem;
     margin: 0rem 1rem;
     border-radius: 2rem;
     overflow: hidden;
}

.featuresbox .feature img {
     height: 100%;
     width: 100%;
     object-fit: cover;
}

.featuretext {
     position: absolute;
     padding: 0rem 2rem;
     color: white;
     font-size: 2rem;
     font-weight: 700;
     bottom: 0;
     pointer-events: none;
}

.feature:before {
    content: "";
    position: absolute;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 35%);
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0.25;
    transition: 0.5s;
    pointer-events: none;
}

.feature:hover:before {
    opacity: 0.75;
}

.featuretext {
     z-index: 1;
}

.featuretext p {
     line-height: 3rem;
     margin: 1rem 0;
}

.featuretext .featureorderbox {
     color: black;
     font-size: 1rem;
     background: white;
     padding: 0.5rem 2rem;
     border-radius: 1rem;
}

/* Piece of shit sidebar */

#top-bar div.mobile-top-bar>.open-menu {
     visibility:visible;
     opacity: 0.6;
     transition: opacity 0.2s;
}

#top-bar div.mobile-top-bar>.open-menu:hover {
    opacity: 1;
}

#side-bar {
     margin-top:0;
     height:100%
}

#side-bar, #side-bar:is(:hover, :focus-within):not(:target) {
     left:calc(var(--side-bar-width) * -1)
}

#side-bar::after, #side-bar::before {
     display:none
}

#side-bar:target {
     left:0;
     width:var(--side-bar-width);
     z-index:10
}

#side-bar a.close-menu, #side-bar:target a.close-menu {
     display:block;
     pointer-events:none;
     position:fixed;
     top:0;
     right:0;
     left:auto;
     width:100%;
     min-width:3.75rem;
     height:100%;
     margin-left:0;
     opacity:0;
     z-index:-1;
     transition:width var(--side-bar-transition),opacity var(--side-bar-transition)   
}

#side-bar:target a.close-menu {
     width:calc(100% - var(--side-bar-width));
     pointer-events:auto;
     opacity:1;
}

/* Mobile */

@media only screen and (max-width: 1020px) {

#header {
  top: revert;
  width: 100%;
  margin: revert;
  padding: revert;
  border-radius: revert;
}
.banner {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/april-fools-2024/pizza2.jpg);
}
.banner .bannertext {
    font-size: 1.5rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 90%;
}

.banner .bannertext p {
     line-height: 2rem;
}

.banner br {
  margin: 0.5rem;
}

.banner span {
    font-size:4rem;
}

p #u-featurebigtext{
     font-size: 2.5rem;
}

.featuresbox {
     flex-direction: column;
}
.featuresbox .feature {
     height: 15rem;
     margin: 0.25rem 1rem;
     border-radius: revert;
}

}


[[/module]]

[[div class="widebox"]]
[[>]]
[[module Rate]]
[[/>]]
[[div class="banner"]]
[[div class="bannertext"]]
WARNING! THESE PIZZAS ARE
[[span]]CLASSIFIED![[/span]]
UNAUTHORIZED PERSONNEL WILL BE KNEADED, BAKED, THEN EATEN.
[[div class="orderbox"]]
ORDER NOW
[[/div]]
[[/div]]
[[/div]]

------

[[span id="featurebigtext"]]FEATURED PIZZAS[[/span]]
[[div class="featuresbox"]]
[[div class="feature"]]
[[image https://scp-wiki.wdfiles.com/local--files/scp-458/scp-458.jpg link="https://scp-wiki.wikidot.com/scp-458"]]
[[div class="featuretext"]]
[[span class="featurecaption"]]INFINITE LARGE PIZZA[[/span]]
[[span class="featureorderbox"]]ORDER NOW[[/span]]
[[/div]]
[[/div]]

[[div class="feature"]]
[[image https://live.staticflickr.com/2122/2287259675_d26cf38359_b.jpg link="https://scp-wiki.wikidot.com/slice-of-life"]]
[[div class="featuretext"]]
[[span class="featurecaption"]]A SLICE OF LIFE[[/span]]
[[span class="featureorderbox"]]ORDER NOW[[/span]]
[[/div]]
[[/div]]

[[div class="feature"]]
[[image https://scp-wiki.wdfiles.com/local--files/scp-3275/pizzazresize.png link="https://scp-wiki.wikidot.com/scp-3275"]]
[[div class="featuretext"]]
[[span class="featurecaption"]]THE WRONG PIZZA[[/span]]
[[span class="featureorderbox"]]ORDER NOW[[/span]]
[[/div]]
[[/div]]

[[div class="feature"]]
[[image https://scp-wiki.wdfiles.com/local--files/scp-5228/Pizza_Close.jpg link="https://scp-wiki.wikidot.com/scp-5228"]]
[[div class="featuretext"]]
[[span class="featurecaption"]]PIZZA THAT'S ALSO A COMPUTER!?[[/span]]
[[span class="featureorderbox"]]ORDER NOW[[/span]]
[[/div]]
[[/div]]


[[/div]]

------

[[span id="featurebigtext"]]SITE NEWS[[/span]]

@@@@
@@@@

[[=]]
[[image https://live.staticflickr.com/2561/3872869986_5082227583_n.jpg style="width:10%;"]]
Guy
[[/=]]

@@@@
@@@@

[[div style="max-width: 70%;margin:auto;"]]
Site News is proud to announce the grand opening of Spicy Crust Pizza! Despite previously being a writing website, SCP staff has decided to pivot the platform to the art of making delicious pizzas with perfect crusts and melty cheesy toppings. Located in the city center of the Three Portlands, this new pizza chain is sure to be a great restaurant to bring the whole site to. Here we have an interview with several staff members of Spicy Crust Pizza as to why they opened the restaurant and why it’s a great place to go for a delicious dinner.


> **What made you decide to switch from writing to pizza making?**
> 
> Uncle Tortellini: I was reading some articles for fun, and I noticed that the SCP wiki had a food tag. As I browsed the food tag, I just got hungrier and hungrier, and I decided to make a pizza. Everything else came naturally after that. Founding an entire pizza restaurant was just the logical next step.
> 
> **What are your most popular toppings?**
> 
> SynthPizza: We have plenty of popular toppings, such as Anchovies^12 and Fly Pepperoni, but our most popular topping has to be pizza itself. Inspired by several infinite SCPs, it’s where we use other pizzas as a topping, and those pizzas have pizza as a topping as well. This pattern continues to infinity. Despite being impossible for the human mind to comprehend, our --readers-- customers can’t get enough of them!
> 
> **Do you serve any food other than pizza?**
> 
> AnkySalami: Every pizza comes with a free side of delicious Ariadne’s Garlic Bread! Additionally, after every 1000 pizzas we make, we hold a contest to add a new item to our menu. The winner gets their creation added to our selection and a coupon for 20% off their next purchase!
> 
> **What are your thoughts on the other pizza restaurants in the area?**
> 
> Pepperismal: They just can’t compare to Spicy Crust Pizza! I downvoted them and wrote a comment on their menu with my critique.
> 
> **Thank you all for your time! I’ll be sure to stop by the next time I get a hankering for delicious pizza.**

Please note that no anomalies are allowed inside the restaurant except trained service anomalies.
[[/div]]

@@@@
@@@@

------

[[/div]]

[[include :scp-wiki:fragment:wl-front-page-box |css=--]]]
[[include :scp-wiki:fragment:wl-front-page-box |div=--]
|URL=https://wanderers-library.wikidot.com/
|URL-Title=Wanderers' Library
|img-URL=https://wanderers-library.wdfiles.com/local--files/component%3Atheme/wl_logo.png
|top-h4=Official Sister Site
|top-h2=The Wanderer's Library
|text=The Wanderer's Library features vegetarian options.
]]

[[div class="INT-box"]]
[[image https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-int-full-400.png link="http://scp-int.wikidot.com"]]

[[div class="INT-content"]]
++++ Pizza Across the World
+ [http://scp-int.wikidot.com/ International Translation Archive]

The International Translation Archive contains pizzas from all over the world, translated into forms palatable for the English-speaking tongue -- cheap, frozen, and available at your local supermarket!
[[/div]]

[[collapsible show="Show Branches of Spicy Crust Pizza" hide="Branches of the Spicy Crust Pizza"]]
[[div class="c_international-body"]]

[[div class="c_international-box"]]
[[image https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-ru-400.png link="https://scpfoundation.net/"]]
[[div class="c_international-text"]]
[https://scpfoundation.net/ Фонд SCP]
//Russian//
[[/div]]
[[/div]]

[[div class="c_international-box"]]
[[image https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-ko-400.png link="http://ko.scp-wiki.net/"]]
[[div class="c_international-text"]]
[http://ko.scp-wiki.net/ SCP 재단]
//Korean//
[[/div]]
[[/div]]

[[div class="c_international-box"]]
[[image https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-cn-400.png link="http://scp-wiki-cn.wikidot.com/"]]
[[div class="c_international-text"]]
[http://scp-wiki-cn.wikidot.com/ SCP基金会]
//Chinese//
[[/div]]
[[/div]]

[[div class="c_international-box"]]
[[image https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-fr-400.png link="http://fondationscp.wikidot.com/"]]
[[div class="c_international-text"]]
[http://fondationscp.wikidot.com/ Fondation SCP]
//French//
[[/div]]
[[/div]]

[[div class="c_international-box"]]
[[image https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-pl-400.png link="http://scp-pl.wikidot.com/main"]]
[[div class="c_international-text"]]
[http://scp-pl.wikidot.com/main Fundacja SCP]
//Polish//
[[/div]]
[[/div]]

[[div class="c_international-box"]]
[[image https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-es-400.png link="http://lafundacionscp.wikidot.com/"]]
[[div class="c_international-text"]]
[http://lafundacionscp.wikidot.com/ La Fundación SCP]
//Spanish//
[[/div]]
[[/div]]

[[div class="c_international-box"]]
[[image https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-th-400.png link="http://scp-th.wikidot.com/"]]
[[div class="c_international-text"]]
[http://scp-th.wikidot.com/ สถาบัน SCP]
//Thai//
[[/div]]
[[/div]]

[[div class="c_international-box"]]
[[image https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-jp-400.png link="http://scp-jp.wikidot.com/"]]
[[div class="c_international-text"]]
[http://scp-jp.wikidot.com/ SCP財団]
//Japanese//
[[/div]]
[[/div]]

[[div class="c_international-box"]]
[[image https://scp-wiki-de.wdfiles.com/local--files/scp-foundation-in-deutschland-portal/scp-logo-dach-400.png link="http://scp-wiki-de.wikidot.com/"]]
[[div class="c_international-text"]]
[http://scp-wiki-de.wikidot.com/ SCP auf Deutsch]
//German//
[[/div]]
[[/div]]

[[div class="c_international-box"]]
[[image https://o5command-int.wdfiles.com/local--files/tech-team:graphic-templates/scp-logo-it-400.png link="http://fondazionescp.wikidot.com"]]
[[div class="c_international-text"]]
[http://fondazionescp.wikidot.com/ Fondazione SCP]
//Italian//
[[/div]]
[[/div]]


[[div class="c_international-box"]]
[[image https://scp-wiki.wdfiles.com/local--files/scp-international/scp-logo-ua-400.png link="http://scp-ukrainian.wikidot.com/"]]
[[div class="c_international-text"]]
[http://scp-ukrainian.wikidot.com/ Фонд SCP]
//Ukrainian//
[[/div]]
[[/div]]

[[div class="c_international-box"]]
[[image https://scp-wiki.wdfiles.com/local--files/scp-international/scp-logo-pt-400.png link="http://scp-pt-br.wikidot.com/"]]
[[div class="c_international-text"]]
[http://scp-pt-br.wikidot.com/ Fundação SCP]
//Portuguese//
[[/div]]
[[/div]]

[[div class="c_international-box"]]
[[image https://scp-int.wdfiles.com/local--files/main/scp-logo-cs-400.png link="http://scp-cs.wikidot.com/"]]
[[div class="c_international-text"]]
[http://scp-cs.wikidot.com/ SCP Nadace]
//Czech//
[[/div]]
[[/div]]

[[div class="c_international-box"]]
[[image https://scp-int.wdfiles.com/local--files/main/scp-logo-zh-400.png link="http://scp-zh-tr.wikidot.com/"]]
[[div class="c_international-text"]]
[http://scp-zh-tr.wikidot.com/ SCP基金會]
//Traditional Chinese//
[[/div]]
[[/div]]

[[div class="c_international-box"]]
[[image https://scp-int.wdfiles.com/local--files/main/scp-logo-vn-400.png link="http://scp-vn.wikidot.com/"]]
[[div class="c_international-text"]]
[http://scp-vn.wikidot.com/ Tổ Chức SCP]
//Vietnamese//
[[/div]]
[[/div]]

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

[[/div]]

[[module CSS]]
.INT-box {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 0.325rem 0.625rem;
    flex-wrap: wrap;
    box-sizing: border-box;
    background-color: #fff;
    margin: 0.75rem 0;
    padding: 1.25rem 1.875rem 1.875rem;
    border-radius: 1.5rem;
    border: solid 0.275rem #000;
    box-shadow: inset 0 0 0 0.175rem #fff, inset 0 0 0 0.675rem #4b92db;
}
.INT-box h1 { margin: 0.125rem 0 0.325rem; }
.INT-box > a {
    flex-basis: calc(27.5% + 1rem + 1vw);
    max-width: 12.25rem;
    min-width: min(100%, 10rem);
    padding: 0 0.5rem;
}
.INT-box > .INT-content {
    flex-grow: 1;
    flex-basis: 14rem;
    text-align: center;
}
@supports (text-align-last: center) {
    .INT-box > .INT-content p {
        text-align: justify;
        text-align-last: center;
    }
}

.INT-box > .collapsible-block {
    flex-basis: 100%;
    --col-link-size: min(calc(0.325rem + 1vw), 0.825rem);
    --col-border-width: 0.1rem;
}
.INT-box > .collapsible-block .collapsible-block-link {
    width: max-content;
    max-width: 75%;
    text-align: center;
    font-weight: bold;
    font-size: var(--col-link-size);
    margin: 0 auto;
    display: block;
    color: #4b92db;
    background-color: #fff;
    padding: 0 0.325em;
    z-index: 1;
}
.INT-box > .collapsible-block .collapsible-block-folded {position: relative; z-index: 1;}
.INT-box > .collapsible-block .collapsible-block-folded:not([style*="none"])::before {
    content: "";
    display: block;
    position: absolute;
    left: 0; bottom: calc(var(--col-link-size)*0.5 - var(--col-border-width));
    width: 100%; height: var(--col-border-width);
    background-color: #4b92db;
    z-index: -1;
}
.INT-box > .collapsible-block .collapsible-block-unfolded {margin: 0;}
.INT-box > .collapsible-block .collapsible-block-unfolded-link { position: relative; z-index: 1; }
.INT-box > .collapsible-block .collapsible-block-content {
    border: var(--col-border-width) solid #4b92db;
    border-radius: 0.375rem;
    position: relative;
    z-index: 0;
    margin-top: calc(var(--col-link-size)*-0.5);
    padding: 0.875rem 0.325rem 0.125rem;
}

.c_international-body {
    display: flex;
    flex-wrap: wrap;
}

.c_international-box {
    font-size: 96.5%;
}

.c_international-box {
    text-align: center;
    flex-basis: 8.5rem;
    flex-grow: 1;
}
.c_international-box a img {
    width: 6.75rem;
}
.c_international-text p {
    margin: 0 0 1.25em;
}
@media (max-width: 580px) {
    .c_international-box {
        flex-basis: 6.5rem;
    }
    .c_international-box a img {
        width: 4.5rem;
    }
}
[[/module]]
[[=]]
[[include :scp-wiki:component:license-box
|author=syuzhet]]
> **Name:** pizza.jpg, logo.png
> **Author:** syuzhet
> **License:** CC BY-SA 3.0
> **Source Link:** https://scp-wiki.wikidot.com/april-fools-2024

> **Name:** St_Louis_Missouri_pizza_in_cardboard_box.jpg
> **Author:** Dale Cruse
> **License:** CC BY 2.0
> **Source Link:** https://www.flickr.com/photos/dalecruse/46652856915/

> **Name:** DSCF4072
> **Author:** Joe Loong
> **License:** CC BY-SA 2.0
> **Source Link:** https://www.flickr.com/photos/joelogon/2287259675

> **Name:** pizzazresize.png
> **Author:** [[*user Scented_Shadow]]
> **License:** CC BY-SA 3.0
> **Source Link:** [https://scp-wiki.wikidot.com/local--files/scp-3275/pizzazresize.png SCP-3275]

> **Name:** Pizza close up (1).jpg
> **Author:** Leon Brooks
> **License:** Public Domain
> **Source Link:** https://commons.wikimedia.org/wiki/File:Pizza_close_up_(1).jpg

> **Name:** Family Day At Salem Willows 2009
> **Author:** carolynwakefield
> **License:** CC BY 2.0
> **Source Link:** https://www.flickr.com/photos/carolynwakefield/3872869986
[[include :scp-wiki:component:license-box-end]]
[[/=]]