Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- body {
- margin-top: -14px;
- color: #cccccc;
- line-height: 200%;
- font-family: verdana;
- font-size: 13px;
- }
- .sf {
- display: none;
- }
- #box {
- width: 500px;
- height: 300px;
- left: 50%;
- margin-left: -300px;
- top: 50%;
- margin-top: -250px;
- }
- #nav {
- float: right;
- height: 300px;
- width: 500px;
- }
- #nav a {
- background: url("http://i.imgur.com/klDc1C6.png");
- width: 200px;
- text-indent: 10px;
- line-height: 50px;
- display: block;
- color: #bbbbbb;
- text-decoration: none;
- height: 50px;
- letter-spacing: -1px;
- }
- #nav a:hover {
- text-indent: 25px;
- width: 215px;
- }
- .anchor {
- width: 500px;
- height: 300px;
- background: url("http://i.imgur.com/klDc1C6.png");
- padding: 0;
- float: left;
- }
- .screen {
- margin: 25px 5px 25px 25px;
- overflow: hidden;
- height: 450px;
- }
- .text {
- overflow: auto;
- height: 650px;
- padding-right: 10px;
- }
- p {
- text-indent: 25px;
- }
- h1 {
- color: #93828E;
- border-left: 100px solid #93828E;
- border-right: 100px solid #93828E;
- text-align: center;
- font-family: georgia;
- line-height: 5px;
- font-size: 22px;
- font-weight: normal;
- margin-bottom: 30px;
- margin-top: 40px;
- font-variant: small-caps;
- letter-spacing: 4px;
- }
- h2 {
- font-size: 16px;
- font-family: georgia;
- font-weight: normal;
- letter-spacing: 5px;
- color: #6B5C66;
- line-height: 3px;
- border-right: #6B5C66 200px solid;
- border-left: #6B5C66 50px solid;
- text-align: center;
- margin-top: 40px;
- margin-bottom: 20px;
- }
- a {
- color: #96A5BE;
- }
- a:hover {
- color: #93828E;
- }
- b {
- color: #687C8B;
- }
- i {
- color: #6B5C66;
- }
- .section {
- border-left: 5px solid #6B5C66;
- background: url("http://i.imgur.com/owjPpcZ.png");
- margin: 10px;
- padding: 15px;
- line-height: 175%;
- }
- .space {
- background: url("http://i.imgur.com/klDc1C6.png");
- height: 25px;
- }
- </style><div id="main"><img src="https://imgur.com/XViVUUw.jpg" style="position: fixed; width: 100%; height: 100%; z-index: -999; top: 0; left: 0;">
- <div id="box" style="position: fixed;">
- <div class="anchor"><div class="screen">
- <div class="text" id="main">
- You wake up to an owl from the headmistress. It doesn’t say anything except for “Be careful with this and use it wisely.” Then, you notice a pouch strapped to the owl that brought you the mail. You open it and see an extremely sharp, extremely real basilisk fang packed neatly inside.<br><br>
- You tip the owl before it flies off, then you and your allies decide to move. <a href="#pick">Pick your method of transportation.</a>
- </div>
- <div class="text" id="pick">
- <center><a href="/neomessages.phtml?type=send&recipient=pvaaux&subject=Apparate"><img src="http://i.imgur.com/LCWsuZ6.png" title="Click here to travel via apparition. Does not require apparition license in your trunk."></a>
- <a href="/neomessages.phtml?type=send&recipient=pvaaux&subject=Broomstick"><img src="http://i.imgur.com/sugU2lZ.png" title="Click here to travel via broomstick. Does not require a broomstick in your trunk."></a>
- <a href="/neomessages.phtml?type=send&recipient=pvaaux&subject=Hippogriff"><img src="https://imgur.com/FbLwIc6.png" title="Click here to travel via hippogriff."></a>
- <a href="/neomessages.phtml?type=send&recipient=pvaaux&subject=Thestral"><img src="https://imgur.com/OJt7dbU.png" title="Click here to travel via Thestral"></a></center><br><br>
- Once you have chosen your method of transportation you may move on.
- </div>
- <div class="space"></div></div></div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement