Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- body{color:black;}
- @font-face {
- font-family: 'Trade Winds';
- font-style: normal;
- font-weight: 400;
- src: local('Trade Winds'), local('TradeWinds'), url(https://fonts.gstatic.com/s/tradewinds/v5/P7L1H4TWVDNJivDGg_--QI4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
- }
- @font-face {
- font-family: 'Allura';
- font-style: normal;
- font-weight: 400;
- src: local('Allura'), local('Allura-Regular'), url(https://fonts.gstatic.com/s/allura/v4/bLVigXKcYDndNJVaeMpTI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
- unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
- }
- @font-face {
- font-family: 'Allura';
- font-style: normal;
- font-weight: 400;
- src: local('Allura'), local('Allura-Regular'), url(https://fonts.gstatic.com/s/allura/v4/POH_k539yBSzDKiiyA98Tg.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
- }
- a, a:visited, a:hover { color: default; text-decoration: none; color: black; font-weight: 400; }
- body {background: transparent;
- font-size: 15px;
- color: black;}
- #worldtwo{
- position: absolute;
- top: 0px;
- left: 0px;
- right: 0px;
- bottom: 0px;
- background-image:
- url(http://i18.photobucket.com/albums/b149/abysmal_rage/Yume2kkifull1478521.jpg);
- background-position: bottom right;
- background-repeat: no-repeat;
- background-size: auto 100%;
- background-color: #2F2F2F;
- overflow: hidden;
- }
- #secondlyric {
- border: 0px solid red;
- position: absolute;
- top: 200px;
- left: 5%;
- font-family: 'Allura', cursive;
- color: black;
- font-weight: 400;
- color: #7A7A7A;
- text-align: left;
- font-size: 20pt;
- text-shadow: 1px 1px 3px black;
- }
- #thirdlyric
- {
- position: relative;
- top: 350px;
- left: 5%;
- font-family: 'Trade Winds', cursive;
- color: black;
- font-weight: 400;
- color: #000000;
- border: 0px solid red;
- text-align: left;
- border: 0px solid red;
- font-size: 15pt;
- line-height:0px;
- text-shadow: 2px 2px 3px #2F2F2F;
- }
- #thirdlyric *{
- opacity: 0;}
- @-webkit-keyframes animstyle1{
- 0%{opacity:0;}
- 50%{opacity:1;}
- 100%{opacity:0;}
- }
- @-keyframes animstyle1{
- 0%{opacity:0;}
- 50%{opacity:1;}
- 100%{opacity:0;}
- }
- .opslip{
- animation: animstyle1 3s;
- -webkit-animation: animstyle1 3s;}
- i{
- text-decoration: none;
- font-style: normal;
- animation: animstyle1 1.5s linear;
- -webkit-animation: animstyle1 1.5s linear;}
- i:nth-child(2){
- animation: animstyle1 1.5s .5s;
- -webkit-animation: animstyle1 1.5s .5s;}
- i:nth-child(3){
- animation: animstyle1 1.5s 1s;
- -webkit-animation: animstyle1 1.5s 1s;}
- i:nth-child(4){
- animation: animstyle1 1.5s 1.5s;
- -webkit-animation: animstyle1 1.5s 1.5s;}
- i:nth-child(5){
- animation: animstyle1 1.5s 1.7s;
- -webkit-animation: animstyle1 1.5s 1.7s;}
- i:nth-child(7){
- animation: animstyle1 1.5s 2s;
- -webkit-animation: animstyle1 1.5s 2s;}
- i:nth-child(8){
- animation: animstyle1 1.5s 2.5s;
- -webkit-animation: animstyle1 1.5s 2.5s;}
- i:nth-child(9){
- animation: animstyle1 1.5s 3s;
- -webkit-animation: animstyle1 1.5s 3s;}
- i:nth-child(10){
- animation: animstyle1 1.5s 3.5s;
- -webkit-animation: animstyle1 1.5s 3.5s;}
- i:nth-child(11){
- animation: animstyle1 1.5s 3.7s;
- -webkit-animation: animstyle1 1.5s 3.7s;}
- i:nth-child(13){
- animation: animstyle1 .7s 4.1s;
- -webkit-animation: animstyle1 .7s 4.1s;
- letter-spacing: 10px;}
- i:nth-child(14){
- animation: animstyle1 .7s 4.2s;
- -webkit-animation: animstyle1 .7s 4.2s;
- letter-spacing: 10px;}
- i:nth-child(15){
- animation: animstyle1 .7s 4.3s;
- -webkit-animation: animstyle1 .7s 4.3s;
- letter-spacing: 10px;}
- i:nth-child(16){
- animation: animstyle1 .7s 4.4s;
- -webkit-animation: animstyle1 .7s 4.4s;
- letter-spacing: 10px;}
- i:nth-child(17){
- animation: animstyle1 .7s 4.5s;
- -webkit-animation: animstyle1 .7s 4.5s;
- letter-spacing: 10px;}
- i:nth-child(18){
- animation: animstyle1 .7s 4.6s;
- -webkit-animation: animstyle1 .7s 4.6s;
- letter-spacing: 10px;}
- i:nth-child(19){
- animation: animstyle1 .7s 4.7s;
- -webkit-animation: animstyle1 .7s 4.7s;
- letter-spacing: 10px;}
- i:nth-child(21){
- animation: animstyle1 1.5s 5s;
- -webkit-animation: animstyle1 1.5s 5s;}
- i:nth-child(22){
- animation: animstyle1 1.5s 5.5s;
- -webkit-animation: animstyle1 1.5s 5.5s;}
- i:nth-child(23){
- animation: animstyle1 1.5s 6s;
- -webkit-animation: animstyle1 1.5s 6ss;}
- i:nth-child(24){
- animation: animstyle1 1.5s 6.5s;
- -webkit-animation: animstyle1 1.5s 6.5s;}
- i:nth-child(25){
- animation: animstyle1 2.5s 7s;
- -webkit-animation: animstyle1 2.5s 7s;}
- i:nth-child(26){
- animation: animstyle1 1.5s 8s;
- -webkit-animation: animstyle1 1.5s 8s;}
- i:nth-child(28){
- animation: animstyle1 1.5s 8.5s;
- -webkit-animation: animstyle1 1.5s 8.5s;}
- i:nth-child(29){
- animation: animstyle1 1.5s 9s;
- -webkit-animation: animstyle1 1.5s 9s;}
- i:nth-child(30){
- animation: animstyle1 1.5s 9.5s;
- -webkit-animation: animstyle1 1.5s 9.5s;}
- i:nth-child(31){
- animation: animstyle1 1.5s 10s;
- -webkit-animation: animstyle1 1.5s 10s;}
- i:nth-child(32){
- animation: animstyle1 1.5s 10.5s;
- -webkit-animation: animstyle1 1.5s 10.5s;}
- i:nth-child(33){
- animation: animstyle1 1.5s 11s;
- -webkit-animation: animstyle1 1.5s 11s;}
- i:nth-child(34){
- animation: animstyle1 1.5s 11.3s;
- -webkit-animation: animstyle1 1.5s 11.3s;}
- i:nth-child(35){
- animation: animstyle1 1.5s 11.6s;
- -webkit-animation: animstyle1 1.5s 11.6s;}
- i:nth-child(37){
- animation: animstyle1 3s 12s;
- -webkit-animation: animstyle1 3s 12s;}
- i:nth-child(38){
- animation: animstyle1 2.5s 12.5s;
- -webkit-animation: animstyle1 2.5s 12.5s;}
- i:nth-child(39){
- animation: animstyle1 2s 13s;
- -webkit-animation: animstyle1 2s 13s;}
- i:nth-child(40){
- animation: animstyle1 1.5s 13.3s;
- -webkit-animation: animstyle1 1.5s 13.3s;}
- i:nth-child(42){
- animation: animstyle1 1.5s 14s;
- -webkit-animation: animstyle1 1.5s 14s;}
- i:nth-child(43){
- animation: animstyle1 1.5s 14.3s;
- -webkit-animation: animstyle1 1.5s 14.3s;}
- i:nth-child(44){
- animation: animstyle1 1.5s 14.6s;
- -webkit-animation: animstyle1 1.5s 14.6s;}
- i:nth-child(45){
- animation: animstyle1 1.5s 14.9s;
- -webkit-animation: animstyle1 1.5s 14.9s;}
- i:nth-child(47){
- animation: animstyle1 1.5s 15.4s;
- -webkit-animation: animstyle1 1.5s 15.4s;
- letter-spacing: 5px;}
- i:nth-child(48){
- animation: animstyle1 1.5s 15.9s;
- -webkit-animation: animstyle1 1.5s 15.9s;
- letter-spacing: 5px;}
- i:nth-child(50){
- animation: animstyle1 1.5s 16.4s;
- -webkit-animation: animstyle1 1.5s 16.4s;
- letter-spacing: 7px;}
- i:nth-child(51){
- animation: animstyle1 1.5s 16.9s;
- -webkit-animation: animstyle1 1.5s 16.9s;
- letter-spacing: 7px;}
- i:nth-child(52){
- animation: animstyle1 1.5s 17.4s;
- -webkit-animation: animstyle1 1.5s 17.4s;
- letter-spacing: 7px;}
- i:nth-child(53){
- animation: animstyle1 1.5s 17.9s;
- -webkit-animation: animstyle1 1.5s 17.9s;
- letter-spacing: 7px;}
- i:nth-child(55){
- animation: animstyle1 3s 18.5s;
- -webkit-animation: animstyle1 3s 18.5s;
- letter-spacing: 15px;
- margin-top: 20px;
- color: red;}
- u{opacity:0;}
- </style>
- <div id="worldtwo">
- <div id="secondlyric">
- I hear that masked voice I thought I only dreamt about<br>
- It tells all of my fears to everyone else, and conveys it's wants to me.
- </div>
- <div id="thirdlyric">
- <i>God's</i> <i>not</i> <i>a</i> <i>goldmine</i><i>,</i><br>
- <i>God's</i> <i>on</i> <i>the</i> <i>inside</i><i>,</i><br>
- <i>S</i>
- <i>e</i>
- <i>l</i>
- <i>l</i>
- <i>i</i>
- <i>n</i>
- <i>g</i>
- <br>
- <i>everybody</i> <i>on</i> <i>the</i> <i>front</i><i>lines</i> <i>out</i><br>
- <i>Did</i> <i>you</i> <i>think</i> <i>you</i> <i>were</i>
- <i>.</i>
- <i>.</i>
- <i>.</i>
- <br>
- <i>right</i> <i>-side</i> <i>in</i><i>?</i><br>
- <i>Maybe</i>
- <i>.</i>
- <i>.</i>
- <i>.</i><br>
- <i>i</i><i>n</i><br>
- <i>s</i><i>i</i><i>d</i><i>e</i><br>
- <i>out?</i>
- </div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment