SM64 Endless Staircase

Developer
Jon Kantner
Size
7,342 Kb
Views
40,480
  1. SM64 Endless Staircase Previews
  2. SM64 Endless Staircase HTML Codes
  3. SM64 Endless Staircase CSS Codes

How do I make an sm64 endless staircase?

The endless staircase to Bowser’s sky world in Super Mario 64 reimagined in CSS.|Chrome|Firefox|Safari|Opera|IE/Edge|. What is a sm64 endless staircase? How do you make a sm64 endless staircase? This script and codes were developed by Jon Kantner on 21 August 2022, Sunday.

SM64 Endless Staircase Previews
IQ Test

SM64 Endless Staircase - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>SM64 Endless Staircase</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container"> <div class="surface"> <div class="block b1"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b2"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b3"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b4"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b5"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b6"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b7"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b8"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b9"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b10"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b11"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b12"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b13"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b14"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b15"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b16"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b17"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b18"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b19"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b20"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b21"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b22"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b23"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b24"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b25"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b26"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b27"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b28"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b29"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b30"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b31"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b32"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b33"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b34"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b35"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b36"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b37"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b38"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b39"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b40"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b41"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b42"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b43"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b44"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b45"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b46"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b47"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b48"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b49"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b50"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b51"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b52"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b53"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b54"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b55"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b56"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b57"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b58"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b59"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b60"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b61"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> <div class="block b62"> <div class="block-inner"> <div class="left"></div> <div class="right"></div> <div class="top"></div> <div class="front"></div> </div> </div> </div>
</div>
<div class="dark"></div>
</body>
</html>

SM64 Endless Staircase - Script Codes CSS Codes

body { height: 100vh; margin: 0;
}
.container, .dark { margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 350px; height: 525px;
}
.dark { background-image: radial-gradient(75% 45% at top center, #000000, rgba(0, 0, 0, 0)); z-index: 1;
}
.container { background: black; box-shadow: 0 0 10px 10px #000 inset; transform-style: preserve-3d; overflow: hidden; perspective: 400px; perspective-origin: 50% 50%; z-index: 0;
}
.surface { display: block; width: 105px; height: 504px; margin: auto; transform: translate3d(0px, 56px, 42px) rotateX(80deg) rotateZ(0deg); transform-style: preserve-3d; will-change: transform; animation: camera 1s linear infinite;
}
.block { display: none; transform-style: preserve-3d; position: absolute; bottom: 0;
}
.block-inner > div { display: flex; flex-wrap: wrap; align-content: flex-start; position: absolute; width: 7px; height: 7px;
}
.block-inner { position: relative; width: 7px; transform: rotateX(-90deg) translateZ(7px); transform-style: preserve-3d;
}
.left { transform: rotateY(270deg) translateX(-7px); transform-origin: center left;
}
.right { transform-origin: top right;
}
.top { transform-origin: top center;
}
/* Brick texture */
.b1 .right, .b2 .left { background-image: linear-gradient(335deg, #502d28, #502d28 30%, transparent 30%), linear-gradient(155deg, #502d28, #502d28 30%, transparent 30%), linear-gradient(335deg, #502d28, #502d28 30%, transparent 30%), linear-gradient(155deg, #502d28, #502d28 30%, transparent 30%); background-size: 28px 28px; background-position: 0 -1.12px, 1.96px 15.12px, 14px 12.88px, 17.08px 1.12px; background-z-index: 1;
}
/** Paintings **/
/* Bowser */
.b3 .right { background-image: url("https://www.spriters-resource.com/resources/sheets/35/37534.png"); background-position: -65.8px -190.75px; background-size: 189px 390.32px;
}
.b4 .right { background-image: url("https://www.spriters-resource.com/resources/sheets/35/37534.png"); background-position: -65.8px -190.75px; background-size: 189px 390.32px;
}
.b5 .right { background-image: url("https://www.spriters-resource.com/resources/sheets/35/37534.png"); background-position: -65.8px -190.75px; background-size: 189px 390.32px;
}
.b6 .right { background-image: url("https://www.spriters-resource.com/resources/sheets/35/37534.png"); background-position: -65.8px -190.75px; background-size: 189px 390.32px;
}
.b7 .right { background-image: url("https://www.spriters-resource.com/resources/sheets/35/37534.png"); background-position: -65.8px -190.75px; background-size: 189px 390.32px;
}
.b8 .right { background-image: url("https://www.spriters-resource.com/resources/sheets/35/37534.png"); background-position: -65.8px -190.75px; background-size: 189px 390.32px;
}
/* Peach */
.b9 .left { background-image: url("https://www.spriters-resource.com/resources/sheets/35/37534.png"); background-position: -2.8px -190.75px; background-size: 189px 390.32px; z-index: 1;
}
.b10 .left { background-image: url("https://www.spriters-resource.com/resources/sheets/35/37534.png"); background-position: -2.8px -190.75px; background-size: 189px 390.32px; z-index: 1;
}
.b11 .left { background-image: url("https://www.spriters-resource.com/resources/sheets/35/37534.png"); background-position: -2.8px -190.75px; background-size: 189px 390.32px; z-index: 1;
}
.b12 .left { background-image: url("https://www.spriters-resource.com/resources/sheets/35/37534.png"); background-position: -2.8px -190.75px; background-size: 189px 390.32px; z-index: 1;
}
.b13 .left { background-image: url("https://www.spriters-resource.com/resources/sheets/35/37534.png"); background-position: -2.8px -190.75px; background-size: 189px 390.32px; z-index: 1;
}
.b14 .left { background-image: url("https://www.spriters-resource.com/resources/sheets/35/37534.png"); background-position: -2.8px -190.75px; background-size: 189px 390.32px; z-index: 1;
}
/* Block placement */
.b1 { display: inherit; transform: translate3d(0px, -504px, 413px);
}
.b1 .block-inner div.top { background-color: #b4918c; width: 7px; height: 504px; transform: rotateX(-90deg) translateY(-497px);
}
.b1 .block-inner div.front, .b1 .block-inner div.back { background-color: #876d69; width: 7px; height: 413px;
}
.b1 .block-inner div.front { transform: translateZ(497px);
}
.b1 .block-inner div.left, .b1 .block-inner div.right { background-color: #9e7f7b; width: 504px; height: 413px;
}
.b1 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, -497px);
}
.b2 { display: inherit; transform: translate3d(98px, -504px, 413px);
}
.b2 .block-inner div.top { background-color: #b4918c; width: 7px; height: 504px; transform: rotateX(-90deg) translateY(-497px);
}
.b2 .block-inner div.front, .b2 .block-inner div.back { background-color: #876d69; width: 7px; height: 413px;
}
.b2 .block-inner div.front { transform: translateZ(497px);
}
.b2 .block-inner div.left, .b2 .block-inner div.right { background-color: #9e7f7b; width: 504px; height: 413px;
}
.b2 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, -497px);
}
.b3 { display: inherit; transform: translate3d(7px, -56px, 133px);
}
.b3 .block-inner div.top { background-color: #b46900; width: 1.75px; height: 56px; transform: rotateX(-90deg) translateY(-49px);
}
.b3 .block-inner div.front, .b3 .block-inner div.back { background-color: #874f00; width: 1.75px; height: 56px;
}
.b3 .block-inner div.front { transform: translateZ(49px);
}
.b3 .block-inner div.left, .b3 .block-inner div.right { background-color: #9e5c00; width: 56px; height: 56px;
}
.b3 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, -54.25px);
}
.b4 { display: inherit; transform: translate3d(7px, -140px, 189px);
}
.b4 .block-inner div.top { background-color: #b46900; width: 1.75px; height: 56px; transform: rotateX(-90deg) translateY(-49px);
}
.b4 .block-inner div.front, .b4 .block-inner div.back { background-color: #874f00; width: 1.75px; height: 56px;
}
.b4 .block-inner div.front { transform: translateZ(49px);
}
.b4 .block-inner div.left, .b4 .block-inner div.right { background-color: #9e5c00; width: 56px; height: 56px;
}
.b4 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, -54.25px);
}
.b5 { display: inherit; transform: translate3d(7px, -224px, 245px);
}
.b5 .block-inner div.top { background-color: #b46900; width: 1.75px; height: 56px; transform: rotateX(-90deg) translateY(-49px);
}
.b5 .block-inner div.front, .b5 .block-inner div.back { background-color: #874f00; width: 1.75px; height: 56px;
}
.b5 .block-inner div.front { transform: translateZ(49px);
}
.b5 .block-inner div.left, .b5 .block-inner div.right { background-color: #9e5c00; width: 56px; height: 56px;
}
.b5 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, -54.25px);
}
.b6 { display: inherit; transform: translate3d(7px, -308px, 301px);
}
.b6 .block-inner div.top { background-color: #b46900; width: 1.75px; height: 56px; transform: rotateX(-90deg) translateY(-49px);
}
.b6 .block-inner div.front, .b6 .block-inner div.back { background-color: #874f00; width: 1.75px; height: 56px;
}
.b6 .block-inner div.front { transform: translateZ(49px);
}
.b6 .block-inner div.left, .b6 .block-inner div.right { background-color: #9e5c00; width: 56px; height: 56px;
}
.b6 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, -54.25px);
}
.b7 { display: inherit; transform: translate3d(7px, -392px, 357px);
}
.b7 .block-inner div.top { background-color: #b46900; width: 1.75px; height: 56px; transform: rotateX(-90deg) translateY(-49px);
}
.b7 .block-inner div.front, .b7 .block-inner div.back { background-color: #874f00; width: 1.75px; height: 56px;
}
.b7 .block-inner div.front { transform: translateZ(49px);
}
.b7 .block-inner div.left, .b7 .block-inner div.right { background-color: #9e5c00; width: 56px; height: 56px;
}
.b7 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, -54.25px);
}
.b8 { display: inherit; transform: translate3d(7px, -476px, 413px);
}
.b8 .block-inner div.top { background-color: #b46900; width: 1.75px; height: 56px; transform: rotateX(-90deg) translateY(-49px);
}
.b8 .block-inner div.front, .b8 .block-inner div.back { background-color: #874f00; width: 1.75px; height: 56px;
}
.b8 .block-inner div.front { transform: translateZ(49px);
}
.b8 .block-inner div.left, .b8 .block-inner div.right { background-color: #9e5c00; width: 56px; height: 56px;
}
.b8 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, -54.25px);
}
.b9 { display: inherit; transform: translate3d(96.25px, -56px, 133px);
}
.b9 .block-inner div.top { background-color: #c81900; width: 1.75px; height: 56px; transform: rotateX(-90deg) translateY(-49px);
}
.b9 .block-inner div.front, .b9 .block-inner div.back { background-color: #961300; width: 1.75px; height: 56px;
}
.b9 .block-inner div.front { transform: translateZ(49px);
}
.b9 .block-inner div.left, .b9 .block-inner div.right { background-color: #af1600; width: 56px; height: 56px;
}
.b9 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, -54.25px);
}
.b10 { display: inherit; transform: translate3d(96.25px, -140px, 189px);
}
.b10 .block-inner div.top { background-color: #c81900; width: 1.75px; height: 56px; transform: rotateX(-90deg) translateY(-49px);
}
.b10 .block-inner div.front, .b10 .block-inner div.back { background-color: #961300; width: 1.75px; height: 56px;
}
.b10 .block-inner div.front { transform: translateZ(49px);
}
.b10 .block-inner div.left, .b10 .block-inner div.right { background-color: #af1600; width: 56px; height: 56px;
}
.b10 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, -54.25px);
}
.b11 { display: inherit; transform: translate3d(96.25px, -224px, 245px);
}
.b11 .block-inner div.top { background-color: #c81900; width: 1.75px; height: 56px; transform: rotateX(-90deg) translateY(-49px);
}
.b11 .block-inner div.front, .b11 .block-inner div.back { background-color: #961300; width: 1.75px; height: 56px;
}
.b11 .block-inner div.front { transform: translateZ(49px);
}
.b11 .block-inner div.left, .b11 .block-inner div.right { background-color: #af1600; width: 56px; height: 56px;
}
.b11 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, -54.25px);
}
.b12 { display: inherit; transform: translate3d(96.25px, -308px, 301px);
}
.b12 .block-inner div.top { background-color: #c81900; width: 1.75px; height: 56px; transform: rotateX(-90deg) translateY(-49px);
}
.b12 .block-inner div.front, .b12 .block-inner div.back { background-color: #961300; width: 1.75px; height: 56px;
}
.b12 .block-inner div.front { transform: translateZ(49px);
}
.b12 .block-inner div.left, .b12 .block-inner div.right { background-color: #af1600; width: 56px; height: 56px;
}
.b12 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, -54.25px);
}
.b13 { display: inherit; transform: translate3d(96.25px, -392px, 357px);
}
.b13 .block-inner div.top { background-color: #c81900; width: 1.75px; height: 56px; transform: rotateX(-90deg) translateY(-49px);
}
.b13 .block-inner div.front, .b13 .block-inner div.back { background-color: #961300; width: 1.75px; height: 56px;
}
.b13 .block-inner div.front { transform: translateZ(49px);
}
.b13 .block-inner div.left, .b13 .block-inner div.right { background-color: #af1600; width: 56px; height: 56px;
}
.b13 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, -54.25px);
}
.b14 { display: inherit; transform: translate3d(96.25px, -476px, 413px);
}
.b14 .block-inner div.top { background-color: #c81900; width: 1.75px; height: 56px; transform: rotateX(-90deg) translateY(-49px);
}
.b14 .block-inner div.front, .b14 .block-inner div.back { background-color: #961300; width: 1.75px; height: 56px;
}
.b14 .block-inner div.front { transform: translateZ(49px);
}
.b14 .block-inner div.left, .b14 .block-inner div.right { background-color: #af1600; width: 56px; height: 56px;
}
.b14 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, -54.25px);
}
.b15 { display: inherit; transform: translate3d(7px, -504px, 336px);
}
.b15 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b15 .block-inner div.front, .b15 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b15 .block-inner div.front { transform: translateZ(3.5px);
}
.b15 .block-inner div.left, .b15 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b15 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b16 { display: inherit; transform: translate3d(7px, -493.5px, 329px);
}
.b16 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b16 .block-inner div.front, .b16 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b16 .block-inner div.front { transform: translateZ(3.5px);
}
.b16 .block-inner div.left, .b16 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b16 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b17 { display: inherit; transform: translate3d(7px, -483px, 322px);
}
.b17 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b17 .block-inner div.front, .b17 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b17 .block-inner div.front { transform: translateZ(3.5px);
}
.b17 .block-inner div.left, .b17 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b17 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b18 { display: inherit; transform: translate3d(7px, -472.5px, 315px);
}
.b18 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b18 .block-inner div.front, .b18 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b18 .block-inner div.front { transform: translateZ(3.5px);
}
.b18 .block-inner div.left, .b18 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b18 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b19 { display: inherit; transform: translate3d(7px, -462px, 308px);
}
.b19 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b19 .block-inner div.front, .b19 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b19 .block-inner div.front { transform: translateZ(3.5px);
}
.b19 .block-inner div.left, .b19 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b19 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b20 { display: inherit; transform: translate3d(7px, -451.5px, 301px);
}
.b20 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b20 .block-inner div.front, .b20 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b20 .block-inner div.front { transform: translateZ(3.5px);
}
.b20 .block-inner div.left, .b20 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b20 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b21 { display: inherit; transform: translate3d(7px, -441px, 294px);
}
.b21 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b21 .block-inner div.front, .b21 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b21 .block-inner div.front { transform: translateZ(3.5px);
}
.b21 .block-inner div.left, .b21 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b21 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b22 { display: inherit; transform: translate3d(7px, -430.5px, 287px);
}
.b22 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b22 .block-inner div.front, .b22 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b22 .block-inner div.front { transform: translateZ(3.5px);
}
.b22 .block-inner div.left, .b22 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b22 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b23 { display: inherit; transform: translate3d(7px, -420px, 280px);
}
.b23 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b23 .block-inner div.front, .b23 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b23 .block-inner div.front { transform: translateZ(3.5px);
}
.b23 .block-inner div.left, .b23 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b23 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b24 { display: inherit; transform: translate3d(7px, -409.5px, 273px);
}
.b24 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b24 .block-inner div.front, .b24 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b24 .block-inner div.front { transform: translateZ(3.5px);
}
.b24 .block-inner div.left, .b24 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b24 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b25 { display: inherit; transform: translate3d(7px, -399px, 266px);
}
.b25 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b25 .block-inner div.front, .b25 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b25 .block-inner div.front { transform: translateZ(3.5px);
}
.b25 .block-inner div.left, .b25 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b25 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b26 { display: inherit; transform: translate3d(7px, -388.5px, 259px);
}
.b26 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b26 .block-inner div.front, .b26 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b26 .block-inner div.front { transform: translateZ(3.5px);
}
.b26 .block-inner div.left, .b26 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b26 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b27 { display: inherit; transform: translate3d(7px, -378px, 252px);
}
.b27 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b27 .block-inner div.front, .b27 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b27 .block-inner div.front { transform: translateZ(3.5px);
}
.b27 .block-inner div.left, .b27 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b27 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b28 { display: inherit; transform: translate3d(7px, -367.5px, 245px);
}
.b28 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b28 .block-inner div.front, .b28 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b28 .block-inner div.front { transform: translateZ(3.5px);
}
.b28 .block-inner div.left, .b28 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b28 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b29 { display: inherit; transform: translate3d(7px, -357px, 238px);
}
.b29 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b29 .block-inner div.front, .b29 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b29 .block-inner div.front { transform: translateZ(3.5px);
}
.b29 .block-inner div.left, .b29 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b29 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b30 { display: inherit; transform: translate3d(7px, -346.5px, 231px);
}
.b30 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b30 .block-inner div.front, .b30 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b30 .block-inner div.front { transform: translateZ(3.5px);
}
.b30 .block-inner div.left, .b30 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b30 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b31 { display: inherit; transform: translate3d(7px, -336px, 224px);
}
.b31 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b31 .block-inner div.front, .b31 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b31 .block-inner div.front { transform: translateZ(3.5px);
}
.b31 .block-inner div.left, .b31 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b31 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b32 { display: inherit; transform: translate3d(7px, -325.5px, 217px);
}
.b32 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b32 .block-inner div.front, .b32 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b32 .block-inner div.front { transform: translateZ(3.5px);
}
.b32 .block-inner div.left, .b32 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b32 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b33 { display: inherit; transform: translate3d(7px, -315px, 210px);
}
.b33 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b33 .block-inner div.front, .b33 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b33 .block-inner div.front { transform: translateZ(3.5px);
}
.b33 .block-inner div.left, .b33 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b33 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b34 { display: inherit; transform: translate3d(7px, -304.5px, 203px);
}
.b34 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b34 .block-inner div.front, .b34 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b34 .block-inner div.front { transform: translateZ(3.5px);
}
.b34 .block-inner div.left, .b34 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b34 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b35 { display: inherit; transform: translate3d(7px, -294px, 196px);
}
.b35 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b35 .block-inner div.front, .b35 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b35 .block-inner div.front { transform: translateZ(3.5px);
}
.b35 .block-inner div.left, .b35 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b35 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b36 { display: inherit; transform: translate3d(7px, -283.5px, 189px);
}
.b36 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b36 .block-inner div.front, .b36 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b36 .block-inner div.front { transform: translateZ(3.5px);
}
.b36 .block-inner div.left, .b36 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b36 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b37 { display: inherit; transform: translate3d(7px, -273px, 182px);
}
.b37 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b37 .block-inner div.front, .b37 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b37 .block-inner div.front { transform: translateZ(3.5px);
}
.b37 .block-inner div.left, .b37 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b37 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b38 { display: inherit; transform: translate3d(7px, -262.5px, 175px);
}
.b38 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b38 .block-inner div.front, .b38 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b38 .block-inner div.front { transform: translateZ(3.5px);
}
.b38 .block-inner div.left, .b38 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b38 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b39 { display: inherit; transform: translate3d(7px, -252px, 168px);
}
.b39 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b39 .block-inner div.front, .b39 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b39 .block-inner div.front { transform: translateZ(3.5px);
}
.b39 .block-inner div.left, .b39 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b39 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b40 { display: inherit; transform: translate3d(7px, -241.5px, 161px);
}
.b40 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b40 .block-inner div.front, .b40 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b40 .block-inner div.front { transform: translateZ(3.5px);
}
.b40 .block-inner div.left, .b40 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b40 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b41 { display: inherit; transform: translate3d(7px, -231px, 154px);
}
.b41 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b41 .block-inner div.front, .b41 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b41 .block-inner div.front { transform: translateZ(3.5px);
}
.b41 .block-inner div.left, .b41 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b41 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b42 { display: inherit; transform: translate3d(7px, -220.5px, 147px);
}
.b42 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b42 .block-inner div.front, .b42 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b42 .block-inner div.front { transform: translateZ(3.5px);
}
.b42 .block-inner div.left, .b42 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b42 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b43 { display: inherit; transform: translate3d(7px, -210px, 140px);
}
.b43 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b43 .block-inner div.front, .b43 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b43 .block-inner div.front { transform: translateZ(3.5px);
}
.b43 .block-inner div.left, .b43 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b43 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b44 { display: inherit; transform: translate3d(7px, -199.5px, 133px);
}
.b44 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b44 .block-inner div.front, .b44 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b44 .block-inner div.front { transform: translateZ(3.5px);
}
.b44 .block-inner div.left, .b44 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b44 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b45 { display: inherit; transform: translate3d(7px, -189px, 126px);
}
.b45 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b45 .block-inner div.front, .b45 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b45 .block-inner div.front { transform: translateZ(3.5px);
}
.b45 .block-inner div.left, .b45 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b45 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b46 { display: inherit; transform: translate3d(7px, -178.5px, 119px);
}
.b46 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b46 .block-inner div.front, .b46 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b46 .block-inner div.front { transform: translateZ(3.5px);
}
.b46 .block-inner div.left, .b46 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b46 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b47 { display: inherit; transform: translate3d(7px, -168px, 112px);
}
.b47 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b47 .block-inner div.front, .b47 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b47 .block-inner div.front { transform: translateZ(3.5px);
}
.b47 .block-inner div.left, .b47 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b47 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b48 { display: inherit; transform: translate3d(7px, -157.5px, 105px);
}
.b48 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b48 .block-inner div.front, .b48 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b48 .block-inner div.front { transform: translateZ(3.5px);
}
.b48 .block-inner div.left, .b48 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b48 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b49 { display: inherit; transform: translate3d(7px, -147px, 98px);
}
.b49 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b49 .block-inner div.front, .b49 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b49 .block-inner div.front { transform: translateZ(3.5px);
}
.b49 .block-inner div.left, .b49 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b49 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b50 { display: inherit; transform: translate3d(7px, -136.5px, 91px);
}
.b50 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b50 .block-inner div.front, .b50 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b50 .block-inner div.front { transform: translateZ(3.5px);
}
.b50 .block-inner div.left, .b50 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b50 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b51 { display: inherit; transform: translate3d(7px, -126px, 84px);
}
.b51 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b51 .block-inner div.front, .b51 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b51 .block-inner div.front { transform: translateZ(3.5px);
}
.b51 .block-inner div.left, .b51 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b51 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b52 { display: inherit; transform: translate3d(7px, -115.5px, 77px);
}
.b52 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b52 .block-inner div.front, .b52 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b52 .block-inner div.front { transform: translateZ(3.5px);
}
.b52 .block-inner div.left, .b52 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b52 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b53 { display: inherit; transform: translate3d(7px, -105px, 70px);
}
.b53 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b53 .block-inner div.front, .b53 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b53 .block-inner div.front { transform: translateZ(3.5px);
}
.b53 .block-inner div.left, .b53 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b53 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b54 { display: inherit; transform: translate3d(7px, -94.5px, 63px);
}
.b54 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b54 .block-inner div.front, .b54 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b54 .block-inner div.front { transform: translateZ(3.5px);
}
.b54 .block-inner div.left, .b54 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b54 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b55 { display: inherit; transform: translate3d(7px, -84px, 56px);
}
.b55 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b55 .block-inner div.front, .b55 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b55 .block-inner div.front { transform: translateZ(3.5px);
}
.b55 .block-inner div.left, .b55 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b55 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b56 { display: inherit; transform: translate3d(7px, -73.5px, 49px);
}
.b56 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b56 .block-inner div.front, .b56 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b56 .block-inner div.front { transform: translateZ(3.5px);
}
.b56 .block-inner div.left, .b56 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b56 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b57 { display: inherit; transform: translate3d(7px, -63px, 42px);
}
.b57 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b57 .block-inner div.front, .b57 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b57 .block-inner div.front { transform: translateZ(3.5px);
}
.b57 .block-inner div.left, .b57 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b57 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b58 { display: inherit; transform: translate3d(7px, -52.5px, 35px);
}
.b58 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b58 .block-inner div.front, .b58 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b58 .block-inner div.front { transform: translateZ(3.5px);
}
.b58 .block-inner div.left, .b58 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b58 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b59 { display: inherit; transform: translate3d(7px, -42px, 28px);
}
.b59 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b59 .block-inner div.front, .b59 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b59 .block-inner div.front { transform: translateZ(3.5px);
}
.b59 .block-inner div.left, .b59 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b59 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b60 { display: inherit; transform: translate3d(7px, -31.5px, 21px);
}
.b60 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b60 .block-inner div.front, .b60 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b60 .block-inner div.front { transform: translateZ(3.5px);
}
.b60 .block-inner div.left, .b60 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b60 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b61 { display: inherit; transform: translate3d(7px, -21px, 14px);
}
.b61 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b61 .block-inner div.front, .b61 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b61 .block-inner div.front { transform: translateZ(3.5px);
}
.b61 .block-inner div.left, .b61 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b61 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
.b62 { display: inherit; transform: translate3d(7px, -10.5px, 7px);
}
.b62 .block-inner div.top { background-color: #cc0000; width: 91px; height: 10.5px; transform: rotateX(-90deg) translateY(-3.5px);
}
.b62 .block-inner div.front, .b62 .block-inner div.back { background-color: #990000; width: 91px; height: 7px;
}
.b62 .block-inner div.front { transform: translateZ(3.5px);
}
.b62 .block-inner div.left, .b62 .block-inner div.right { background-color: #b30000; width: 10.5px; height: 7px;
}
.b62 .block-inner div.right { transform: rotateY(-270deg) translate3d(7px, 0, 80.5px);
}
@keyframes camera { from { transform: translate3d(0px, 56px, 42px) rotateX(80deg) rotateZ(0deg); } to { transform: translate3d(0px, 126px, 115.5px) rotateX(80deg) rotateZ(0deg); }
}
SM64 Endless Staircase - Script Codes
SM64 Endless Staircase - Script Codes
Home Page Home
Developer Jon Kantner
Username jkantner
Uploaded August 21, 2022
Rating 4.5
Size 7,342 Kb
Views 40,480
Do you need developer help for SM64 Endless Staircase?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Jon Kantner (jkantner) Script Codes
Name
PPAP
Animated Flipping Tables Emoticon
Payment UX
Smash Ball
Roll-Up US Constitution
Longcat Scroll
Native App-Like Mobile Site Concept
Fox News TV Display
Eat, Sleep, Game, Repeat
How the New Sublime Text Logo Was Made
Create amazing love letters with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!