Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- body{
- background-color: #070707;
- overflow: hidden;
- background-image:url(https://puu.sh/sxcWY/1d4a9c46ed.png);
- }
- @font-face{
- font-family:'barkfont';
- src:url(https://dl.dropboxusercontent.com/u/4556289/Moderne%20Fette%20Schwabache%20gesperrt%20UNZ1Ar.ttf);
- }
- @font-face{
- font-family:'line1font';
- src:url(https://dl.dropboxusercontent.com/u/4556289/Quilted%20Butterfly.ttf);
- }
- @font-face{
- font-family:'bodyfont';
- src:url(https://dl.dropboxusercontent.com/u/4556289/ventilla-stone.ttf);
- }
- @font-face{
- font-family:'oocfont';
- src:url(https://dl.dropboxusercontent.com/u/4556289/magic11.ttf);
- }
- #whole{
- position: absolute;
- top: 0px;
- left: 0px;
- right: 0px;
- bottom: 0px;
- background-image:url(https://puu.sh/sxce9/4301250a92.png);
- background-size: auto 100%;
- background-repeat: no-repeat;
- background-position: bottom center;
- overflow: hidden;
- }
- #textline{
- position: relative;
- height: 45px;
- width: 100%;
- color: white;
- font-family:'barkfont', Times, Arial;
- font-size: 15pt;
- overflow: hidden;
- z-index: -1;
- opacity: .3;
- -webkit-transition: all 3s ease-in-out .2s;
- transition: all 3s ease-in-out .2s;
- box-sizing: border-box;
- padding-top: 4px;
- }
- #textline:nth-child(odd){
- right: 100%;
- }
- #textline:nth-child(even){
- background: black;
- left: 100%;
- }
- #textline h1{
- color: gray;
- background:url(https://puu.sh/sxcWY/1d4a9c46ed.png) repeat;
- background:url(https://puu.sh/sxdbN/8c5a6c0585.png) repeat;
- -webkit-background-clip:text;
- -webkit-text-fill-color:transparent;
- margin-top: 0px;
- margin-bottom: 0px;
- font-size: 33pt;
- text-align: justify;
- letter-spacing: -15px;
- word-spacing: 0px;
- }
- #div1:target ~ #textline{
- width: 100%;
- }
- #div1:target ~ #textline:nth-child(even){
- left: 0px;
- }
- #div1:target ~ #textline:nth-child(odd){
- right: 0px;
- }
- #activator{
- position: absolute;
- left: 20%;
- top: 0px;
- bottom: 0px;
- margin: auto;
- height: 30px;
- width: 100px;
- color: white;
- font-size: 30pt;
- z-index: 5;
- font-family:'barkfont', Times, Arial;
- -webkit-transition: all 1s;
- transition: all 1s;
- opacity: 0;
- text-decoration: none;
- }
- #whole:hover #activator{
- opacity: 1;
- }
- #div1:target ~ #activator{
- opacity: 0;
- z-index: -100;
- }
- #contentarea{
- position: absolute;
- left: 15%;
- top: 0px;
- bottom: 10%;
- margin: auto;
- height: 139px;
- width: 280px;
- border: 0px solid white;
- box-sizing: border-box;
- -webkit-transition: all 2s;
- transition: all 1s;
- opacity: 0;
- }
- #div1:target ~ #contentarea{
- -webkit-transition: all 2s 2.5s;
- transition: all 2s 2.5s;
- opacity: 1;
- }
- #contentarea:before{
- content:'';
- position: absolute;
- top: 0px;
- left: 0px;
- right: 0px;
- bottom: 0px;
- background: gray;
- z-index: 2;
- opacity: .8;
- }
- #contentcontent{
- position: absolute;
- overflow: hidden;
- top: 0px;
- left: 0px;
- right: 0px;
- bottom: 0px;
- color: black;
- font-family:'bodyfont', Times, Arial;
- font-size: 18pt;
- text-align: justify;
- box-sizing: border-box;
- padding: 10px;
- padding-bottom: 0px;
- padding-top: 23px;
- font-weight: 400;
- letter-spacing: 1px;
- z-index: 3;
- }
- #contentcontent i:nth-child(1){
- font-style: normal;
- font-family:'line1font', Times, Arial;
- font-size: 40pt;
- margin-left: 10px;
- top: -28px;
- position: absolute;
- font-weight: 600;
- letter-spacing: 3px;
- }
- #musicbar{
- position: fixed;
- margin-left: 0px;
- margin-top: -27px;
- height: 15px;
- width: 281px;
- background: black;
- box-shadow: 0px 0px 7px white;
- z-index: 1;
- border-radius: 2px;
- -webkit-transition: all .2s;
- transition: all .2s;
- overflow: hidden;
- }
- #musicbar:active{
- box-shadow: 0px 0px 7px black;}
- #musicbar audio{
- zoom: 1000%;
- opacity: 0;
- margin-top: -13px;
- margin-left: -2px;
- }
- #musicmarquee{
- position: absolute;
- top: 0px;
- left: 0px;
- right: 0px;
- bottom: 0px;
- border: 0px solid red;
- z-index: -1;
- text-align: center;
- color: gray;
- font-family: 'barkfont', Times, Arial;
- font-size: 10pt;
- box-sizing: border-box;
- padding-top: 2px;
- }
- #oocinfo{
- position: fixed;
- margin-top: 150px;
- margin-left: 0px;
- width: 280px;
- height: 34px;
- font-family:'oocfont', Times, Arial;
- text-align: center;
- font-size: 13pt;
- font-weight: 600;
- box-sizing: border-box;
- padding-top: 3px;
- -webkit-transition: all 2s;
- transition: all 2s;
- line-height: 30px;
- }
- #oocinfo:before{
- content:'';
- position: absolute;
- top: 0px;
- left: 0px;
- right: 0px;
- bottom: 0px;
- background: gray;
- opacity: .6;
- z-index: -1;
- }
- #oocinfo b{
- color: white;
- text-shadow: 0px 0px 7px white;
- font-weight: 400;
- letter-spacing: 5px;
- opacity: .7;
- }
- #oocinfo a{
- color: white;
- text-decoration: none;
- font-weight: 800;
- }
- </style>
- <div id="whole">
- <div id="div1">
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <div id="textline">
- <h1>BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK BARK</h1>
- </div>
- <a id="activator" href="#div1">
- bark?
- </a>
- <div id="contentarea">
- <div id="contentcontent">
- <i>TakeR</i><br><br>
- So let's hang up some anger,<br>
- We'll bury our burdens in blood
- </div>
- <div id="musicbar">
- <div id="musicmarquee">
- <marquee direction="left" scrollamount="3">
- glassjaw - ape dos mil
- </marquee>
- </div>
- <audio controls src="https://puu.sh/sxg59/0199c5df8c.mp3" loop=3>
- </audio>
- </div>
- <div id="oocinfo">
- height : 6'1" // build : slender // species : devil<br>
- <b>pm friendly. code is <a target="_blank" href="http://roleplay.chat/profile.php?user=Digital" title="well aware this profile won't look good on all browsers.
- art is owned." target=_blank>mine</a>*</b>
- </div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement