Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- /* © devilslocket designs. This profile was a commissioned piece intended for the sole use of NAMEHERE - if you're interested in acquiring a layout like this, PM "Cat" or mail her. Please do not take, redistribute, or otherwise alter the codes on this profile. */
- @import url(https://fonts.googleapis.com/css?family=Share);
- @import url(https://fonts.googleapis.com/css?family=Squada+One);
- @import url(https://fonts.googleapis.com/css?family=Anton);
- .pfor { display: none; margin: 0 auto; }
- #profile { background: #transparent; border: 0px; margin: 0 auto; }
- body { background-color: #0b0124; background-image: url('https://www.transparenttextures.com/patterns/brilliant.png'); color: #a78d81; text-align: justify; margin: 0 auto; cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default; }
- a, a:link, a:visited { font-family: share; font-size: 12px; color: #96a7da; text-decoration: none; cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default; }
- i { color: #fffbea; font-weight: none; border-bottom: 1px dotted #fffbea; }
- u { color: #4861ad; }
- b, strong{ font-weight: normal; color: #7174da; font-family: Share; font-size: 12px; text-transform: none; }
- /* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */
- ::selection {background:#transparent; color: transparent;
- text-shadow: 0 0 5px rgba(0,0,0,0.5); }
- ::-moz-selection {background:#transparent; color:#transparent; color: #fff;
- text-shadow: 0 0 5px rgba(0,0,0,0.5); }
- h1{ font-family: squada one; font-size: 23px; background: #28295b; color: #252651; text-transform: uppercase; letter-spacing: 4px; margin-top: 15px; margin-left: 10px; margin-right: 10px; line-height: 15px; text-align: center; text-shadow: -1px 0 #9192b9, 0 1px #9192b9,1px 0 #9192b9, 0 -1px #9192b9; }
- p { text-align: justify; padding-right: 10px; padding-left: 10px; margin-top: 5px; }
- /* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */
- ::-webkit-scrollbar-thumb:vertical {background-color:#292a59;;height:30px;}
- ::-webkit-scrollbar { height:30px;width:6px; background-color:#transparent;}
- .statistics td { width: 200px; text-align: left; font-family: Share; font-size: 12px; color: #8c8dc7; line-height: 14px; padding-left: 20px; padding-right: 20px; }
- #everything { position: fixed; left: 0px; top: 0px; bottom: 0px; right: 0px; margin: auto; width: 100%; height: 100%; background: #transparent; overflow: hidden; }
- /* ----------------------------------------------- */
- #ruler { position: fixed; left: 0px; top: 0px; bottom: 0px; right: 0px; margin: auto; background: #fff; width: 900px; height: 500px; }
- #render { position: fixed; left: -610px; top: -60px; bottom: 0px; right: 0px; margin: auto; background: url('http://i.imgur.com/6esiD0o.png'); background-repeat: no-repeat; width: 289px; height: 460px; }
- #info1 { position: fixed; left: -90px; top: 290px; bottom: 0px; right: 0px; margin: auto; background-color: #1f2059; background-image: url('https://www.transparenttextures.com/patterns/dark-dot.png'); width: 500px; height: 210px; border: 1px solid #1b1c40;}
- #info2 { position: fixed; left: 0px; top: 257px; bottom: 0px; right: -660px; margin: auto; background-color: #1f2059; background-image: url('https://www.transparenttextures.com/patterns/dark-dot.png'); width: 240px; height: 242px; border: 1px solid #1b1c40;}
- #baseline1 { position: fixed; left: 0px; top: 42px; bottom: 0px; right: 0px; margin: auto; background-color: #1f2059; background-image: url('https://www.transparenttextures.com/patterns/dark-dot.png'); width: 410px; height: 27px; border: 1px solid #1b1c40; }
- /* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */
- /* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */
- #header1 { position: fixed; left: 0px; bottom: 0px; right: -600px; top: -50px; margin: auto; background: #transparent; width: 800px; height: 60px; font-family: Squada One; font-size: 70px; color: #0b0124; overflow: hidden; line-height: 50px; text-transform: uppercase; letter-spacing: 2px; text-shadow: -1px 0 #292a6d, 0 1px #292a6d,1px 0 #292a6d, 0 -1px #292a6d; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; transition:all 2s ease-in-out; }
- #header2 { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; background: #transparent; width: 355px; height: 60px; font-family: Satisfy; font-size: 40px; color: #a0a1aa; overflow: hidden; line-height: 50px; text-transform: lowercase; letter-spacing: 2px; text-shadow: -1px 0 #2F2238, 0 1px #2F2238,1px 0 #2F2238, 0 -1px #2F2238; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; transition:all 2s ease-in-out; }
- #tabbed { position: absolute; left: 10px; top: 10px; background: #3c3e77; width: 480px; height: 190px; font-family: share; font-size: 12px; color: #8c8dc7; text-transform: none; overflow: auto; }
- #stats { position: absolute; left: 10px; top: 10px; background: #3c3e77; width: 220px; height: 223px; font-family: Share; font-size: 12px; color: #8c8dc7; text-transform: none; overflow: auto; }
- #navitabs { position: fixed; left: 0px; top: 41px; bottom: 0px; right: 0px; margin: auto; background: #transparent; background-repeat: repeat; width: 380px; height: 25px; text-align: center; }
- a.navi2, a.navi2:visited { display: inline-block; width: 55px; height: 12px; background: #3c3e77; margin-top: 8px; margin-right: 7px; margin-left: 7px; opacity: 1; -webkit-transition:opacity 0.8s linear; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition: all 0.5s ease-out; }
- /* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */
- a.navi2:hover { background: #18193d; opacity: 1; -webkit-transition:opacity 0.7s linear; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
- .picpic { border: 1px solid #5659b6; width: 50px; height: 50px; margin-bottom: 5px; margin-right: 2px; margin-left: 2px; }
- /* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */
- /* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */
- </style>
- <div id="info1"><div id="tabbed">
- <div style="width: 480px; height: 190px; overflow-y: hidden;">
- <a name="one"></a>
- <div style="width: 480px; height: 190px; overflow: auto;">
- <h1>Out of character</h1>
- <i>italic</i> <u>underline</u>
- <p><b>one.</b> This profile was created for xxx by <a target="_blank" href="http://devilslocketdesigns.webs.com" target="_blank">devilslocket designs.</a> Please do not take, alter, or otherwise redistribute the coding. If you are interested in procuring a layout, please send mail to <a target="_blank" href="https://roleplay.chat/profile.php?user=Cat">Cat</a> via RPC.</p>
- </div>
- <a name="two"></a>
- <div style="width: 480px; height: 190px; overflow: auto;">
- <h1>History</h1>
- </div>
- <a name="three"></a>
- <div style="width: 480px; height: 190px; overflow: auto;">
- <h1>Personality</h1>
- </div>
- <a name="four"></a>
- <div style="width: 480px; height: 190px; overflow: auto;">
- <h1>Inventory</h1>
- </div>
- <a name="five"></a>
- <div style="width: 480px; height: 190px; overflow: auto;">
- <h1>Friends</h1>
- <center>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="http://i.imgur.com/54XfU2V.jpg"class="picpic"title="Description of friend here"></a>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="http://i.imgur.com/54XfU2V.jpg"class="picpic"title="Description of friend here"></a>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="http://i.imgur.com/54XfU2V.jpg"class="picpic"title="Description of friend here"></a>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="http://i.imgur.com/54XfU2V.jpg"class="picpic"title="Description of friend here"></a>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="http://i.imgur.com/54XfU2V.jpg"class="picpic"title="Description of friend here"></a>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="http://i.imgur.com/54XfU2V.jpg"class="picpic"title="Description of friend here"></a>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="http://i.imgur.com/54XfU2V.jpg"class="picpic"title="Description of friend here"></a>
- </center>
- </div></div>
- </div>
- <div id="render"></div>
- <div id="info2"><div id="stats">
- <h1>Statistics</h1>
- <table class="statistics">
- <tr><td><b>Statistic Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- <tr><td><b>Statistic Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- <tr><td><b>Statistic Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- <tr><td><b>Statistic Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- <tr><td><b>Statistic Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- <tr><td><b>Statistic Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- <tr><td><b>Statistic Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- <tr><td><b>Statistic Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- <tr><td><b>Statistic Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- </table>
- </div>
- <div id="baseline1"></div>
- <div id="header1">Some sort of title</div>
- <div id="navitabs">
- <a href="#one"class="navi2"></a>
- <a href="#two"class="navi2"></a>
- <a href="#three"class="navi2"></a>
- <a href="#four"class="navi2"></a>
- <a href="#five"class="navi2"></a>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement