Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @import url(https://fonts.googleapis.com/css?family=Montserrat);
- @import url('https://fonts.googleapis.com/css?family=Playfair Display SC');
- @import url('https://fonts.googleapis.com/css?family=Questrial');
- @import url(https://fonts.googleapis.com/css?family=Roboto);
- @import url(https://fonts.googleapis.com/css?family=Merriweather);
- /*coded by [punpun]. do not steal the character. do not remove the credit. do not remove this.*/
- /*7A2926*/
- ::-webkit-scrollbar-thumb {
- width: 0px;
- background-color: #fff;}
- ::-webkit-scrollbar {
- width: 0px;
- background-color: transparent;}
- a {
- color: #E0E0E0; background-color: #7A2926;
- text-decoration: none;
- transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -webkit-transition: all 0.4s ease-in-out;}
- a:hover {
- color: #ffffff;background-color: #000; cursor:url(http://media.tumblr.com/d867d8c0827140bcce868f3bdbbd5e4f/tumblr_inline_mwwd9dv65Z1srowmh.png), auto !important;
- text-decoration: none;
- transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -webkit-transition: all 0.4s ease-in-out;}
- a.tab:active, a.tab:link, a.tab:visited {
- background-color: #888;
- border: #f3f3f3 2px solid;
- border-radius: px;
- margin-bottom: 6;margin-right:6;
- display: inline-flex;
- height: 5px;
- text-decoration: none;
- width:5px;
- -webkit-transition: all 0.4s ease-in;
- -moz-transition: all 0.4s ease-in;
- -ms-transition: all 0.4s ease-in;
- -o-transition: all 0.4s ease-in;
- transition: all 0.4s ease-in;transform: skew(-25deg);
- }
- a.tab:hover {
- background-color: #f3f3f3;
- }
- body {background: linear-gradient(to bottom, #000 0%,#000 100%);}
- .container {
- position: fixed; margin: auto; right: 0px; left:0; top: 0; bottom: 0; width: 350; height: 530;
- background-color:#fff;
- background-image: url(http://i.picpar.com/sd1c.jpg);
- background-repeat: no-repeat;
- background-size: 400px;
- background-position: -25px 0;
- opacity: 1; border: 22.99px solid #074148; z-index: 5; overflow:hidden;}
- #top {
- position: absolute; left: 0; top: 0; width: 100%; height: 14px; background-color: #000; z-index: 99;}
- #bottom {
- position: absolute; left: 0; bottom: 0; width: 100%; height: 14px; background-color: #000; z-index: 99;}
- #left {
- position: absolute; left: 0; bottom: 0; width: 14px; height: 100%; background: linear-gradient(to bottom, #000 0%,#000 100%);z-index: 109;}
- #right {
- position: absolute; right: 0; bottom: 0; width: 14px; height: 100%; background: linear-gradient(to bottom, #000 0%,#000 100%); z-index: 109; }
- .left{ float: left;}
- .right{ float: right;}
- .box {
- position: absolute; margin: auto; right:39px; bottom: 60;
- height: 120;
- width: 126;
- background-color: #;
- border-left: 1px solid #f3f3f3;
- box-shadow: #000000 0px 0px 0px 0px;
- background-image:url("");
- z-index: 5;
- color: #E0E0E0;
- font-family: Roboto;
- font-style: normal;
- font-variant: ;
- font-weight: 100;
- text-align: left;
- overflow-x: hidden;
- overflow-y: auto;
- font-size: 11px;
- padding-left: 10px;
- -webkit-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- opacity: 1;
- filter:alpha(opacity=75);
- }
- .container:hover .box{ color: #f3f3f3;
- opacity: 1;
- -webkit-transition-delay: 0.5s;
- transition-delay: 0.5s ;}
- .boxb {
- position: absolute; margin: auto; right:30px; bottom: 45;
- height: 148;
- width: 210;
- background-color: #000;
- border-right: px solid #f3f3f3;
- box-shadow: #000000 0px 0px 0px 0px;
- background-image:url("");
- z-index: 1;
- color: #d7eff7;
- font-family: Roboto;
- font-style: normal;
- font-variant: ;
- font-weight: 100;
- text-align: justify;
- overflow-x: hidden;
- overflow-y: auto;
- font-size: 12px;
- padding-right: 25px;
- -webkit-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- opacity: 0.5;
- filter:alpha(opacity=75);
- }
- .boxc {
- position: absolute; margin: auto; right:30px; bottom: 45;
- height: 148;
- width: 210;
- background-color: #;
- border-left: 2px solid #f3f3f3;
- border-bottom: 2px solid #f3f3f3;
- box-shadow: #000000 0px 0px 0px 0px;
- background-image:url("");
- z-index: 1;
- color: #d7eff7;
- font-family: Roboto;
- font-style: normal;
- font-variant: ;
- font-weight: 100;
- text-align: justify;
- overflow-x: hidden;
- overflow-y: auto;
- font-size: 12px;
- padding-right: 25px;
- -webkit-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- opacity: 1;
- filter:alpha(opacity=75);
- }
- #god {
- position: absolute; margin: auto; width: 50px; height: 20px;
- right: 34px;
- bottom: 30.1;
- background-color: transparent;
- border: ; opacity:1;
- height: px; z-index:5;
- text-align:left; }
- #stats{position:absolute; right:185; bottom:76;z-index:98;
- background-color: #;opacity: 1;width: 56px; height: 50px; border-right: 1px solid #f3f3f3;padding-right:14px;font-family: Questrial; margin-bottom:3;font-size: 10px;color: #000;-webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
- #stats2{position:absolute; right:194; bottom:130;z-index:99;
- background-color: #;opacity: 1;width: 56px; height: 40px;padding:6px;font-family: Questrial; margin-bottom:3;font-size: 10px;color: #000;-webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
- .sts {
- font-family: Questrial;
- font-size: 10px;width:45px; height: 8px;
- text-align: RIGHT;
- font-weight:100;
- color: #f3f3f3;
- background-color: #0B6570;
- padding: 3px;
- margin-bottom: px;
- margin-top: px;
- line-height: 8px;
- border-bottom: 1px solid #f3f3f3; border-right: 2px solid #f3f3f3;
- }
- .sts:hover{ background-color: #000;-webkit-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;}
- .sts2 {
- font-family: Questrial;
- font-size: 10px;width:63px; height: 8px;
- text-align: left;
- font-weight:100;
- color: #f3f3f3;
- background-color: #;
- padding: 3px;
- margin-bottom: px;
- margin-top: px;
- line-height: 8px;
- border-bottom: 1px solid #f3f3f3; border-LEFT: 2px solid #f3f3f3;
- }
- .sts2:hover{ background-color: #000;-webkit-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;}
- .sts3 {
- font-family: Questrial;
- font-size: 10px;width:86px; height: 8px;
- text-align: left;
- font-weight:100;
- color: #f3f3f3;
- background-color: #;
- padding: 3px;
- margin-bottom: px;
- margin-top: px;
- line-height: 8px;text-transform: uppercase;
- border-bottom: 1px solid #f3f3f3; border-right: 2px solid #f3f3f3;
- }
- .sts3:hover{ background-color: #0B6570;-webkit-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;}
- .head {
- position: absolute; margin: auto; right: -22px; bottom: 194; width: 290px; height: 20px; background-color: transparent;color: #f3f3f3; font-family: Roboto; font-size: 21px; text-align: justify; opacity: 1; border: 0px solid transparent; z-index: 9; overflow-x: disabled; overflow-y: disabled;transition:all 0.2s ease-out;text-transform: uppercase;
- }
- h1{
- font-family: Roboto;
- font-size: 11px;
- text-align: left;
- color: #;
- padding-right: 5px;
- margin-bottom: 5px;
- margin-top: 6px;
- line-height: 11px;
- border-bottom: 3px double #f3f3f3;}
- </style><div class="container">
- <div id="top"></div><div id="bottom"></div><div id="left"></div><div id="right"></div>
- <div class="box">
- <b>/-- BIOGRAPHY --/</b>. {wip}
- <h1>/-- CONNECTIONS --/</h1>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Small description or whatever."><div class="sts3">NAME</div></a>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Small description or whatever."><div class="sts3">NAME</div></a>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Small description or whatever."><div class="sts3">NAME</div></a>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Small description or whatever."><div class="sts3">NAME</div></a>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Small description or whatever."><div class="sts3">NAME</div></a> <br>
- <h1>/-- OOC --/</h1>
- /--/ RL > RP. IC =/= OOC. <br>
- /--/ LT > ST > OS. Ask. <br>
- /--/ Story > Smut. Ask. <br>
- /--/ Any questions? Ask. <br>
- /--/ Discord available. <br>
- /--/ Hex Code: #0B6570. <br> </div>
- <div class="boxb"></div><div class="boxc"></div>
- <div id="stats2">
- <div class="sts2">MALE</div>
- <div class="sts2">TWENTY</div>
- <div class="sts2">HETEROSEX</div>
- <div class="sts2">SINGLE</div>
- </div>
- <div id="stats"><br>
- <div class="sts">6'2"</div>
- <div class="sts">182</div>
- <div class="sts">LEAN</div>
- <div class="sts2">VENOMOUS</div>
- </div>
- <div class="head"><i>ZANDER ROMERO ---------</i></div>
- <a href="profile.php?user=Punpun" title="Coded by Punpun" target="_blank"><img src="http://i.imgur.com/acD32sR.png" style="position:fixed; right:10; bottom:0;width:25;"></a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement