Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="top">
- <a href="/vfmain.php">Home</a>
- <a href="http://vampirefreaks.com/journal.php?u=USERNAME">Journal</a>
- <a href="http://vampirefreaks.com/user_comment.php?user=USERNAME&rate=1">Comment</a>
- <a href="http://vampirefreaks.com/profile_action.php?user=USERNAME">Add Me</a>
- <a href="/Whispered-Deaths" title="Layout">© 2014</a>
- </div>
- <center>
- <img src="http://i.imgur.com/Mlu686S.png" />
- <style>
- .container {
- width: 700px; height: 500px;
- overflow: auto; overflow-y: hidden;
- background: #2c2d40;
- border: 2px solid #7a7c6e;
- border-radius: 1em;
- }
- .section { height: 500px; overflow: auto; }
- </style>
- <table width="500px"><tr><td>
- <div align="center"><div style="overflow: auto; width: 100px; height: 500px; background: #2c2d40; border: 2px solid #7a7c6e; border-radius: 1em;"><h1>Navigation</h1>
- <a href="#main">About</a>
- <br /><a href="#extra1">Likes</a>
- <br /><a href="#extra2">Dislikes</a>
- <br /><a href="#extra3">ExtraLink</a>
- </div></div>
- </td><td> </center>
- <center><div class="container">
- <a name="main"></a>
- <div class="section">
- <h1>About Me</h1>
- <h3>This is Header3</h3>
- <b>Bold</b>
- <i>Italic</i>
- <s>Strikeout</s>
- <u>underline</u>
- <blockquote>This is text in a blockquote</blockquote>
- </div>
- <a name="extra1"></a>
- <div class="section">
- <h1>What I like</h1>
- </div>
- <a name="extra2"></a>
- <div class="section">
- <h1>What I hate</h1>
- </div>
- <a name="extra3"></a>
- <div class="section">
- </div>
- </div>
- </div>
- </td></tr></table>
- </center>
- <style>
- .overlay {
- width: 700px;
- height: 384px;
- background: #;
- position: relative;
- }
- .innerbox {
- overflow: auto;
- border: none;
- background: #2c2d40;
- position: absolute;
- border-radius: 1em;
- border: 2px solid #7a7c6e;
- }
- #box1 {
- top: 4px;
- left: 4px;
- width: 805px;
- height: 186px;
- }
- #box2 {
- top: 200px;
- left: 4px;
- width: 805px;
- height: 186px;
- }
- }
- </style>
- <div class="overlay">
- <div class="innerbox" id="box1">
- <h1>Friends</h1>
- <center><a href="/URL" title="USERNAME"><img src="IMAGEHERE" class="im" /></a> <a href="/URL" title="USERNAME"><img src="IMAGEHERE" class="im" /></a> <a href="/URL" title="USERNAME"><img src="IMAGEHERE" class="im" /></a> <a href="/URL" title="USERNAME"><img src="IMAGEHERE" class="im" /></a> <a href="/URL" title="USERNAME"><img src="IMAGEHERE" class="im" /></a> <a href="/URL" title="USERNAME"><img src="IMAGEHERE" class="im" /></a> <a href="/URL" title="USERNAME"><img src="IMAGEHERE" class="im" /></a> <a href="/URL" title="USERNAME"><img src="IMAGEHERE" class="im" /></a> <a href="/URL" title="USERNAME"><img src="IMAGEHERE" class="im" /></a> <a href="/URL" title="USERNAME"><img src="IMAGEHERE" class="im" /></a> <a href="/URL" title="USERNAME"><img src="IMAGEHERE" class="im" /></a> <a href="/URL" title="USERNAME"><img src="IMAGEHERE" class="im" /></a> </center>
- </div>
- <div class="innerbox" id="box2">
- <h1>Cults</h1>
- <center> <a href="/URL" title="Cult||Position"><img src="IMAGEHERE" class="im" /></a> <a href="/URL" title="Cult||Position"><img src="IMAGEHERE" class="im" /></a> <a href="/URL" title="Cult||Position"><img src="IMAGEHERE" class="im" /></a> <a href="/URL" title="Cult||Position"><img src="IMAGEHERE" class="im" /></a> <a href="/URL" title="Cult||Position"><img src="IMAGEHERE" class="im" /></a> <a href="/URL" title="Cult||Position"><img src="IMAGEHERE" class="im" /></a> <a href="/URL" title="Cult||Position"><img src="IMAGEHERE" class="im" /></a> <a href="/URL" title="Cult||Position"><img src="IMAGEHERE" class="im" /></a> <a href="/URL" title="Cult||Position"><img src="IMAGEHERE" class="im" /></a> <a href="/URL" title="Cult||Position"><img src="IMAGEHERE" class="im" /></a> <a href="/URL" title="Cult||Position"><img src="IMAGEHERE" class="im" /></a> <a href="/URL" title="Cult||Position"><img src="IMAGEHERE" class="im" /></a> </center>
- </div>
- </div>
- <style>
- .maintop, .leftnav, .profilename, .profilepages, .topbar, .defaultpic, .thumbnail, .gallery, .videos, .userinfo, .journal_entry, .profile_title, .likes_title, .dislikes_title, .music_title, .buttons1, .buttons2, .buttons3, .friends, .rate, .comment_title, .comments, .tagline, .menu2, .profilepages, .footer_links { display: none; }
- body, html {
- background-color: #000000;
- background-image: url('http://i.imgur.com/L81L623.png');
- background-position: center center;
- background-repeat: repeat;
- background-attachment: fixed;
- }
- html, div {
- font-family: trebuchet MS;
- color: white;
- font-size: 12px;
- font-style: normal;
- }
- .main {
- background-color: #200b24;
- width: 700px;
- padding: 4px;
- border-radius: 2em;
- border: 4px solid #7a7c6e;
- }
- .top {
- position: fixed;
- overflow: hidden;
- top: 0px;
- left: 0px;
- width: 100%;
- background-color: #1a031f;
- height: 30px;
- box-shadow: 0px 0px 5px #000;
- text-align: center;
- padding: 5px 0px 5px 0px;
- border-bottom: 4px solid #7a7c6e;
- line-height: 10px;
- border-bottom-right-radius: 5em;
- border-bottom-left-radius: 5em;
- }
- .top a:link, .top a:visited, .top a:active {
- display: inline-block;
- font-family: small fonts, calibri;
- font-size: 10pt;
- text-transform: uppercase;
- letter-spacing: 1px;
- margin: 5px;
- margin-left: 2px;
- margin-right: 2px;
- text-decoration: none;
- text-shadow: none;
- padding: 1px;
- text-align: center;
- width: 100px;
- height: 15px;
- line-height: 15px;
- color: #d9e8c3;
- background-color: #2c2d40;
- -webkit-transition: all 0.5s ease-out;
- border-radius: 5em;
- }
- .top a:hover {
- background-color: #7a7c6e;
- color: #d9e8c3;
- -webkit-transition: all 0.75s ease-out;
- -moz-transition: all 0.75s ease-out;}
- a:link, .menu2, .menu2 a:link {
- color: White;
- font-size: 9pt;
- font-family : trebuchet ms;
- text-transform: none;
- text-decoration: none;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- a:visited, .menu2 a:visited {
- color: White;
- text-transform: none;
- font-family : trebuchet ms;
- text-transform: none;
- text-decoration: none;
- }
- a:hover, .menu, .menu a:link, .menu a:visited {
- color: #333333;
- text-decoration: none;
- font-family : trebuchet ms;
- text-transform: none;
- background: transparent;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- h1 {
- color: white;
- text-transform: capitalize;
- font-style: italic;
- font-family: georgia;
- letter-spacing: 1pt;
- text-align: center;
- padding: 3px;
- font-weight: lighter;
- line-height: 8px;
- font-size: 10pt;
- margin: 5px;
- background: #97595e;
- border-radius: 3em;
- border-left: 2px solid #7a7c6e;
- border-right: 2px solid #7a7c6e;
- }
- h3 {
- color: black;
- text-transform: lowercase;
- font-style: italic;
- font-family: georgia;
- letter-spacing: 1pt;
- text-align: center;
- padding: 3px;
- font-weight: lighter;
- line-height: 8px;
- font-size: 10pt;
- margin: 5px;
- background: #d8b99c;
- Border-top-left-radius: 5em;
- border-bottom-right-radius: 5em;
- }
- b {
- text-transform: uppercase;
- font-family: trebuchet MS;
- color: #ababab;
- font-size: 11px;
- letter-spacing: 1px;
- }
- i {
- text-transform: none;
- font-family: georgia;
- color: #ababab;
- font-size: 11px;
- letter-spacing: 1px;
- }
- s {
- text-transform: none;
- font-family: trebuchet MS;
- color: #ababab;
- font-size: 11px;
- letter-spacing: 1px;
- }
- u {
- border-bottom: 1px solid #ababab;
- text-transform: none;
- font-family: georgia;
- font-size: 11px;
- letter-spacing: 1px;
- }
- blockquote {
- text-align: center;
- background-color: #7a7c6e;
- padding: 4px;
- border-left: 4px solid #97595e;
- border-right: 4px solid #97595e;
- border-top-left-radius: 5em;
- }
- .im {
- width: 50px;
- height: 75px;
- margin: 1px;
- padding: 1px;
- background: #382c3b;
- border: 2px solid #73505b;
- border-radius: 0.6em;
- opacity: .90;
- -webkit-transition: all 0.75s ease-out;
- -moz-transition: all 0.75s ease-out;
- }
- .im:hover {
- background: #382c3b;
- border: 2px solid #cee0da;
- opacity: 100;
- -webkit-transition: all 0.75s ease-out;
- -moz-transition: all 0.75s ease-out;
- }
- </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement