Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Tetsuya 0.1
- theme made by gyapo.tumblr.com
- Don't remove this comment.
- 12/09/2012 ;fixed dates + double caption + structure posts
- -->
- <!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">
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="image:Background" content="http://static.tumblr.com/onhp7lq/fF9m3s36l/tumblr_lws4pjqqja1qi201y.png"/>
- <meta name="image:Picture" content="http://static.tumblr.com/onhp7lq/jPpm3rtsj/kuronoba.gif"/>
- <meta name="image:Description BG" content="http://static.tumblr.com/onhp7lq/IEqm3s37v/trans40-100.png"/>
- <meta name="color:Background" content="#fff" />
- <meta name="color:Scroll" content="#bbb" />
- <meta name="color:ScrollBG" content="#fff" />
- <meta name="color:Top Border" content="#ddd" />
- <meta name="color:Side Border" content="#bce3ff" />
- <meta name="color:Navigation" content="#5ebafe" />
- <meta name="color:Navigation Hover" content="#ff1f34" />
- <meta name="color:Navigation BG" content="#000" />
- <meta name="color:Title" content="#444" />
- <meta name="color:Title Border" content="#bbb" />
- <meta name="color:Description" content="#888" />
- <meta name="color:Description Border" content="#000" />
- <meta name="color:Menu" content="#333" />
- <meta name="color:Menu Border" content="#BADAFF" />
- <meta name="color:Menu BG" content="#fff" />
- <meta name="color:EntryBG" content="#fff" />
- <meta name="color:Entry TitleBG" content="#f5f5f5" />
- <meta name="color:Entry TitleBorder" content="#ddd" />
- <meta name="color:Link" content="#555" />
- <meta name="color:Link hover" content="#333" />
- <meta name="color:Texts" content="#888" />
- <meta name="color:Infos" content="#777" />
- <meta name="color:Infos BG" content="#fff" />
- <meta name="color:Notes" content="#555" />
- <meta name="color:Tag Hover" content="#7ebfed" />
- <meta name="if:PostSize1" content="0"/>
- <meta name="if:PostSize2" content="1"/>
- <meta name="if:PostSize3" content="0"/>
- <meta name="if:EndlessScroll" content="0"/>
- <meta name="if:Tags" content="1"/>
- <meta name="if:Date" content="1"/>
- <meta name="if:Caption" content="0"/>
- <meta name="text:Music Player Code" content="Music player code here"/>
- <meta name="text:Link1 title" content="link 1" />
- <meta name="text:Link1" content="" />
- <meta name="text:Link2 title" content="link 2" />
- <meta name="text:Link2" content="" />
- <meta name="text:Link3 title" content="link 3" />
- <meta name="text:Link3" content="" />
- {block:IfEndlessScroll}
- <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {/block:IfEndlessScroll}
- <style type="text/css">
- iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
- iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
- ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scroll};height:150px;border-radius:2px;-moz-border-radius:2px;}
- ::-webkit-scrollbar {height:0px;width:4px;background-color:{color:ScrollBG};}
- body
- {font-family:trebuchet ms;
- font-size:10px;
- color:{color:Texts};
- background-color:{color:Background};
- background-image:url('{image:Background}');
- background-position: fixed;
- background-attachment:fixed;
- background-repeat:repeat;}
- a
- {text-decoration:none;
- color:{color:Link};
- -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
- opacity:1;}
- a:hover
- {text-decoration:none;
- color:{color:Link hover};
- opacity:1;}
- blockquote
- {border-left:2px solid;
- padding-left:5px;}
- #left
- {position:fixed;
- top:20px;
- width:233px;
- left:200px;}
- /* Pagination */
- #pagination
- {background-color:{color:Menu BG};
- color:{color:Menu};
- width:233px;
- letter-spacing:3px;
- text-align:center;
- padding:5px 0px 5px 0px;}
- .nac
- {font-size:9px;
- {color:Menu};
- text-transform:uppercase;
- font-family:lucida console;}
- /* Sidebar Borders */
- #bar
- {height:10px;
- width:233px;
- margin-top:204px;
- background-color:{color:Top Border};}
- .bar
- {width:30px;
- height:200px;
- background-color:{color:Side Border};
- float:left;}
- #barte
- {height:10px;
- width:233px;
- margin-bottom:2px;
- margin-top:2px;
- background-color:{color:Top Border};}
- /* Navigation */
- .pan
- {float:left;
- margin-left:2px;}
- #ask
- {margin-left:59px;}
- #blog
- {margin-left:116px;}
- .button
- {width:55px;
- height:10px;
- padding: 25px 0px 25px 0px;
- text-align:center;
- background-color:{color:Navigation BG};
- position:fixed;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:9px;
- color:{color:Navigation};
- -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
- .pan:hover .button
- {height:60px;
- color:{color:Navigation Hover};
- letter-spacing:3px;
- padding: 90px 0px 25px 0px;}
- .bot
- {width:55px;
- margin-top:175px;
- height:25px;
- text-align:center;
- background-color:{color:Navigation BG};
- position:fixed;
- -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
- .pan:hover .bot
- {padding-top:55px;
- margin-top:120px;}
- /* Side Picture */
- #picture
- {position:fixed;
- height:110px;
- width:200px;
- margin-left:13px;
- margin-top:59px;
- overflow:hidden;
- border:solid 3px {color:Background};}
- /* Description */
- #about
- {width:125px;
- padding:1px 7px 5px 7px;
- float:left;
- margin-top:2px;
- font-size:9px;
- color:{color:Description};
- text-align:right;
- font-family:lucida console;
- border-right:5px solid {color:Description Border};
- overflow:hidden;
- background-image:url("{image:Description BG}");}
- #title
- {font-size:14px;
- margin-bottom:4px;
- margin-right:-5px;
- padding-right:5px;
- color:{color:Title};
- border-bottom:1px dotted {color:Title Border};}
- #player
- {width:50px;overflow:hidden;
- padding:2px 0px 2px 0px;
- float:right;
- -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
- #player:hover
- {width:125px;}
- /* Menu */
- #cas
- {float:left;}
- .link
- {background-color:{color:Menu BG};
- color:{color:Menu};
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:9px;
- padding:0px;
- padding:0px 5px 0px 5px;
- margin:2px 0px 2px 2px;
- border-left:5px solid {color:Menu Border};
- width:72px;
- -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
- .link:hover
- {background-color:transparent;
- border-left:5px solid transparent;
- background-image:url("{image:Description BG}");
- padding:15px 5px 15px 5px;}
- .star
- {opacity:1;
- color:{color:Menu Border};}
- #posts
- {{block:IndexPage}
- {block:IfPostSize1}width:510px;{/block:IfPostSize1}
- {block:IfPostSize2}width:410px;{/block:IfPostSize2}
- {block:IfPostSize3}width:260px;{/block:IfPostSize3}
- {/block:IndexPage}
- {block:PermalinkPage}width:510px;{/block:PermalinkPage}
- float:left;
- margin-top:10px;
- margin-left:450px;}
- .post
- {{block:IndexPage}
- {block:IfPostSize1}width:500px;{/block:IfPostSize1}
- {block:IfPostSize2}width:400px;{/block:IfPostSize2}
- {block:IfPostSize3}width:250px;{/block:IfPostSize3}
- {/block:IndexPage}
- {block:PermalinkPage}width:500px;{/block:PermalinkPage}
- background-color:{color:EntryBG};
- color:{color:Texts};
- margin-bottom:15px;
- padding:10px;
- overflow:hidden;
- text-align:justify;}
- .photo
- {margin-bottom:-3px;}
- .label
- {font-size:9px;
- opacity:0.6;
- text-transform:uppercase;}
- .opacity
- {opacity:0.6;}
- {block:IndexPage}
- #indexbar
- {{block:IfPostSize1}margin-left:510px;{/block:IfPostSize1}
- {block:IfPostSize2}margin-left:410px;{/block:IfPostSize2}
- {block:IfPostSize3}margin-left:260px;{/block:IfPostSize3}
- position:absolute;
- font-family:lucida console;
- font-size:9px;
- opacity:0;
- overflow:hidden;
- -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
- {/block:IndexPage}
- .post:hover #indexbar
- {opacity:1;}
- .box
- {padding:5px;
- width:90px;
- color:{color:Infos};
- background-color:{color:Infos BG};
- margin-bottom:4px;}
- #notes
- {padding:5px 5px 5px 0px;}
- #notes a
- {color:{color:Notes};
- padding:5px;
- border-left:5px solid {color:Navigation BG};}
- #notes a:hover
- {padding:0px 5px 0px 5px;
- margin-left:10px;}
- #reb
- {letter-spacing:1px;}
- #tags
- {padding:0px 5px 0px 0px;}
- .tag
- {color:#555;
- padding:1px 0px 0px 5px;
- border-left:5px solid {color:Side Border};
- -webkit-transition: opacity 0.4s linear;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out}
- .tag:hover
- {border-left:10px solid {color:Tag Hover};}
- #time
- {width:80px;
- border-left:5px solid {color:Top Border};}
- .titlepost
- {font-size:14px;font-family:lucida console;text-align:center;border-bottom:1px dotted {color:Entry TitleBorder};padding-bottom:2px;}
- .BG
- {background-color:{color:Entry TitleBG};padding:2px 10px 2px 10px;}
- .texte a
- {font-style:italic;}
- .texte a:hover
- {text-decoration:underline;}
- #quote
- {font-size:12px;font-style:italic;}
- .odd
- {background-color:{color:Entry TitleBG};margin-bottom:2px;}
- .even
- {margin-bottom:2px;}
- .odd .label
- {opacity:0.8;}
- #track
- {letter-spacing:2px;}
- a #top:hover
- {opacity:1;}
- </style>
- </head>
- <body>
- <div id="upon"></div>
- {block:IfEndlessScroll}
- <a style="position:fixed;bottom:5px;right:5px;font-size:10px;text-transform:uppercase;z-index:999;opacity:0.7;" id="top" href="#top">back to top</a>
- {/block:IfEndlessScroll}
- <div id="left">
- {block:IfNotEndlessScroll}{block:Pagination}
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}"><span class="nac">←back</span></a>
- {/block:PreviousPage}
- <span style="opacity:0.7;padding:0px 5px 0px 5px;">{CurrentPage}/{TotalPages}</span>
- {block:NextPage}
- <a href="{NextPage}"><span class="nac">next→</span></a>
- {/block:NextPage}
- </div>
- {/block:Pagination}{/block:IfNotEndlessScroll}
- <div id="barte"></div>
- <div id="picture">
- <img width="200px" src="{image:Picture}" />
- </div>
- <div id="menu">
- <div class="bar"></div>
- <a href="/">
- <div class="pan">
- <div class="button">home</div>
- <div class="bot"></div>
- </div>
- </a>
- <a href="/ask">
- <div class="pan" id="ask">
- <div class="button">ask</div>
- <div class="bot"></div>
- </div>
- </a>
- <a href="/archive">
- <div class="pan" id="blog">
- <div class="button">past</div>
- <div class="bot"></div>
- </div>
- </a>
- <div class="bar" style="margin-left:173px;"></div>
- </div>
- <div id="bar"></div>
- <div>
- <div id="about">
- <div id="title">{Title}</div>
- {Description}
- <div id="player">
- {text:Music Player Code}
- </div>
- </div>
- <div id="cas">
- <a href="{text:Link1}"><div class="link"><span class="star">★ </span>{text:Link1 title}</div></a>
- <a href="{text:Link2}"><div class="link"><span class="star">★ </span>{text:Link2 title}</div></a>
- <a href="{text:Link3}"><div class="link"><span class="star">★ </span>{text:Link3 title}</div></a>
- <a href="http://gyapo.tumblr.com" title="tetsuya by gyapo"><div class="link"><span class="star">★ </span>theme</div></a>
- </div>
- </div>
- </div>
- <div id="posts">
- {block:Posts}
- <div class="post">
- {block:IndexPage}<div id="indexbar">
- <div class="box" id="notes">
- <a href="{Permalink}">→ {NoteCountWithLabel}</a><br>
- <a href="{ReblogURL}" id="reb">Reblog</a>
- </div>
- {block:IfTags}{block:HasTags}<div class="box" id="tags">
- {block:Tags}<a href="{TagURL}"/><div class="tag">#<span class="opacity">{Tag}</span></div></a> {/block:Tags}
- </div>{/block:HasTags}{/block:IfTags}
- {block:IfDate}{block:Date}<div class="box" id="time">
- {TimeAgo}</br>
- {DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}
- </div>{/block:Date}{/block:IfDate}
- </div>{/block:IndexPage}
- {block:Photo}
- <div>{block:IndexPage}<a href="{Permalink}"><img class="photo"
- src="{PhotoURL-500}"
- {block:IfPostSize1}width="500px"{/block:IfPostSize1}
- {block:IfPostSize2}width="400px"{/block:IfPostSize2}
- {block:IfPostSize3}width="250px"{/block:IfPostSize3}alt="{PhotoAlt}"/></a>{/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}
- <img class="photo" src="{PhotoURL-500}" width="500px"
- alt="{PhotoAlt}"/>{LinkCloseTag}{/block:PermalinkPage}</div>
- {/block:Photo}
- {block:Text}
- {block:Title}
- <a href="{Permalink}"><div class="titlepost"><span class="BG">{Title}</span></div></a>
- {/block:Title}
- <div class="texte">{Body}</div>
- {/block:Text}
- {block:Quote}
- <div id="quote"> "{Quote}"</div>
- {block:Source}
- <div class="texte">— {Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <a href="{URL}" {Target}><div class="titlepost"><span class="BG">{Name}</span></div></a>
- {block:Description}
- <div class="texte">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <div class="titlepost"><span class="BG">{Title}</span></div>
- {/block:Title}
- <div >
- {block:Lines}
- <div>
- <div class="{Alt}">{block:Label}<span class="label">- {Label}</span>{/block:Label} {Line}</div>
- </div>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:Audio}
- <table cellpadding="0" border="0" cellspacing="0">
- <tr><td rowspan="2">
- {block:AlbumArt}
- <img class="photo" style="height:100px;width:100px;margin-right:5px;" id="art" src="{AlbumArtURL}"/>
- {/block:AlbumArt}</td>
- <td><div style="margin-top:5px;">
- {block:IndexPage}
- {block:TrackName}<span id="track">【{TrackName}】</span><br>{/block:TrackName}
- {block:Artist}► by {Artist}<br>{/block:Artist}
- {block:Album}► from {Album}<br>{/block:Album}
- {/block:IndexPage}
- {PlayCountWithLabel}</div></td></tr><td>
- <div style="{block:IndexPage}
- {block:IfPostSize1}width:395px;{/block:IfPostSize1}
- {block:IfPostSize2}width:295px;{/block:IfPostSize2}
- {block:IfPostSize3}width:145px;{/block:IfPostSize3}
- {/block:IndexPage}
- {block:PermalinkPage}width:395px;{/block:PermalinkPage} background-color:#000;overflow:hidden;">{AudioPlayerBlack}</div></td></tr>
- </table>
- {/block:Audio}
- {block:Photoset}
- <div class="photo">{block:IndexPage}{block:IfPostSize1}{Photoset-500}{/block:IfPostSize1}
- {block:IfPostSize2}{Photoset-400}{/block:IfPostSize2}
- {block:IfPostSize3}{Photoset-250}{/block:IfPostSize3}
- {/block:IndexPage}
- {block:PermalinkPage}
- {Photoset-500}
- {/block:PermalinkPage}</div>
- {/block:Photoset}
- {block:Video}
- <div class='photo'>{block:IndexPage}{block:IfPostSize1}{Video-500}{/block:IfPostSize1}
- {block:IfPostSize2}{Video-400}{/block:IfPostSize2}
- {block:IfPostSize3}{Video-250}{/block:IfPostSize3}
- {/block:IndexPage}
- {block:PermalinkPage}{Video-500}{/block:PermalinkPage}</div>
- {/block:Video}
- {block:Answer}
- <table cellpadding="0" cellspacing="0" border="0" id="question"
- {block:PermalinkPage}
- width="500px"
- {/block:PermalinkPage}
- {block:IndexPage}
- {block:IfPostSize1}width="500px"{/block:IfPostSize1}
- {block:IfPostSize2}width="400px"{/block:IfPostSize2}
- {block:IfPostSize3}width="250px"{/block:IfPostSize3}
- {/block:IndexPage}>
- <tr>
- <td style="width:30px;">
- <a href="{Permalink}"><span><img src="{AskerPortraitURL-30}" style="border-radius:6px;-moz-border-radius:6px;"/></span></a></td>
- <td><div style="padding-left:10px;padding-right:10px;">
- <span style="text-transform:uppercase;font-size:9px;">{Asker}</span> asked : <span style="font-style:italic;">{Question}</span></div></td></tr>
- <tr><td colspan="2"><div style="padding-left:5px;padding-right:5px;border-top:1px dotted #ddd;" class="texte">{Answer}</div></td></tr></table>
- {/block:Answer}
- <div class="comments">
- {block:IfCaption} {block:IndexPage}
- {block:Caption}<span class="texte">{Caption}</span>{/block:Caption}
- {/block:IndexPage}{/block:IfCaption}
- {block:IfNotCaption}{block:PermalinkPage}
- {block:Caption}<span class="texte">{Caption}</span>{/block:Caption}
- {block:PermalinkPage}{/block:IfNotCaption}
- </div>
- </div><!--post-->
- {block:PermalinkPage}
- <div class="post">
- <div style="padding-bottom:5px;">
- {block:PostNotes}• {NoteCountWithLabel},{/block:PostNotes} {block:Date}{TimeAgo}.{/block:Date} {block:RebloggedFrom}<span class="green">via :</span> <a href="{ReblogParentURL}">{ReblogParentName}</a> , <span class="green">org :</span> <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
- <div>{block:HasTags}• Tagged: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}</div></div>
- {block:PostNotes}<div style="border-top:1px dotted {color:Entry TitleBorder};">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement