Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <body><style type="text/css">
- .pfor {display: none; visibility: hidden;}
- #profile {background-color:black;}
- #profile {border:;}
- body
- {overflow-x:hidden;
- background-image:
- url('');
- background-repeat:repeat;
- background-position:;
- background-attachment: fixed;
- background-color:white;
- font: 0px arial;
- color: black;}
- #profile {background-color: transparent;
- border:0px;
- }
- ::-webkit-scrollbar {
- width: 5px;
- height: 0px;
- background:;
- }
- ::-webkit-scrollbar-thumb {
- background-color:black;
- -webkit-border-radius: 10px;
- border-radius: 10px;
- }
- a {color:;
- text-decoration: none;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- a:hover {color: black;
- text-decoration: none;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
- }
- @font-face {font-family: "tinytots";src: url('https://dl.dropboxusercontent.com/s/y0pfz7ndq83n7j7/04B_03_.TTF?dl=1'); format("truetype");}
- #whole{position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
- #image {position:absolute;
- left:400;
- top:40;
- width:250;
- height:120;
- border:2px solid #4EE2EC;
- }
- #image2 {position:absolute;
- left:820;
- top:40;
- width:300;
- height:440;
- border:0px solid white;
- }
- #image5 {position:absolute;
- left:400;
- top:360;
- width:250;
- height:120;
- border:2px solid #4EE2EC;
- }
- #image4 {position:absolute;
- left:400;
- top:190;
- width:250;
- height:120;
- border:2px solid #4EE2EC;
- }
- #title {
- position:absolute;
- font-size:150px;
- font-family:Ginette;
- color:#69181E;
- left:455;
- top:80;
- text-transform:lowercase;
- }
- #title2 {
- position:absolute;
- font-size:50px;
- font-family:Bebas Neue;
- color:#95242C;
- left:460;
- top:190;
- text-transform:uppercase;
- }
- @font-face{font-family:Ginette;src:url(http://static.tumblr.com/9wzbixa/ZKKmj2im3/ginette.ttf);}
- @font-face {font-family:Bebas Neue;src:url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);}
- #box {background-color:white;
- vertical-align: center;
- text-transform: none;
- color:#368BC1;
- font-size:16px;
- font-family: MV Boli;
- text-align: justify;
- position: absolute;
- top:500;
- left:820;
- width:280;
- height:110;
- letter-spacing:0px;
- line-height: 15px;
- padding: 10px;
- margin: 1px;
- overflow:auto;
- border:2px solid white;
- }
- #box2 {background-color:transparent;
- vertical-align: center;
- text-transform: none;
- color:white;
- font-size:14px;
- font-family:Nyala;
- text-align: justify;
- position: absolute;
- top:50;
- left:655;
- width:220;
- height:570;
- letter-spacing:0px;
- line-height: 12px;
- padding: 10px;
- margin: 1px;
- overflow:auto;
- border:2px solid transparent;
- }
- #box3 {background-color:white;
- vertical-align: center;
- text-transform: none;
- color:#2A0C0E;
- font-size:8px;
- font-family:tinytots;
- text-align: justify;
- position: absolute;
- left:400;
- top:520;
- width:230;
- height:90;
- letter-spacing:0px;
- line-height: 10px;
- padding: 10px;
- margin: 1px;
- border:2px solid white;
- }
- #box4 {background-color:black;
- vertical-align: center;
- text-transform: none;
- color:white;
- font-size:14px;
- font-family:Nyala;
- text-align: justify;
- position: absolute;
- left:1000;
- top:450;
- width:250;
- height:160;
- letter-spacing:0px;
- line-height: 12px;
- padding: 10px;
- margin: 1px;
- overflow:auto;
- border:2px solid #387C44;
- }
- #box3 img {
- width:80;
- height:80;
- border:1px solid #4EE2EC;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- box3 img:hover {
- border:5px solid #2A0C0E;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- @font-face {
- font-family: 'Hell';
- src: url('https://dl.dropboxusercontent.com/s/l4qg58h3vczugwr/Hellraiser%20SC.ttf');
- }
- b {
- font-family: 'Hell';
- font-size:14px;
- color:#E5E4E2;
- font-variant: small-caps;
- font-weight: normal;
- line-height: 20px;
- font-variant: small-caps;
- }
- @font-face {
- font-family: 'Horst';
- src: url('https://dl.dropboxusercontent.com/s/53qbb6dabw19yqa/Horst%20Roman%20Gothic.ttf');
- }
- @font-face {
- font-family: 'Creed';
- src: url('https://dl.dropboxusercontent.com/s/n0ciian2qlznlzm/creed.ttf');
- }
- strong {
- font-family: 'Creed';
- font-size:16px;
- color:#43C6DB;
- font-variant: small-caps;
- font-weight: normal;
- line-height: 20px;
- font-variant: small-caps;
- }
- .stat{
- float: left; margin-bottom: 2px;
- width: 60%; height: 5%;
- overflow: hidden;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- border-style: solid;
- border-width:2px;
- border-color:#4EE2EC;
- border-radius: 55px;
- }
- .top{
- float: left;
- width: 100%; height: 100%;
- text-align: center;
- line-height: 190%;
- font-family: Permanent Marker;
- font-size: 1.9vh;
- color: #4EE2EC;
- font-weight: bold;
- background: #FEFEFE;
- letter-spacing: 3px;
- -webkit-transition: all 1.5s ease;
- -moz-transition: all 1.5s ease;
- -o-transition: all 1.5s ease;
- }
- .bot{
- float: left;
- width: 100%; height: 100%;
- text-align: center;
- line-height: 190%;
- font-family: Permanent Marker;
- font-size: 2.1vh;
- color: black;
- font-variant: small-caps;
- background: #EDE275;
- letter-spacing: 0px;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- .stat1{
- float: right; margin-bottom: 2px;
- width: 65%; height: 9%;
- overflow: hidden;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- border-style: solid;
- border-width:2px;
- border-color:#4EE2EC;
- border-radius: 55px;
- }
- .top1{
- float: left;
- width: 100%; height: 100%;
- text-align: center;
- line-height: 190%;
- font-family: Permanent Marker;
- font-size: 1.9vh;
- color: #72413C;
- font-weight: bold;
- background: #FEFEFE;
- letter-spacing: 3px;
- -webkit-transition: all 1.5s ease;
- -moz-transition: all 1.5s ease;
- -o-transition: all 1.5s ease;
- }
- .bot1{
- float: left;
- width: 100%; height: 100%;
- text-align: center;
- line-height: 190%;
- font-family: Permanent Marker;
- font-size: 2.1vh;
- color: #FEFEFE;
- font-variant: small-caps;
- background: #FEFEFE;
- letter-spacing: 0px;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- .stat:hover .top{margin-top: -100%;}
- .stat1:hover .top1{margin-top: -100%;}
- #credit {
- position:fixed;
- bottom:0;
- right:0;
- }
- </style>
- <div id="whole" oncontextmenu="return false;">
- <div id="credit">
- <a target="_blank" href="http://pastebin.com/u/SinfulCoding"><img src="http://i.imgur.com/op8zeqw.png" width="125"></a>
- </div>
- <div id="image">
- <a target="_blank" href=""><img src="" height="120" width="250"></a></div>
- <div id="image4">
- <a target="_blank" href=""><img src="" height="120" width="250"></a></div>
- <div id="image5">
- <a target="_blank" href=""><img src="" height="120" width="250"></a></div>
- <div id="image2">
- <img src="" height="440" width="300">
- </div>
- <div id="box">
- -- SOMETHING HERE --
- </div>
- <div id="box3">
- <marquee direction="left" behavior="scroll" width="230" scrollamount="5" onmouseover="this.stop()" onmouseout="this.start()">
- <a target="_blank" href="" target="_blank">
- <img src="">
- </a>
- <a target="_blank" href="">
- <img src="">
- </a>
- <a target="_blank" href="" target="_blank">
- <img src="">
- </a>
- <a target="_blank" href="" target="_blank">
- <img src="">
- </a>
- <a target="_blank" href="" target="_blank">
- <img src="">
- </a>
- <a target="_blank" href="" target="_blank">
- <img src="">
- </a>
- <a target="_blank" href="" target="_blank">
- <img src="">
- </a>
- <a target="_blank" href="" target="_blank">
- <img src="">
- </a>
- </marquee>
- </div>
- <div id="box2">
- <div class="stats">
- <div class="stat">
- <div class="top">Name</div>
- <div class="bot">---</div>
- </div>
- <div style="margin-left: 2px;" class="stat">
- <div class="top">Hair</div>
- <div class="bot">---</div>
- </div>
- <div class="stats">
- <div class="stat">
- <div class="top">Alias</div>
- <div class="bot">---</div>
- </div>
- <div style="margin-left: 2px;" class="stat">
- <div class="top">Fur</div>
- <div class="bot">---</div>
- </div>
- <div style="margin-left: 2px;" class="stat">
- <div class="top">Species</div>
- <div class="bot">---</div>
- </div>
- <div class="stat">
- <div class="top">Age</div>
- <div class="bot">---</div>
- </div>
- <div style="margin-left: 2px;" class="stat">
- <div class="top">Eyes</div>
- <div class="bot">---</div>
- </div>
- <div class="stat">
- <div class="top">Gender</div>
- <div class="bot">---</div>
- </div>
- <div style="margin-left: 2px;" class="stat">
- <div class="top">Height</div>
- <div class="bot">---</div>
- </div>
- <div class="stat">
- <div class="top">Orientation</div>
- <div class="bot">---</div>
- </div>
- <div style="margin-left: 2px;" class="stat">
- <div class="top">Weight</div>
- <div class="bot">---</div>
- </div>
- <div class="stat">
- <div class="top">Status</div>
- <div class="bot">---</div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement