Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @font-face {
- font-family: MS San Serif;
- src: url(https://cdn.glitch.me/9bbfdfb3-4bfa-4c39-8743-5621c8b9df21/MS%20Sans%20Serif.ttf); }
- #container01 > .wrapper {
- box-shadow: inset -1px -0px #0a0a0a, inset 1px 0px #fff, inset -2px -2px grey, inset 2px 0px #dfdfdf;
- box-shadow-top: none;
- top:-0.25em; }
- #text01 {
- font-family: MS San Serif; }
- #text02 {
- font-family: MS San Serif;
- background: white;
- border: 2px inset;
- overflow-y: auto;
- height: 11em;
- padding: 5px; }
- mark {
- text-shadow: 1px 0px #000, -1px 0px #000, 0px 1px #000, 0px -1px #000, 0 0;
- font-size: 1.25em;
- color: white; }
- #container02 > .wrapper {
- position: absolute;
- top:-14.75em;
- width: 11.75em;
- left: -1.25em; }
- @media only screen and (max-width: 600px) {
- #container02 > .wrapper {
- width: 10.5em;
- top: -14em; } }
- #container03 > .wrapper {
- position: absolute;
- top:-12.75em;
- width: 11.75em;
- left: -1.25em;
- box-shadow: inset -1px -0px #0a0a0a, inset 1px 0px #fff, inset -2px -2px grey, inset 2px 0px #dfdfdf;
- box-shadow-top: none; }
- @media only screen and (max-width: 600px) {
- #container03 > .wrapper {
- width: 10.5em;
- top:-12em; } }
- #container04 > .wrapper {
- position: absolute;
- top:-1.75em;
- width: 9.5em;
- left: 0.5em; }
- @media only screen and (max-width: 600px) {
- #container04 > .wrapper {
- width: 9.25em;
- left: 0.25em; } }
- #container05 > .wrapper {
- top: -0.25em; }
- #image01 .frame, #image02 .frame, #image03 .frame {
- border: 2px inset; }
- #buttons01 li a {
- font-family: MS San Serif;
- box-shadow: inset -1px -0px #0a0a0a, inset 1px 0px #fff, inset -2px -2px grey, inset 2px 0px #dfdfdf;
- box-shadow-top: none;
- border-radius: 0 0 6px 6px; }
- #container06 > .wrapper {
- position: absolute;
- z-index: 999;
- left: 6em;
- top: -16em; }
- #container07 > .wrapper {
- position: absolute;
- z-index: 999;
- left: 6em;
- top: -14em;
- box-shadow: inset -1px -0px #0a0a0a, inset 1px 0px #fff, inset -2px -2px grey, inset 2px 0px #dfdfdf;
- box-shadow-top: none; }
- #text03, #text04 {
- font-family: MS San Serif;
- background: white;
- border: 2px inset;
- overflow-y: auto;
- height: 5em;
- padding: 5px; }
- #text05 {
- font-family: MS San Serif;
- background: white;
- border: 2px inset;
- overflow-y: auto;
- height: 7em;
- padding: 5px; }
- #text06, #text07 {
- font-family: MS San Serif;
- background: white;
- border: 2px inset;
- overflow-y: auto;
- height: 11em;
- padding: 5px; }
- #container08 > .wrapper {
- position: absolute;
- z-index: 999;
- left: 5em;
- top: -20em;
- width: 12em; }
- #container13 > .wrapper {
- position: absolute;
- z-index: 99;
- left: 18em;
- top: -14em;
- width: 13em;
- box-shadow: inset -1px -0px #0a0a0a, inset 1px 0px #fff, inset -2px -2px grey, inset 2px 0px #dfdfdf;
- box-shadow-top: none; }
- #container15 > .wrapper {
- position: absolute;
- z-index: 9999;
- left: 5em;
- top: -15em;
- width: 13em;
- box-shadow: inset -1px -0px #0a0a0a, inset 1px 0px #fff, inset -2px -2px grey, inset 2px 0px #dfdfdf;
- box-shadow-top: none; }
- #container17 > .wrapper {
- position: absolute;
- z-index: 9999;
- left: 16.5em;
- top: -13em;
- width: 13em;
- box-shadow: inset -1px -0px #0a0a0a, inset 1px 0px #fff, inset -2px -2px grey, inset 2px 0px #dfdfdf;
- box-shadow-top: none; }
- #container11 > .wrapper {
- position: absolute;
- z-index: 9999;
- left: 5em;
- top: -6em;
- width: 12em;
- box-shadow: inset -1px -0px #0a0a0a, inset 1px 0px #fff, inset -2px -2px grey, inset 2px 0px #dfdfdf;
- box-shadow-top: none; }
- #container09 > .wrapper {
- position: absolute;
- z-index: 9999;
- left: 5em;
- top: -18em;
- width: 12em;
- box-shadow: inset -1px -0px #0a0a0a, inset 1px 0px #fff, inset -2px -2px grey, inset 2px 0px #dfdfdf;
- box-shadow-top: none; }
- #container12 > .wrapper {
- position: absolute;
- z-index: 9;
- left: 18em;
- top: -16em;
- width: 13em; }
- #container10 > .wrapper {
- position: absolute;
- z-index: 999;
- left: 5em;
- top: -8em;
- width: 12em; }
- #container14 > .wrapper {
- position: absolute;
- z-index: 999;
- left: 5em;
- top: -17em;
- width: 13em; }
- #container16 > .wrapper {
- position: absolute;
- z-index: 9999;
- left: 16.5em;
- top: -15em;
- width: 13em; }
- </style>
Advertisement
Add Comment
Please, Sign In to add comment