Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @font-face {
- font-family:'kiwi';
- src: url(https://dl.dropbox.com/s/388cvx0do21kj3n/KiwiSoda.ttf);
- }
- html {
- overflow: scroll;
- overflow-x: hidden;
- }
- ::-webkit-scrollbar {
- width: 0; /* remove scrollbar space */
- background: transparent; /* to make scrollbar invisible */
- }
- ::-webkit-scrollbar-thumb {
- background: transparent;
- }
- #text01 {
- -webkit-animation: pop 1s ease-in-out infinite alternate;
- animation: pop 1s ease-in-out infinite alternate;
- -moz-animation: pop 1s ease-in-out infinite alternate;
- }
- @keyframes pop {
- from {
- transform:scale(0.95)
- }
- 50% {
- transform:scale(1)
- }
- to {
- transform:scale(0.95)
- }
- }
- @-webkit-keyframes pop {
- from {
- -webkit-transform:scale(0.95)
- }
- 50% {
- -webkit-transform:scale(1)
- }
- to {
- -webkit-transform:scale(0.95)
- }
- }
- @font-face {
- src: url(https://dl.dropbox.com/s/16ntpxj8fny66d6/Quick%20Love.ttf);
- font-family: quick-love;
- }
- #container01 > .wrapper, #container03 > .wrapper {
- border-radius: 5px;
- border: 1px solid #000;
- box-shadow: 0px 0px 2px #000, inset 0px 0px 3px #000;
- height: 500px;
- }
- #text01 {
- font-family:'kiwi';
- }
- #image02 .frame {
- transform: rotate(5deg);
- }
- #image01 .frame {
- transform: rotate(5deg);
- position: absolute;
- z-index: 9;
- top: -1.5em;
- left: 3em;
- }
- #container02 > .wrapper {
- position: absolute;
- z-index: 99;
- top: -23em;
- left: 5em;
- }
- #container04 > .wrapper {
- border: 2px inset white;
- height: 475px;
- width: 275px;
- position: absolute;
- z-index: 9;
- top: -33.25em;
- left: 1.15em;
- box-shadow: 0px 0px 2px #fff, inset 0px 0px 3px #fff;
- }
- #image06 .frame {
- position: absolute;
- top: -1em;
- z-index: 9;
- }
- #text04 {
- width: 8em;
- padding: 7px;
- height: 4.5em;
- overflow-y: scroll;
- }
- #text04 mark {
- color: #88311f ;
- font-family: quick-love;
- text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
- }
- #text03 {
- width: 12em;
- padding: 7px;
- height: 11em;
- overflow-y: scroll;
- }
- #text03 mark {
- color: #448c4c;
- font-family: quick-love;
- text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
- }
- #container07 > .wrapper {
- position: absolute;
- z-index: 999;
- top: -22em;
- left: 1em;
- width: 10em;
- }
- #container09 > .wrapper {
- position: absolute;
- z-index: 999;
- top: -6.875em;
- left: 1.5em;
- }
- #container10 > .wrapper {
- position: absolute;
- z-index: 99;
- top: -18em;
- left: 5em;
- }
- #container06 > .wrapper {
- position: absolute;
- z-index: 999;
- top: -16em;
- left: 7em;
- }
- #image04 > .frame {
- transform: rotate(-5deg);
- position: absolute;
- top: -2em;
- }
- #image03 > .frame {
- transform: rotate(-5deg);
- position: absolute;
- left: -1em;
- }
- #container05 > .wrapper {
- position: absolute;
- z-index: 99;
- top: -32em;
- left: 1em;
- }
- #text02 {
- width: 8em;
- padding: 7px;
- height: 7em;
- overflow-y: scroll;
- }
- #text02 mark {
- color: #489AC2;
- font-family: quick-love;
- text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
- }
- #image05 > .frame {
- transform: rotate(50deg);
- position: absolute;
- left: 7em;
- }
- #container08 > .wrapper {
- position: absolute;
- z-index: 999;
- top: -7em;
- left: 1em;
- }
- @media only screen and (max-width: 600px) {
- #container04 > .wrapper {
- width: 250px;
- top: -36.5em;
- height: 425px;
- }
- }
- @media only screen and (max-width: 600px) {
- #container01 > .wrapper, #container03 > .wrapper {
- height: 450px;
- }
- }
- @media only screen and (max-width: 600px) {
- #container02 > .wrapper {
- top: -25em;
- }
- }
- @media only screen and (max-width: 600px) {
- #container07 > .wrapper {
- top: -24em;
- left: 1em;
- }
- }
- @media only screen and (max-width: 600px) {
- #container06 > .wrapper {
- top: -17em;
- left: 9em;
- }
- }
- @media only screen and (max-width: 600px) {
- #container09 > .wrapper {
- top: -7em;
- left: 1em;
- }
- }
- @media only screen and (max-width: 600px) {
- #container05 > .wrapper {
- top: -35em;
- }
- }
- @media only screen and (max-width: 600px) {
- #container10 > .wrapper {
- top: -19em;
- left: 7em;
- }
- }
- @media only screen and (max-width: 600px) {
- #text02 {
- width: 9em;
- }
- }
- </style>
- <html>
- <body oncontextmenu="return false;">
- </html>
- <script>
- document.onkeydown = function(e) {
- if(event.keyCode == 123) {
- return false;
- }
- if(e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)){
- return false;
- }
- if(e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)){
- return false;
- }
- if(e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)){
- return false;
- }
- if(e.ctrlKey && e.shiftKey && e.keyCode == 'C'.charCodeAt(0)){
- return false;
- }
- }
- </script>
Advertisement
Add Comment
Please, Sign In to add comment