Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <body>
- <style type="text/css">
- @import url('https://fonts.googleapis.com/css?family=Krona+One');
- .pfor {display: none; visibility: hidden;}
- #profile {background-color:;}
- #profile {border:;}
- body
- {overflow-x:hidden;
- background-image:
- url(https://cdn.discordapp.com/attachments/386569442277982208/389975704869142529/image.jpg);
- background-repeat: no-repeat;
- background-position: right;
- background-attachment: fixed;
- background-color:#FFFFFF;
- 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:gray;
- 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;}
- #background {background-image:
- url('http://i.picpar.com/Nl2b.jpg');
- background-size:200px;
- background-repeat:repeat;
- background-position:;
- background-attachment: absolute;
- position:absolute;
- left:150;
- top:50;
- width:295;
- height:640;
- border:2px solid #fff;
- }
- #image {position:absolute;
- left:20;
- top:20;
- background-color: transparent;
- border:2px solid #FFF;
- }
- #title {background-color:#fff;
- vertical-align: center;
- color:black;
- font-size:20px;
- font-family:times;
- text-align: center;
- position: absolute;
- width:230;
- left: 19px;
- top: 330px;
- letter-spacing:0px;
- line-height: 10px;
- padding: 10px;
- margin: 1px;
- border:2px solid #999;
- }
- #box {background-color:#fff;
- vertical-align: center;
- text-transform: uppercase;
- color:black;
- font-size:10px;
- text-align: left;
- position: absolute;
- width:230;
- height:240;
- left: 19px;
- top: 355px;
- line-height: 10px;
- padding: 10px;
- margin: 1px;
- border:2px solid #999;
- opacity:.7;
- overflow:auto;
- font-family: tinytots;
- }
- #navi {
- vertical-align: center;
- text-align: center;
- position: absolute;
- left:50;
- top:650;
- letter-spacing:0px;
- line-height: 10px;
- padding: 5px;
- margin: 1px;
- opacity:.8;
- }
- #navi a {
- padding: 7px;
- width: 20px;
- font-family: tinytots;
- font-size: 8px;
- text-transform:uppercase;
- letter-spacing: 1px;
- display: inline-block;
- text-align: center;
- color:#999;
- background-color: #fff;
- -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;
- border: 1px solid #999;
- }
- #navi a:hover {background-color:#999;
- color:DADADA;
- -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;
- border: 1px solid #DADADA;
- }
- #background2 {background-image:
- url('http://i.picpar.com/Nl2b.jpg');
- background-size:200px;
- background-repeat:repeat;
- background-position:;
- background-attachment: absolute;
- position:absolute;
- left:0;
- top:0;
- width:400;
- height:350;
- border:2px solid #fff;
- -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;
- overflow:hidden;
- }
- #background2:hover {
- border:2px solid #fff;
- -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;
- }
- #box2 {background-color:#fff;
- vertical-align: center;
- text-transform: uppercase;
- color:black;
- font-size:8px;
- font-family:tinytots;
- text-align: justify;
- position: absolute;
- width:335;
- height:285;
- left: 19px;
- top: 20px;
- letter-spacing:0px;
- line-height: 10px;
- padding: 10px;
- margin: 1px;
- border:2px solid #aaa;
- opacity:.7;
- }
- #box2 img {
- width:100;
- height:100;
- border:1px solid #FFF;
- }
- #arrow {position:absolute;
- left:410;
- top:150;
- }
- h1{
- border-bottom:1px solid #FFF;
- color:#FFF;
- font-size:17px;
- line-height: 17px;
- font-family:times;
- text-align: right;
- text-transform:lowercase;
- letter-spacing:5px;
- margin: 0px 5px 5px;
- text-shadow: 1px 0px 0px #666,
- 0px 1px 0px #666,
- -1px 0px 0px #666,
- 0px -1px 0px #666,
- 0px 0px 20px #666;
- }
- h2{
- border-bottom:1px dotted #666;
- color:white;
- width:150;
- font-size:8px;
- line-height: 8px;
- font-family:Silkscreen;
- text-align: left;
- text-transform:uppercase;
- margin: 5px 5px 5px;
- text-shadow: 1px 0px 0px #FFF,
- 0px 1px 0px #FFF,
- -1px 0px 0px #FFF,
- 0px -1px 0px #FFF,
- 0px 0px 20px #FFF;
- }
- #hoverhelp {
- position:absolute;
- left:50;
- top:220;
- -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;
- }
- #hoverhelp:hover {
- left:470;
- top:220;
- -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;
- }
- #color {
- position:fixed;
- background-color:#FFF;
- width:460;
- height:550;
- left: 0px;
- top: 50px;
- }
- ::selection {
- color: #999;
- background: #111;
- }
- #credit {
- position:fixed;
- right:0;
- bottom:0;
- }
- @font-face {font-family:Silkscreen; src: url(http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf);}
- </style>
- <div id="whole" oncontextmenu="return false;">
- <div id="credit">
- <img src="http://i.picpar.com/Pl2b.png" width="100">
- </div>
- <div id="hoverhelp">
- <div id="arrow">
- <font size="50">↵</font>
- </div>
- <div id="background2">
- <div id="box2">
- <div style="width:335; height:285; overflow-y: hidden;">
- <a name="one"></a>
- <div style="width:335; height:285; overflow-y: auto;">
- <h1>out of character</h1>
- <li>tba</li>
- <li></li>
- <li></li>
- <li></li>
- <li></li>
- <li></li>
- <li></li>
- <li></li>
- </div>
- <a name="two"></a>
- <div style="width:335; height:285; overflow-y: auto;">
- <h1>Personality</h1>
- two
- </div>
- <a name="three"></a>
- <div style="width:335; height:285; overflow-y: auto;">
- <h1>History</h1>
- three
- </div>
- <a name="four"></a>
- <div style="width:335; height:285; overflow-y: auto;">
- <h1>Comrades & enemies</h1>
- <img src="http://i.picpar.com/Sl2b.jpg" align="left"> information here
- <br><br><br><br>
- <img src="http://i.picpar.com/Sl2b.jpg" align="right"> information there
- </div>
- <a name="five"></a>
- <div style="width:335; height:285; overflow-y: auto;">
- <h1>Abilities</h1>
- five
- </div>
- </div>
- </div>
- </div>
- </div>
- <div id="color">
- </div>
- <div id="background">
- <div id="image">
- <img src="https://i.imgur.com/et2td00.png" height="312" width="250">
- </div>
- <div id="box">
- Name: Alden Maxwell Peacefield
- <br>
- Age: 23
- <br>
- Rank: Commander of the Grand Empire of Titan
- <br>
- Weight: 176lbs
- <br>
- Height: 6'2"
- </font>
- </div>
- <div id="title">
- <i>"You're just too slow for me"</i>
- </div>
- <div id="navi">
- <a href="#one">I</a>
- <a href="#two">II</a>
- <a href="#three">III</a>
- <a href="#four">IV</a>
- <a href="#five">V</a>
- </div>
- </div>
- </div></body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement