Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- body {
- background-color: #FFFFFF;
- background-image:url(http://img59.imageshack.us/img59/4902/tvnw.jpg);
- background-attachment: fixed;
- background-position: center right;
- background-repeat: no-repeat;
- font-family: Arial;
- font-variant: normal;
- font-size: 70%;
- color: #000000;}
- body, a, a:hover { cursor:url(http://www151.lunapic.com/do-not-link-here-use-hosting-instead/137202149951729?9892404951); auto; }
- .pfor { display: none; }
- #profile {
- background-color: #FFFFFF;
- border: 0px;
- position: fixed;
- right: 600px;
- bottom: 200px;
- height: 200px;
- width: 400px;}
- #bordertop {
- position: fixed;
- left: 0px;
- top: 0px;
- background-color: #000000;
- height: 100px;
- width: 100%;}
- #borderbottom {
- position: fixed;
- left: 0px;
- bottom: 0px;
- background-color: #000000;
- height: 100px;
- width: 100%;}
- #navigation {
- background-color: #FFFFFF;
- position: absolute;
- left: 0px;
- top: 0px;}
- .navigation th {
- height: 10px;
- width: 100px;
- background-color: #000000;
- font-family: Arial;
- font-weight: normal;
- font-variant: small-caps;
- font-size: 65%;
- line-height: 10px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;}
- .navigation th:hover {
- background-color: #FFFFFF;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;}
- #navigation a:link { color: #000000; }
- #navigation a:visited { color: #000000; }
- #navigation a:hover { color: #FFFFFF; }
- #navigation a:active { color: #FFFFFF; }
- #navigation a:link { text-decoration:none; }
- #navigation a:visited { text-decoration:none; }
- #navigation a:hover { text-decoration:none; }
- #navigation a:active { text-decoration:none; }
- #navigation a:link { display: block; }
- a:link, visited, hover, active {
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out; }
- #padding { padding: 25px; }
- #banner {
- border: 1px solid #000000;
- position: absolute;
- left: 0px;
- top: -150px;
- transition: all 3.0s ease-in-out;
- -moz-transition: all 3.0s ease-in-out;
- -webkit-transition: all 3.0s ease-in-out;
- -o-transition: all 3.0s ease-in-out;}
- #banner:hover {
- left: 200px;
- transition: all 3.0s ease-in-out;
- -moz-transition: all 3.0s ease-in-out;
- -webkit-transition: all 3.0s ease-in-out;
- -o-transition: all 3.0s ease-in-out;}
- p.one {
- background-color: #transparent;
- border-right: 5px solid #91BF74;
- font-family: Century Gothic;
- text-align: right;
- letter-spacing: 5px;
- font-weight: normal;
- font-variant: small-caps;
- font-size: 150%;}
- p.one:first-letter { font-weight: bold; }
- ::-webkit-scrollbar { width: 3px; }
- ::-webkit-scrollbar-thumb { background-color: #000000; }
- .information td {
- width: 200px;
- text-align: left;
- font-family: Arial;
- font-variant: normal;
- font-size: 65%;
- letter-spacing: 1px;
- line-height: 10px;
- color: #000000;}
- .information b { font-family: Century Gothic; }
- a:link { color: #666666; }
- a:visited { color: #666666; }
- a:hover { color: #FFFFFF; }
- a:active { color: #FFFFFF; }
- a:link { text-decoration:none; }
- a:visited { text-decoration:none; }
- a:hover { text-decoration:none; }
- a:active { text-decoration:none; }
- ul {
- position: fixed;
- background-color: #000000;
- height: 100%;
- width: 100px;
- left: 100px;
- top: -15px;
- padding: 25px;}
- li {
- width: 100px;
- height: 20px;
- background: #FFFFFF;
- font-variant: small-caps;
- font-size: 75%;
- letter-spacing: 1px;
- text-align: center;
- list-style-type: none;
- margin-bottom: 10px;
- line-height: 20px;
- -webkit-transition: 0.5s ease-in-out;
- -moz-transition: 0.5s ease-in-out;}
- li:hover {
- background-color: #91BF74;
- -webkit-transition: 0.5s ease-in-out;
- -moz-transition: 0.5s ease-in-out;}
- li a:link { display: block; }
- h1 {
- position: fixed;
- right: 10px;
- bottom: 0px;
- font-weight: normal;
- font-size: 100%;
- color: #FFFFFF;}
- b { font-variant: small-caps; }
- i { color: #666666; }
- </style>
- <div id="bordertop"></div>
- <div id="borderbottom"></div>
- <div id="navigation">
- <table class="navigation">
- <th><a href="#01">Irelands ~</a></th>
- <th><a href="#02">Emerald~</a></th>
- <th><a href="#03">Gem~</a></th>
- <th><a href="#04">Mother~</a></th>
- <th><a href="#05">Fuckers~</a></th>
- <th><a href="#06">.....~</a></th>
- <th><a href="#07">OOC~</a></th>
- </table>
- </div>
- <h1>Layout © <a href="http://roleplaychat.org/profile.php?user=Lais%20Petralia" target="_blank">Lais Petralia</a></h1>
- <div id="banner">
- <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTLvQLAxQ-iKUxv_BLZhudT-vhwu6hlQxlkpkAB8reIgFZeDyph" width="200" height="140">
- </div>
- <div style="height: 200px; overflow-y: hidden;">
- <a name="01"></a>
- <div style="height: 200px; overflow: auto;" align="center">
- <div id="padding">
- <p class="one">The Head~</p>
- <table class="information">
- <tr><td><b>Name:</b></td> <td>Liam Keeler</td></tr>
- <tr><td><b>Nicknames:</b></td> <td>Snake Boy, The Serpent King.</td></tr>
- <tr><td><b>Gender:</b></td> <td>Male.</td></tr>
- <tr><td><b>Blood Status:</b></td> <td>Pure-Blood.</td></tr>
- <tr><td><b>House:</b></td> <td>Slytherin.</td></tr>
- <tr><td><b>School Role:</b></td> <td>Prefect.</td></tr>
- <tr><td><b>Wand:</b></td> <td>Nine Inches Yew & Phoenix Feather. Inflexible/Stiff.</td></tr>
- <tr><td><b>Scent:</b></td> <td>Bubblegum, Petrol and Aftershave.</td></tr>
- <tr><td><b>Amortenia:</b></td> <td>Old books, Wood and Bubblegum.</td></tr>
- <tr><td><b>Patronus:</b></td> <td>Basilisk.</td></tr>
- <tr><td><b>Boggart:</b></td> <td>Death.</td></tr>
- <tr><td><b>Mirror of Erised:</b></td> <td>Having power greater then Albus Dumbledore and Lord Voldemort.</td></tr>
- <tr><td><b>Familiar:</b></td> <td>Slithers | King Cobra.</td></tr>
- <tr><td><b>Age:</b></td> <td>17.</td></tr>
- <tr><td><b>Build:</b></td> <td>Lean.</td></tr>
- <tr><td><b>Height:</b></td> <td>6'6Ft</td></tr>
- <tr><td><b>Weight:</b></td> <td>14St.</td></tr>
- <tr><td><b>Date of Birth:</b></td> <td>27th of April 1996.</td></tr>
- <tr><td><b>Place of Birth:</b></td> <td>Dublin.</td></tr>
- <tr><td><b>Place of Residence:</b></td> <td>London.</td></tr>
- <tr><td><b>Orientation:</b></td> <td>Heterosexual.</td></tr>
- <tr><td><b>Status:</b></td> <td>Single.</td></tr>
- <tr><td><b>Likes:</b></td> <td>Depends on the day, BubbleGum & Comics.</td></tr>
- <tr><td><b>Dislikes:</b></td> <td>Depends on the day & Silence...</td></tr>
- <tr><td><b>Strengths:</b></td> <td>Expert duelist, Intelligent & Reasonable physical prowess.</td></tr>
- <tr><td><b>Weakness:</b></td> <td>Arrogant, Bad at Divination & Low stamina.</td></tr>
- </table>
- </div>
- </div>
- <div style="height: 200px; overflow-y: hidden;">
- <a name="02"></a>
- <div style="height: 200px; overflow: auto;" align="center">
- <div id="padding">
- <p class="one">The body~</p>
- <div align="justify">
- <p class="one">One upon a time~</p>
- <p class="one">Nope, Personality doesn't get another tab~</p>
- </div>
- </div>
- </div>
- <div style="height: 200px; overflow-y: hidden;">
- <a name="03"></a>
- <div style="height: 200px; overflow: auto;" align="center">
- <div id="padding">
- <p class="one">The tail~</p>
- <p class="one">Self made Spells~</p>
- <br><br>
- <p class="one">Factoids~</p>
- <tr><td><b>Factoids! All the bits I didn't explain!</b></td>
- </div>
- </div>
- <div style="height: 200px; overflow-y: hidden;">
- <a name="04"></a>
- <div style="height: 200px; overflow: auto;" align="center">
- <div id="padding">
- <p class="one">The Allies & The Foes~</p>
- </div>
- </div>
- <div style="height: 200px; overflow-y: hidden;">
- <a name="05"></a>
- <div style="height: 200px; overflow: auto;" align="center">
- <div id="padding">
- <p class="one">The true form~</p>
- <p class="one">Official Stuff~</p>
- <p class="one">Details, Details, Details~</p>
- <p class="one">I'm bored~</p>
- </div>
- </div>
- <div style="height: 200px; overflow-y: hidden;">
- <a name="06"></a>
- <div style="height: 200px; overflow: auto;" align="center">
- <div id="padding">
- <p class="one">Gallery~</p>
- </div>
- </div>
- <div style="height: 200px; overflow-y: hidden;">
- <a name="07"></a>
- <div style="height: 200px; overflow: auto;" align="center">
- <div id="padding">
- <p class="one">Out of Character~</p>
- </div>
- </div>
- </div></div></div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement