Advertisement
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 # 75
- 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"/>
- <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'>
- <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: #444;
- 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: #000000;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- .sidebar {
- margin:auto;
- top:130px;
- margin-left:-60px;
- }
- .part1 {
- padding:5px;
- top:130px;
- margin:auto;
- position:fixed;
- }
- .table1 {
- width:200px;
- padding:0px 5px 5px 5px;
- border-right: 1px solid #F5F5F5;
- }
- .links1 {
- text-transform: uppercase;
- letter-spacing: 0px;
- font-family: Open Sans Condensed;
- font-size:11px;
- letter-spacing:1px;
- text-align:right;
- padding:4px;
- line-height:290%;
- margin: 15px 0 6px 0;
- color:#262626;
- }
- .links1 a {
- border-bottom: 1px solid #f0f0f0;
- padding:3px;
- }
- .links1 a:hover {
- letter-spacing:4px;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- .container {
- width:1000px;
- height:auto;
- position:relative;
- margin:auto;
- top: 3px;
- left:1px;
- border: 0px solid #f0f0f0;
- }
- .chars {
- width:750px;
- height:auto;
- margin:auto;
- position:relative;
- margin-top: 5px;
- margin-left:160px;
- border: 0px solid #000;
- }
- .table:hover .name { margin-top:2px;filter: alpha(opacity = 100);
- opacity:100;-webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
- .table:hover .basic { margin-top:-160px;filter: alpha(opacity = 100);
- opacity:100;-webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
- .table:hover .image {margin-top:0px;filter: alpha(opacity = 20);
- opacity:0.1;-webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
- .table {
- width:160px;
- height:auto;
- position:relative;
- margin-left:20px;
- text-align:center;
- margin-top:60px;
- top:4px;
- display:inline-block;
- border: 0px solid #f0f0f0;
- }
- .image {
- width:160px;
- height:auto;
- -webkit-transition:0.7s ease; opacity:100;
- border-bottom: 1px solid #f0f0f0;
- }
- .name {
- width:160px;
- font-size:7px;
- font-family:arial;
- letter-spacing:3px;
- margin-top:2px;
- padding-top:5px;
- padding-bottom:5px;
- text-align:center;
- text-transform:uppercase;
- font-weight:none;
- color:#000;
- background-color:;
- -webkit-transition:0.7s ease; position:absolute; opacity:100;
- border-bottom: 1px solid #f0f0f0;
- }
- .basic {
- width:160px;
- text-align:center;
- font-size:9px;
- font-family:cambria;
- line-height:130%;
- padding:5px 3px;
- margin-top:-160px;
- color:#444;
- -webkit-transition:0.7s ease; position:absolute; opacity:0;
- }
- .links {
- letter-spacing: 0px;
- font-size:10px;
- font-family: calibri;
- padding:4px 3px;
- margin: 5px 0 6px 0;
- color:#262626;
- border-bottom: 0px solid #f0f0f0;
- }
- .links a {
- padding:3px;
- }
- .info {
- padding:4px;
- margin:1px;
- text-align:justify;
- font-size:10px;
- font-family: calibri;
- color:#000000;
- }
- .credit {
- position:fixed;
- font-family:calibri;
- font-size:8px;
- font-weight:normal;
- line-height:150%;
- letter-spacing:0px;
- right:5px;
- bottom:20px;
- text-transform:uppercase;
- text-align:center;
- }
- .credit a {
- font-style:normal;
- padding:3px;
- color:{color:Link};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- </style>
- </head>
- <body>
- <div class="container">
- <div class="sidebar">
- <td>
- <div class="part1">
- <div class="table1">
- <div class="links1">
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- </div>
- </div>
- </div>
- </div>
- </td>
- <div class="chars">
- <! 1 >
- <tr>
- <div class="table">
- <center><img src="https://31.media.tumblr.com/978884ca1b420217bc6a3ee6b5b40377/tumblr_inline_n1zocpM26y1sso8d0.png" class="image">
- <div class="name">
- <a href="/"> name</a>
- </div>
- <div class="basic">
- lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris.
- </div>
- </div>
- <! 2 >
- <tr>
- <div class="table">
- <center><img src="https://31.media.tumblr.com/978884ca1b420217bc6a3ee6b5b40377/tumblr_inline_n1zocpM26y1sso8d0.png" class="image">
- <div class="name">
- <a href="/"> name</a>
- </div>
- <div class="basic">
- lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris.
- </div>
- </div>
- <! 3 >
- <tr>
- <div class="table">
- <center><img src="https://31.media.tumblr.com/978884ca1b420217bc6a3ee6b5b40377/tumblr_inline_n1zocpM26y1sso8d0.png" class="image">
- <div class="name">
- <a href="/"> name</a>
- </div>
- <div class="basic">
- lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris.
- </div>
- </div>
- <! 4 >
- <tr>
- <div class="table">
- <center><img src="https://31.media.tumblr.com/978884ca1b420217bc6a3ee6b5b40377/tumblr_inline_n1zocpM26y1sso8d0.png" class="image">
- <div class="name">
- <a href="/"> name</a>
- </div>
- <div class="basic">
- lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris.
- </div>
- </div>
- <br>
- <! 5 >
- <tr>
- <div class="table">
- <center><img src="https://31.media.tumblr.com/978884ca1b420217bc6a3ee6b5b40377/tumblr_inline_n1zocpM26y1sso8d0.png" class="image">
- <div class="name">
- <a href="/"> name</a>
- </div>
- <div class="basic">
- lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris.
- </div>
- </div>
- <! 6 >
- <tr>
- <div class="table">
- <center><img src="https://31.media.tumblr.com/978884ca1b420217bc6a3ee6b5b40377/tumblr_inline_n1zocpM26y1sso8d0.png" class="image">
- <div class="name">
- <a href="/"> name</a>
- </div>
- <div class="basic">
- lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris.
- </div>
- </div>
- <! 7 >
- <tr>
- <div class="table">
- <center><img src="https://31.media.tumblr.com/978884ca1b420217bc6a3ee6b5b40377/tumblr_inline_n1zocpM26y1sso8d0.png" class="image">
- <div class="name">
- <a href="/"> name</a>
- </div>
- <div class="basic">
- lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris.
- </div>
- </div>
- <! 8 >
- <tr>
- <div class="table">
- <center><img src="https://31.media.tumblr.com/978884ca1b420217bc6a3ee6b5b40377/tumblr_inline_n1zocpM26y1sso8d0.png" class="image">
- <div class="name">
- <a href="/"> name</a>
- </div>
- <div class="basic">
- lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris.
- </div>
- </div>
- <div class="credit"><a href="http://britishrobert.tumblr.com/"><u>britishrobert</a></u></div>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement