Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- .overlay {
- width: 1400px;
- top: 0px;
- height: 800px;
- background: url('http://i.imgur.com/LVe4c3L.png') 0px 0px no-repeat;
- position: absolute;
- }
- .innerbox {
- overflow: auto;
- border: 1px solid #333;
- position: absolute;
- }
- #innerbox1 {
- top: 117px;
- left: 298px;
- border: none;
- width: 158px;
- height: 335px;
- }
- #innerbox2 {
- top: 117px;
- left: 492px;
- border: none;
- color: #BF91C4;
- width: 344px;
- height: 256px;
- }
- #innerbox3 {
- top: 117px;
- left: 868px;
- border: none;
- width: 127px;
- height: 138px;
- }
- #innerbox4 {
- top: 409px;
- border: none;
- left: 492px;
- width: 430px;
- height: 112px;
- }
- #innerbox5 {
- top: 538px;
- border: none;
- left: 467px;
- width: 445px;
- height: 91px;
- }
- </style>
- <center>
- <div class="overlay">
- <div class="innerbox" id="innerbox1">
- <h1> Friends </h1>
- <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a>
- </div>
- <div class="innerbox" id="innerbox2"><h1> About Me </h1>
- This is your About section!
- <p>
- <b> This is Bold </b> <p> <i> This is Italic </i> <p> <u> This is Underline</u> <p> <s> This is Strike </s>
- <h3> Header 3 </h3>
- <hr />
- </div>
- <div class="innerbox" id="innerbox3"><h1> Boyfriend </h1>
- <img src="http://i.imgur.com/7sMUfUU.png" class="bfnd" />
- </div>
- <div class="innerbox" id="innerbox4"><h1>Cults to Join</h1>
- <a href="link" title="CULTNAME"><img src="http://i.imgur.com/7sMUfUU.png" class="join" /></a> <a href="link" title="CULTNAME"><img src="http://i.imgur.com/7sMUfUU.png" class="join" /></a> <a href="link" title="CULTNAME"><img src="http://i.imgur.com/7sMUfUU.png" class="join" /></a> <a href="link" title="CULTNAME"><img src="http://i.imgur.com/7sMUfUU.png" class="join" /></a> <a href="link" title="CULTNAME"><img src="http://i.imgur.com/7sMUfUU.png" class="join" /></a> <a href="link" title="CULTNAME"><img src="http://i.imgur.com/7sMUfUU.png" class="join" /></a> <a href="link" title="CULTNAME"><img src="http://i.imgur.com/7sMUfUU.png" class="join" /></a>
- </div>
- <div class="innerbox" id="innerbox5"><center><a href="link" title="DeviantArt"><img src="http://i.imgur.com/GgeNM7g.png" class="icon" /></a> <a href="link" title="Facebook"><img src="http://i.imgur.com/wofuffH.png" class="icon" /></a> <a href="link" title="Skype"><img src="http://i.imgur.com/ImMoYk5.png" class="icon" /></a> <a href="/lipsofsweetdeceit" title="lipsofsweetdeceit || 2013"><img src="http://i.imgur.com/2HeSOmu.png" class="icon" /></a></div> </center>
- <div class="top">
- <a href="/vfmain.php">Home</a> ||
- <a href="http://vampirefreaks.com/user_comment.php?user=%20USERNAME HERE&rate=1'%20method='post">Message</a> ||
- <a href="http://vampirefreaks.com/profile_action.php?user=USERNAME">Add Friend</a> ||
- <a href="http://vampirefreaks.com/gallery/USERNAME HERE">Gallery</a> ||
- <a href="http://vampirefreaks.com/journal/USERNAME HERE">Journal</a>
- </div>
- </div>
- <style>
- .ui-widget {display: none;}
- .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; }
- html, body {
- background: #221814;
- background-repeat: no-repeat;
- background-position:left top;
- background-attachment: fixed;
- color: #999999;
- font-family: trebuchet ms;
- font-size: 10pt;
- letter-spacing: 0px;
- }
- a:link, a:visited, a:active {
- color: #9C0A01;
- font-family: Arial;
- font-size: 11px;
- line-spacing: 2px;
- font-weight: none;
- text-transform: none;
- -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 3.5s ease;
- }
- a:hover {
- color: #6E0000;
- line-spacing: 2px;
- font-family: Arial;
- font-size: 11px;
- background: transparent;
- -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
- }
- .top {
- position: fixed;
- top: 0px;
- left: 0px;
- border-radius: 0px 0px 15px 15px;
- width: 100%;
- background-color: #221814;
- height: 15px;
- box-shadow: 0px 0px 4px #000;
- text-align: center;
- padding-bottom: 4px;
- padding-top: -2px;
- border-bottom: 5px solid #351330;
- -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear}
- .top a:link, .top a:visited, .top a:active {
- display: inline;
- text-decoration: none;
- font-family: sans;
- line-spacing: 2px;
- text-transform: uppercase;
- font-weight: normal;
- font-size: 13px;
- text-align: right;
- line-height: 20px;
- color: #E8CAA4;
- background-color: transparent;
- margin-right: 10px;
- padding-top: 3px;
- -moz-transition: color 1s ease; -webkit-transition: color 1s ease; -o-transition: color 1s ease;
- }
- .top a:hover {
- background-color: transparent;
- color: #7DB7AE;
- -moz-transition: color 1s ease; -webkit-transition: color 1s ease; -o-transition: color 1s ease;}
- hr {
- height: 2px;
- margin-top: 2px;
- margin-bottom: 2px;
- background: #7DB7AE;
- border: none;
- }
- h1 {
- background: #126D62;
- color: #E8CAA4;
- text-transform: none;
- font-weight: normal;
- font-style: none;
- font-family: times;
- letter-spacing: 2pt;
- text-align: center;
- padding: 0px;
- font-weight: lighter;
- line-height: 20px;
- font-size: 14px;
- margin-left: 0px;
- margin-right: 0px;
- margin-top: 0px;
- margin-bottom: 2px;
- border-bottom: 3px solid #452632;
- border-bottom-left-radius: 30px;
- border-bottom-right-radius: 30px;
- }
- h1:first-letter {
- font-family: Monotype corsiva;
- font-size: 20px;
- text-transform: normal;
- font-style: italic;
- font-weight: lighter;
- text-shadow: 0px -1px 0px #000;
- color: #7DB7AE;
- display:658F3B;
- }
- h3 {
- background: transparent;
- color: #7DC9C5;
- text-transform: lowercase;
- font-weight: normal;
- font-style: none;
- font-family: trebuchet MS;
- letter-spacing: pt;
- text-align: center;
- padding: 0px;
- border-bottom: 3px solid #BF91C4;
- border-bottom-right-radius: 100%;
- border-bottom-left-radius: 100%;
- font-weight: lighter;
- line-height: 23px;
- font-size: 12pt;
- margin-left: 6px;
- margin-right: 6px;
- margin-top: 2px;
- margin-bottom: 2px;
- }
- small {
- color: #FECEA8;
- font-size: 7pt;
- font-family: trebuchet MS bold;
- text-transform: uppercase;
- }
- b {
- text-transform: uppercase;
- font-family: trebuchet MS;
- color: #7DC9C5;
- font-size: 10pt;
- letter-spacing: 2px;
- }
- i {
- text-transform: none;
- font-family: trebuchet ms;
- color: #B8FFEE;
- font-size: 10pt;
- letter-spacing: 0px;
- }
- s {
- text-transform: none;
- font-family: trebuchet MS;
- color: #8F6492;
- font-size: 10pt;
- letter-spacing: -1px;
- }
- u {
- color: #60ABA8;
- text-transform: none;
- font-family: trebuchet ms;
- font-size: 10pt;
- letter-spacing: 0px;
- }
- .icon{
- width: 30px;
- height: 30px;
- filter: alpha(opacity=100)
- -moz-opacity:100;
- opacity: 100;
- margin: 3px;
- border-radius: 0;
- background-color: transparent;
- -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease
- }
- .icon:hover {
- background-color: transparent;
- width: 30px;
- height: 30px;
- filter: alpha(opacity=70)
- -moz-opacity:.70;
- opacity: .70;
- -webkit-transform:rotate(-15deg); -moz-transform:rotate(-15deg); -o-transform:rotate(-15deg); -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
- }
- .bfnd {
- width: 50px;
- height: 60px;
- border: 3px solid #2F8B6F;
- filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70;
- -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
- }
- .bfnd:hover {
- width: 50px;
- height: 60px;
- filter: alpha(opacity=100); -moz-opacity:1; opacity:1;
- border-radius: 40px;
- -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; border: 3px solid #9F5AA6;
- }
- .join{
- width: 45px;
- height: 45px;
- filter: alpha(opacity=100)
- -moz-opacity:100;
- opacity: 100;
- margin: 3px;
- border: 3px solid #2F8B6F;
- border-radius: 0;
- background-color: transparent;
- -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease
- }
- .join:hover {
- background-color: transparent;
- width: 45px;
- height: 45px;
- filter: alpha(opacity=70)
- -moz-opacity:.70;
- opacity: .70;
- -webkit-transform:rotate(-15deg); -moz-transform:rotate(-15deg); -o-transform:rotate(-15deg); -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; border: 3px solid #9F5AA6;
- }
- .fnd{
- width: 35px;
- height: 35px;
- filter: alpha(opacity=100)
- -moz-opacity:100;
- opacity: 100;
- margin: 3px;
- border: 3px solid #2F8B6F;
- border-radius: 0;
- background-color: transparent;
- -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease
- }
- .fnd:hover {
- background-color: transparent;
- width: 35px;
- height: 35px;
- filter: alpha(opacity=70)
- -moz-opacity:.70;
- opacity: .70;
- -webkit-transform:rotate(-15deg); -moz-transform:rotate(-15deg); -o-transform:rotate(-15deg); -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; border: 3px solid #9F5AA6;
- }
- ::-webkit-scrollbar {
- width: 5px;
- height: 10px;
- }
- ::-webkit-scrollbar-button:start:decrement,
- ::-webkit-scrollbar-button:end:increment {
- height: 0px;
- display: block;
- background-color: transparent;
- }
- ::-webkit-scrollbar-track-piece {
- background-color: #286259;
- -webkit-border-radius: 0px;
- }
- ::-webkit-scrollbar-thumb:vertical {
- height: 50px;
- background-color: #785180;
- border: none;
- -webkit-border-radius: 0px;
- }
- </style>
- </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement