Kill the Sarkicist!!!

Link to article: Kill the Sarkicist!!!.

Module Styles

• 
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #131;
      /* black shadow at the top of the terminal */
      background-image: 
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
      /* shadow around the terminal */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
      /* prevents scanline from forming a scrollwheel */
      overflow:hidden;
  }
  div.terminal blockquote {
      background-color: black;
      border: double 3px #80FF80
  }
  div.scanline{
      margin-top: -40%;
      width: 100%;
      height: 60px;
      position: relative;
      pointer-events: none;
      /* Safari 4.0 - 8.0 */
      -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
      animation: scan 12s linear 0s infinite; /* Same as above */
      background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
  }
  
  div.text{
      color: rgba(128,255,128,0.8);
      padding-left: 2em;
      padding-top: 40%;
      font-family: monospace;
      font-size: 1.2em;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
  }
  
  @keyframes scan{
      from{ transform: translateY(-10%);}
      to{  transform: translateY(5000%);} /* Same as above.*/
  }
  
  div.text a {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #90EE90;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #131;
      text-decoration: underline;
      background-color: #80FF80;
      padding: 1px;
  }
  div.text a:hover::before{
      content: "> ";
  }

Inline Styles

• (none)

Includes

• :scp-wiki:theme:black-highlighter-theme [info]
• :scp-wiki:theme:extra-black-highlighter-theme [info]
• :scp-wiki:component:license-box [info]
• :scp-wiki:component:license-box-end [info]

CSS Classes

• terminal

• scanline

• text

Page Source

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

[[module CSS]]

div.terminal{
    border: 1px solid black;
    border: solid 3px #BBBBBB;
    border-radius: 16px;
    background-color: #131;
    /* black shadow at the top of the terminal */
    background-image: 
        radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
    background-position: center;
    display: block;
    /* shadow around the terminal */
    box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
    /* prevents scanline from forming a scrollwheel */
    overflow:hidden;
}
div.terminal blockquote {
    background-color: black;
    border: double 3px #80FF80
}
div.scanline{
    margin-top: -40%;
    width: 100%;
    height: 60px;
    position: relative;
    pointer-events: none;
    /* Safari 4.0 - 8.0 */
    -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
    animation: scan 12s linear 0s infinite; /* Same as above */
    background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
}

div.text{
    color: rgba(128,255,128,0.8);
    padding-left: 2em;
    padding-top: 40%;
    font-family: monospace;
    font-size: 1.2em;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes scan{
    from{ transform: translateY(-10%);}
    to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
}

@keyframes scan{
    from{ transform: translateY(-10%);}
    to{  transform: translateY(5000%);} /* Same as above.*/
}

div.text a {
    color: #90EE90;
    text-decoration: none;
    background: transparent;
}
div.text a.newpage {
    color: #90EE90;
    text-decoration: none;
    background: transparent;
}
div.text a:hover {
    color: #131;
    text-decoration: underline;
    background-color: #80FF80;
    padding: 1px;
}
div.text a:hover::before{
    content: "> ";
}
[[/module]]

[[include :scp-wiki:theme:black-highlighter-theme]]
[[include :scp-wiki:theme:extra-black-highlighter-theme]]

[[div class="terminal"]]
[[div class="scanline"]]
[[/div]]
[[div class="text"]]
[[=]]
[[size 150%]] __Photo Record #001__[[/size]]
@@ @@
@@ @@
@@------@@
Welcome, User
@@------@@
[[/=]]
@@ @@
@@ @@
@@ @@
> The record below is about an extermination mission of a Sarkicist group located in the ███████ forest. The captured photo was accidentally taken by one of the agents who assisted in the mission.

> [https://scp-wiki.wikidot.com/system:page-tags/tag/sarkic >related documents]

[[=image https://scp-wiki.wikidot.com/local--files/art:kill-the-sarkisist/4391836c9009a45c8bc10640d3dc2717b0a1655f.webp]]

> Art make by: Vanis_art

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

[[include :scp-wiki:component:license-box]]
> **Filename:** 4391836c9009a45c8bc10640d3dc2717b0a1655f.webp
> **Author:** [[*user vanis_art]]
> **License:** CC BY-SA 3.0
> **Source Link:** [https://scp-wiki.wikidot.com/art:kill-the-sarkisist SCP Foundation Wiki]
[[include :scp-wiki:component:license-box-end]]