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 Mel - if you're interested in acquiring a layout like this, PM "Black 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=Satisfy);
- @import url(https://fonts.googleapis.com/css?family=Coda);
- .pfor { display: none; margin: 0 auto; }
- #profile { background: #transparent; border: 0px; margin: 0 auto; }
- body { background-image: url('http://i.imgur.com/gLwbU3J.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: #70c4ff; text-decoration: none; cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default; }
- i { color: #635f7a; font-weight: none; border-bottom: 1px dotted #635f7a; }
- u { color: #8f8f8f; }
- b, strong{ font-weight: normal; color: #5a84a1; font-family: share; font-size: 12px; }
- /* © 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: coda; font-size: 15px; background: #transparent; color: #e7e7e7; text-transform: uppercase; letter-spacing: 4px; margin-left: 10px; margin-right: 10px; line-height: 15px; text-align: center; text-shadow: -1px 0 #2e3344, 0 1px #2e3344,1px 0 #2e3344, 0 -1px #2e3344; border-left: 1px dashed #2e3344; }
- 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:#5d5d5d;;height:30px;}
- ::-webkit-scrollbar-thumb:horizontal {background-color:#5d5d5d;;height:30px !important;}
- ::-webkit-scrollbar { height:30px;width:7px; background-color:#transparent;}
- .statistics td { width: 200px; text-align: left; font-family: share; font-size: 12px; color: #5d5d5d; line-height: 16px; padding-left: 10px; padding-right: 10px; }
- #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: 1100px; height: 384px; }
- #img1surround { position: fixed; left: -740px; top: -232px; bottom: 0px; right: 0px; margin: auto; background: url('http://i.imgur.com/z1SudyY.png'); border: 1px solid #525252; width: 360px; height: 150px; overflow: hidden; }
- #img1 { position: absolute; left: 5px; top: 5px; background: #fff; width: 350px; height: 140px; }
- #img2surround { position: fixed; left: 0px; top: 232px; bottom: 0px; right: -740px; margin: auto; background: url('http://i.imgur.com/z1SudyY.png'); border: 1px solid #525252; width: 360px; height: 150px; overflow: hidden; }
- #img2 { position: absolute; left: 5px; top: 5px; background: #fff; width: 350px; height: 140px; }
- #img3surround { position: fixed; left: 0px; top: 0px; bottom: 0px; right: 0px; margin: auto; background: url('http://i.imgur.com/z1SudyY.png'); border: 1px solid #525252; width: 290px; height: 384px; overflow: hidden; }
- #img3 { position: absolute; left: 5px; top: 5px; background: url('http://i.imgur.com/y9KRLtj.png'); width: 350px; height: 374px; background-repeat: no-repeat; }
- #line1 { position: fixed; left: 0px; top: 113px; bottom: 0px; right: -334px; margin: auto; background: url('http://i.imgur.com/z1SudyY.png'); border: 1px solid #525252; width: 30px; height: 270px; overflow: hidden; }
- #line2 { position: fixed; left: -334px; top: -113px; bottom: 0px; right: 0px; margin: auto; background: url('http://i.imgur.com/z1SudyY.png'); border: 1px solid #525252; width: 30px; height: 270px; overflow: hidden; }
- #surroundarea1 { position: fixed; left: 0px; top: -159px; bottom: 0px; right: -740px; margin: auto; background: url('http://i.imgur.com/z1SudyY.png'); border: 1px solid #525252; width: 360px; height: 223px; overflow: hidden; }
- #area1 { position: absolute; left: 5px; top: 5px; background: #e7e7e7; width: 350px; height: 213px; overflow: auto; text-align: left; font-family: Share; font-size: 12px; color: #605250; }
- #surroundarea2 { position: fixed; left: -740px; top: 159px; bottom: 0px; right: 0px; margin: auto; background: url('http://i.imgur.com/z1SudyY.png'); border: 1px solid #525252; width: 360px; height: 223px; overflow: hidden; }
- #area2 { position: absolute; left: 5px; top: 5px; background: #e7e7e7; width: 350px; height: 213px; overflow: auto; text-align: left; font-family: Share; font-size: 12px; color: #605250; }
- #navitabs { position: absolute; left: -336px; top: 394px; bottom: 0px; right: 0px; margin: auto; background: #transparent; background-repeat: repeat; width: 30px; height: 230px; text-align: center; }
- /* © 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. */
- a.navi2, a.navi2:visited { display: inline-block; width: 30px; height: 30px;background: url('http://i.imgur.com/z1SudyY.png'); border: 1px solid #525252; color: #a671aa; margin-top: 3px; margin-bottom: 3px; 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; }
- a.navi2:hover { border: 1px double #c2d8e9; 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; }
- #navitabs2 { position: absolute; left: 0px; top: -161px; bottom: 0px; right: -332px; margin: auto; background: #transparent; background-repeat: repeat; width: 30px; height: 230px; text-align: center; }
- .picpic { border: 1px solid #a4bacd; width: 50px; height: 50px; margin-bottom: 5px; }
- </style>
- <div id="img1surround"><div id="img1"><img src="http://i.imgur.com/J0MdPn2.gif"width="350"height="140"></a></div></div>
- <div id="img2surround"><div id="img2"><img src="http://i.imgur.com/DB7qCS8.gif"width="350"height="140"></a></div></div>
- <div id="img3surround"><div id="img3"></div></div>
- <div id="line1"></div><div id="line2"></div>
- <div id="surroundarea1"><div id="area1">
- <div style="width: 350px; height: 213px; overflow-y: hidden;">
- <a name="one"></a>
- <div style="width: 350px; height: 213px; overflow: auto;">
- <h1>Statistics</h1>
- <table class="statistics">
- <tr><td><b>Stat Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- <tr><td><b>Stat Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- <tr><td><b>Stat Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- <tr><td><b>Stat Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- <tr><td><b>Stat Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- <tr><td><b>Stat Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- <tr><td><b>Stat Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- <tr><td><b>Stat Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- <tr><td><b>Stat Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- <tr><td><b>Stat Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- <tr><td><b>Stat Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- <tr><td><b>Stat Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- <tr><td><b>Stat Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- <tr><td><b>Stat Here</b></td> <td><font style="float:right">
- Answer Here</font></td></tr>
- </table>
- </div>
- <a name="two"></a>
- <div style="width: 350px; height: 213px; overflow: auto;">
- <h1>Tab 2</h1>
- </div>
- <a name="three"></a>
- <div style="width: 350px; height: 213px; overflow: auto;">
- <h1>Tab 3</div>
- </div></div>
- </div></div>
- <div id="surroundarea2"><div id="area2">
- <div style="width: 350px; height: 213px; overflow-y: hidden;">
- <a name="four"></a>
- <div style="width: 350px; height: 213px; overflow: auto;">
- <h1>Out of Character</h1>
- <center><b>BOLD, bold.</b> <u>UNDERLINE, underline.</u> <i>ITALICS, italics.</i>
- <a href="URLHERE" target="_blank"title="TITEHERE">LINK, link.</a></center>
- <p><b>00.</b> This profile was created for Connor 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 "Black Cat" via RPC.</p>
- <p><b>01.</b> Your other rules can go here. Lorem ipsum, lorem ipsum, lorem ipsum.</p>
- <p><b>02.</b> Your other rules can go here. Lorem ipsum, lorem ipsum, lorem ipsum.</p>
- <p><b>03.</b> Your other rules can go here. Lorem ipsum, lorem ipsum, lorem ipsum.</p>
- <p><b>04.</b> Your other rules can go here. Lorem ipsum, lorem ipsum, lorem ipsum.</p>
- <p><b>05.</b> Your other rules can go here. Lorem ipsum, lorem ipsum, lorem ipsum.</p>
- <p><b>05.</b> Your other rules can go here. Lorem ipsum, lorem ipsum, lorem ipsum.</p>
- </div>
- <a name="five"></a>
- <div style="width: 350px; height: 213px; overflow: auto;">
- <h1>Tab 5</h1>
- </div>
- <a name="six"></a>
- <div style="width: 350px; height: 213px; overflow: auto;">
- <h1>Tab 6</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>
- <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>
- <div id="navitabs">
- <a href="#four"class="navi2"></a><br>
- <a href="#five"class="navi2"></a><br>
- <a href="#six"class="navi2"></a><br></div>
- <div id="navitabs2">
- <a href="#one"class="navi2"></a><br>
- <a href="#two"class="navi2"></a><br>
- <a href="#three"class="navi2"></a><br></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement