Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <center>
- <img src="http://i.imgur.com/uFyfMhz.png" />
- <style>
- .overlay {
- width: 900px;
- height: 1000px;
- background: url('http://i.imgur.com/nNid20S.png') 0px 0px no-repeat;
- position: relative;
- }
- .innerbox {
- overflow: auto;
- border: 1px solid #76abb0;
- position: absolute;
- }
- #innerbox1 {
- top: 23px;
- left: 100px;
- width: 759px;
- height: 874px;
- background-color: pink;
- opacity: 0.3;
- Border-radius: 5px;
- border: 1px solid #76abb0;
- }
- #innerbox2 {
- top: 50px;
- left: 110px;
- width: 300px;
- height: 300px;
- background-color: #66485b;
- }
- #innerbox3 {
- top: 50px;
- left: 420px;
- width: 430px;
- height: 200px;
- background-color: #66485b;
- }
- #innerbox4 {
- top: 270px;
- left: 420px;
- width: 200px;
- height: 300px;
- background-color: #66485b;
- }
- #innerbox5 {
- top: 270px;
- left: 650px;
- width: 200px;
- height: 300px;
- background-color: #66485b;
- }
- #innerbox6 {
- top: 360px;
- left: 110px;
- width: 300px;
- height: 210px;
- background-color: #66485b;
- }
- #innerbox7 {
- top: 580px;
- left: 110px;
- width: 480px;
- height: 300px;
- background-color: #66485b;
- }
- </style>
- <div class="overlay">
- <div class="innerbox" id="innerbox1"></div>
- <div class="innerbox" id="innerbox2"><h1>Personal Information</h1>
- <h3>This is header3</h3>
- <b>Bold</b>
- <i>Italic</i>
- <s>Strikeout</s>
- <u>Underline</u>
- </div>
- <div class="innerbox" id="innerbox3"><h1>About Me</h1>
- </div>
- <div class="innerbox" id="innerbox4"><h1>What I like</h1></div>
- <div class="innerbox" id="innerbox5"><h1>What I dislike</h1></div>
- <div class="innerbox" id="innerbox6"><h1>Navigation</h1>
- <div align="center"><a href="http://vampirefreaks.com/profiles/home.php">VF Home</a></div>
- <div align="center"><a href="http://vampirefreaks.com/gallery/Abeyance">Gallery</a></div>
- <div align="center"><a href="http://vampirefreaks.com/journal/Abeyance">Journal</a></div>
- <div align="center"><a href="http://vampirefreaks.com/profile_action.php?user=Abeyance">Add Me</a></div>
- <div align="center"><a href="http://vampirefreaks.com/user_comment.php?user=Abeyance&rate=1">Comment&Rate</a></div>
- <div align="center"><a href="URL">LINK</a></div>
- <div align="center"><a href="http://vampirefreaks.com/Whispered-Deaths">Credit</a></div>
- </div>
- <div class="innerbox" id="innerbox7"><h1>Cults</h1></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/6MAjYPk.png?1');
- background-position: center center;
- background-repeat: repeat;
- background-attachment: fixed;
- }
- html, div {
- font-family: trebuchet MS;
- color: #ffffff;
- font-size: 12px;
- font-style: normal;
- }
- a:link, .menu2, .menu2 a:link {
- color: #ccc0c5;
- 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: #76abb0;
- text-transform: none;
- font-family : trebuchet ms;
- text-transform: none;
- text-decoration: none;
- }
- a:hover, .menu, .menu a:link, .menu a:visited {
- color: #cf4040;
- 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: Uppercase;
- font-style: bold;
- font-family: georgia;
- letter-spacing: 1pt;
- text-align: center;
- padding: 3px;
- font-weight: lighter;
- line-height: 8px;
- font-size: 10pt;
- margin: 5px;
- background: #cf4040;
- border-top-left-radius: 5px;
- border: 1px solid #76abb0;
- }
- h3 {
- color: black;
- 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: #f0b878;
- border-top-right-radius: 5px;
- border: 1px solid #76abb0;
- }
- b {
- text-transform: uppercase;
- font-family: trebuchet MS;
- color: #25121c;
- font-size: 11px;
- letter-spacing: 1px;
- }
- i {
- text-transform: none;
- font-family: georgia;
- color: #998690;
- 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: #181818;
- padding: 4px;
- border-left: 2px solid #333333;
- }
- </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement