Vous êtes sur la page 1sur 14

<html> <head>

<link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>

<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="color:Text" content="#000000"/> <meta name="color:Links" content="#000000"/> <meta name="color:Hover" content="#dddddd"/> <meta name="color:Background" content="#000000"/> <meta name="color:header" content="#ffffff"/> <meta name="color:center" content="#ffffff"/> <meta name="if:image opacity" content="0" /> <meta name="if:show captions" content="0"/> <meta name="text:blogtitle size" content="11" /> <meta name="text:post font size" content="9" /> <meta name="font:body" content="Baskerville" /> <meta name="font:blogtitle" content="Baskerville" /> <meta name="font:nav links" content="Baskerville" />

<meta name="color:line" content="#000000"/> <meta name="image:Background" content=""/> <meta name="text:Link One Title" content="" /> <meta name="text:Link One" content="" /> <meta name="text:Link Two Title" content="" /> <meta name="text:Link Two" content="" /> <meta name="text:Link Three Title" content="" /> <meta name="text:Link Three" content="" /> <meta name="text:Link Four Title" content="" /> <meta name="text:Link Four" content="" /> <meta name="text:Link Five Title" content="" /> <meta name="text:Link Five" content="" /> <meta name="text:Link Six Title" content="" /> <meta name="text:Link Six" content="" /> <meta name="text:Link Seven Title" content="" /> <meta name="text:Link Seven" content="" /> <meta name="text:Link Eight Title" content="" /> <meta name="text:Link Eight" content="" /> <meta name="text:Link Nine Title" content="" /> <meta name="text:Link Nine" content="" /> <meta name="if:navigation hover background" content="1"/>

<style type="text/css">

iframe#tumblr_controls { top: 0% !important;

right:0% !important; position: absolute !important;}

body {margin:auto; color:{color:text}; width:923px;{block:iftwocolumnswithmorespace}width:580px;{/block:iftwocolumnswithmorespac e}font-family:{font:body}; font-size:9px;background-color:{color:background};backgroundimage:url({image:Background}); background-attachment: fixed; background-repeat: repeat; lineheight:10px;}

a {color: {color:Links};text-decoration: none;}a:hover {color: {color:Hover};-webkit-transitionduration: .5s;} .caption {margin-top:5px; margin-bottom:10px;}

.content {margin:auto;background-color: {color:center};width:923px; float:left; margintop:50px;margin-left:3px;}

.post{ {block:indexpage}width:300px; {/block:indexpage}{block:permalinkpage}width:540px{/block:permalinkpage} float:left; position:relative; margin-left:6px; margin-bottom:3px; font-size:{text:post font size}px;fontcolor:{color:text};}

.post img {{block:indexpage}width:300px; {/block:indexpage}}

div.navigate a{ background: #c4c4c4; color: #000000; display:block; padding:0px 0;

border-top: 0px solid #EEE; border-bottom: 0px solid #EEE; font-family: littlefont; text-transform: uppercase; font-size: 8px; width: 48px; height: 12px; text-align: center; padding-top:2px; margin-left:2px; margin-top:2px; position:relative; text-align: center; -webkit-transition-duration: .0s; z-index:1; -moz-border-radius:0px; -webkit-border-radius:0px; display: inline-block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out; }

div.navigate a:hover{ background: #979797; letter-spacing:0px; color: #000000;

-moz-border-radius:5px; -webkit-border-radius:5px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out; {block:ifnavigationhoverbackground}backgroundimage:url(http://28.media.tumblr.com/tumblr_lzckenanrK1qdgxoeo1_500.jpg);{/block:ifnavigatio nhoverbackground} }

a:link, a:active, a:visited{ color: {color:Link}; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out; }

a:hover { color:{color:Hover}; text-decoration: underline; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-shadow:0px 0px 0px #000000; } @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }

@font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }

{block:ifimageopacity} img{ -webkit-transition: opacity 0.3s linear; opacity: 1; } {/block:ifimageopacity} {block:ifimageopacity} img:hover{ -webkit-transition: opacity 0.3s linear; opacity: .8; } {/block:ifimageopacity}

.permalink {margin:0px; text-align:right; padding:0px; opacity:0;-moz-transition: all 0.3s ease-out; o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.permalink a:hover{ color:{color:Hover} }

.post:hover .permalink {opacity: 1;}

.information {color:{color:text};position:fixed;position:fixed;margin-left:922px; width:61px;top:0px; padding-bottom:0px; padding-left:0px; padding-top:43px;backgroundimage:url();background-color: transparent; }

.information:hover{-webkit-transition: opacity 0.3s linear; opacity: 1; } .links {font-size:9px;text-align:center;font-family:{font:nav links};}

.posted {font-size:9px;} .notes{ margin:left; width:300px; font-size:9px; color:#000; text-align:left;} .viewnotes{ margin-top:10px; font-size:9px; color:#000; text-align:left; }

ol.notes {padding-left:5px; list-style-type:none;} ol.notes li.note {padding:2px;}

.header {margin-left:3px; position:fixed; width:923px; height:48px; backgroundcolor:{color:header};z-index:1000;padding-bottom:1px; padding-top:1px; float:center;}

.audio {background-color:#000000;width:250px;}

.ptitle {font-size:11px;} .blogtitle {border-bottom:0px solid {color:line};text-align:center;padding-top:20px;paddingbottom:5px;font-size:{text:blogtitle size}px;font-family:{font:blogtitle};line-height:9px; }

.blogtitle{font-family: 'Amatic SC', cursive; font-size:28px; line-height:0px; color:; textalign:center;}

.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;} #infscr-loading {display:none;} .navigation{display:none;}

{CustomCSS} </style>

<script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery1.4.2.min.js'></script>

{block:IndexPage} <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script> <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>

<script type="text/javascript"> $(window).load(function () { $('.content').masonry(),

$('.masonryWrap').infinitescroll({ navSelector : "div.navigation", // selector for the paged navigation (it will be hidden) nextSelector : ".navigation a#next", // selector for the NEXT link (to page 2) itemSelector : ".post", // selector for all items you'll retrieve bufferPx : 10000, extraScrollPx: 10000, loadingImg : "http://static.tumblr.com/ry7nsix/S4Klhms7s/load.gif", loadingText : "<em></em>", }, // call masonry as a callback. function() { $('.content').masonry({ appendedContent: $(this) }); } ); }); </script> {/block:IndexPage}

<script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script> <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script> <script type="text/javascript" charset="utf-8"> var $j = jQuery.noConflict(); $j(function() {

if (navigator.platform == "iPad" || navigator.platform == "iPhone") return; $j("img").lazyload({ placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif", effect: "fadeIn", }); }); </script> </head> <body> </div> <div class="token"><div style="display:scroll;position:fixed;bottom:10px;right:10px"></div> <div class="header"><center><div class="blogtitle">{title}</div><br> {description} </center></div> <div class="information"><center><br>{block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}" width=194px></a>{/block:ifshowsidebarimage}<div class="navigate">{block:ifLinkOneTitle}<a href="{text:Link One}">{text:Link One Title}</a>{/block:ifLinkOneTitle}{block:ifLinkTwoTitle}<a href="{text:Link Two}">{text:Link Two Title}</a>{/block:ifLinkTwoTitle}{block:ifLinkThreeTitle}<a href="{text:Link Three}">{text:Link Three Title}</a>{/block:ifLinkThreeTitle}{block:ifLinkFourTitle}<a href="{text:Link Four}">{text:Link Four Title}</a>{/block:ifLinkFourTitle}{block:ifLinkFiveTitle}<a href="{text:Link Five}">{text:Link Five Title}</a>{/block:ifLinkFiveTitle}{block:ifLinkSixTitle}<a href="{text:Link Six}">{text:Link Six Title}</a>{/block:ifLinkSixTitle}{block:ifLinkSevenTitle}<a href="{text:Link Seven}">{text:Link Seven Title}</a>{/block:ifLinkSevenTitle}{block:ifLinkEightTitle}<a href="{text:Link Eight}">{text:Link Eight Title}</a>{/block:ifLinkEightTitle}{block:ifLinkNineTitle}<a href="{text:Link Nine}">{text:Link Nine Title}</a>{/block:ifLinkNineTitle}{block:ifLinkTenTitle}<a href="{text:Link Ten}">{text:Link Ten Title}</a>{/block:ifLinkTenTitle}{block:ifLinkElevenTitle}<a href="{text:Link Eleven}">{text:Link Eleven Title}</a>{/block:ifLinkElevenTitle}</div><br><br></center></div></div></div></div></div>

<div id="links">

</div>

{block:indexpage}<div class="navigation">{block:Pagination}{block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older</a>{/block:NextPage}{block:PreviousPage}<a style="float:left" href="{PreviousPage}">Newer</a></p>{/block:PreviousPage}{/block:Pagination}</div>{/block:ind expage}</div>

<div class="content"> {block:Posts}

{block:Text} <div class="post"><div class="text">{block:Title}<div class="ptitle">{Title}</div>{/block:Title}{Body}{block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCount}</a></div></div></div>{/block:IndexPage}{/block:Text}

{block:Photo}<div class="post">{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage }<img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURLHighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:indexpage}width="300px"{block:indexpage} {block:PermalinkPage}width="500px"{/block:PermalinkPage}/>{block:IndexPage}</a>{/block:Index Page}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}{block:ifshowcaptions}{block:Ca ption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}</div>{/block:Photo}

{block:Photoset}

<div class="post"><div class="photoset"> <center>{Photoset-250}</center> {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} </div></div>{/block:Photoset}

{block:Quote} <div class="post"><a href="{Permalink}">"{Quote}"</a>{block:Source}<i> by</i> {Source}{/block:Source}</div> {/block:Quote}

{block:Link} <div class="post"> <div class="ptitle"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description} {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage} </div> {/block:Link}

{block:Chat} <div class="post">{block:Title}<b>{Title}</b>{/block:Title} {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}{block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage} </div> {/block:Chat}

{block:Video} <div class="post"><div class="video">{Video-250} {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div></div>{/block:Video}

{block:Audio} <div class="post"> <div class="audio"> {AudioPlayerBlack}</div>{Caption} {block:PermalinkPage}{/block:PermalinkPage} {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage} </div> {/block:Audio}

{block:PermalinkPage} <div class="posted"><u>Posted:</u> {TimeAgo}, with {NoteCount} Notes</div> <br>{block:PostNotes}<div class="viewnotes"></div>{/block:PostNotes} <div class="notes"> {block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}

{/block:Posts}

</div> </div> </div>

</div> </div> </div> </body> </html>

Vous aimerez peut-être aussi