Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- @import url('https://fonts.googleapis.com/css?family=Oswald|Staatliches|Permanent+Marker');
- #no {
- position: absolute;
- left: 0px;
- top: 0px;
- right: 0px;
- bottom: 0px;}
- ::-webkit-scrollbar {
- width: 1px;}
- ::-webkit-scrollbar-thumb {
- background: transparent;}
- ::selection {
- color: #000;
- background: #fff;}
- body {
- background-color: #000;
- background-image: url(https://www.transparenttextures.com/patterns/concrete-wall-2.png);
- cursor: url('https://78.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_540.png'), default;}
- h2 {
- height: 24px;
- background-color: #404040;
- text-align: center;
- font-family: 'Permanent Marker', cursive;
- color: #b3b3b3;
- font-size: 21px;
- line-height: 24px;
- letter-spacing: 4px;
- text-transform: lowercase;
- font-weight: bold;
- margin-top: 5px;
- margin-bottom: 12px;}
- a {
- color: #004d4d;
- text-decoration: none;
- text-transform: uppercase;
- font-family: 'Permanent Marker', cursive;
- font-size: 13px;
- letter-spacing: 1;
- -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;}
- b {
- color:#375456;
- font-family: Oswald, sans-serif;
- text-transform: uppercase;
- font-size: 11px;
- letter-spacing: 1;
- }
- i {
- color: #404040;
- font-family: Oswald, sans-serif;
- text-transform: lowercase;
- font-size: 10px;
- letter-spacing: 1;}
- u {
- color:#262626;
- font-family: Oswald, sans-serif;
- text-transform: lowercase;
- font-size: 10px;
- letter-spacing: 1;}
- s {
- color:#FFffff;
- font-family: Oswald, sans-serif;
- text-transform: lowercase;
- font-size: 10px;
- letter-spacing: 1;}
- .pic {
- position: absolute;
- height: 356px;
- width: 245px;
- background-image: url('https://i.imgur.com/TMtE19I.gif');
- background-attachment: absolute;
- background-size: 100% 100%;
- bottom: 15px;
- right: 440px;
- border: 1px solid #004d4d;}
- .alpha {
- position: fixed;
- height: 400px;
- width: 710px;
- background-image: url(https://www.transparenttextures.com/patterns/classy-fabric.png);
- background-color: #404040;
- Border: 5px solid;
- Border-color: #262626;
- padding: 10px;
- overflow: auto;
- bottom: 50%;
- left: 50%;
- margin-left: -270px;
- margin-bottom: -300px;}
- .con {
- position: fixed;
- height: 370px;
- width: 680px;
- background-image: url(https://www.transparenttextures.com/patterns/classy-fabric.png);
- background-color: #595959;
- Border: 5px solid;
- Border-color: #262626;
- padding: 10px;
- overflow: auto;
- bottom: 50%;
- left: 50%;
- margin-left: -255px;
- margin-bottom: -285px;}
- .stats {
- position: absolute;
- height: 150px;
- width: 175px;
- font-family: Oswald;
- color: #000;
- font-size: 10px;
- letter-spacing: 0px;
- text-transform: none;
- background-color: #b3b3b3;
- padding: 10px;
- line-height: 22px;
- text-align: justify;
- overflow: auto;
- top: 32px;
- left: 290px;
- border: 1px solid #004d4d;}
- .canons {
- position: absolute;
- height: 150px;
- width: 175px;
- font-family: Oswald;
- color: #000;
- font-size: 10px;
- letter-spacing: 0px;
- text-transform: none;
- background-color: #b3b3b3;
- padding: 10px;
- line-height: 22px;
- text-align: justify;
- overflow: auto;
- top: 32px;
- left: 500px;
- border: 1px solid #004d4d;}
- .contacts {
- position: absolute;
- height: 150px;
- width: 175px;
- font-family: Oswald;
- color: #000;
- font-size: 13px;
- letter-spacing: 0px;
- text-transform: none;
- background-color: #b3b3b3;
- padding: 10px;
- line-height: 22px;
- text-align: center;
- overflow: auto;
- top: 219px;
- left: 290px;
- border: 1px solid #004d4d;}
- .ooc {
- position: absolute;
- height: 150px;
- width: 175px;
- font-family: Oswald;
- color: #000;
- font-size: 13px;
- letter-spacing: 0px;
- text-transform: none;
- background-color: #b3b3b3;
- padding: 10px;
- line-height: 22px;
- text-align: justify;
- overflow: auto;
- top: 219px;
- left: 500px;
- border: 1px solid #004d4d;}
- .title {
- position: absolute;
- font-family: 'Permanent Marker', cursive;
- color: #1a1a1a;
- font-size: 55px;
- letter-spacing: 2px;
- text-transform: uppercase;
- font-weight: bold;
- bottom: 50%;
- left: 50%;
- margin-left: 120px;
- margin-bottom: 110px;
- text-shadow: 3px 2px 0px #cccccc;}
- </style>
- <div id="no" oncontextmenu="return false;">
- <div class="alpha">
- <div class="con">
- <div class="pic"></div>
- </div>
- <div class="contacts">
- <h2>Connections</h2>
- <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
- <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #004d4d; height:45px; width:45px;"></a>
- <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
- <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #004d4d; height:45px; width:45px;"></a>
- <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
- <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #004d4d; height:45px; width:45px;"></a>
- <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
- <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #004d4d; height:45px; width:45px;"></a>
- <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
- <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #004d4d; height:45px; width:45px;"></a>
- <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
- <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #004d4d; height:45px; width:45px;"></a>
- <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
- <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #004d4d; height:45px; width:45px;"></a>
- <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
- <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #004d4d; height:45px; width:45px;"></a>
- <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
- <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #004d4d; height:45px; width:45px;"></a>
- </div>
- <div class="stats">
- <h2>Statistics</h2>
- <font style=float:left><b>name</b> </font> <font style=float:right>---</font><br>
- <font style=float:left><b>alias</b> </font> <font style=float:right>---</font><br>
- <font style=float:left><b>gender</b> </font> <font style=float:right>---</font><br>
- <font style=float:left><b>birth date</b> </font> <font style=float:right>---</font><br>
- <font style=float:left><b>birthplace</b> </font> <font style=float:right>---</font><br>
- <font style=float:left><b>location</b> </font> <font style=float:right>---</font><br><br>
- <font style=float:left><b>occupation</b> </font> <font style=float:right>---</font><br>
- <font style=float:left><b>major</b> </font> <font style=float:right>---</font><br>
- <font style=float:left><b>minor</b> </font> <font style=float:right>---</font><br>
- <font style=float:left><b>clubs</b> </font> <font style=float:right>---</font><br><br>
- <font style=float:left><b>marital status</b> </font> <font style=float:right> ---</font><br>
- <font style=float:left><b>orientation</b> </font> <font style=float:right>---</font><br>
- <font style=float:left><b>current mood</b> </font> <font style=float:right>---</font><br><br>
- <font style=float:left><b>height</b> </font> <font style=float:right>---</font><br>
- <font style=float:left><b>weight</b> </font> <font style=float:right>---</font><br>
- <font style=float:left><b>hair color</b> </font> <font style=float:right>---</font><br>
- <font style=float:left><b>eye color</b> </font> <font style=float:right>---</font><br>
- <font style=float:left><b>scent</b> </font> <font style=float:right>---</font><br>
- <font style=float:left><b>allergies</b> </font> <font style=float:right>---</font><br>
- </div>
- <div class="canons">
- <h2>head canons</h2>
- this is just an example.<br>
- <b>this is just an example.</b><br>
- <i>this is just an example.</i><br>
- <u>this is just an example.</u><br>
- <s>this is just an example.</s><br>
- </div>
- <div class="ooc">
- <h2>ooc</h2>
- <b>001.</b> This code was made by <a target="_blank" href="https://roleplay.chat/profile.php?user=Star">Star</a> as a gift for <b>Jack</b>, under the multiple sources of tutelage by far more experienced coders. Please don't bother stealing, I can point you in the direction of those that would be happy to do commissions.<br>
- <b>002.</b> <br>
- <b>003.</b> <br>
- </div>
- </div>
- <div class="title">Jack Davis</div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement