Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @font-face {
- font-family: livia;
- src: url(https://dl.dropbox.com/s/bg1ad8jqwxjzufg/Livia.otf);
- }
- @font-face {
- font-family: windows;
- src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
- }
- @font-face{
- font-family:troglodytepop;
- src:url(https://dl.dropbox.com/s/t8282fp2qyur29y/TROGLOP_.ttf);
- }
- @keyframes slide {
- 0% {
- background-position-x: 0%;
- }
- 100% {
- background-position-x: 300vw;
- }
- }
- body {
- margin: 0;
- overflow: hidden;
- color: white;
- }
- #text01 {
- background-size: 300vw 300vw;
- margin: 0;
- position: relative;
- text-align: -webkit-center;
- font-size: 2.5em;
- font-family:troglodytepop;
- -webkit-text-stroke: 1px white;
- background: repeating-linear-gradient(-45deg, white 0%, white 7.14%, #e25933 14.28%, #d57342 21.42%, #e25933 28.56%, #e25933 35.7%, #d57342 42.84%, white 50%);
- -webkit-animation: 'slide' 30s infinite linear forwards;
- -webkit-text-fill-color: transparent;
- -webkit-background-clip: text;
- }
- ::-webkit-scrollbar {
- background-color: transparent;
- border-radius: 100px;
- }
- ::-webkit-scrollbar-track {
- background-color: transparent;
- border-radius: 100px;
- }
- ::-webkit-scrollbar-thumb {
- background-color: #e25933;
- border-radius: 100px;
- }
- #slideshow01 {
- border: 5px solid white;
- width: 12em;
- }
- #text02 {
- overflow-y: scroll;
- height: 5.5em;
- font-family: windows;
- }
- #text04 {
- font-family: windows;
- }
- #text05 {
- overflow-y: scroll;
- height: 7em;
- font-family: windows;
- width: 12.5em;
- }
- mark {
- font-family: livia;
- color: white;
- font-size: 1.5em;
- -webkit-text-stroke: 1px black;
- }
- #container07 > .wrapper {
- position: absolute;
- z-index: 999;
- left: 11em;
- top: -16.5em;
- height: 14em;
- width: 14em;
- }
- #container02 > .wrapper {
- position: absolute;
- z-index: 99;
- left: 0em;
- top:-30em;
- }
- #container03 > .wrapper {
- position: absolute;
- z-index: 99;
- left: 12em;
- top:-27em;
- }
- #container04 > .wrapper {
- position: absolute;
- z-index: 99;
- left: 0.25em;
- top:-27em;
- }
- #container05 > .wrapper {
- position: absolute;
- z-index: 99;
- left:8em;
- top:-21em;
- }
- #container06 > .wrapper {
- position: absolute;
- z-index: 99;
- left:1.5em;
- top:-19em;
- }
- #container08 > .wrapper {
- position: absolute;
- z-index: 99;
- left: 11.5em;
- top:-2.5em;
- }
- #text07 {
- font-family: windows;
- -webkit-text-stroke: 0.25px black;
- }
- </style>
- <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
- <script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
- <script>
- $( function() {
- $( "#container07" ).draggable();
- } );
- </script>
Advertisement
Add Comment
Please, Sign In to add comment