Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- .overlay {
- width: 600px;
- height: 550px;
- background: transparent;
- position: relative;
- }
- .innerbox {
- overflow: auto;
- border: 3px dotted #0d0d0d;
- background: #181818;
- position: absolute;
- padding: 3px;
- border-radius: 20px;
- }
- #about {
- top: 20px;
- left: 50px;
- width: 230px;
- height: 175px;
- }
- #music {
- top: 20px;
- left: 300px;
- width: 220px;
- height: 175px;
- text-align: center;
- }
- #likes {
- top: 215px;
- left: 50px;
- width: 230px;
- height: 200px;
- text-align: center;
- }
- #dislikes {
- top: 215px;
- left: 300px;
- width: 220px;
- height: 200px;
- text-align: center;
- }
- #links {
- top: 435px;
- left: 50px;
- width: 470px;
- height: 123px;
- text-align: center;
- }
- </style>
- <div class="overlay">
- <div class="innerbox" id="about"><h1>About</h1>
- Turd Ferguson. It's a funny name. I'll spare the entirely self indulgent life story. My name is Magan. <b>bold</b> <i>italics</i> <u>underline</u> <s>strike</s> <a href="">link</a></div>
- <div class="innerbox" id="music"><h1>Music</h1>
- <li>The Bouncing Souls.
- <li>MewithoutYou.
- <li>Brand New.
- <li>Operation Ivy.
- <li>Bad Religion.
- <li>The Horrorpops.
- <li>Screeching Weasel.
- <li>Wu-Tang Clan.
- <li>Atmosphere.
- <li>Eyedea & Abilities.
- <li>Tegan & Sara.
- <li>Bloc Party.
- <li>Eve 6.
- <li>El-P.
- <li>The Postal Service.
- <li>Weezer.
- <li>Rancid.
- <li>Aesop Rock.
- <li>Chiodos.
- <li>Sigur Ros.
- <li>Lupe Fiasco.
- <li>Regina Spektor.
- <li>Cage The Elephant.
- <li>The Avett Brothers.
- <li>MGMT.
- <li>Sufjan Stevens.
- <li>The Shins.
- <li>Bomb The Music Industry!
- <li>Aqualung.
- <li>Streetlight Manifesto.
- <li>The Raconteurs.
- <li>The White Stripes.
- <li>The Pixies.
- <li>Mac Lethal.
- <li>Foxy Shazam.
- <li>Bon Iver.
- <li>Bassnectar.
- <li>She & Him.
- <li>Placebo.
- </div>
- <div class="innerbox" id="likes"><h1>Likes</h1>
- <li>Aliens</div>
- <div class="innerbox" id="dislikes"><h1>Dislikes</h1>
- <li>Earthlings</div>
- <div class="innerbox" id="links"><h1>Navigation</h1>
- <a href="http://vampirefreaks.com/user_comment.php?user=TurdFerguson&uid=5080650&rate=1" class="navlink">Rate & Comment</a> <a href="http://vampirefreaks.com/profile_action.php?user=TurdFerguson" class="navlink">Add Friend</a> <a href="http://vampirefreaks.com" class="navlink">VF Main</a><a href="http://vampirefreaks.com/gallery/TurdFerguson" class="navlink">My Gallery</a> <a href="http://vampirefreaks.com/journal/TurdFerguson" class="navlink">My Journal</a> <a href="" class="navlink">Extra Link</a><a href="" class="navlink">Extra Link 2</a> <a href="http://vampirefreaks.com/Voltage" class="navlink">Coding</a> <a href="http://vampirefreaks.com/Decayed" class="navlink">Header</a></div>
- </div>
- <style>
- .navlink:link, .navlink:active, .navlink:visited {
- color: #742323;
- border-left: 5px solid #869721;
- border-right: 5px solid #a18201;
- font-family: Trebuchet MS;
- font-size: 10pt;
- font-weight: bold;
- text-transform: uppercase;
- font-weight: lighter;
- padding: 2px;
- width: 130px;
- text-align: center;
- display: inline-table;
- background: #141414;
- margin-top: 2px;
- margin-bottom: 1px;
- letter-spacing: 1px;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- .navlink:hover {
- color: #61b34c;
- border-left: 5px solid #a18201;
- border-right: 5px solid #869721;
- text-transform: uppercase;
- font-style: normal;
- font-weight: lighter;
- text-align: center;
- display: inline-table;
- background: #0d0d0d;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- html, body { background: #141414;
- background-image: url('http://oi41.tinypic.com/wgrqsi.jpg');
- background-attachment: fixed;
- background-position: top right;
- background-repeat: no-repeat; }
- html, div {
- font-family: verdana;
- color: #e2e2e2;
- font-size: 11px;
- font-style: normal; }
- a:link, .menu2, .menu2 a:link {
- color: #9c8607;
- font-size: 9pt;
- font-family: trebuchet ms;
- text-transform: uppercase;
- text-decoration: none;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- a:visited, .menu2 a:visited {
- color: #9c8607;
- text-transform: uppercase;
- font-family: trebuchet ms;
- text-decoration: none;
- }
- a:hover, .menu, .menu a:link, .menu a:visited {
- color: #76a334;
- text-decoration: none;
- font-family: trebuchet ms;
- text-transform: uppercase;
- background: transparent;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- h1 {
- color: #772424;
- background: #141414;
- text-transform: none;
- font-variant: small-caps;
- font-family: calibri;
- font-size: 14px;
- display: block;
- border-top-left-radius: 20px;
- border-top-right-radius: 20px;
- padding: 2px;
- border-bottom: 1px dotted #869721;
- text-align: center;
- letter-spacing: 1px;
- }
- b {
- text-transform: uppercase;
- font-variant: small-caps;
- font-family: trebuchet ms;
- color: #61b34c;
- font-size: 12px;
- letter-spacing: 1px;
- text-shadow: 1px 1px 1px #0d0d0d;
- }
- i {
- color: #869721;
- text-transform: none;
- font-family: georgia;
- font-size: 12px;
- letter-spacing: 2px;
- }
- s {
- text-transform: none;
- font-family: trebuchet ms;
- color: #742323;
- font-size: 12px;
- letter-spacing: 1px;
- }
- u {
- color: #a18201;
- border-bottom: 1px dotted #742323;
- text-transform: none;
- font-family: helvetica;
- font-size: 11px;
- letter-spacing: 2px;
- }
- .menu2 { background: #141414; }
- .menu2, #menu0 table { border: none!important; }
- .menu2 table, #menu0 { border: 1px dotted #0d0d0d!important; }
- .leftnav { background: #141414;}
- .leftnav { border: 1px dotted #0d0d0d; }
- .leftnav td { border: none; }
- </style>
- <style>
- .maintop, .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, .profilepages, .footer_links { display: none; }
- ::-webkit-scrollbar { width:5px; background:transparent; }
- ::-webkit-scrollbar-track-piece { background: transparent; width:1px; border: none; overflow:hidden; -webkit-border-radius:100px; }
- ::-webkit-scrollbar-thumb{ -webkit-border-radius:10px; background: #a18201; width:5px; border:none; }
- ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {height:10px; display: block; background-color:transparent; -webkit-border-radius:100px; border:none;}
- ::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-button:start:decrement:hover, ::-webkit-scrollbar-button:end:increment:hover{background-color:#61b34c; cursor:hand;}
- ::-webkit-scrollbar-button:start:decrement:active, ::-webkit-scrollbar-button:end:increment:active{background:transparent;}
- </style>
Advertisement
Add Comment
Please, Sign In to add comment