A Collection of format screws, by and with ThePaperMask. Actually all of them are just taken with permission from other articles

This is where I put all the code I can find.
I had to move it here from my main sandbox because it would lag the hell out of the main sandbox.

[[html]]
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="jquery.jaticker_1.0.0.js"></script>
<link rel="stylesheet" href="jquery.jaticker_1.0.0.css" type="text/css">
<script src="//scp-jp-sandbox2.wdfiles.com/local--files/krt-w/jquery.jaticker_1.0.0.js"></script>
<p><script>
$(function() {
  $('#jaticker-1').jaticker({'inputSpeed': 200,});
});
</script></p>
 
<style>
@import url(http://d3g0gp89917ko0.cloudfront.net/v--de24f08b1628/common--theme/base/css/style.css);
@import url(http://d3g0gp89917ko0.cloudfront.net/v--de24f08b1628/common--theme/shiny/css/style.css);
@import url(http://SCP-jp.wdfiles.com/local--theme/SCP-sigma-9-off-canvas/style.css);
 
/*
 * jQuery jaTicker ver 1.0.0
 * Copyright (c) 2011 Otchy
 * This source file is subject to the MIT license.
 * http://www.otchy.net
 */
.jaticker-cursor {
    color: black;
}
 
.jaticker-convert {
        style: bold;
    color: black;
    background-color: cyan;
}
 
.fake_title {
  font-size: 100%;
  color: #990011;
}
.fake_title p {
  padding: 0;
  margin: 0;
}
</style>
<script>
$.fn.ticker.defaults = {
  random:        false, // Whether to display ticker items in a random order
  itemSpeed:     3000,  // The pause on each ticker item before being replaced
  cursorSpeed:   50,    // Speed at which the characters are typed
  pauseOnHover:  true,  // Whether to pause when the mouse hovers over the ticker
  finishOnHover: true,  // Whether or not to complete the ticker item instantly when moused over
  cursorOne:     '_',   // The symbol for the first part of the cursor
  cursorTwo:     '-',   // The symbol for the second part of the cursor
  fade:          true,  // Whether to fade between ticker items or not
  fadeInSpeed:   600,   // Speed of the fade-in animation
  fadeOutSpeed:  300    // Speed of the fade-out animation
};
</script>
<div class="fake_title">
<div id="jaticker-1" style="color: blue">
And it comes in different sizes too!
</div>
</div>
[[/html]]

+ Show Edits amazing code

- Hide it

[[html]]
<!DOCTYPE html>
<html lang="en">
 
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
 
  <!-- <script src="https://www.mattboldt.com/demos/typed-js/js/typed.custom.js"></script> -->
  <link rel="stylesheet" href="https://unpkg.com/typer-js/typer.css">
  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  <script src="https://unpkg.com/typer-js"></script>
 
  <style>
    body {
      background: #6D7074;
    }
 
    ::selection {
      background: white; color: #30353A /* WebKit/Blink Browsers */
     }
 
     ::-moz-selection {
       background: white; color: #30353A /* Gecko Browsers */
      }
 
    .terminal-window {
      text-align: left;
      width: 600px;
      height: 370px;
      border-radius: 10px;
      margin: auto;
      position: relative;
      box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }
 
    .terminal-window header {
      background: #E0E8F0;
      height: 30px;
      user-select: none;
      border-radius: 8px 8px 0 0;
      padding-left: 10px;
    }
 
    .terminal-window header .button {
      width: 12px;
      height: 12px;
      margin: 10px 4px 0 0;
      display: inline-block;
      border-radius: 8px;
    }
 
    .terminal-window header .button.green {
      background: #3BB662;
    }
 
    .terminal-window header .button.yellow {
      background: #E5C30F;
    }
 
    .terminal-window header .button.red {
      background: #E75448;
    }
 
    .terminal-window section.terminal {
      color: white;
      font-family: Menlo, Monaco, "Consolas", "Courier New", "Courier";
      font-size: 11pt;
      background: #30353A;
      padding: 10px;
      box-sizing: border-box;
      position: absolute;
      width: 100%;
      top: 30px;
      bottom: 0;
      overflow: auto;
    }
 
    .terminal-window section.terminal .typed-cursor {
      opacity: 1;
      -webkit-animation: blink 0.7s infinite;
      -moz-animation: blink 0.7s infinite;
      animation: blink 0.7s infinite;
    }
 
    .terminal-data {
      display: none;
    }
 
    .terminal-window .gray {
      color: gray;
    }
 
    .terminal-window .green {
      color: green;
    }
 
    div.prompt > div:before {
      content: "$ "
    }
  </style>
</head>
 
<body style="height: 400px">
    <div class="terminal-window">
        <header>
          <div class="button green"></div>
          <div class="button yellow"></div>
          <div class="button red"></div>
        </header>
        <section class="terminal">
          <div class="history"></div>
          <div class="prompt"></div>          
        </section>
      </div>
      <!-- data -->
      <div class="terminal-data mimik-run-output">
<pre style="text-align: center">                                                 
 _____           _     _   _            _____ _____ _____
|   __|___ ___ _| |___| |_|_|___ ___   |   __|     |  _  |
|   __| . |   | . | .'|  _| | . |   |  |__   |   --|   __|
|__|  |___|_|_|___|__,|_| |_|___|_|_|  |_____|_____|__|   
<br>We secure.      We contain.     We protect.</pre>
<br>You file has been uploaded.<br><br>
</div>
 
  <script>
  $(function() {
  var data = [
  { 
    action: 'type',
    strings: "ssh foundation-server-32 @Sánchez",
    output: '<span class="gray">Please enter your password.</span><br>&nbsp;',
    postDelay: 1000
  },
  { 
    action: 'type',
    strings: "pswd g0df0kind4m17f0834",
    output: 'Welcome, Doctor Sánchez. <br>You have been connected to the "<span class="gray">foundation-server-32</span>".<br>Loading...',
    postDelay: 4500
  },
  { 
    clear: true,
    action: 'type',
    strings: "launch foundation",
    output: $('.mimik-run-output').html()
  },
  { 
    action: 'type',
    strings: "grant access \"SCP-XXXX\"",
    noBR: true,
    output: "<br>You have now gained access to the file of 'SCP-XXXX'.",
    postDelay: 2000
  },
  { 
    action: 'type',
    strings: "exit",
    postDelay: 2000
  }
];
  runScripts(data, 0);
});
 
function runScripts(data, pos) {
    var prompt = $('.prompt'),
        script = data[pos];
    if(script.clear === true) {
        $('.history').html(''); 
    }
    switch(script.action) {
        case 'type':
          // cleanup for next execution
          prompt.removeData();
          $('.typed-cursor').text('');
          typer('.prompt', {min: 50, max: 350})
            .cursor({block: false, blink: 'soft'})
            .line('')
            .pause(1250)
            .continue(script.strings)
            .end(function () {
              var history = $('.history').html();
              history = history ? [history] : [];
              history.push('$ ' + prompt.text());
              if(script.output) {
                setTimeout(function () {
                  history.push(script.output);
                  prompt.html('');
                  if (script.noBR) {
                    $('.history').html(history.join(''));
                  } else {
                    $('.history').html(history.join('<br>'));
                  }
                }, 1000)
              }
 
              // scroll to bottom of screen
              $('section.terminal').scrollTop($('section.terminal').height());
              pos++
              if(pos < data.length) {
                setTimeout(function() {
                  runScripts(data, pos);
                }, script.postDelay || 1000);
              }
            })
 
          break;
        case 'view':
 
          break;
    }
}
</script>
 
</body>
 
</html>
[[/html]]

+ show Code

- hide code

[[html]]
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html id="html-block-html" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><meta http-equiv="Content-type" content="text/html; charset=utf-8"/><link rel="stylesheet" href="/common--theme/base/css/html-block.css"/></head><body>
<link href='//fonts.googleapis.com/css?family=Aldrich' rel='stylesheet'>
<head>
<style>
body {
   font-family: Aldrich; font-size: 12.8px;
}
 
.alert {
    padding: 20px;
    background-color: #000000;
    color: lightgreen;
  }
 
.button {
    background-color: #000000;
    border: none;
    color: lightgreen;
    padding: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: Aldrich;
    font-size: 18px;
    margin: 4px 2px;
    cursor: pointer;
}
 
@keyframes flicker {
  0% {
    opacity: 0.25795
  }
  5% {
    opacity: 0.31511
  }
  10% {
    opacity: 0.94554
  }
  15% {
    opacity: 0.2469
  }
  20% {
    opacity: 0.62031
  }
  25% {
    opacity: 0.0293
  }
  30% {
    opacity: 0.00899
  }
  35% {
    opacity: 0.5344
  }
  40% {
    opacity: 0.12778
  }
  45% {
    opacity: 0.52042
  }
  50% {
    opacity: 0.3823
  }
  55% {
    opacity: 0.2198
  }
  60% {
    opacity: 0.9383
  }
  65% {
    opacity: 0.86615
  }
  70% {
    opacity: 0.68695
  }
  75% {
    opacity: 0.55749
  }
  80% {
    opacity: 0.96984
  }
  85% {
    opacity: 0.1361
  }
  90% {
    opacity: 0.24467
  }
  95% {
    opacity: 0.08351
  }
  100% {
    opacity: 0.54813
  }
}
.overlay {
  height: 0px;
  position: absolute;
  top: 0;
  left: 0;
  width: 0px;
}
.overlay:before {
  background: linear-gradient(rgba(45,45,45,0.3) 50%, rgba(16, 16, 16, 0.2) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.03));
  background-size: 100% 3px, 6px 100%;
  content: "";
  display: block;
  pointer-events: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.overlay:after {
  animation: flicker 0.40s infinite;
  background: rgba(16, 16, 16, 0.2);
  content: "";
  display: block;
  pointer-events: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
</style>
</head>
<body>
 
<div class="overlay"></div>
<div class="alert">
<center><h2><img src="http://lafundacionscp.wdfiles.com/local--files/terminal-de-catalogacion/SCP%20Logo%20Verde.png" style="width:150px;height:150px;">
<br>
SCP</h2>
Secure // Contain // Protect </center>
<br>
<br>
<br>
<div style="display:none;" id="Inicio">
<span>Loading...<br><br></span>
</div>
<div style="display:none;" id="Inicio2">
<span>Please wait.<br><br></span>
</div>
<div style="display:none;" id="Inicio3">
<span>.<br><br></span>
</div>
<div style="display:none;" id="Inicio4">
<span>.<br><br></span>
</div>
<div style="display:none;" id="Inicio5">
<span>.<br><br></span>
</div>
<div style="display:none;" id="Inicio6">
<span>Checking system…<br><br></span>
</div>
<div style="display:none;" id="Inicio7">
<span>System checked..<br><br></span>
</div>
<div style="display:none;" id="Inicio8">
<span>Synchronzing events with Site-XX's server…<br><br></span>
</div>
<div style="display:none;" id="Inicio9">
<span>Please wait.<br><br></span>
</div>
<div style="display:none;" id="Inicio10">
<span>.<br><br></span>
</div>
<div style="display:none;" id="Inicio11">
<span>.<br><br></span>
</div>
<div style="display:none;" id="Inicio12">
<span>.<br><br></span>
</div>
<div style="display:none;" id="Inicio13">
<span><b>[ ACCESS GRANTED ]</b><br><br></span>
</div>
<div style="display:none;" id="Inicio14">
<span>Selecting document of SCP-XXXX...<br><br></span>
</div>
<div style="display:none;" id="Inicio15">
<span>Creditential check required to continue.<br><br></span>
</div>
<div style="display:none;" id="Inicio16">
<span>Checking Credentials…<br><br></span>
</div>
<div style="display:none;" id="Inicio17">
<span>Please wait.<br><br></span>
</div>
<div style="display:none;" id="Inicio18">
<span>.<br><br></span>
</div>
<div style="display:none;" id="Inicio19">
<span>.<br><br></span>
</div>
<div style="display:none;" id="Inicio20">
<span>.<br><br></span>
</div>
<div style="display:none;" id="Inicio21">
<span>The Document you are trying to access does not exist in the System.<br><br></span>
</div>
<div style="display:none;" id="Inicio22">
<span>Closing System…<br><br><br></span>
</div>
<div style="display:none;" id="Inicio23">
<span><b>[ ERROR ]</b> Selecting document SCP-XXXX…<br><br></span>
<div style="display:none;" id="Inicio24">
<span>Please press the following link to continue.<br><br><br></span>
<div id="button1" style="display:none">
 
<button class="button" onclick="openWin(); this.style.display='none'"id="button1">Document SCP-XXXX</button>
 
<div style="display:none;" id="Inicio25">
<span>
<b>[ FATAL ERROR ]</b>
<br><br>
<i>076 111 032 115 105 101 110 116 111 046</i>
<br><br>
<b>[ ERROR ]</b>
<br><br>
<i>076 111 032 115 105 101 110 116 111 032 109 117 099 104 195 173 115 105 109 111 046</i>
<br><br>
<b>[ ERROR ]</b>
<br><br>
<i>081 117 101 032 068 105 111 115 032 109 101 032 112 101 114 100 111 110 101 044 032 112 111 114 113 117 101 032 115 101 032 113 117 101 032 116 117 032 110 111 032 112 111 100 114 195 161 115 032 104 097 099 101 114 108 111 046</i>
<br><br>
<b>[ Error ]</b> The Document you have just accessed does not exist.<br><br>
<span>Please press the following link to continue.<br><br><br></span>
<button class="button" onclick="openWin2()">Document notfound</button>
<br><br><br>
<span>Closing system...<img src="http://lafundacionscp.wdfiles.com/local--files/terminal-de-catalogacion/Linea-Parpadeo.gif" style="width:4px;height:12.8px;"><br></span></span>
</div>
</div>
</div>
<script>
var myVar = setInterval(Inicio, 2500);
var myVar = setInterval(Inicio2, 3500);
var myVar = setInterval(Inicio3, 4000);
var myVar = setInterval(Inicio4, 4500);
var myVar = setInterval(Inicio5, 5000);
var myVar = setInterval(Inicio6, 5500);
var myVar = setInterval(Inicio7, 7500);
var myVar = setInterval(Inicio8, 8500);
var myVar = setInterval(Inicio9, 9500);
var myVar = setInterval(Inicio10, 10000);
var myVar = setInterval(Inicio11, 10500);
var myVar = setInterval(Inicio12, 11000);
var myVar = setInterval(Inicio13, 12000);
var myVar = setInterval(Inicio14, 13000);
var myVar = setInterval(Inicio15, 14000);
var myVar = setInterval(Inicio16, 15000);
var myVar = setInterval(Inicio17, 16000);
var myVar = setInterval(Inicio18, 16500);
var myVar = setInterval(Inicio19, 17000);
var myVar = setInterval(Inicio20, 17500);
var myVar = setInterval(Inicio21, 18500);
var myVar = setInterval(Inicio22, 19500);
var myVar = setInterval(Inicio23, 23500);
var myVar = setInterval(Inicio24, 24500);
var myVar = setInterval(button1, 26000);
 
function button1() { 
    document.getElementById("button1").style.display = "inline"; 
}
 
function openWin() {
    var myWindow = window.open("http://lafundacionscp.wikidot.com/scp-es-086/offset/1", "_blank");
    setTimeout(function(){ myWindow.close() }, 600000);
    document.getElementById("Inicio25").style.display = "block";
 
}
 
function openWin2() {
    myWindow2 = window.open("http://lafundacionscp.wikidot.com/scp-es-086/offset/2", "_blank");
 
}
 
function Inicio() {
document.getElementById("Inicio").style.display = "block";
}
function Inicio2() {
document.getElementById("Inicio2").style.display = "block";
}
function Inicio3() {
document.getElementById("Inicio3").style.display = "block";
}
function Inicio4() {
document.getElementById("Inicio4").style.display = "block";
}
function Inicio5() {
document.getElementById("Inicio5").style.display = "block";
}
function Inicio6() {
document.getElementById("Inicio6").style.display = "block";
}
function Inicio7() {
document.getElementById("Inicio7").style.display = "block";
}
function Inicio8() {
document.getElementById("Inicio8").style.display = "block";
}
function Inicio9() {
document.getElementById("Inicio9").style.display = "block";
}
function Inicio10() {
document.getElementById("Inicio10").style.display = "block";
}
function Inicio11() {
document.getElementById("Inicio11").style.display = "block";
}
function Inicio12() {
document.getElementById("Inicio12").style.display = "block";
}
function Inicio13() {
document.getElementById("Inicio13").style.display = "block";
}
function Inicio14() {
document.getElementById("Inicio14").style.display = "block";
}
function Inicio15() {
document.getElementById("Inicio15").style.display = "block";
}
function Inicio16() {
document.getElementById("Inicio16").style.display = "block";
}
function Inicio17() {
document.getElementById("Inicio17").style.display = "block";
}
function Inicio18() {
document.getElementById("Inicio18").style.display = "block";
}
function Inicio19() {
document.getElementById("Inicio19").style.display = "block";
}
function Inicio20() {
document.getElementById("Inicio20").style.display = "block";
}
function Inicio21() {
document.getElementById("Inicio21").style.display = "block";
}
function Inicio22() {
document.getElementById("Inicio22").style.display = "block";
}
function Inicio23() {
document.getElementById("Inicio23").style.display = "block";
}
function Inicio24() {
document.getElementById("Inicio24").style.display = "block";
}
 
</script>
<script type="text/javascript" src="/common--javascript/html-block-iframe.js"></script></body></html>
[[/html]]

+ Show code

- Hide code

[[=]]
++ THE FOLLOWING FILE HAS BEEN CLASSIFIED WITH:
 
+ [[size 200%]]LEVEL 3[[/size]]
 
FOR YOUR ACCESS IT IS NECESSARY TO CHECK YOUR LEVEL OF SECURITY ACCESS
[[/=]]
 
[[html]]
<link href='//fonts.googleapis.com/css?family=Aldrich' rel='stylesheet'>
<style>
 
#input.button {
  display: flex; 
  justify-content: center; 
}
 
#myProgress {
  position: relative;
  width: 100%;
  height: 30px;
  background-color: #ddd;
}
 
#myBar {
  position: absolute;
  width: 10%;
  height: 100%;
  background-color: #962407;
}
 
#label {
  text-align: center;
  line-height: 30px;
  color: white;
}
div {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12.8px; /* 16px * 0.8 */
    color: #333;
    line-height: 141%;
}
 
span {
   font-family: Aldrich;font-size: 12.8px;
   font-size: 12.8px; /* 16px * 0.8 */
    color: #333;
    line-height: 141%;
}
 
.square{
    padding: 5px;
    border-style: solid;
    border-color: black;
    margin-left: 50px;
    margin-right: 50px;
 
}
 
.square2{
    padding: 15px;
    border-style:dashed;
    border-width: 1px;
    border-color: grey;
    background-color: #F5F5F5;
    margin-left: 30px;
    margin-right: 30px;
}
 
</style>
<body>
<center><button onclick="this.style.visibility='hidden'; move(); showDiv()">Validation of credentials
</button></center>
<br>
<div id="myProgress">
  <div id="myBar">
    <div id="label">10%</div>
  </div>
</div>
 
<div id="loader"></div>
 
<div style="display:none;" id="myDiv1" class="animate-bottom">
<br>
<span>Decrypting access to the system.</span>
<br>
<br>
<span>Verified credentials, access permitted.</span>
<br>
<br>
<span>Loading requested file.</span>
<br>
</div>
<br>
<br>
<div style="display:none;" id="myDiv2" class="animate-bottom">
<span>.</span>
</div>
 
<div style="display:none;" id="myDiv3" class="animate-bottom">
<span>.</span>
</div>
 
<div style="display:none;" id="myDiv4" class="animate-bottom">
<span>.</span>
</div>
<br>
<br>
<div style="display:none;" id="myDiv5" class="animate-bottom">
<br>
<br>
</div>
</div>
 
<script>
function move() {
  var elem = document.getElementById("myBar");
  var width = 10;
  var id = setInterval(frame, 25);
  function frame() {
    if (width >= 100) {
      clearInterval(id);
    } else {
      width++;
      elem.style.width = width + '%';
      document.getElementById("label").innerHTML = width * 1  + '%';
    }
  }
}
function showDiv() {
    setTimeout(showPage1, 2000);
    setTimeout(showPage2, 4100);
    setTimeout(showPage3, 5100);
    setTimeout(showPage4, 6100);
    setTimeout(showPage5, 8100);
}
 
function showPage1() {
 document.getElementById("myDiv1").style.display = "block";
}
 
function showPage2() {
 document.getElementById("myDiv2").style.display = "block";
}
 
function showPage3() {
 document.getElementById("myDiv3").style.display = "block";
}
 
function showPage4() {
 document.getElementById("myDiv4").style.display = "block";
}
 
function showPage5() {
 document.getElementById("myDiv5").style.display = "block";
}
 
</script>
</body>
[[/html]]

THE FOLLOWING FILE HAS BEEN CLASSIFIED WITH:

LEVEL 3

FOR YOUR ACCESS IT IS NECESSARY TO CHECK YOUR LEVEL OF SECURITY ACCESS

SCP Sandbox III

Sandbox III: Revenge of the Sandbox

THE FOLLOWING FILE HAS BEEN CLASSIFIED WITH:

LEVEL 3