Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <!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">
- <!--------------------------------------------
- THEME # 80
- BY: http://britishrobert.tumblr.com/ (PREV SPUNKHANDSOME)
- RULES, IMPORTANT: DON'T REMOVE THE CREDIT // DON'T CLAIM AS YOUR OWN // DON'T USE AS A BASE
- --------------------------------------------->
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="altertnate" type="application/rss+xml" href="{RSS}">
- <meta name="description" content="" />
- <meta http-equiv="x-dns-prefetch-control" content="off"/>
- <meta name="color:Link" content="#444444">
- <link href='http://fonts.googleapis.com/css?family=Merriweather+Sans:400,700' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Josefin+Slab:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Kotta+One' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Junge' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <style type="text/css">
- ::-webkit-scrollbar {background-color: transparent; height:4px; width:3px}
- ::-webkit-scrollbar-thumb:vertical {background-color:#000000; height:50px}
- ::-webkit-scrollbar-thumb:horizontal {background-color:#FFFFFF; height:8px!important}
- body {
- color: {color:Text};
- background-color:#FFFFFF;
- }
- a {
- color: #5A5A5A;
- text-decoration: none;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- a:hover {
- color: #9D9D9D;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- .container {
- width:900px;
- position:relative;
- margin:auto;
- top: 40px;
- left:90px;
- border: 0px solid #f0f0f0;
- }
- .sidebars {
- width:245px;
- position: fixed;
- margin-top:172px;
- margin-left:551px;
- }
- .sidebar a {
- color:#5A5A5A;
- }
- .sidebar a:hover {
- color:#9D9D9D;
- }
- .sidebarimage {
- width:245px;
- margin-left:0px;
- margin-bottom:13px;
- padding:0px;
- }
- .sidebarlinkss {
- width:245px;
- margin-bottom:3px;
- padding:3px;
- font-size:8px;
- font-family:arial;
- text-transform:uppercase;
- text-align:center;
- letter-spacing:2px;
- }
- .sidebarlinkss a {
- color:#5A5A5A;
- padding:3px;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- .sidebarlinkss a:hover {
- text-decoration:underline;
- color:#9D9D9D;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- .description {
- width:245px;
- margin-top:6px;
- margin-bottom:10px;
- line-height:95%;
- text-align:justify;
- font-size:9px;
- font-family:arial;
- color:#5A5A5A;
- letter-spacing:0px;
- background-color:;
- }
- .description a:hover {
- color:#9D9D9D;
- }
- .sidebar {
- position:fixed;
- font-family:calibri;
- font-size:8px;
- font-weight:normal;
- line-height:150%;
- letter-spacing:0px;
- right:5px;
- bottom:16px;
- text-transform:uppercase;
- text-align:center;
- }
- .sidebarlinks {
- position:fixed;
- font-family:calibri;
- font-size:8px;
- font-weight:normal;
- line-height:150%;
- letter-spacing:0px;
- right:7px;
- bottom:23px;
- text-transform:uppercase;
- text-align:center;
- }
- .sidebarlinks a {
- font-style:normal;
- padding:3px;
- }
- .sidebar2 {
- width:900px;
- position:relative;
- margin:auto;
- top: 30px;
- left:-40px;
- }
- .title {
- width:900px;
- font-size:7px;
- font-family:arial;
- letter-spacing:4px;
- margin-top:1px;
- padding-top:4px;
- padding-bottom:14px;
- text-align:center;
- text-transform:uppercase;
- font-weight:lighter;
- color:#5A5A5A;
- }
- .container2 {
- float: left;
- margin:auto;
- position:relative;
- height:auto;
- border: 0px solid #f0f0f0;
- }
- .table {
- width:260px;
- height:auto;
- text-align:center;
- position:relative;
- margin-bottom:49px;
- border: 0px solid #f0f0f0;
- }
- .name {
- width:160px;
- font-size:11px;
- font-family:arial;
- letter-spacing:0px;
- margin-top:1px;
- padding-top:4px;
- padding-left:5px;
- padding-bottom:4px;
- text-align:left;
- font-weight:lighter;
- color:#5A5A5A;
- border-bottom: 1px solid #FAFAFA;
- }
- .tag {
- display: block;
- font-family:arial;
- letter-spacing:0px;
- font-size:11px;
- margin-top:4px;
- padding:4px;
- line-height:6px;
- color:#444;
- text-align:left;
- border-left: 1px solid #FAFAFA;
- }
- .tag a {
- padding:4px;
- }
- .tag a:hover {
- color:#000;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- </style>
- </head>
- <body>
- <div class="container">
- <div class="sidebars">
- <a href="/">
- <center>
- <div class="sidebarimage">
- paste the code heree hehe
- </a></div>
- <div class="sidebarlinkss">
- <a href="/">index</a>
- <a href="/ask">ask</a>
- <a href="/">link</a>
- <a href="/">link</a>
- <a href="/">link</a>
- <a href="/">link</a>
- </div>
- <div class="description">
- lorem ipsum dolor sit amet consectetuer adipiscing elit aliquam nisi lorem, pulvinar id. lorem ipsum dolor sit amet
- </div>
- </div>
- <div class="container2">
- <! 1 >
- <tr>
- <div class="table">
- <div class="name">
- tags 1
- </div>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- </div>
- <! 3 >
- <tr>
- <div class="table">
- <div class="name">
- tags 3
- </div>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- </div>
- <! 5 >
- <tr>
- <div class="table">
- <div class="name">
- tags 5
- </div>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- </div>
- </div>
- <div class="container2">
- <! 2 >
- <tr>
- <div class="table">
- <div class="name">
- tags 2
- </div>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- </div>
- <! 4 >
- <tr>
- <div class="table">
- <div class="name">
- tags 4
- </div>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- </div>
- <! 6 >
- <tr>
- <div class="table">
- <div class="name">
- tags 6
- </div>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- <li class="tag"><a href="tagged/">tag here </a></li>
- </div>
- <div class="sidebar">
- <div class="sidebarlinks"><a href="http://britishrobert.tumblr.com/"><u>britishrobert</a></u>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment