Vous êtes sur la page 1sur 15

<!

DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <!--_______ _ _ _ _ _ |__ __| | | | | | | | | | | | ___ | |_ __ _| | |_ _| | __ _ _ _ ___ _ _| |_ ___ | |/ _ \| __/ _` | | | | | | | / _` | | | |/ _ \| | | | __/ __| | | (_) | || (_| | | | |_| | |___| (_| | |_| | (_) | |_| | |_\__ \ |_|\___/ \__\__,_|_|_|\__, |______\__,_|\__, |\___/ \__,_|\__|___/ __/ | __/ | |___/ |___/ Theme by TotallyLayouts. Check out www.TotallyLayouts.com for more themes, onlin e user counters, follower counters, banner generators, Twitter Backgrounds, Face book Covers and loads more! ---> <meta name="description" content="{title}" /> <meta name="author" content="Theme by TotallyLayouts" /> <script src="http://www.totallylayouts.com/inc/js/infinitescroll.js"></script> <link href='http://fonts.googleapis.com/css?family=Lato:900|Playfair+Display:900 italic|Open+Sans:800|Creepster|Sanchez|Montserrat:700' rel='stylesheet' type='te xt/css'> <meta name="image:Banner" content="" /> <meta name="text:Link 1" content="" /> <meta name="text:Link 1 Title" content="" /> <meta name="text:Link 2" content="" /> <meta name="text:Link 2 Title" content="" /> <meta name="text:Link 3" content="" /> <meta name="text:Link 3 Title" content="" /> <meta name="text:Link 4" content="" /> <meta name="text:Link 4 Title" content="" /> <meta name="text:Link 5" content="" /> <meta name="text:Link 5 Title" content="" /> <meta name="if:Show notes on permalink pages" content="1" /> <meta name="if:Black And White Photos" content="0" /> <meta name="if:White Follow Button" content="0" /> <meta name="if:Shadow" content="1" /> <meta name="text:Rounded Corner Size" content="3" /> <meta name="text:Title Size" content="90" /> <meta name="if:Uppercase Title" content="1" /> <meta <meta <meta <meta <meta <meta name="if:Title name="if:Title name="if:Title name="if:Title name="if:Title name="if:Title Font Font Font Font Font Font Bebas Neue" content="1" /> Impact" content="0" /> Playfair Display" content="0" /> Open Sans" content="0" /> Creepster" content="0" /> Sanchez" content="0" />

<meta name="if:Title Font Montserrat" content="0" /> <style type="text/css"> @font-face { font-family: 'BebasNeueRegular'; src: url('http://static.tumblr.com/jw8fmba/mOeloespq/bebasneue-webfont.eot'); src: url('http://static.tumblr.com/jw8fmba/mOeloespq/bebasneue-webfont.eot?#ief ix') format('embedded-opentype'), url('http://static.tumblr.com/jw8fmba/gGCloesr9/bebasneue-webfont.woff') format ('woff'), url('http://static.tumblr.com/jw8fmba/Rbnloesqu/bebasneue-webfont.ttf') format( 'truetype'), url('http://static.tumblr.com/jw8fmba/GLsloesq3/bebasneue-webfont.svg#BebasNeue Regular') format('svg'); } body { color: #1a1a1a; font-family: Arial, Helvetica, sans-serif; font-size: 12p x; line-height: 19px; background-image:url('http://www.totallylayouts.com/backgr ounds/cute/tamagotchi.gif'); repeat center; } a:link, a:visited, a:active { color: #1a1a1a; text-decoration: underline; outline-color: invert; outline-style: none; outline-width: medium; } a:hover { color: #1a1a1a; text-decoration: none; } #container { margin: 31px auto; position: relative; margin-right:10px; width: 500px; /* Permalink width */ {block:IndexPage} width: 700px; /* thumb + thumb (including padding) */ {/block:IndexPage} } .header { background: #fff; padding: 0; } .topWrap { padding-bottom: 0; line-height: 9px; } .tmlogo { float: left; width: 40px; height: 40px; overflow: hidden; }

.tmtitle{ float: left; margin-left:20px; height: 40px; font-size: 11px; font-weight: normal; line-height: 40px; font-family: Arial, Helvetica, sans-serif; color: #595959; text-transform: uppercase; } #container .posts { float:center; width: 700px; } #container .box { background-color: #fff; width: 320px; margin: 0 10px 10px 0; float: left; overflow: hidden; line-height:9px; padding:10px; } #container .box h3 { font-size: 11px; font-weight: bold; } .innerbox { padding: 15px; position: relative; color: #1a1a1a; line-height:15px; font-size: 11px; } .innerbox a:link, .innerbox a:visited, .innerbox a:active { text-decoration: underline; } .innerbox a:hover { text-decoration: none; } .innerbox img{ margin-top: -10px; margin-left: -10px; position: relative; color: #1a1a1a; }

.boxhover { width: 320px; height: 100%; position: absolute; left: 0px; top: 0px; /*padding: 20px; */ background-color: none; repeat 0 0; font-family: Arial, Helvetica, sans-serif; color: #ffffff; /*display: none;*/ visibility: hidden; text-shadow: 0px 0px 5px #000000; filter: dropshadow(color=#000000, offx=0, off y=0); } .boxhover .center-middle { margin-top: 4%; text-align: center; margin-left:4%; } .boxhover.active { display: block; visibility: visible; } .tmlabel { font-family: BebasNeueRegular,tahoma; font-size: 50px; font-weight: none; color: #ffffff; letter-spacing: 0px; line-height: 190px; text-transform: uppercase; width:320px; } .tmvalue-notes { font-family: BebasNeueRegular,tahoma; font-size: 0px; font-weight: none; color: #FFF; letter-spacing: -8px; line-height: 30px; word-spacing: 10px; text-transform: uppercase; } .tmvalue-posted{ font-family: BebasNeueRegular,tahoma; font-size: 0px; font-weight: none; color: #FFF; letter-spacing: -8px; line-height: 20px; word-spacing: 5px; text-transform: uppercase; }

.boxhover a:link, .boxhover a:visited, .boxhover a:active { text-decoration: none; color: #FFF; } a.title { color: #1a1a1a; text-decoration: none; } .footer { margin-left:0; padding: 80px 0 40px 0; width: 820px; text-align: center; } blockquote.classy { background-image: url("http://static.tumblr.com/ydokqes/qjvm1wq4i/openquote1.gi f"); background-position: left top; background-repeat: no-repeat; font: 14px/20px italic Times,serif; margin: 5px; padding: 8px; text-indent: 23px; } blockquote.classy span { background-image: url("http://static.tumblr.com/ydokqes/REzm1wq5e/closequote1.g if"); background-position: right bottom; background-repeat: no-repeat; display: block; } table.chat { width: 100%; margin: 0 0 10px 0; border-collapse: collapse; } h2 + table.chat { margin: 10px 0 3px 0 !important; } table.chat tr td { padding: 0 10px; } table.chat tr td.name { font-weight: bold; text-align: right; vertical-align: top; }

table.chat tr td.line1 { background: #F7F7F7; } .navigation{ visibility: hidden; } .footer a:link, .footer a:visited, .footer a:active { text-decoration: none; color: #ffffff; text-transform: uppercase; background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover .png) repeat 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 5px; font-size: 18px; line-height: normal; } .footer a:hover { text-decoration: underline; } /* permelink page with notes */ .postbox { float:center; width: 500px; } .postcontent { background: #fff; float: center; padding: 0; width: 500px; margin: 0; } .postcontent img { float: center; } .postinfo { padding: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0; font-size: 10px; text-transform: uppercase; text-align: center; background-color: #fff; float: left; width: 480px; margin-top:10px; margin-bottom:10px; } .note {

padding: 10px 10px 11px 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px; font-size: 10px; width: 100%; float: center; width: 480px; line-height: normal; background: #fff url(http://static.tumblr.com/ydokqes/oDZm1xgo6/border.png) norepeat center bottom; list-style: none; } .clear { clear: both; } .notes { padding: 0px; margin: 0px; } .note .avatar { width: 16px; height: 16px; float: left; overflow: hidden; } .note .action { margin-left: 10px; line-height: 16px; font-size: 9px; text-transform: uppercase; } .more_notes_link_container { background-image: none; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #aeaeae; text-transform: uppercase; } .more_notes_link_container a:link, .more_notes_link_container a:visited, .more_notes_link_container a:active { color: #aeaeae; text-decoration: none; } .more_notes_link_container a:hover { color: #747575; } .c1 { display: block; text-align: center; }

#infscr-loading { background: url(none) repeat scroll 0 0 transparent; color: #FFFFFF; font-family: sans-serif; font-size: 18px; line-height: normal; padding: 5px; text-decoration: none; text-transform: uppercase; bottom: 40px; margin-left: 437.5px; position: fixed; z-index: 100; text-align: center; } #infscr-loading img{ position: absolute; left: -99999px; top: -99999px; } .rounded-corners { -moz-border-radius: {text:Rounded Corner Size}px; -webkit-border-radius:{text:Rounded Corner Size}px; -khtml-border-radius: {text:Rounded Corner Size}px; behavior: url(http://static.tumblr.com/ydokqes/ZpAm27ly3/border-radius.htc); border-radius: {text:Rounded Corner Size}px; } {Block:IfShadow}.box-shadow{ -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.2); box-shadow: 0 1px 10px rgba(0,0,0,.2); }{/Block:IfShadow} a.menu:link, a.menu:visited, a.menu:active { color: #ffffff; font-weight:none;text-shadow: 1px 1px 1px #000000;text-decoration:none; paddingright:10px; padding-left:10px;display:block; line-height:27px;width:120px; } a.menu:hover { color: #ffffff;font-weight:none;text-shadow: 1px 1px 1px #000000;text-decoratio n:underline;display:block; line-height:27px; width:120px; {Block:IfWhiteFollowButton}iframe#tumblr_controls {position:fixed; z-index:10000 0000; top: 3px; margin: 0 0 0 0; right:3px; -webkit-filter: invert(100%);} {/Blo ck:IfWhiteFollowButton} </style> </head> <body> <div style="position: absolute; z-index: 1999; position: fixed; top:25%; left:80 %; margin-left:-1000px; width:500px; height: 58px;font-family:Montserrat;font-si ze:9pt;text-decoration:none;color:#ffffff;font-weight:none;text-shadow: 1px 1px

1px rgba(0,0,0,0.8);"> <center> <img src="{PortraitURL-128}" border="10" style="border-radius: 85px;{Block:IfSha dow} -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.2); box-shadow: 0 1px 10px rgba(0,0,0,.2);{/Block:IfShadow} "> <br><br><br> {Block:IfnotBannerImage}<center><font style="{Block:IfTitleFontBebasNeue}font-fa mily:BebasNeueRegular,impact;{/Block:IfTitleFontBebasNeue}{Block:IfTitleFontImpa ct}font-family:Impact;{/Block:IfTitleFontImpact}{Block:IfTitleFontLato}font-fami ly: 'Lato', sans-serif;{/Block:IfTitleFontLato}{Block:IfTitleFontPlayfairDisplay }font-family: 'Playfair Display', serif;{/Block:IfTitleFontPlayfairDisplay}{Bloc k:IfTitleFontOpenSans}font-family: 'Open Sans', sans-serif;{/Block:IfTitleFontOp enSans}{Block:IfTitleFontCreepster}font-family: 'Creepster', cursive;{/Block:IfT itleFontCreepster}{Block:IfTitleFontSanchez}font-family: 'Sanchez', serif;{/Bloc k:IfTitleFontSanchez}{Block:IfTitleFontMontserrat}font-family: 'Montserrat', san s-serif;{/Block:IfTitleFontMontserrat} font-size: {text:Title Size}px; {Block:If UppercaseTitle}text-transform:uppercase;{/Block:IfUppercaseTitle}color:#ffffff;t ext-decoration:none; text-shadow: 2px 2px 10 rgba(0,0,0,0.6);">{title}</font></c enter>{/Block:IfnotBannerImage} {Block:IfBannerImage}<center><img src="{Image:Banner}" id="logo" /></a>}</center >{/Block:IfBannerImage} <br> {block:Description}{Description}{/block:Description}</center><br>

<center><a href="/" class="menu">Home</a> <a href="http://www.totallylayouts.com /" class="menu" target="_blank">Theme</a> {block:ifLink1Title} <a href="{text:Link 1}" class="menu">{text:Link 1 Title}< /a> {/block:ifLink1Title} {block:ifLink2Title} <a href="{text:Link 2}" class="menu">{text:Link 2 Title}< /a> {/block:ifLink2Title} {block:ifLink3Title} <a href="{text:Link 3}" class="menu">{text:Link 3 Title}< /a> {/block:ifLink3Title} {block:ifLink4Title} <a href="{text:Link 4}" class="menu">{text:Link 4 Title}< /a> {/block:ifLink4Title} {block:ifLink5Title} <a href="{text:Link 5}" class="menu">{text:Link 5 Title}< /a> {/block:ifLink5Title} {block:AskEnabled} <a href="/ask" class="menu">{AskLabel}</a> {/block:AskEnabled} {block:SubmissionsEnabled} <a href="/submit" class="menu">Submit</a>

{/block:SubmissionsEnabled} {Block:IfShowArchiveLink} <a href="/archive" class="menu">Archive</a> {/Block:IfShowArchiveLink} {Block:IfShowRandomLink} <a href="/random" class="menu">Random</a> {/Block:IfShowRandomLink} {block:HasPages}{block:Pages} <a href="{URL}" title="{Label}" class="menu">{Label}</a> {/block:Pages}{/block:HasPages}</center></div>

<div id="container"> <!-- / rightWrap --> {block:IndexPage} <div class="posts" id="allposts"> {/block:IndexPage} {block:Posts} {block:PermalinkPage} <div class="postbox"> <div class="postcontent rounded-corners box-shadow"> {/block:PermalinkPage} {block:IndexPage} <div class="box rounded-corners box-shadow"> {/block:IndexPage} {block:Photo} {block:IndexPage}<a href="{Permalink}">{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img src="{block:IndexPage}{PhotoURL-400}{/block:IndexPage}{bl ock:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}" class=" rounded-corners" style="{Block:IfBlackAndWhitePhotos}-webkit-filter: grayscale(1 00%);{/Block:IfBlackAndWhitePhotos}" {block:IndexPage}width="320"{/block:IndexPa ge} {block:PermalinkPage}width="500"{/block:PermalinkPage} > {block:IndexPage}</a>{/block:IndexPage} {block:Caption} {block:IndexPage} <!--div class="innerbox rounded-corners box-shadow"--> {/block:IndexPage} {block:IndexPage} <!--/div--> {/block:IndexPage} {/block:Caption} {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage} {/block:Photo} {block:Audio} <div class="innerbox rounded-corners"> {AudioPlayerWhite} {block:Caption}{Caption}{/block:Caption} </div>

{/block:Audio} {block:Video} {block:IndexPage}{Video-320}{/block:IndexPage} {block:PermalinkPage}{Video-500}{/block:PermalinkPage} {block:Caption} <div class="innerbox rounded-corners"> {Caption} </div> {/block:Caption} {/block:Video} {block:Text} <div class="innerbox rounded-corners"> {block:Title} <h3>{Title}</h3> {/block:Title} {Body} {block:More} <a href="{Permalink}" class="readMore">{lang:Read more}</a> {/block:More} </div> {/block:Text} {block:Answer} <div class="innerbox rounded-corners"> <b>{lang:Asker asked}:&nbsp;</b>{Question} <p><br><b>{lang:Answer}:</b>{Answer}</p> </div> {/block:Answer} {block:Link} <div class="innerbox rounded-corners"> <a href="{URL}" class="title link" {Target}>{Name} &rarr;</a> {block:Description}{Description}{/block:Description} </div> {/block:Link} {block:Quote} <div class="innerbox rounded-corners"> {/block:IndexPage} {block:Source}<h2>{Source}</h2>{/block:Source} <blockquote class="classy"><span>{Quote}</span></blockquote> </div> {/block:Quote} {block:Chat}

<div class="innerbox rounded-corners"> {block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></ h2>{block:Title} <table class="chat" cellspacing="0"> {block:Lines} <tr> {block:Label}<td class="name line{UserNumber}">{Label}</ td>{block:Label}<td class="words line{UserNumber}">{Line}</td> </tr> {/block:Lines} </table> </div> {/block:Chat} {block:IndexPage} <a href="{Permalink}" class="boxhoverlink rounded-corners"> <div class="boxhover rounded-corners box-shadow"> <div class="center-middle"> <a href="{Permalink}"> <div class="tmlabel">{NoteCount}</div> </a> </div> </div> </a> {/block:IndexPage} </div> {block:PermalinkPage} <div class="postinfo rounded-corners box-shadow">{block:NoteCount}NOTES {Not eCount} {/block:NoteCount}{block:Date}{TimeAgo}{/block:Date}</div> {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> <div style="overflow: hidden" class="rounded-corners box-shadow"> {/block:Date} {block:IfShowNotesOnPermalinkPages} {block:PostNotes}{PostNotes}{/block:PostNotes} {/block:IfShowNotesOnPermalinkPages} {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> </div> {/block:PermalinkPage} {/block:Posts} {block:IndexPage} </div> <!-- .posts --> {/block:IndexPage}

<div style="clear: both;"></div> {block:IndexPage} <div class="footer" style="display:none;"> <a href="#">Loading</a> </div> <!-- #footer --> <div class="navigation" id="navigation"> {block:Pagination} {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:Prev iousPage}{lang:Previous}{block:PreviousPage}</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/bloc k:NextPage}{lang:Next} &rarr;{block:NextPage}</a>{/block:NextPage} {/block:Pagination} </div> <!-- .navigation --> {/block:IndexPage} </div> <!-- #container --> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery-1.7.1.min.j s"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.masonry.min .js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.infinitescr oll.min.js"></script> <script type="text/javascript"> $(window).load(function () { {block:IndexPage} $('div.box').live('mouseenter',function(){ $(this).find('.boxhover').css({'display':'block','visibility':'hidden'}).f adeIn(); $(this).find('.center-middle').css({'position': 'absolute','top': ($(this) .height()/2 - $(this).find('.center-middle').height()/2)+'px', 'left': ($(this). width()/2 - $(this).find('.center-middle').width()/2)+'px'}); $(this).find('.center-middle').css({'position': 'absolute','top': ($(this).height()/2 - $(this).find('.center-middle').height()/ 2)+'px', 'left': ($(this).width()/2 - $(this).find('.center-middle').width()/2)+ 'px'}); $(this).find('.boxhover').css({'display':'none','visibility':'visible'}).f adeIn(); }); $('div.box').live('mouseleave',function(){ $(this).find('.boxhover').fadeOut(); }); {/block:IndexPage} $('.header .readmore').click(function(){ if($(this).hasClass("up")){ $(this).removeClass("up"); $('.header-more').slideUp(); }

else{ $(this).addClass("up"); $('.header-more').slideDown(); } }); {block:IndexPage} // endless scrolling var $container = $('#allposts'); $container.imagesLoaded(function(){ $container.masonry({ itemSelector: '.box' }); }); $container.infinitescroll({ navSelector : 'div.navigation', // selector for the paged navigation nextSelector : 'div.navigation a#nextPage', // selector for the NEXT link (to page 2) itemSelector : '.box', // selector for all items youll retrieve bufferPx: 0, debug : true, loading: { finishedMsg: '', img: '', msgText: '' } }, // trigger Masonry as a callback function( newElements ) { // hide new items while they are loading var $newElems = $( newElements ).css({ opacity: 0 }); // ensure that images load before adding to masonry layout $newElems.imagesLoaded(function(){ // show elems now they're ready $newElems.animate({ opacity: 1 }); $container.masonry( 'appended', $newElems, true ); }); } ); // End of endless scrolling {/block:IndexPage} }); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-1419534-14']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.a sync = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://w ww') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefor e(ga, s);

})(); </script> <div style="color: #000000; font-size: 7px; font-family: arial; background-color : transparent; text-align: center; position: relative; bottom: 5px; left: 40%; w idth: 600px; height: 18px; text-decoration:none; filter:alpha(opacity=20);-moz-o pacity:.20;opacity:.20;" align="center"><a href="http://www.totallylayouts.com/" target="_blank">TotallyLayouts</a> has <a href="http://www.totallylayouts.com/t umblr/tumblr-themes" target="_blank" title="Tumblr Themes"><b>Tumblr Themes</b>< /a>, <a href="http://www.totallylayouts.com/twitter/twitter-backgrounds" target= "_blank" title="Twitter Backgrounds"><b>Twitter Backgrounds</b></a>, <a href="ht tp://www.totallylayouts.com/facebook/facebook-covers" target="_blank" title="Fac ebook Covers"><b>Facebook Covers</b></a>, <a href="http://www.totallylayouts.com /totallyplayer/" target="_blank" title="Tumblr Music Player"><b>Tumblr Music Pla yer</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-headers/twit ter-headers" target="_blank" title="Twitter Headers"><b>Twitter Headers</b></a> and <a href="http://www.yayfollowers.com" target="_blank" title="Tumblr Follower Counter"><b>Tumblr Follower Counter</b></a></div> <!--- Paste Your Music Player or Follower Counter Code in the space below here -->

<!--- Paste Your Music Player or Follower Counter Code in the space above here --> </body> </html>

Vous aimerez peut-être aussi