Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!---
- WASSUP about me page, lets fight.
- about me page by: asschlin.tumblr.com
- please don't remove the credits
- --->
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <style type="text/css">
- ::-webkit-scrollbar-thumb:vertical {background-color:#000;height:0px;}
- ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;height:0px !important;}
- ::-webkit-scrollbar {height:10px;width:0px;}
- body {background-color:;background:url('https://31.media.tumblr.com/007b223deebd29ffe5794b2f8e5fb434/tumblr_inline_mz1v09kx361rhm23e.png'); font-family:arial;;font-size:9px;}
- a {color:#999; text-decoration:none;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
- a:hover {color:#f1f1f1;}
- /*content here*/
- #left {
- padding:0px;
- width:350px;
- margin-left:530px;
- margin-top:200px;}
- #main {
- font-family:arial;
- font-size:9px;
- background:#fff;
- width:412px;
- height:435px;
- background:#FFF;
- overflow:auto;
- border:3px double #f1f1f1;}
- #tags {
- position:fixed;
- width:200px;
- height:425px;
- padding:2px;
- top: 204px;
- left:540px;
- overflow:auto;
- border-right:3px double #f1f1f1;
- }
- #tags2 {
- position:fixed;
- width:200px;
- height:425px;
- left:750px;
- padding:2px;
- overflow:auto;
- }
- .title{
- position:fixed;
- top:150px;
- left: 530px;
- width: 405px;
- text-align:center;
- font-family:arial;
- font-weight:bold;
- letter-spacing: -2px;
- font-size:35px;
- text-transform:lowercase;
- color: #444;
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- .title:hover {
- background-color:#fc88cb;
- color:#444;
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;}
- .lt1 {
- text-align:center;
- font-weight:100;
- display:block;
- font-family:arial;
- padding:5px;
- font-size:10px;
- text-transform:uppercase;
- background:#f7f7f7;
- color: #fc88cb;
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;}
- .lt2 {
- text-align:center;
- font-weight:100;
- display:block;
- font-family:arial;
- padding:5px;
- font-size:10px;
- text-transform:uppercase;
- background:#f7f7f7;
- color: #f99e41;
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;}
- .lt3 {
- text-align:center;
- font-weight:100;
- display:block;
- font-family:arial;
- padding:5px;
- font-size:10px;
- text-transform:uppercase;
- background:#f7f7f7;
- color: #a4e518;
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;}
- .lt4 {
- text-align:center;
- font-weight:100;
- display:block;
- font-family:arial;
- padding:5px;
- font-size:10px;
- text-transform:uppercase;
- background:#f7f7f7;
- color: #80c2fd;
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;}
- .lt5 {
- text-align:center;
- font-weight:100;
- display:block;
- font-family:arial;
- padding:5px;
- font-size:10px;
- text-transform:uppercase;
- background:#f7f7f7;
- color: #7a83e0;
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;}
- .lt1:hover {background-color:#fc88cb;color:#fff;}
- .lt2:hover {background-color:#f99e41;color:#fff;}
- .lt3:hover {background-color:#a4e518;color:#fff;}
- .lt4:hover {background-color:#80c2fd;color:#fff;}
- .lt5:hover {background-color:#7a83e0;color:#fff;}
- ul, li {
- list-style-type:none;
- margin:0px;
- padding:5px 5px 0px 5px;}
- #c{
- position:fixed;
- bottom:30px;
- right:30px;
- font-size:10px;
- text-transform:uppercase;
- font-weight:bold;
- }
- </style>
- </head><body>
- <div class="title">Navigation Links<br>
- </div>
- <div id="left">
- <div id="tags">
- <div class="lt1">fandom name</div>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul><br>
- <div class="lt2">fandom name</div>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul><br>
- <div class="lt3">fandom name</div>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul><br>
- <div class="lt4">fandom name</div>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul><br>
- <div class="lt5">fandom name</div>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- </div>
- <div id="main"><div id="tags2">
- <div class="lt1">fandom name</div>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul><br>
- <div class="lt2">fandom name</div>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul><br>
- <div class="lt3">fandom name</div>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul><br>
- <div class="lt4">fandom name</div>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul><br>
- <div class="lt5">fandom name</div>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- <ul><a href="/">#tag here</a></ul>
- </div></div></div>
- <div id="c"><a href="asschlin.tumblr.com">©</a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement