Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- hiken
- theme made by gyapo.tumblr.com
- don't remove this comment
- up: music player + width
- -->
- <!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/..."/>
- <meta name="image:Pic" content="http://static.tumblr.com/s2ymoja/aeCmeq9lx/jung2.png"/>
- <meta name="color:Background" content="#fff" />
- <meta name="color:Title" content="#000" />
- <meta name="color:Description" content="#aaa" />
- <meta name="color:Menu" content="#96cef5" />
- <meta name="color:MenuBG" content="#eee" />
- <meta name="color:PicBorder" content="#eee" />
- <meta name="color:Links" content="#3d9f69" />
- <meta name="color:Links hover" content="#4ca2bd" />
- <meta name="color:PostBG" content="#fff" />
- <meta name="color:PostBorder" content="#eee" />
- <meta name="color:Text" content="#000" />
- <meta name="color:Reblog" content="#216585" />
- <meta name="color:Tags" content="#56a5b6" />
- <meta name="if:EndlessScroll" content="0"/>
- <meta name="if:TitleEffect" content="1"/>
- <meta name="if:250" content="1"/>
- <meta name="if:400" content="0"/>
- <meta name="if:500" content="0"/>
- <meta name="text:Music Player" content="">
- <meta name="text:Player Width" content="50">
- <meta name="text:Link title" content="+" />
- <meta name="text:Link" content="URL" />
- <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
- {block:IfEndlessScroll}<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;}
- body
- {font-family:lucida console;
- font-size:9px;
- color:{color:Text};
- background-color:{color:Background};
- background-image:url('{image:Background}');
- background-position: fixed;
- background-attachment:fixed;
- background-repeat:repeat;}
- a
- {text-decoration:none;
- color:{color:Links};
- -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:Links hover};
- opacity:1;}
- blockquote
- {border-left:2px solid;
- margin-left:15px;
- padding-left:5px;}
- #all
- {margin-top:0px;margin-left:22px;}
- #posts
- {width:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};
- margin-left:-6px}
- .post
- {width:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};
- background-color:{color:PostBG};
- margin:15px 0px 15px 0px;
- font-family:lucida console;
- text-align:justify;
- padding:5px;
- border:1px solid transparent;
- overflow:hidden;
- -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;}
- .post:hover
- {border:1px solid {color:PostBorder};}
- .post img
- {max-width:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};}
- #hover
- {position:absolute;
- margin-left:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};
- padding-left:10px;
- font-size:10px;
- text-transform:uppercase;
- font-family:courier;
- opacity:0;
- -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;}
- #reblog
- {color:{color:Reblog};
- -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;}
- #reblog:hover
- {opacity:0.5;}
- .post:hover #infos
- {opacity:1;}
- .post:hover #hover
- {opacity:1;}
- #infos
- {margin-top:10px;text-align:left;}
- #date
- {color:{color:Links};}
- #tags
- {color:{color:Tags};
- -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;}
- #tags:hover
- {opacity:0.5;}
- .titre
- {font-size:14px;
- color:{color:Reblog};
- text-transform:uppercase;
- font-family:courier;}
- #quote
- {color:{color:Links};}
- #player
- {margin-bottom:5px;
- width:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};
- background-color:#000;}
- .name
- {letter-spacing:1px;
- text-transform:uppercase;
- font-family:courier;}
- #per .name
- {margin-left:10px;
- }
- .texte {font-size:10px;font-family:courier;text-transform:uppercase;}
- .diez
- {color:{color:Reblog};}
- #plus
- {width:250px;padding:5px 5px 3px 5px;margin-left:-5px;text-align:justify;color:{color:Description};}
- #plus img
- {float:left;margin-right:5px;margin-bottom:-3px;border:1px solid {color:PicBorder}; padding:5px; }
- #menut
- {position:absolute;text-align:right;margin-left:-105px;width:100px;padding-top:12px;}
- #oh
- {
- margin-bottom:4px;color:{color:Menu};letter-spacing:2px;}
- .bg:hover
- {background-color:{color:Background};
- }
- .bg
- {background-color:{color:MenuBG};padding:0px 5px 0px 5px;-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;}
- #ok
- {position:fixed;right:10px;bottom:10px;}
- #hep
- {text-align:right;font-size:20px;letter-spacing:-1px;margin-bottom:-8px;padding-right:5px;{block:IfTitleEffect}text-shadow:1px 0px #96cef5,-1px -0px #f79b9b;{/block:IfTitleEffect}color:{color:Title};}
- </style>
- </head>
- <body>
- {block:IfEndlessScroll}
- <div style="bottom:5px;right:10px;position:fixed;"><a href="#top" class="texte">back to top</a> / <a title="francis theme" class="texte" href="http://gyapo.tumblr.com">©</a></div>{/block:IfEndlessScroll}
- <div id="ok">
- <div id="hep">{Title}</div>
- <div id="menut"><a href="/"><div id="oh"><span class="bg">home</span></div></a>
- <a href="/ask"><div id="oh"><span class="bg">ask</span></div></a>
- <a href="/archive"><div id="oh"><span class="bg">archive</span></div></a>
- <a href="{text:Link}"><div id="oh"><span class="bg">{text:Link title}</span></div></a> </div>
- <div id="plus"><div><img src="{image:Pic}" width="50px"/></div><div style="padding-top:7px;"><div>{Description} <div style="overflow:hidden;width:{text:Player Width}px;">{text:Music Player}</div></div> </div>
- </div>
- </div>
- <table id="all" cellspacing="0" cellpadding="0">
- <tr><td>
- <div id="posts">
- {block:Posts}
- <div class="post">
- <div id="hover">
- {block:Date}<a title="{NoteCountWithLabel}" href="{Permalink}"><div id="date">{TimeAgo}</div></a>{/block:Date}
- <a href="{ReblogURL}" target="_blank"><div id="reblog">reblog</div></a>
- <!--<a title="{NoteCount}" href="{Permalink}"><div id="notes"><img src="{image:Notes}"/></div></a>-->
- <div id="infos">
- {block:HasTags}{block:Tags}<a href="{TagURL}"><div id="tags"><span class="diez">#</span>{Tag}</div></a>{/block:Tags} {/block:HasTags}
- </div><!--hover-->
- </div><!--hover-->
- {block:IndexPage}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
- {/block:ContentSource}
- {block:RebloggedFrom}
- <!--{ReblogParentName}-->
- {/block:RebloggedFrom}
- {/block:IndexPage}
- {block:Quote}
- <div class="titre" id="quote">
- "{Quote}"
- </div>
- <div id="source" class="name">— {Source}</div>
- {/block:Quote}
- {block:Photo}
- {block:IndexPage}
- <a href="{Permalink}"><div><img style="margin-bottom:-2px;" src="{PhotoURL-500}" width="{block:If250}250px{/block:If250} {block:If400}400px{/block:If400} {block:If500}500px{/block:If500}"/></div></a>
- {/block:IndexPage}
- {block:PermalinkPage}
- {LinkOpenTag}<div><img src="{PhotoURL-500}" width="{block:If250}250px{/block:If250} {block:If400}400px{/block:If400} {block:If500}500px{/block:If500}"/></div>
- {LinkCloseTag}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Text}
- {block:Title}<div class="titre">{Title}</div> {/block:Title}
- <div id="body">{Body}</div>
- {/block:Text}
- {block:Link}
- <a href="{URL}" {Target}><div class="titre" id="quote">{Name}</div></a>
- <div id="body">{block:Description} {Description}{/block:Description}</div>
- {/block:Link}
- {block:Chat}
- {block:Title}<div class="titre">{Title}</div> {/block:Title}
- <div id="body">
- {block:Lines} <div>-{block:Label}<span class="name">{Label}</span> {/block:Label}{Line}</div>{/block:Lines}
- </div>
- {/block:Chat}
- {block:Audio}
- {block:IfShowCaption}
- {block:IndexPage}
- <div id="caption">{Caption}</div>
- {/block:IndexPage}
- {/block:IfShowCaption}
- <!--<div id="album">{block:AlbumArt}<img width="100px" src="{AlbumArtURL}"/>{/block:AlbumArt}</div>-->
- <div id="player"><div style="margin-top:-3px;">{AudioPlayerBlack}</div></div>
- <div id="per">
- <div class="name">{block:TrackName}
- {TrackName}
- {/block:TrackName}</div>
- {block:Artist}
- <div class="name" id="artist">by {Artist}</div>
- {/block:Artist}
- <div class="name">{PlayCountWithLabel}</div>
- </div>
- {/block:Audio}
- {block:Photoset}
- <div>
- {block:If250}
- {Photoset-250}
- {/block:If250}
- {block:If400}
- {Photoset-400}
- {/block:If400}
- {block:If500}
- {Photoset-500}
- {/block:If500}
- </div>
- {/block:Photoset}
- {block:Video}
- <div>
- {block:If250}
- {Video-250}
- {/block:If250}
- {block:If400}
- {Video-400}
- {/block:If400}
- {block:If500}
- {Video-500}
- {/block:If500}
- </div>
- {/block:Video}
- </div>
- {block:PermalinkPage}
- <div style="text-align:justify;margin-left:-20px;padding:10px;{block:If250}
- width:300px;
- {/block:If250}
- {block:If400}
- width:450px;
- {/block:If400}
- {block:If500}
- width:550px;
- {/block:If500}">{Caption}</div>
- <div style="text-align:justify;margin-left:-20px;border-top:1px solid;padding:10px;font-family:courier;text-transform:uppercase;{block:If250}
- width:300px;
- {/block:If250}
- {block:If400}
- width:450px;
- {/block:If400}
- {block:If500}
- width:550px;
- {/block:If500}">
- <div>{block:Date}{TimeAgo}{/block:Date} {block:HasTags}// {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}</div>
- {block:RebloggedFrom}<div><a href="{ReblogRootURL}">source</a> & <a href="{ReblogParentURL}">via</a></div> {/block:RebloggedFrom}
- {block:PostNotes}{PostNotes} {/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {/block:Posts}
- </div>
- {block:IfNotEndlessScroll}
- {block:Pagination}
- <div style="text-align:center;">
- {block:PreviousPage}
- ←<a style="bottom:5px;left:10px;" href="{PreviousPage}" class="texte">back</a> /
- {/block:PreviousPage}
- <a title="hiken theme" href="http://gyapo.tumblr.com" class="texte">©</a>
- {block:NextPage}
- / <a style="bottom:5px;right:10px;" href="{NextPage}" class="texte">next</a>→{/block:NextPage}
- </div>
- {/block:Pagination}{/block:IfNotEndlessScroll}
- </div><!--posts-->
- </td>
- </tr>
- </table>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement