Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- .pfor{display: none; }
- #profile { border: 0px; background-color: transparent; }
- </style>
- <style type="text/css">
- body {
- font-family: verdana;
- font-size: 10px;
- background-color: #FFFFFF;
- background-image: url('http://8tracks.imgix.net/i/001/542/644/Background-ravenclaw-1464.jpg?q=65&sharp=15&vib=10&fm=jpg&fit=crop');
- background-attachment: fixed;
- background-position: fixed;
- background-repeat: repeat;
- text-align: justify;
- color: #888888;
- cursor: url('http://cur.cursors-4u.net/cursors/cur-6/cur567.cur'), default;
- }
- b, strong {font-family: century gothic; font-size: 11px; font-variant: small-caps; color:#60769D; font-weight:normal; letter-spacing: -1px;}
- i {color: #B67D82; font-family: century gothic; font-variant: small-caps; font-size: 10.5px; letter-spacing:0px;}
- u {color: #666; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #889e9f;}
- s {color: #99D6FF; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #FF99D6 0px 0px 1px;}
- big {color: #EDEDEE; font-size: 14px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #2B3A35 0px 0px 1px;}
- small {color: #520000; font-size: 14px; font-weight: light; letter-spacing: -1px; padding-top: 5px; margin-left: 20px; font-family: century gothic; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}
- @import url(http://fonts.googleapis.com/css?family=Grand+Hotel);
- ::-webkit-scrollbar-button:vertical:{background-color: transparent;
- -moz-border-radius: 0px 0px 0px 0px;
- border-radius:0px 0px 0px 0px;}
- ::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
- -moz-border-radius: 0px 0px 0px 0px;
- border-radius:0px 0px 0px 0px;}
- ::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height:20px !important;
- -moz-border-radius: 0px 0px 0px 0px;
- border-radius:0px 0px 0px 0px;}
- ::-webkit-scrollbar { height:20px; width: 3px; background-color:transparent;}
- h2{
- font-size: 23px;
- font-variant: small-caps;
- color: #EDEDEE;
- text-transform: lowercase;
- letter-spacing: -1px;
- text-align: right;
- background-color: none;
- line-height: 2px;
- text-align: center;
- font-family: century gothic;
- text-shadow: #475A82 2px 3px 4px;
- margin-top: 5px;
- margin-bottom: 8px;
- display: block;
- background-color: #314770;
- border-right: 1px solid #2B3A35;
- padding: 0px;
- font-weight: normal;
- }
- #john{
- position: fixed;
- left: 45px;
- top: 200px;
- width: 1265px;
- height: 205px;
- border: 3px Solid #314770;
- border-radius: 5px;
- -moz-border-radius: 5px;
- background-color: #0c0c0c;
- z-index: 200;
- }
- #name{
- font-family: georgia;
- font-size: 16px;
- color: #999999;
- text-transform: lowercase;
- font-style: italic;
- margin-bottom: 5px;
- }
- #ravenclaw{
- width: 160px;
- float: left;
- text-align: center;
- background-color: #000000;
- padding: 10px;
- position: relative;
- left: 12px;
- top: -100px;
- opacity: 0;
- color: FEFEFE;
- text-transform: uppercase;
- font-size: 8px;
- -webkit-transition: all .3s ease-in-out;
- -moz-transition: all .3s ease-in-out;
- -o-transition: all .3s ease-in-out;
- z-index: 300;
- }
- #john:hover #slytherin{
- z-index: 300;
- opacity: 1;
- top: 80px;
- -webkit-transition: all .3s ease-in-out;
- -moz-transition: all .3s ease-in-out;
- -o-transition: all .3s ease-in-out;
- }
- .witch{
- position: absolute;
- margin-left: 10px;
- top: 10px;
- width: 180px;
- height: 180px;
- border: 2px Solid #60769D;
- border-radius: 5px 0px 0px 5px;
- -moz-border-radius: 5px 0px 0px 5px;
- background-color: #0c0c0c;
- background-image:url('https://24.media.tumblr.com/474ee4a0c3d6049092a8a816c72ed3a4/tumblr_n3lawzTfuH1t5kvwao1_500.gif');
- background-repeat: no-repeat;
- background-position: 0px 0px;
- background-size: 180px 180px;
- z-index: 200;
- }
- .ooc {
- position: absolute;
- margin-left: 200px;
- top: 10px;
- background-color: #dfd7e3;
- height: 177px;
- text-align: justify;
- width: 250px;
- overflow: auto;
- font-family: verdana;
- font-size: 10px;
- font-variant: small-caps;
- color: #121212;
- border: #60769D 4px Solid;
- z-index: 999;
- }
- .friends{
- position: absolute;
- margin-left: 465px;
- top: 10px;
- background-color: #dfd7e3;
- height: 177px;
- text-align: justify;
- width: 250px;
- overflow: auto;
- font-family: verdana;
- font-size: 10px;
- font-variant: small-caps;
- color: #121212;
- border: #60769D 4px Solid;
- z-index: 999;
- }
- .links{
- position: absolute;
- margin-left: 730px;
- top: 10px;
- background-color: #dfd7e3;
- height: 177px;
- text-align: justify;
- width: 250px;
- overflow: auto;
- font-family: verdana;
- font-size: 10px;
- font-variant: small-caps;
- color: #121212;
- border: #60769D 4px Solid;
- z-index: 999;
- }
- .updates{
- position: absolute;
- margin-left: 995px;
- top: 10px;
- background-color: #dfd7e3;
- height: 177px;
- text-align: justify;
- width: 250px;
- overflow: auto;
- font-family: verdana;
- font-size: 10px;
- font-variant: small-caps;
- color: #121212;
- border: #60769D 4px Solid;
- z-index: 999;
- }
- a.nav:link, a.nav:active, a.nav:visited{
- letter-spacing: 1px;
- margin: 1px;
- margin-top: 7px;
- text-transform: normal;
- display: inline-block;
- font-family: verdana;
- font-variant: small-caps;
- font-size: 10px;
- width: 244px;
- height: 10px;
- color: #ededee;
- background-color: #212121;
- text-align: center;
- line-height: 10px;
- border: 2px solid #60769D;
- cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- }
- a.nav:hover{
- background-color: #60769D;
- border: 2px solid #212121;
- color: #ededee;
- text-decoration: none;
- cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
- }
- .box {
- position: fixed;
- left: 200px;
- top: 0px;
- width: 900px;
- height: 100px;
- padding: 5px;
- color: #212121;
- font-family: verdana;
- font-variant: small-caps;
- text-align: justify;
- font-size: 10px;
- line-height: 13px;
- overflow: auto;
- border-left: 20px Solid #314770;
- border-right: 20px Solid #314770;
- background-color: #EDEDEE;
- opacity: 0;
- transition: all 0.5s ease-in-out;
- -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;
- z-index: 200;
- }
- .box:target {
- top: 440px;
- left: 200px;
- opacity: 1;
- transition: all 0.5s ease-in-out;
- -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;
- z-index: 200;
- }
- .snow {
- height: 50px;
- width: 50px;
- display: block;
- border: #60769D 2px solid;
- opacity: 0.7;
- cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default;
- }
- .snow:hover {
- opacity: 1;
- cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default;
- }
- a {
- color: #690000;
- display: inline-block;
- text-decoration: none;
- cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
- }
- a:hover {
- color: transparent;
- display: inline-block;
- text-decoration: none;
- cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
- }
- #title{
- position: fixed;
- top: 137px;
- left: 470px;
- z-index: 550;
- color: #1E3561;
- font-size: 80px;
- line-height: 80px;
- letter-spacing: -2px;
- font-family: Grand Hotel;
- text-shadow: #475A82 2px 3px 4px;
- z-index: 600;
- }
- #subtitle{
- position: fixed;
- top: 385px;
- left: 160px;
- z-index: 550;
- color: #EDEDEE;
- font-size: 25px;
- line-height: 80px;
- letter-spacing: -2px;
- font-variant: small-caps;
- font-family: century gothic;
- text-shadow: #EDEDEE 2px 3px 4px;
- z-index: 600;
- }
- #credit{
- position:fixed;
- bottom:0px;
- left:0px;
- z-index:450;}
- </style>
- <div id="credit"><a href="http://devilrose.webstarts.com/" title="Copyright"><img src="http://i1267.photobucket.com/albums/jj547/xdevilrose/Photoshop/--devilrose2.png"></img></a></div>
- <div id="title">Ravenclaw Pride</div>
- <div id="subtitle">Or yet in wise old Ravenclaw. If you're a steady mind, where those of wit and learning, will always find their kind.</div>
- <div id="John">
- <div class="witch"></div>
- <div class="ooc">
- bla bla bla
- </div>
- <div class="friends">
- <a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/80x80" class="snow"></a>
- <a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/80x80" class="snow"></a>
- <a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/80x80" class="snow"></a>
- <a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/80x80" class="snow"></a>
- <a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/80x80" class="snow"></a>
- <a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/80x80" class="snow"></a>
- <a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/80x80" class="snow"></a>
- <a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/80x80" class="snow"></a>
- <a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/80x80" class="snow"></a>
- <a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/80x80" class="snow"></a>
- <a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/80x80" class="snow"></a>
- <a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/80x80" class="snow"></a>
- </div>
- <div class="links">
- <a class="nav" href="#dossier">Dossier</a>
- <a class="nav" href="#persona">Persona</a>
- <a class="nav" href="#history">History</a>
- <a class="nav" href="#gallery">Gallery</a>
- <a class="nav" href="#magic">Spells</a>
- <a class="nav" href="#items">Inventory</a>
- <a class="nav" href="#trivia">Trivia</a>
- <a class="nav" href="#bee">Restart</a>
- </div>
- <div class="updates"></div>
- <div id="ravenclaw">
- <div id="name">DADA Teach</div>
- links or something here.
- </div></div>
- <div id="dossier" class="box">
- <font style=float:left><b>Name</b></font> <font style=float:right>Johnathan 'John' Smith.</font><br>
- <font style=float:left><b>Moniker(s)</b></font> <font style=float:right>John.</font><br>
- <font style=float:left><b>Gender</b></font> <font style=float:right>Male.</font><br>
- <font style=float:left><b>Age</b></font> <font style=float:right>906.</font><br>
- <font style=float:left><b>D.O.B</b></font> <font style=float:right>1108, February 4th. </font><br>
- <font style=float:left><b>Zodiac</b></font> <font style=float:right>Aquarius.</font><br>
- <font style=float:left><b>Race</b></font> <font style=float:right>Half-Vampire.</font><br>
- <font style=float:left><b>Hair Colour</b></font> <font style=float:right>Brown.</font><br>
- <font style=float:left><b>Hair Length</b></font> <font style=float:right>Medium.</font><br>
- <font style=float:left><b>Hair Style</b></font> <font style=float:right>Spiked.</font><br>
- <font style=float:left><b>Eye Hue</b></font> <font style=float:right>Brown/Red.</font><br>
- <font style=float:left><b>Body Type</b></font> <font style=float:right>Lean.</font><br>
- <font style=float:left><b>Former House</b></font> <font style=float:right>Ravenclaw.</font><br>
- <font style=float:left><b>Height</b></font> <font style=float:right>6'7.</font><br>
- <font style=float:left><b>Weight</b></font> <font style=float:right>15St.</font><br>
- <font style=float:left><b>Skin Colour</b></font> <font style=float:right>Pale.</font><br>
- <font style=float:left><b>Alignment</b></font> <font style=float:right>Lawful Neutral.</font><br>
- <font style=float:left><b>Marital Status</b></font> <font style=float:right>Widowed.</font><br>
- <font style=float:left><b>Sexual Orientation</b></font> <font style=float:right>Heterosexual.</font><br>
- </div>
- <div id="persona" class="box">
- Testing.</div>
- <div id="history" class="box"></div>
- <div id="gallery" class="box"></div>
- <div id="magic" class="box"></div>
- <div id="items" class="box"></div>
- <div id="trivia" class="box"></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement