Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @import url(https://fonts.googleapis.com/css?family=Archivo+Narrow);
- @import url(https://fonts.googleapis.com/css?family=Asul);
- @import url(https://fonts.googleapis.com/css?family=Eater);
- ::-webkit-scrollbar { width: 0.4vw; height: 0.4vw;}
- ::-webkit-scrollbar-track { border-radius: 0px; background-color: #563B3B;}
- ::-webkit-scrollbar-thumb { border: 0.1vh solid #B59090; border-radius:50px; background-color: #B14C4C;}
- body{
- background-color: #fff;
- background-image:url('');
- }
- @font-face{
- font-family: 'a Theme for murder';
- src:url(https://dl.dropboxusercontent.com/s/6rxye5rnd2xlgaq/a%20Theme%20for%20murder.ttf);
- }
- @font-face{
- font-family: 'BlackAsylumDEMO';
- src:url(https://dl.dropboxusercontent.com/s/yv6g8ijf29lbaba/BlackAsylumDEMO-KCFonts.ttf);
- }
- #image{
- position: fixed;
- z-index: 0;
- bottom: 0vh;
- left: 0vw;
- width: 30vw;
- opacity:0;
- -webkit-animation:picturein 1.5s 1;
- animation:picturein s 1;
- animation-delay:1.5s;
- animation-fill-mode:forwards;
- -webkit-animation-delay:1s;
- -webkit-animation-fill-mode:forwards;
- }
- #image img{
- height: 100vh;
- }
- @keyframes picturein{
- from{opacity:0; left: -30vw;}
- to{opacity:1;}
- }
- #name{
- position: fixed;
- z-index:2;
- left: 58vw;
- top: 4vh;
- color: #9C0404;
- text-shadow: 0 0 0.5vw #000;
- font-family: a Theme for murder;
- font-size: 6vw;
- letter-spacing: 0.5vw;
- opacity:0;
- -webkit-animation:namefade 2.5s 1;
- animation:namefade 2.5s 1;
- animation-delay:3s;
- animation-fill-mode:forwards;
- -webkit-animation-delay:3s;
- -webkit-animation-fill-mode:forwards;
- }
- @keyframes namefade{
- from{opacity:0;}
- to{opacity:1;}
- }
- #name2{
- position: fixed;
- z-index:0;
- right: 0vw;
- bottom: 0vh;
- color: #9C0404;
- text-shadow: -0.5vw 0.5vw 0.5vw #000;
- font-family: a Theme for murder;
- font-size: 3.5vw;
- text-align: center;
- letter-spacing: 0.5vw;
- opacity:0;
- -webkit-animation:namefade 2.5s 1;
- animation:namefade 2.5s 1;
- animation-delay:3s;
- animation-fill-mode:forwards;
- -webkit-animation-delay:3s;
- -webkit-animation-fill-mode:forwards;
- }
- @keyframes namefade{
- from{opacity:0;}
- to{opacity:1;}
- }
- #infobackground{
- position: fixed;
- z-index: 0;
- top: 23vh;
- right: 27vw;
- height: 50.5vh;
- width: 25vw;
- overflow: hidden;
- color: #000000;
- font-family: Archivo Narrow;
- font-size: 10vh;
- opacity:0;
- -webkit-animation:infobackin 2.5s 1;
- animation:infobackin 2.5s 1;
- animation-delay:3s;
- animation-fill-mode:forwards;
- -webkit-animation-delay:3s;
- -webkit-animation-fill-mode:forwards;
- }
- @keyframes infobackin{
- from{opacity:0;}
- to{opacity:1;}
- }
- #infobox{
- position: static;
- z-index: 2;
- top: 23vh;
- right: 27vw;
- height: 50.5vh;
- width: 25vw;
- overflow: hidden;
- color: #000000;
- font-family: Archivo Narrow;
- font-size: 1.6vh;
- opacity:0;
- text-shadow: 0 0 0.5em #000;
- -webkit-animation:infoboxin 2.5s 1;
- animation:infoboxin 2.5s 1;
- animation-delay:3s;
- animation-fill-mode:forwards;
- -webkit-animation-delay:3s;
- -webkit-animation-fill-mode:forwards;
- }
- @keyframes infoboxin{
- from{opacity:0;}
- to{opacity:1;}
- }
- @-webkit-keyframes infoboxin{
- from{opacity:0;}
- to{opacity:1;}
- }
- b, strong {color: #900000; font-family: Asul; font-size: 1.6vh; font-style: normal; font-weight: bold; text-decoration: none; font-style: italic; font-weight: normal; text-shadow: 0 0 0.5em #000;}
- a {
- color: #9C0404;
- text-decoration: none;
- }
- a:link, a:active, a:visited {
- font-size:1.6vh;
- letter-spacing:0px;
- text-decoration: none;
- color: #9C0404;
- text-shadow: 0 0 0.5em #000;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- -o-transition: all 0.5s linear;
- }
- a:hover {
- font-size:1.6vh;
- color:#000;
- text-shadow: 0 0 0.5em #9C0404;
- text-decoraction: line-through;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- -o-transition: all 0.5s linear;
- }
- #credit{ position: fixed; left: 10px; bottom: 0px; font-family: Arial; font-variant: normal; font-weight: normal; font-size: 100%; color: #000;z-index:1;}
- </style>
- <div id="image">
- <a target="_blank" href="http://i.imgur.com/ctN1L2f.png" target="_blank"><img src="http://i.imgur.com/VBfzzJB.jpg"></a>
- </div>
- <div id="name">
- Sin
- </div>
- <div id="name2">
- All hail the King
- </div>
- <a target="_blank" href="http://i.imgur.com/kHkX5Sp.gif" target="_blank"><img src="http://i.imgur.com/C26dk6t.png?1" height="15%" style="position:fixed; bottom:0%; right: 3%;z-index:2;"></a>
- <div id="credit">
- Layout © <a href="profile.php?user=Pachi" target="_blank">Pachi</a>
- </div>
- <div id="infobackground">
- <div id="infobox">
- <center>
- <div style="height: 100%; overflow-y: hidden;">
- <a name="stats"></a>
- <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
- <b>bold</b> <i>italics</i> <a href="profile.php?user=" target="_blank">Link</a>
- </div>
- </center>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement