Vous êtes sur la page 1sur 12

<!

DOCTYPE html>
<!-- -------------------------------------------------------------

Theme Neptune By Max Davis.


Get this free theme: http://themes.themaxdavis.com/theme/neptune
More Themes: http://themes.themaxdavis.com

PROMOTE YOUR TUMBLR: http://themes.themaxdavis.com/spotlight


------------------------------------------------------------- -->

<html lang="en">
<head>
<meta charset="utf-8" />
<title>{Title}{block:PermalinkPage}{block:PostSummary} - {PostSummary}{/block:Po
stSummary}{/block:PermalinkPage}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/bloc
k:Description}

<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Center" content="#000000"/>
<meta name="color:Titles" content="#FFFFFF"/>
<meta name="color:Text" content="#FFFFFF"/>
<meta name="color:Links" content="#FFFFFF"/>
<meta name="color:Links Hover" content="#DDDDDD"/>
<meta name="color:Borders" content="#FFFFFF"/>
<meta name="image:Background Image" content="http://static.tumblr.com/b2ajd3k/do
Tmcm6qf/os_x_mountain_lion_galaxy_angelceballos.jpg" />
<meta name="image:Header Logo" content="" />
<meta name="image:Portrait" content="" />
<meta name="if:Infinite scrolling" content="1" />
<meta name="if:Sidebar left or right" content="1" />
<meta name="if:Large or Small footer" content="1" />
<meta name="if:Show Permalink On Photo Posts" content="0" />
<meta name="if:Center Background img" content="0" />
<meta name="if:Repeat Background img" content="0" />
<meta name="if:Fixed Background img" content="0" />
<meta name="if:Fullscreen Background img" content="1" />
<meta name="text:Center Transparency" content="0.9" />
<meta name="text:Reblog Title" content="Reblog post" />
<meta name="text:Ask Title" content="Ask" />
<meta name="text:Twitter Username" 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="" />
<script type="text/javascript" src="http://themaxdavisthemes.com/code/jQuery.js"
></script><script type="text/javascript" src="http://static.tumblr.com/8jq17g7/Q
6hmelz1k/jquery.tweet.js"></script>
<script>
$(window).load(function(){
var $wall = $('#center');

$wall.masonry({
itemSelector: '.post, .twitter',
columnWidth:220
});
{block:ifInfinitescrolling}
$wall.infinitescroll({
navSelector : ".nav",
nextSelector : ".nav a",
itemSelector : ".post",
loading : "",
donetext : ""
},
function( newElements ) {
var $newElems = $( newElements ).css({
opacity: 0
});
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$wall.masonry( "appended", $newElems, true );
});
});{/block:ifInfinitescrolling}
});
jQuery(function($){
$("#tweets").tweet({
username: "{Text:Twitter Username}",
count: 3,
loading_text: "loading tweets..."
});
});
</script>
<style type="text/css"> {block:ifFullscreenBackgroundimg} html { background: url
({image:Background Image}) no-repeat center center fixed; -webkit-background-siz
e: cover; -moz-background-size: cover; -o-background-size: cover; background-siz
e: cover;} {/block:ifFullscreenBackgroundimg} body { padding:0; margin:0; overfl
ow-x:hidden; font-family: 'helvetica', arial, sans-serif; font-size:11px; color:
{color:Text}; {block:ifnotfullscreenbackgroundimg} background-color:{color:backg
round}; background-image:url({image:Background Image}); {block:ifCenterBackgroun
dimg} background-position:center top; {/block:ifCenterBackgroundimg} {block:ifNo
tRepeatBackgroundimg} background-repeat:no-repeat; {/block:ifNotRepeatBackground
img} {block:ifFixedBackgroundimg} background-attachment:fixed; {/block:ifFixedBa
ckgroundimg} {/block:ifnotfullscreenbackgroundimg}} a {text-decoration:none; col
or:{color:text}; font-weight:800; -webkit-transition: all 0.2s linear; -moz-tran
sition: all 0.2s linear; transition: all 0.2s linear;} a:hover { color:{color:li
nk hover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear
; transition: all 0.2s linear;} a:active{outline: none;} a:focus{-moz-outline-st
yle: none;} :-moz-any-link:focus{outline: none;} img{border:none;} .clear {clear
:both;} .install_button: {position:fixed !important;} #tumblr_controls: {positio
n:fixed !important;} #container{ margin: 0 auto; padding: 10px 20px 30px; positi
on: relative; width: 860px;} #container #background { bottom: 0; left: 0; paddin
g: 0 20px; position: absolute; top: 0; width: 860px; z-index:-1; opacity: {text:
Center Transparency}; background-color:{color:center};} #header{ width:860px; {b
lock:IfNotHeaderlogoimage} margin:10px 0 20px; {/block:IfNotHeaderlogoimage} {bl
ock:IfHeaderlogoimage} margin:0; {/block:IfHeaderlogoimage}} #header h1{ font-si
ze: 70px; letter-spacing: -3px; margin: 0; padding:20px 0; word-spacing: -2px; t
ext-overflow: ellipsis; overflow:hidden; white-space: nowrap; color:{color:Title
s}; {block:ifNotSidebarleftorright} text-align:right; {/block:ifNotSidebarleftor
right} -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transi
tion: all 0.3s ease;} #header h1:hover{ color:{color:Titles};} #header img{ max-
width:860px; max-height:300px;} #sidebar{ position: relative; width: 200px; z-in
dex: 4000; color:{color:Titles}; {block:IfSidebarFixed} position:fixed; {/block:
IfSidebarFixed} {block:ifSidebarleftorright} float:left; {/block:ifSidebarleftor
right} {block:ifNotSidebarleftorright} float:right; {block:IfSidebarFixed} margi
n-left:660px; {/block:IfSidebarFixed} {/block:ifNotSidebarleftorright}} #sidebar
h1{ font-size: 17px; height: 13px; line-height: 16px; margin: 15px 0; overflow:
hidden; padding: 0 0 20px; text-overflow: ellipsis; text-transform: uppercase;
white-space: nowrap; border-bottom:2px solid {color:borders}; color:{color:Title
s}; {block:ifSidebarleftorright} text-align: right; {/block:ifSidebarleftorright
}} #sidebar .inner{ margin:10px 0 0;} #sidebar .portrait{ width:200px;} #sidebar
.portrait img{ max-width:200px;} #sidebar .description{ margin:5px 0 15px; padd
ing:5px 0 20px; font-weight: 700; {block:ifSidebarleftorright} text-align: right
; {/block:ifSidebarleftorright} {block:AskEnabled} border-bottom:2px solid {colo
r:borders}; {/block:AskEnabled} {block:SubmissionsEnabled} border-bottom:2px sol
id {color:borders}; {/block:SubmissionsEnabled} {block:HasPages} border-bottom:2
px solid {color:borders}; {/block:HasPages} {block:ifLink1Title} border-bottom:2
px solid {color:borders}; {/block:ifLink1Title} {block:ifLink2Title} border-bott
om:2px solid {color:borders}; {/block:ifLink2Title} {block:ifLink3Title} border-
bottom:2px solid {color:borders}; {/block:ifLink3Title} {block:ifLink4Title} bor
der-bottom:2px solid {color:borders}; {/block:ifLink4Title} {block:ifLink5Title}
border-bottom:2px solid {color:borders}; {/block:ifLink5Title}} #sidebar .links
{ margin:0; padding:0 0 10px; list-style:none;} #sidebar .links a{ display: bloc
k; font-size: 10px; font-weight: 700; line-height: 150%; text-transform: capital
ize; color:{color:Titles}; {block:ifSidebarleftorright} text-align: right; {/blo
ck:ifSidebarleftorright}} #sidebar .links a:hover{ color:{color:Titles};} #sideb
ar .pagination{ padding:10px 0 0; font-weight:700; text-transform:uppercase; fon
t-size:9px; line-height:12px; border-top:2px solid {color:Borders};} #sidebar .p
agination .prev{ float:left;} #sidebar .pagination .next{ float:right;} #center{
width:660px; {block:ifSidebarleftorright} float:right; {/block:ifSidebarleftorr
ight} {block:ifNotSidebarleftorright} margin-left:0px; float:left; {/block:ifNot
Sidebarleftorright}} #center .post{ width:200px; float:left; margin:0 20px 14px
0; overflow:hidden; {block:ifSidebarleftorright} margin:0 0 20px 20px; {/block:i
fSidebarleftorright} {block:PermalinkPage} width:500px; overflow:visible; {block
:ifNotSidebarleftorright} margin:0 0 0 134px !important; {/block:ifNotSidebarlef
torright} {/block:PermalinkPage}} #center .photo_post{ {block:ifshowpermalinkonp
hotoposts} margin:0 20px 14px 0; {block:ifSidebarleftorright} margin:0 0 14px 20
px; {/block:ifSidebarleftorright} {/block:ifshowpermalinkonphotoposts}} #center
.post p{ margin:0; {block:PermalinkPage} margin:5px 0; {/block:PermalinkPage}} #
center .post blockquote{ margin: 5px 0 5px 10px; padding-left: 10px; border-left
: 2px solid {color:borders};} #center .post .margin{ {block:IndexPage} width:200
px; {/block:IndexPage} {block:PermalinkPage} width:500px; {/block:PermalinkPage}
} #center .post .margin h1, #center .twitter h1{ margin:0; padding:0; font-size:
12px; text-transform:uppercase; line-height:14px; color:{color:text};} #center .
post .margin .source{ margin:5px 0 0;} #center .post .margin img{ max-width:150p
x; height:auto; {block:PermalinkPage} max-width:500px; {/block:PermalinkPage}} #
center #tweets .tweet_list { list-style: none; margin: 0; padding: 0;} #center #
tweets .tweet_list li { line-height: 110%; margin: 0 0 3px; padding: 5px 0 4px;}
#center #tweets .tweet_list .tweet_time, #center #tweets .tweet_list .tweet_ava
tar, #center #tweets .tweet_list .tweet_avatar img { display:none;} #center .pos
t .chat{ margin:0; padding:0; list-style:none;} #center .post .chat li{ font-wei
ght:bold; font-size:9px; padding: 4px 5px; border-bottom:1px solid {color:border
}; {Block:IfSourceSansFont} text-transform:uppercase; {/Block:IfSourceSansFont}}
#center .post .chat li:last-child{ margin:0 0 8px; border:none;} #center .asker
_portrait { float:left; width:30px; height:30px; margin-right:10px; margin-botto
m:10px; display:none;} #center .question { font-weight: bold; line-height: 11px;
margin-bottom: 10px; width: 200px; {block:PermalinkPage} width:auto; {block:Per
malinkPage}} #center .question span{ text-transform:uppercase;} #center .answer{
clear: both; display: block; font-style: italic; font-weight: bold; line-height
: 20px; margin: 10px;} #center .answer p{ margin:0; padding:0; line-height: 13px
;} #center .photoset { margin:0 0 0 -12.5px; position:relative;} #center .photos
et .box{ background-color: rgba(0, 0, 0, 0.3); background-image: url("http://sta
tic.tumblr.com/8jq17g7/ZRflvr254/screen-pattern.png"); bottom: 4px; box-shadow:
0 0 30px rgba(0, 0, 0, 0.7) inset; height: 100%; margin: 0 0 0 12.5px; position:
absolute; width: 200px; z-index: 500;} #center .photoset .hover{ background: no
ne repeat scroll 0 0 rgba(0, 0, 0, 0.9); bottom: 50%; box-shadow: 0 -3px 0 rgba(
0, 0, 0, 0.4), 0 3px 0 rgba(0, 0, 0, 0.4); font-family: 'Cookie',cursive; font-s
ize: 16px; line-height: 16px; margin: 0 0 -58px 0; padding: 40px 0; position: ab
solute; text-align: center; width: 200px; z-index: 500;} #center .photoset:hover
.box{ background-color: rgba(0, 0, 0, 0.6);} #center .photoset:hover .hover{ bo
x-shadow:none; background-color: rgba(0, 0, 0, 0.0);} #center .photoset .hover a
{color:white;} #center .photoset .hover a:hover{color:white;} #center .photoset
.hover a.set{ display: block; font-family: 'Open Sans',arial; font-size: 9px; fo
nt-weight: bold; letter-spacing: 10px; line-height: 10px; margin: 0 0 10px 10px;
} #center .post .audio{ background: none repeat scroll 0 0 black; overflow: hidd
en; padding: 5px 5px 1px; width: 190px; {block:PermalinkPage} width:496px; {/blo
ck:PermalinkPage}} #center .post .inner{ margin: auto; overflow: hidden; width:
28px;} #center .post .picture{ position:relative; width:200px; {block:PermalinkP
age} width:500px; {/block:PermalinkPage}} #center .post .picture img{ width:200p
x; display:block; {block:PermalinkPage} width:500px; {/block:PermalinkPage}} #ce
nter .post .picture .hover{ position:absolute; height:100%; width:200px; backgro
und:rgba(0,0,0,0.85); opacity:0; -webkit-transition: all 0.8s ease; -moz-transit
ion: all 0.8s ease; transition: all 0.8s ease;} #center .post .picture .hover:ho
ver{ opacity:1; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s eas
e; transition: all 0.8s ease;} #center .post .picture .hover .box{ height: 52px;
left: 0; margin: -21px 0 0; position: absolute; right: 0; text-align: center; t
op: 50%; width: 200px;} #center .post .picture .hover .notes{ border-bottom: 1px
dotted rgba(255, 255, 255, 0.3); display: inline-block; font-family: Andale Mon
o,Courier New,Courier; font-size: 18px; font-weight: bold; letter-spacing: 10px;
line-height: 100%; margin: 0 auto 13px; padding: 0 5px 12px 15px; text-align: c
enter;} #center .post .picture .hover .reblog{ color: white; display: block; fon
t-size: 7px; font-style: italic; letter-spacing: 3px; padding: 0 0 0 4px; text-a
lign: center; text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); text-transform: uppercase
;} .notes a, .reblog a{color:white;font-weight:normal;} .notes a:hover, .reblog
a:hover{color:white;} #center .post .caption{ padding: 10px 13px; position: rela
tive; background: none repeat scroll 0 0 {color:borders}; border-bottom: 18px so
lid {color:background}; {block:PermalinkPage} margin: 0 0 -12px; {/block:Permali
nkPage} {block:ifNotSidebarleftorright} text-align: right; {/block:ifNotSidebarl
eftorright}} #center .post .caption img { max-width:100%; height: auto;} #center
.post .au_caption{ border:none;} #center .post .permalink{ margin: 10px 0 0; pa
dding: 6px 6px 5px; {block:ifNotSidebarleftorright} text-align: right; {/block:i
fNotSidebarleftorright} border-top:2px solid {color:borders}; border-bottom:2px
solid {color:borders}; color:{color:borders};} #center .post .permalink a{ font-
size:10px; font-weight:700; text-transform:uppercase; color:{color:text}; margin
:0 10px;} #center .post .permalink a:hover{ color:{color:text}} #center .post .p
ermalink a:last-child{ margin:0 0 0 10px;} #center .post .photo_perma{ {block:if
Notshowpermalinkonphotoposts} display:none; {/block:ifNotshowpermalinkonphotopos
ts} {block:ifshowpermalinkonphotoposts} display:block; margin:13px 0 0; border-t
op:2px solid {color:borders}; {/block:ifshowpermalinkonphotoposts}} #center #sha
re { clear: both; height: 20px; margin: 10px 0; padding: 0 13px; position:relati
ve;} #center #share .tweet_button { float: left; width: 85px;} #center #share .l
ike_button { float: left;} #center #share #permalink_navigation { color: #999999
; font-family: Lucida Grande; font-size: 20px; font-weight: bold; height: 24px;
line-height: 16px; opacity: 0.4; position: absolute; right: 0; color:{color:text
};} #center #share #permalink_navigation a{ color:{color:text};} #center .twitte
r{ width:200px; float:left; margin:0 20px 20px 0; overflow:hidden; {block:ifSide
barleftorright} margin:0 0 20px 20px; {/block:ifSidebarleftorright}} #center .tw
itter .border{ margin:5px 0; border-bottom:2px solid {color:borders};} #center .
twitter #twitter_update_list{ margin:0; padding:0; list-style:none;} #center .tw
itter #twitter_update_list li{ padding: 4px 5px; {Block:IfSourceSansFont} font-s
ize: 9px; text-transform:uppercase; {/Block:IfSourceSansFont}} #center .twitter
#twitter_update_list li a{ font-weight:normal;} #center .twitter #twitter_update
_list li span { font-weight:900;} #center .twitter #twitter_update_list li span
a{ font-weight:normal;} #center .twitter #twitter_update_list li a:hover{ text-s
hadow:none;} #center .twitter #twitter_update_list li:nth-child(even){ backgroun
d:{color:borders}; color:{color:text};} #center .twitter #twitter_update_list li
:nth-child(even) a{ color:{color:text};} #center .twitter #twitter_update_list l
i:last-child{ margin:0} ol.notes { clear: both; font-weight: normal; list-style-
type: none; margin: 10px 0; padding: 9px 6px; border-top: 2px solid {color:borde
rs}; {Block:IfSourceSansFont} font-size: 9px; text-transform:uppercase; {/Block:
IfSourceSansFont}} ol.notes a{ text-decoration:none; padding:0; background-color
:transparent;} ol.notes li.note { padding: 2px 0; {block:ifNotSidebarleftorright
} text-align: right; {/block:ifNotSidebarleftorright}} ol.notes li.note img.avat
ar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; displa
y:none;} ol.notes li.note span.action a{ font-weight:bold; color:{color:text};}
ol.notes li.note .answer_content { color:black;} ol.notes li.note blockquote { b
order-left: medium none !important; font-size: 11px; margin: 3px 0 0 !important;
padding: 3px 8px 2px !important; text-transform: none; background:{color:border
s};} ol.notes li.note blockquote a { color:{color:text};} ol.notes li.note .note
more_notes_link_container { font-size: 8px; font-weight: bold; letter-spacing:
2px; margin: 10px 0 0; padding: 10px; text-align: center; color:{color:text}; bo
rder-top: 2px solid {color:borders};} .footer { bottom: 0; display: none; left:
50%; position: fixed; z-index:5000; {block:ifLargeorSmallfooter} width: 860px; m
argin: 0 0 0 -450px; padding: 5px 20px; opacity: 0.85; -webkit-transition: all 0
.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; {/block:ifL
argeorSmallfooter} {block:ifNotLargeorSmallfooter} width:200px; padding:10px 0;
{block:ifNotSidebarleftorright} margin:0 0 0 225px; {/block:ifNotSidebarleftorri
ght} {block:ifSidebarleftorright} margin:0 0 0 -430px; {/block:ifSidebarleftorri
ght} {/block:ifNotLargeorSmallfooter}} .footer #background { bottom: 0; left: 0;
padding: 0 20px; position: absolute; top: 0; width: 860px; z-index:-1; opacity:
0.5; background-color:{color:center}; {block:ifNotLargeorSmallfooter} display:no
ne; {/block:ifNotLargeorSmallfooter} -webkit-transition: all 0.8s ease; -moz-tra
nsition: all 0.8s ease; transition: all 0.8s ease;} .footer:hover #background {
opacity:0.8; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease;
transition: all 0.8s ease;} .footer h1{ font-weight: 700; line-height: 100%; tex
t-transform: uppercase; color:{color:titles}; {block:ifLargeorSmallfooter} float
:left; font-size: 13px; margin: -1px 0 -4px; padding: 6px 20px 5px 0; {/block:if
LargeorSmallfooter} {block:ifNotLargeorSmallfooter} margin: 0 0 5px; padding: 0;
font-size: 17px; {block:ifSidebarleftorright} text-align:right; {/block:ifSideb
arleftorright} {/block:ifNotLargeorSmallfooter}} .footer .links{ padding:0; marg
in: 6px 0 0; float:left; {block:ifNotLargeorSmallfooter} {block:ifSidebarleftorr
ight} float:right; {/block:ifSidebarleftorright} {/block:ifNotLargeorSmallfooter
}} .footer .links a{ font-size:9px; font-weight:700; text-transform:uppercase; {
block:ifLargeorSmallfooter} margin:0 10px 0 0; {/block:ifLargeorSmallfooter} {bl
ock:ifNotLargeorSmallfooter} display: block; margin:0; {/block:ifNotLargeorSmall
footer} color:{color:text}; {block:ifNotLargeorSmallfooter} {block:ifSidebarleft
orright} text-align:right; {/block:ifSidebarleftorright} {/block:ifNotLargeorSma
llfooter}} .footer .links a:hover{ color:{color:text}} .footer #up{ bottom: 6px;
font-size: 9px; font-weight: 700; margin: 0; position: absolute; right: 20px; t
ext-transform: uppercase; color:{color:text}; {block:ifNotLargeorSmallfooter} {b
lock:ifSidebarleftorright} left:0; {/block:ifSidebarleftorright} {/block:ifNotLa
rgeorSmallfooter}} .footer .pagination{ float: right; font-size: 9px; font-weigh
t: 700; line-height: 12px; margin: 6px 0 0; text-transform: uppercase; width: 20
0px;} .footer .pagination .prev{ float:left;} .footer .pagination .next{ float:r
ight;} </style>
</head>
<body>
{block:Pagination}<div class="nav">{block:NextPage}<a href="{NextPage}"></a>{/bl
ock:NextPage}</div>{/block:Pagination}
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div id="container">
<div id="background"></div>
<div id="header">
{block:IfNotHeaderlogoimage}
<a href="/"><h1>{Title}</h1></a>
{/block:IfNotHeaderlogoimage}
{block:IfHeaderlogoimage}
<a href="/"><img src="{image:Header logo}" /></a>
{/block:IfHeaderlogoimage}
</div>
<div id="sidebar">
{block:IfPortraitimage}<a href="/">
<div class="portrait"><center>
<img src="{image:Portrait}" />
</center></div></a>
{/block:IfPortraitimage}

<div class="inner">
<a href="/"><h1>{Title}</h1></a>
<div class="description">{Description}</div>
<ul class="links">
{block:AskEnabled}
<a href="/ask">
{block:ifasktitle}{text:Ask Title}{/block:ifasktitle}
{block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}
</a>{/block:AskEnabled}
{block:SubmissionsEnabled}
<a href="/submit">{SubmitLabel}</a>
{/block:SubmissionsEnabled}
{block:HasPages}{block:Pages}<a href="{URL}">{Label}
</a>{/block:Pages}{/block:HasPages}
{block:ifLink1Title}
<a href="{text:Link 1}">
{text:Link 1 Title}</a>
{/block:ifLink1Title}
{block:ifLink2Title}
<a href="{text:Link 2}">
{text:Link 2 Title}</a>
{/block:ifLink2Title}
{block:ifLink3Title}
<a href="{text:Link 3}">
{text:Link 3 Title}</a>
{/block:ifLink3Title}
{block:ifLink4Title}
<a href="{text:Link 4}">
{text:Link 4 Title}</a>
{/block:ifLink4Title}
{block:ifLink5Title}
<a href="{text:Link 5}">
{text:Link 5 Title}</a>
{/block:ifLink5Title}
</ul>

{block:ifNotInfinitescrolling}{block:IndexPage}
<div class="pagination">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}" class="prev">Previous Page</a>
{/block:PreviousPage}

{block:NextPage}
<a href="{NextPage}" class="next">Next Page</a>
{/block:NextPage}
{/block:Pagination}
</div>{/block:IndexPage}
{/block:ifNotInfinitescrolling}
</div>
</div>
<div id="center">
{block:IndexPage}
{block:ifTwitterUsername}
<div class="twitter">
<a href="http://twitter.com/{text:Twitter Username}">
<h1>Tweets</h1></a>
<div class="border"></div>
<div id="tweets"></div>
</div>{/block:ifTwitterUsername}
{/block:IndexPage}
{block:Posts}
<div class="post{block:Photo} photo_post{/block:Photo}">
{block:Text}
<div class="margin">
{block:Title}
<a href="{Permalink}"><h1>{Title}</h1></a>
{/block:Title}
{Body}
</div>
{/block:Text}
{block:Photo}
<div class="picture">
{block:IndexPage}
<div class="hover">
<div class="box">
<div class="notes">
<a href="{Permalink}">
{block:NoteCount}{NoteCount}{/block:NoteCount}
</a>
</div>
<div class="reblog">
<a href="{ReblogURL}">{text:Reblog title}</a>
</div>
</div>
</div>
{/block:IndexPage}
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
</div>
{/block:Photo}
{block:Photoset}
{block:IndexPage}
<div class="photoset">
<div class="box">
<div class="hover">
<a href="{Permalink}" class="set">PHOTOSET</a>
<a href="{Permalink}">See full set</a>
</div>
</div>
{Photoset-250}
</div>
{/block:IndexPage}
{block:PermalinkPage}
{Photoset-500}
{/block:PermalinkPage}
{block:IndexPage}{block:ifshowcaption}
{block:Caption}<div class="caption photo_caption">
{Caption}</div>{/block:Caption}
{/block:ifshowcaption}{/block:IndexPage}
{/block:Photoset}
{block:Quote}
<div class="margin"><center>
<h1>"{Quote}"</h1>
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
</centre>
</div>
{/block:Quote}
{block:Link}
<div class="margin">
<a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
</div>
{/block:Link}
{block:Chat}
<div class="margin">
{block:Title}
<h1><a href="{Permalink}">{Title}</a></h1>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}{Line}
</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}
{block:Video}
<div class="video">
{block:IndexPage} {Video-250}{/block:IndexPage}
{block:PermalinkPage} {Video-500}{/block:PermalinkPage}
</div>
{block:IndexPage}{block:ifshowcaption}
{block:Caption}<div class="caption photo_caption">
{Caption}</div>{/block:Caption}
{/block:ifshowcaption}{/block:IndexPage}
{/block:Video}
{block:Audio}
<div class="margin">
<div class="audio">
<div class="inner">
{AudioPlayerBlack}
</div>
</div>
{block:IndexPage} {block:Caption}
<div class="caption au_caption">{Caption}</div>
{/block:Caption}{/block:IndexPage}
</div>
{/block:Audio}

{block:Answer}
<div class="margin">
<div class="question">
<span>{Asker}:</span><br />
{Question}
</div>
<div class="answer">{Answer}</div>
</div>
{/block:Answer}

{block:IndexPage}
{block:Date}
<div class="permalink{block:Photo} photo_perma{/block:Photo}{block:Photo
set} photo_perma{/block:Photoset}">
{block:NoteCount}
<a href="{Permalink}"> {NoteCount}</a> -
{/block:NoteCount}
<a href="{Permalink}">{TimeAgo}</a>
</div>
{/block:Date}
{/block:IndexPage}

{block:PermalinkPage}
{block:Date}
{block:Caption}<div class="caption">
{Caption}
</div>{/block:Caption}
<div class="permalink">
{block:NoteCount}
<a href="{Permalink}"> {NoteCount}</a> -
{/block:NoteCount}
<a href="{Permalink}">{TimeAgo}</a>
{block:RebloggedFrom} -
<a href="{ReblogRootURL}" target="_blank">
Source</a></li>
{/block:RebloggedFrom}
{block:HighRes} -
<a href="{PhotoURL-HighRes}" target="_blank">
High-Res</a></li>
{/block:HighRes}
{block:ExternalAudio} -
<a href="{ExternalAudioURL}" target="_blank">
Download</a></li>
{/block:ExternalAudio}
</div>
<div id="share">
<div class="tweet_button">
<a href="https://twitter.com/share" class="twitter-share-button">Twe
et</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.ge
tElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/
widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wj
s");</script>
</div>
<div class="like_button">
<div class="fb-like" data-href="{URLEncodedPermalink}" data-send
="false" data-layout="button_count" data-width="450" data-show-faces="false"></d
iv>
</div>

{block:PermalinkPagination}
<div id="permalink_navigation">
{block:NextPost}
<a href="{NextPost}" title="Newer Post"><</a>
/ {/block:NextPost}
{block:PreviousPost}
<a href="{PreviousPost}" title="Older Post">></a>
{/block:PreviousPost}
</div>
{/block:PermalinkPagination}
</div>
{/block:Date}

{PostNotes}

{/block:PermalinkPage}
</div>
{/block:Posts}
<div class="clear"></div>
</div><div class="clear"></div>
</div><!-- End Container -->
{block:IndexPage}
<div class="footer clearfix" id="go_up">
<div id="background"></div>
<h1>{title}</h1>

<div class="links">
{block:AskEnabled}
<a href="/ask">
{block:ifasktitle}{text:Ask Title}{/block:ifasktitle}
{block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}
</a>{/block:AskEnabled}
{block:SubmissionsEnabled}
<a href="/submit">{SubmitLabel}</a>
{/block:SubmissionsEnabled}
{block:HasPages}{block:Pages}<a href="{URL}">
{Label}</a>{/block:Pages}
{/block:HasPages}
{block:ifLink1Title}
<a href="{text:Link 1}">
{text:Link 1 Title}</a>
{/block:ifLink1Title}
{block:ifLink2Title}
<a href="{text:Link 2}">
{text:Link 2 Title}</a>
{/block:ifLink2Title}
{block:ifLink3Title}
<a href="{text:Link 3}">
{text:Link 3 Title}</a>
{/block:ifLink3Title}
{block:ifLink4Title}
<a href="{text:Link 4}">
{text:Link 4 Title}</a>
{/block:ifLink4Title}
{block:ifLink5Title}
<a href="{text:Link 5}">
{text:Link 5 Title}</a>
{/block:ifLink5Title}
</div>

{block:ifNotInfinitescrolling}
<div class="pagination">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}" class="prev">Previous Page</a>
{/block:PreviousPage}

{block:NextPage}
<a href="{NextPage}" class="next">Next Page</a>
{/block:NextPage}
{/block:Pagination}
</div>
{/block:ifNotInfinitescrolling}
{block:ifInfinitescrolling}
<a href="#">
<div id="up">Back to top</div>
</a>{/block:ifInfinitescrolling}

<div class="clear"></div>
</div>
{/block:IndexPage}

<script type="text/javascript">
$(function() {
$(window).scroll(function() {
if($(this).scrollTop() != 0) {
$('#go_up').fadeIn();
}
else {
$('#go_up').fadeOut();
}
});

$('#up').click(function() {
$('body,html').animate({scrollTop:0},800);
});
});
</script>
</body>
</html>

Vous aimerez peut-être aussi