Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="if:linksonright" content="0">
- <style>
- body {
- background-image: url('http://static.tumblr.com/hxaftoq/4avmb6oh1/straws__2x.png');
- }
- #all {
- margin:0 auto;
- }
- .table {
- width:500px;
- background-color:#000;
- background-image: url('http://static.tumblr.com/hxaftoq/hPcmb6og7/straws.png');
- height:auto;
- border:1px solid #ccc;
- color:#fff;
- }
- #pic img{
- display:block;
- margin-left:10px;
- margin-top:50px;
- width:100px;
- height:100px;
- border-radius:100%;
- }
- #piic {
- float:right;
- margin-top:-885px;
- }
- #piic img{
- display:block;
- border-radius:100%;
- width:100px;
- height:100px;
- margin-bottom:10px;
- margin-right:10px;
- }
- .link {
- text-align:center;
- width:150px;
- margin-bottom:200px;
- padding-left:20px;
- opacity:0;
- font-size:15px;
- color:#000;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- -ms-transition: all 0.8s ease-out;
- -o-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- margin-top:-95px;
- }
- .link a{
- display:block;
- width:150px;
- background-color:#fff;
- color:#333;
- outline:2px solid #ccc;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- -ms-transition: all 0.8s ease-out;
- -o-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- margin-bottom:5px;
- line-height:20px;
- font-size:12px;
- }
- .link:hover {
- opacity:1;
- padding-left:150px;
- }
- a {
- text-decoration:none;
- }
- .link a:hover {
- background-color:#999;
- color:#333;
- }
- .lin {
- margin-bottom:200px;
- color:#000;
- text-align:center;
- width:150px;
- margin-top:-105px;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- -ms-transition: all 0.8s ease-out;
- -o-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- margin-left:-50px;
- opacity:0;
- }
- .lin a{
- display:block;
- width:150px;
- outline:2px solid #ccc;
- background-color:#fff;
- color:#333;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- -ms-transition: all 0.8s ease-out;
- -o-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- margin-bottom:5px;
- line-height:20px;
- font-size:12px;
- }
- .lin a:hover {
- background-color:#333;
- color:#fff;
- }
- .lin:hover {
- opacity:1;
- margin-left:-200px;
- }
- th {
- height:70px;
- background-color:#777;
- font-size:25px;
- }
- #lii {
- position:fixed;
- margin-top:10px;
- margin-left:-50px;
- {block:iflinksonright}
- margin-left:515px;
- {/block:iflinksonright}
- }
- #lii a {
- display:block;
- line-height:35px;
- width:35px;
- background-color:#ccc;
- color:#333;
- font-size:10px;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- -ms-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- margin-bottom:15px;
- text-align:center;
- outline:4px solid #666;
- }
- #lii a:hover {
- background-color:#333;
- color:#fff;
- }
- </style>
- </head>
- <body>
- <table id="all" class="table" cellspacing="0" cellpadding="0">
- <th>CHARACTERS</th>
- <tr><td>
- <div id="lii">
- <a href="/">Home</a>
- <a href="/ask">Ask</a>
- <a href="/archive">Home</a>
- <a href="http://ta-kao.tumblr.com">Credit</a>
- </div>
- <div id="pic">
- <img src="http://static.tumblr.com/hxaftoq/PN5mb6mck/104-1.jpeg">
- <div class="link">
- Name
- <a href="/">1</a>
- <a href="/">2</a>
- <a href="/">3</a>
- </div>
- <img src="http://static.tumblr.com/hxaftoq/8wXmb6me3/belicon2.png">
- <div class="link">
- Name
- <a href="/">1</a>
- <a href="/">2</a>
- <a href="/">3</a>
- </div>
- <img src="http://static.tumblr.com/hxaftoq/uUWmb6mfu/v7sz1.jpeg">
- <div class="link">
- Name
- <a href="/">1</a>
- <a href="/">2</a>
- <a href="/">3</a>
- </div>
- <img src="http://static.tumblr.com/hxaftoq/Vllmb6mt2/3oqhps.jpg">
- <div class="link" style="margin-bottom:50px;">
- Name
- <a href="/">1</a>
- <a href="/">2</a>
- <a href="/">3</a>
- </div>
- </div>
- <div id="piic">
- <img src="http://static.tumblr.com/hxaftoq/Boomb6mnp/114.png">
- <div class="lin">
- Name
- <a href="/">1</a>
- <a href="/">2</a>
- <a href="/">3</a>
- </div>
- <img src="http://static.tumblr.com/hxaftoq/0Gmmb6moe/8xeug.png">
- <div class="lin">
- Name
- <a href="/">1</a>
- <a href="/">2</a>
- <a href="/">3</a>
- </div>
- <img src="http://static.tumblr.com/hxaftoq/CRBmb6mq7/xansus5_by_crustycrabs.jpeg">
- <div class="lin">
- Name
- <a href="/">1</a>
- <a href="/">2</a>
- <a href="/">3</a>
- </div>
- </div>
- </td></tr>
- </table>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement