Vous êtes sur la page 1sur 24

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.

dtd"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <meta name="font:Body" content="Lucida Sans, Verdana, Arial, sans-serif"> <meta name="image:Background" content="http://static.tumblr.com/k73u8ez/Psnkupujf/background.jpg" /> <meta name="if:Repeat Background" content="1"/> <meta name="if:Center Background" content="0"/> <style type="text/css"> BODY { color: #EDEDED; font-family: {font:Body}; background-color: #d5cdbf; background-attachment:fixed; background-image: url('{image:Background}'); {block:IfNotRepeatBackground}background-repeat: no-repeat; {/block:IfNotRepeatBackground} {block:IfNotCenterBackground}background-position: left top;{/block:IfNotCenterBackground} {block:IfCenterBackground}background-position: center top;{/block:IfCenterBackground} margin: 0; padding: 0; } *

{ margin: 0; padding: 0; } a{

color: #EDEDED; text-decoration: none; outline: none; } a img { text-decoration: none; border: none; outline: none;

} p{ }

margin-top: 0em; margin-bottom: 1em;

#container { margin: 0px auto; width: 960px; } #headerleft { display: inline; float: left; height: 100px; margin:0px; width:560px; padding: 10px 0px 0px 0px; } #headerright { display: inline; float: right; height: 100px; margin:0px; width:260px; padding: 50px 20px 0px 0px; } #logo { background: url(http://static.tumblr.com/k73u8ez/aiPkut8k8/titlebar.png) no-repeat; margin: 39px 0px 0px 50px;

padding-top: -2px; text-align: center; width: 559px; height: 38px;

h1.title a { color: #EDEDED; font-size: 30px; padding-right: 20px; } #main { margin: 0px; padding: 0px; } #mainleft { display: inline; float: left; width: 600px; margin-top: 20px; margin-bottom: 20px; padding: 20px 0px 0px 50px; } #mainright { display: inline; float: right; margin-right: 20px; width: 260px; } #sidebartop { background: url(http://static.tumblr.com/k73u8ez/c9mkupsgp/sidebar_top.png) no-repeat; width: 260px; height: 20px; margin: 0; padding 0;

} #sidebarmiddle { background: url(http://static.tumblr.com/k73u8ez/I7Ukupshr/sidebar_middle.png) repeaty; width: 260px; overflow: auto; margin: 0; padding 0; } #avatarleft { display: inline; float: left; margin: 0; padding: 0; } #menuright { display: inline; float: right; margin: 0; padding: 0; } ul.menu { list-style: none; margin: 15px 40px 0px 0px; } ul.menu li { padding-bottom: 10px; } .menu a:hover { color: #a97f57; } #sidebarbottom { background: url(http://static.tumblr.com/k73u8ez/zkUkupsif/sidebar_bottom.png) norepeat; width: 260px; padding: 10px 10px 10px 10px; height: 20px;

clear: both; margin: 0; padding 0; } #avatar { border: 2px solid #fffdd8; margin: 0px 0px 0px 20px; }

#description { color: #EDEDED; font-size: 11px; padding-top: 10px; width: 220px; overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #fffdd8; clear: both; } #description a { text-decoration: underline; color: #EDEDED; } #description a:hover { color: #a97f57; } #sidebarcontainer { width: 210px; margin-left: 20px; margin-top: 15px; padding: 0px; } #index { border-bottom: 1px solid #fffdd8; color: #EDEDED; width: 220px; font-size: 12px; padding: 10px 0px 10px 0px;

#index a { font-weight:bold; padding-left: 10px;

#index a:hover { color: #a97f57; } #twitter { margin: 0; padding: 0; } #tweets { padding: 10px 0px 0px 0px; } #tweets a { background-color: #d0cabf; display: block; color: #EDEDED; padding: 7px 5px 7px 5px; text-decoration: none; font-size: 11px; border-bottom: 4px solid #c0b9ad; width: 210px; clear: both; } #tweets a:hover { color: #a97f57; } h3.sideheader { color: #EDEDED; font-size: 14px; font-weight: bold; } h3.sideheader a { margin: 0; padding: 0;

text-decoration: none; color: #EDEDED; font-size: 14px; font-weight: bold;

h3.sideheader a:hover { color: #a97f57; } h3.quote { color: #EDEDED; font-size: 20px; font-style: italic; padding: 14px 20px 10px 10px; } #tweettitle { display: inline; float: right; padding: 14px 58px 0px 0px; } #tweetimage { display: inline; float: left; padding: 0px 0px 0px 0px; margin-top: 10px; margin-bottom: 10px; } #following { margin-top: 15px; border-top: 1px solid #fffdd8; width: 220px; padding-top: 10px; padding-bottom: 10px; } #following ul { margin: 10px 0px 0px 0px; padding: 0; } #following ul li { list-style-type: none;

display:inline; }

#posts { list-style: none; margin: 0; padding: 0;

} .post {

display: block; width: 551px; margin-bottom: 40px; } position: relative;

#caption { margin: 0; padding: 10px 1px 15px 1px; width: 495px; overflow: hidden; } .post h3.title { padding: 15px 0px 0px 20px; color: #EDEDED; font-size: 14px; font-weight: bold; } .post h3.chat { padding: 0px 0px 10px 5px; color: #EDEDED; font-size: 14px; font-weight: bold; } .post .icon { display: block; height: 100px; width: 100px; position: absolute; left: -100px;

top: 5px; background-repeat: no-repeat;

.post.text .icon { background-image: url(http://static.tumblr.com/k73u8ez/Nabkupnhr/pencil.png); } .post.photo .icon{ background-image: url(http://static.tumblr.com/k73u8ez/YP8kupnk5/picture.png); } .post.photoset .icon{ background-image: url(http://static.tumblr.com/k73u8ez/YP8kupnk5/picture.png); } .post.video .icon{ background-image: url(http://static.tumblr.com/k73u8ez/cvzkupnn9/video.png); } .post.audio .icon{ background-image: url(http://static.tumblr.com/k73u8ez/qVhkupnd8/audio.png); } .post.quote .icon{ background-image: url(http://static.tumblr.com/k73u8ez/tiNkupnlo/quote.png); } .post.chat .icon { background-image: url(http://static.tumblr.com/k73u8ez/oY0kupp6v/chat.png); } .post.link .icon { background-image: url(http://static.tumblr.com/k73u8ez/vkKkupnf0/link.png); } .posted { display: block; padding-left: 20px; font-size: 10px; padding-top: 3px;

padding-bottom: 3px; color: #fff; border-bottom: 1px solid #000; color: #333; background-color: #000; position: relative;

#postmiddle { padding: 20px 20px 20px 20px; color: #EDEDED; font-size: 12px; width: 570px; background: url(http://static.tumblr.com/k73u8ez/ulVkupntf/post_middle.png) repeat-y; } #postmiddle a { text-decoration: underline; color: #EDEDED; } #posttop { background: url(http://static.tumblr.com/k73u8ez/8C7kupns2/post_top.png) no-repeat; width: 570px; height: 39px; margin: 0; padding 0; }

#postbottom { background: url(http://static.tumblr.com/k73u8ez/aIIkupnv1/post_bottom.png) no-repeat; width: 570px; height: 55px; margin: 0; padding 10px 0px 0px 0px; } .post.audio .audio_player { background-color: #e4e4e4; padding-left: 10px; width: 500px;

line-height: 1.3em; margin-bottom:10px; } #quotetop { background: url(http://static.tumblr.com/k73u8ez/I5Akupn53/quote_top.png) no-repeat; width: 570px; height: 37px; margin: 0; padding 0; } #quotebottom { background: url(http://static.tumblr.com/k73u8ez/RVHkupn9w/quote_bottom.png) norepeat; width: 570px; height: 37px; margin: 0; padding 0; } .post.quote .source { padding-bottom: 5px; font-style: italic; padding-left: 10px; color: #EDEDED; font-size: 12px; } .post.chat .line { display: block; padding-left: 30px; padding-bottom: 7px; width: 520px; padding-top: 7px; font-size: 12px; font-weight: normal;

} .post.chat .line.odd { background: url(http://static.tumblr.com/k73u8ez/BzGkut01t/chat1.png) repeat-y; color: #fffdd8; margin-bottom: 5px; padding-right: 10px; }

.post.chat .line.even { background: url(http://static.tumblr.com/k73u8ez/Rh1kut02p/chat2.png) repeat-y; color: #fffdd8; margin-bottom: 5px; padding-right: 10px; } #linkpost { padding: 5px 0px 0px 15px; margin: 0; color: #EDEDED; font-size: 12px; width: 570px; background: url(http://static.tumblr.com/k73u8ez/ulVkupntf/post_middle.png) repeat-y; } #linkpost a { padding: 5px; font-size: 20px; color: #EDEDED; font-weight: bold; text-decoration: none; } #linkpost a:hover { color: #a97f57; } .post.link .caption { font-size: 12px; color: #EDEDED; padding: 10px 20px 30px 10px; } ol.notes { padding: 0px; margin: 25px 0px; list-style-type: none; font-size: 11px; color: #EDEDED;

} ol.notes li.note { padding: 3px 7px 3px 7px; } ol.notes li.note a { color: #544643; font-size: 14px; text-decoration: none; font-weight: bold; } ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; } ol.notes li.note a img.avatar { border: none; } ol.notes li.note span.action { font-weight: normal; } ol.notes li.note .answer_content { font-weight: normal; } ol.notes li.note blockquote { padding: 4px 10px; margin: 10px 0px 0px 25px; } ol.notes li.note blockquote a { text-decoration: none; color: #EDEDED; font-weight: normal; } #copyright { font-size: 10px; padding: 10px 0px 0px 35px; width: 174px; color:#544643;

#copyright a { text-decoration: none; color: #EDEDED; } ul.tags { padding: 12px 0px 0px 10px; } .tags li { display: inline; padding: 0px 0px 0px 10px; font-size: 9px; } .tags li a{ color: #EDEDED; background: #5C5C5C; padding: 2px; } .tags li a:hover{ background: #3B3B3B; color: #949494; } #searchfield { position: relative; } #searchfield form input.text { background-color: transparent; background-image: url(http://static.tumblr.com/k73u8ez/2nokurjjb/search.png); background-repeat: no-repeat; padding: 15px 5px 0px 15px; width: 206px; height: 37px; line-height: 12px; font-size: 12px; border: none; outline: none; color: #EDEDED

#searchfield form input.search { position: absolute; background-image: url(http://static.tumblr.com/k73u8ez/SdHkurjk5/search_icon.png); left: 210px; top: 5px; height: 32px; width: 34px; background-color: transparent; cursor: pointer; border: none; } #searchfield form input:focus { outline: none; border: none; } .result { color: #EDEDED; font-size: 20px; line-height: 1.3em; margin-bottom: 40px; padding-bottom: 20px; } .post .hearts { color: #d21c5b; text-align: center; font-size: 12px; height: 88px; width: 76px; position: absolute; left: -100px; top: 78px; padding-top: 45px; background: url(http://static.tumblr.com/k73u8ez/VRJkusy9s/reblog.png) no-repeat; } .post .date { color: #79CDCD; text-align: center; font-size: 12px; font-weight: bold; height: 39px; width: 39px;

position: absolute; left: 528px; top: 15px; padding-top: 5px; background: url(http://static.tumblr.com/k73u8ez/Di1kuszii/date.png) no-repeat; } #footer { padding: 0px 0px 0px 0px; width: 180px; margin-left:185px; } #footer .button.left { background-image: url(http://static.tumblr.com/k73u8ez/c6Qkuta57/forward_hover.png); display: inline; float: right; } #footer .button.right { background-image: url(http://static.tumblr.com/k73u8ez/OnDkuta45/back_hover.png); display: inline; float: left; } #footer .button { display: block; height: 70px; width: 70px; background-repeat: no-repeat; }

#likes_container { margin: 0px 0px 0px 20px; padding: 70px 0px 0px 70px; clear: both; width: 960px; height: 280px; background: url(http://static.tumblr.com/k73u8ez/CCTkuv95t/likes.png) no-repeat;

} ul#likes { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; } li.like_post { /* Should match the width specified in the Likes tag */ width: 120px; font-size: 12px; padding: 0 40px 0 0; float: left; } li.like_post img { max-width: 100%; } li.like_post blockquote { margin: 0; padding: 0 0 0 10px; border-left: 1px solid #eee; } li.like_post ol, li.like_post ul { margin: 0 0 0 15px; padding: 0; } li.like_post .like_link a { font-weight: bold; } li.like_post .like_title { font-weight: bold; } li.like_post .post_info_bottom { margin: 10px 0 0 0; display: block !important; } #likes a:hover { color: #a97f57; }

<style type="text/css">{CustomCSS}</style> </head><body> <div id="container"> <div id="headerleft"> <div id="logo"> <h1 class="title"><a href="/">{Title}</a></h1> </div><!--logoleft--> </div><!--headerleft--> <div id="headerright"> <div id="searchfield"> <form id="searchbox" form action="/search" method="get"> <input type="text" class="text" id="keywords" name="q" value="{SearchQuery}"/> <input type="submit" value="" class="search"> </form> </div> </div><!--headerright--> <div id="main"> <div id="mainleft"> {block:SearchPage}<div id="searchresults" class="result">{SearchResultCount} results for <strong>"{SearchQuery}"</strong></div>{/block:SearchPage} {block:NoSearchResults} <style type="text/css">.searchresultcount {display: none;}</style> <div id="searchresults">No results for <strong>"{SearchQuery}"</strong></div> {/block:NoSearchResults} {block:TagPage} <div id="" class="result">Posts tagged "{Tag}"</div> {/block:TagPage} <ol id="posts"> {block:Posts} {block:Text}<!--((Text))--> <li class="post text"> <a href="{Permalink}" class="icon"></a>

{block:NoteCount}<a href="{Permalink}" class="hearts"> {NoteCount} </a> {/block:NoteCount} <div class="date">{DayOfMonth}<br>{ShortMonth}</br></div> <div id="posttop">{block:Title}<h3 class="title">{Title}</h3>{/block:Title}</div><!--posttop--> <div id="postmiddle"><div id="caption">{Body}</div></div> <div id="postbottom"> {block:HasTags}<ul class="tags">{block:Tags}<li><a href="{TagURL}">{Tag}</a></li>{/block:Tags}</ul>{/block:HasTags} </div> {PostNotes} </li>{/block:Text} {block:Photo} <li class="post photo"> <a href="{Permalink}" class="icon"> </a> {block:NoteCount}<a href="{Permalink}" class="hearts"> {NoteCount} </a> {/block:NoteCount} <div class="date">{DayOfMonth}<br>{ShortMonth}</br></div> <div id="posttop"></div><!--photoposttop--> <div id="postmiddle">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/> {LinkCloseTag} {block:Caption} <div id="caption">{Caption}</div> {/block:Caption}</div><!--photopostmiddle--> <div id="postbottom"> {block:HasTags}<ul class="tags">{block:Tags}<li><a href="{TagURL}">{Tag}</a></li>{/block:Tags}</ul>{/block:HasTags}</div> {PostNotes} </li> {/block:Photo} {block:Photoset} <li class="post photoset"> <a href="{Permalink}" class="icon"></a> {block:NoteCount}<a href="{Permalink}" class="hearts"> {NoteCount} </a> {/block:NoteCount} <div class="date">{DayOfMonth}<br>{ShortMonth}</br></div> <div id="posttop"></div><!--photoposttop--> <div id="postmiddle">{Photoset-500} {block:Caption} <div id="caption">{Caption}</div> {/block:Caption}</div><!--photopostmiddle--> <div id="postbottom">

{block:HasTags}<ul class="tags">{block:Tags}<li><a href="{TagURL}">{Tag}</a></li>{/block:Tags}</ul>{/block:HasTags} </div> {PostNotes} </li> {/block:Photoset}

{block:Video} <li class="post video"> <a href="{Permalink}" class="icon"></a> {block:NoteCount}<a href="{Permalink}" class="hearts"> {NoteCount} </a> {/block:NoteCount} <div class="date">{DayOfMonth}<br>{ShortMonth}</br></div> <div id="posttop"></div><!--photoposttop--> <div id="postmiddle"> {Video-500} {block:Caption} <div id="caption">{Caption}</div> {/block:Caption}</div><!--photopostmiddle--> <div id="postbottom"> {block:HasTags}<ul class="tags">{block:Tags}<li><a href="{TagURL}">{Tag}</a></li>{/block:Tags}</ul>{/block:HasTags}</div> </li> {PostNotes} {/block:Video} {block:Audio} <li class="post audio"> <a href="{Permalink}" class="icon"></a> {block:NoteCount}<a href="{Permalink}" class="hearts"> {NoteCount} </a> {/block:NoteCount} <div class="date">{DayOfMonth}<br>{ShortMonth}</br></div> <div id="posttop"></div> <div id="postmiddle"> <div class="audio_player">{AudioPlayerGrey}</div> {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}</div><!--postmiddle--> <div id="postbottom">{block:HasTags}<ul class="tags">{block:Tags}<li><a href="{TagURL}">{Tag}</a></li>{/block:Tags}</ul>{/block:HasTags} </div> {PostNotes} </li>{/block:Audio} {block:Quote}

<li class="post quote"> <a href="{Permalink}" class="icon"></a> {block:NoteCount}<a href="{Permalink}" class="hearts"> {NoteCount} </a> {/block:NoteCount} <div class="date">{DayOfMonth}<br>{ShortMonth}</br></div> <div id="quotetop"></div> <h3 class="quote"> "{Quote}"</h3> <div id="quotebottom"></div> {block:Source} <div class="source">- {Source}</div> {/block:Source} {PostNotes} </li> {/block:Quote} {block:Chat} <li class="post chat"> <a href="{Permalink}" class="icon"></a> {block:NoteCount}<a href="{Permalink}" class="hearts"> {NoteCount} </a> {/block:NoteCount} <div class="date">{DayOfMonth}<br>{ShortMonth}</br></div> {block:Title}<h3 class="chat">{Title}</h3>{/block:Title} <div class="lines">{block:Lines} <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div> {/block:Lines}</div> {PostNotes} </li>{/block:Chat} {block:Link}

<li class="post link">

<a href="{Permalink}" class="icon"></a> {block:NoteCount}<a href="{Permalink}" class="hearts"> {NoteCount} </a> {/block:NoteCount} <div class="date">{DayOfMonth}<br>{ShortMonth}</br></div> <div id="posttop"></div> <div id="linkpost"><a href="{URL}" {Target}>{Name}</a></div> <div id="postbottom"></div> {block:Description}<div class="caption">{Description}</div>{/block:Description} {PostNotes} </li>{/block:Link}

{/block:Posts} </ol> <div id="footer"> {block:PreviousPage}<a href="{PreviousPage}" class="button left"></a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="button right"></a>{/block:NextPage} </div> </div><!--mainleft--> <div id="mainright"> <div id="sidebartop"> </div><!--sidebartop--> <div id="sidebarmiddle"> <div id="avatarleft"> <a href="/"><img id="avatar" src="{PortraitURL-96}" alt="avatar_96" width="100" height="100"/></a> </div> <div id="menuright"> <ul class="menu"> <li> <a href="/archive"> Archive </a></li> <li><a href="/random"> Random </a></li> <li> <a href="/ask"> Puzzled? </a></li> <li><a href="{RSS}"> RSS </a></li> </ul> </div> <div id="sidebarcontainer"> <div id="description">{Description}</div> <div id="index"> Page {CurrentPage} of {TotalPages} {block:NextPage} <a class="index" href="{NextPage}"> Older</a> {/block:NextPage} {block:PreviousPage} <a class="index" href="{PreviousPage}">Newer </a> {/block:PreviousPage} </div><!--index--> {block:Twitter}

<div id="tweettitle"><h3 class="sideheader"><a href="http://twitter.com/{TwitterUsername}">Latest Tweets</a></h3></div> <div id="tweetimage"><img src="http://static.tumblr.com/k73u8ez/rxIkuawe6/tweet.png"/></div> </ul> <div id="tweets"></div> <script type="text/javascript"> function recent_tweets(data) { for (i=0; i<data.length; i++) { document.getElementById("tweets").innerHTML = document.getElementById("tweets").innerHTML + '<a href="http://twitter.com/{TwitterUsername}/status/' + data[i].id + '"><div class="content">' + data[i].text + '</div></a>'; } document.getElementById("twitter").style.display = 'block'; } </script> {/block:Twitter} <div id="following"> {block:Following} <h3 class="sideheader">Following</h3> <ul> {block:Followed} <li> <a href="{FollowedURL}"><img src="{FollowedPortraitURL-30}"/></a> </li> {/block:Followed} </ul> {/block:Following} </div><!--following--> </div><!--sidebarcontainer--> </div><!--sidebarmiddle--> <div id="sidebarbottom"> </div><!--sidebarbottom--> </div><!--mainright--> {block:Likes}

<div id="likes_container"> {Likes limit="4" summarize="100" width="120"} <a href="http://www.tumblr.com/liked/by/{Name}"> See more stuff I like </a> </div> {/block:Likes} </div><!--main--> </div><!--container--> {block:Twitter} <script type="text/javascript" src="/tweets.js"></script> {/block:Twitter} <!--Designed Jo at Late Studio--> </body></html>

Vous aimerez peut-être aussi