REMEMBER 2 KISS YOUR TV

Link to article: REMEMBER 2 KISS YOUR TV.

Module Styles

• 
  div.terminal{
      border: 1px solid black;
      border: solid 3px #BBBBBB;
      border-radius: 16px;
      background-color: #281033;
      /* black shadow at the top of the terminal */
      background-image: 
          radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #281033);
      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 #200441
  }
  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(213,7,249,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: #a539cb;
      text-decoration: none;
      background: transparent;
  }
  div.text a.newpage {
      color: #a539cb;
      text-decoration: none;
      background: transparent;
  }
  div.text a:hover {
      color: #200441;
      text-decoration: underline;
      background-color: #a539cb;
      padding: 1px;
  }
  div.text a:hover::before{
      content: "> ";
  }

Inline Styles

• (none)

Includes

• :scp-wiki:component:pride-highlighter [info]
• :scp-wiki:theme:night-rush-theme [info]
• :scp-wiki:component:image-features-source [info]

CSS Classes

• terminal

• scanline

• text

Page Source

[[>]]
[[module Rate]]
[[/>]]
[[include :scp-wiki:component:pride-highlighter |inc-s9-animp= --]]]
[[include :scp-wiki:theme:night-rush-theme]]

[[module CSS]]

div.terminal{
    border: 1px solid black;
    border: solid 3px #BBBBBB;
    border-radius: 16px;
    background-color: #281033;
    /* black shadow at the top of the terminal */
    background-image: 
        radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #281033);
    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 #200441
}
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(213,7,249,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: #a539cb;
    text-decoration: none;
    background: transparent;
}
div.text a.newpage {
    color: #a539cb;
    text-decoration: none;
    background: transparent;
}
div.text a:hover {
    color: #200441;
    text-decoration: underline;
    background-color: #a539cb;
    padding: 1px;
}
div.text a:hover::before{
    content: "> ";
}
[[/module]]

[[div class="terminal"]]
[[div class="scanline"]]
[[/div]]
[[div class="text"]]
[[=]]
[[size 170%]] __FEELING LONELY? **ADOPT A COMPANION TODAY!**__[[/size]]
@@ @@
//FEED YOUR EGO | CAN BE WHOEVER YOU WANT IT TO BE | NOW REALER THAN REAL LIFE!//
[[/=]]
[[include :scp-wiki:component:image-features-source |click-fullscreen=--]
|speed=1
|float=true
|align=center
|width=90%
|url=https://scp-wiki.wdfiles.com/local--files/art%3Aremember-2-kiss-your-tv/nelveryat-gif-velvetnell
|alt=alt|alt-text=Image Description Here
|add-caption=false
|caption=text
]]
> **[https://youtu.be/lk7IsmkexuM DON'T YOU LOVE THE THOUGHT OF BEING HELD CLOSE BY A DANGEROUS MACHINE?]**
[[/div]]
[[/div]]