Vous êtes sur la page 1sur 10

<!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">
<head>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<link href="http://static.tumblr.com/z0cd8ty/aJjm6uyej/meffects.css" rel="styles
heet">
<link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet'
type='text/css'>
<title>{title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link href='http://fonts.googleapis.com/css?family=Asap|Share' rel='stylesheet'
type='text/css'>
<meta
<meta
<meta
<meta
<meta
<meta
<meta

name="color:Background" content="#eeeeee"/>
name="color:Text" content="#FFFFFF"/>
name="color:Hover" content="#FFFFFF"/>
name="color:Link" content="#FFFFFF"/>
name="image:Background" content="1"/>
name="image:Sidebar" content="1"/>
name="if:show photo" content="0"/>

<link href='http://fonts.googleapis.com/css?family=Raleway:200' rel='stylesheet'


type='text/css'>
<script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('li.drawer div:nth-child(2)').hide();
$('li.drawer h1').click(function () {
if ($(this).hasClass('open')) {
$('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
else {
$('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
$(this).next().slideDown();
$(this).addClass('open');}
});
});
</script>
<style type="text/css">
body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur
), progress;}

::-webkit-scrollbar-thumb{
background-color: #000000;

border: 2px solid #fafafa;


height:auto;
-moz-border-radius: 10px;
border-radius: 10px;
}
::-webkit-scrollbar {
height:auto;
width:9px;
background-color: #999999;
border: 4px solid #fafafa;
}

a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transi


tion: all 0.7s ease-out;transition: all 0.7s ease-out;}
#tumblr_controls{
position:fixed !important;
}
.wrapper{
margin: 0px auto;
width: 900px;
}
.header{
float: left;
width: 100%;
}
.left{
float: left;
margin-right: 20px;
width: 802px;
}
.right{
float: right;
width: 200px;
background-color: {color:Background};
}
body {
padding: 0px;
margin: 0px;
color:{color:text};
font-family:calibri;
font-size: 11px;
line-height:10px;
background-color: {color:Background};
background-image:url({image:Background});
background-attachment: fixed;
background-repeat: repeat;
}
a:link, a:active, a:visited{

color:{color:link};
text-decoration: none;
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
}
a:hover{
color:{color:Hover};
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
}
.entry {
margin: 3px;
float:left;
padding-top: 3px;
padding-right: 3px;
padding-left: 3px;
padding-bottom:-3px;
font-size: 11px;
font-family:share;
border:1px #272727 solid;
line-height:12px;
background-color: #000000;
color: {color:text};
{block:IndexPage}
width:250px;
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
margin-left:260px;
{/block:PermalinkPage}
}
.entry img{
{block:IndexPage}
width:250px;
{/block:IndexPage}
}

#sidebar{
position:fixed !important;
width: 245px;
margin: 60px 0px 0px 980px;
background-color:#000000;
border:1px #272727 solid;
padding-right: 3px;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;

font-family: share;
color: {color:text};
text-align:center;
font-size: 12px;
line-height:
}
#linksidk{
text-transform:uppercase;
font-family: Lucida Console;
color: {color:link};
margin-left: 20px;
text-align:right;
font-size: 9px;
line-height:
}
.quote{
font-size: 26px;
float: left;
margin-top: 8px;
padding-right: 6px;
color: #999999;
}
a img{border: 0px;}
blockquote{
padding:2px 2px 2px 5px;
margin:4px 4px 4px 7px;
border-left: 4px solid #dddddd;
}

#posts {
width: 800px;
background-attachment: fixed;
padding:4px;
margin-top:0px;
float:left;);
background-attachment: fixed;
background-repeat:repeat;
margin-left:160px;
padding:4px;
margin-top:0px;
float:left;
}
div#blogtitle{
font-size:20px;
text-align: center;
line-height:18px;
font-family:raleway;
color:{color:Link};

text-transform:uppercase;
padding-bottom:5px;
}

.entry .perma{
position:absolute;
width: auto;
height: auto;
padding: 5px;
margin-left: 6px;
overflow:hidden;
top: 10px;
font-family: consolas;
font-size: 9px;
line-height:10px;
text-transform: uppercase;
text-align: left;
opacity:0.0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
background-color: #000000;
color: {color:Permalink};
}
.entry .perma a{
color: {color:Permalink};
}
.entry .perma a:hover{
color: {color:Permalink};
{block:ifstrikethroughhover}
text-decoration: line-through;
{/block:ifstrikethroughhover}
{block:ifshadowhover}
text-shadow: 0px 0px 3px {color:Shadow Hover};
{/block:ifshadowhover}
{block:ifunderlinehover}
text-decoration: underline;
{/block:ifunderlinehover}
}
.entry:hover .perma{
overflow:visible;
-webkit-transition: opacity 1.5s linear; opacity: 1.6;
transition: all 0.4s linear;
margin-left: 6px;
width: auto;
height: auto;
opacity: 1;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.entry:hover .perma:hover{
opacity: 1;

padding:5px;
height: auto;
width: auto;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.perm{
display: block;
font-family:share;
font-size:9px;
line-height:13px;
letter-spacing:1px;
text-transform:uppercase;
text-align: right;
background-color:transparent;
padding: 0px;
margin: 2px;
}
.title{
font-family: calibri;
font-size: 12px;
line-height: 15px;
color: {color:text};
font-weight: normal;
text-transform:uppercase;
}
#infos
{float:left;
margin-top:10px;
background-color: #fff;
padding:5px;
width:100px;
}
ul#drawers {list-style: none; margin: auto; color: color:title; cursor: help;}
ul#drawers li h1 {font-size: 9px; font-weight: normal; font-family: consolas; te
xt-transform: uppercase;}
li.drawer h1.open {border-top: 0px;}
li.drawer div {padding: 0px 0 0 0px; margin: 0px; line-height: 12px;}
li.drawer div li {list-style-type: disc;}
</style>
{block:IndexPage}
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/j
querymasonry.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/j
queryinfintescroll.js"></script>

<script type="text/javascript">
$(window).load(function () {
var $content = $('#posts');
$content.masonry({itemSelector: '.entry'}),
$content.infinitescroll({
navSelector : 'div#pagination',
nextSelector : 'div#pagination a#nextPage',
itemSelector : '.entry',
loading: {
finishedMsg: '',
F: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
},
bufferPx : 600,
debug : false,
},
// call masonry as a callback.
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);
} );
});
});
});
</script>

{/block:IndexPage}
<title>{title}</title>
<link rel="shortcut icon" href="{Favicon}">
<meta name="viewport" content="width=820" />
</head>
<body>
<div class="wrapper">
<div class="header">
</div>
</center>
</div>
</div>

<div id="sidebar">
<left>
{block:ifshowphoto}<center><a title="" href="/"><img src="{image:sidebar}" width
=245px height=auto></a></center>{/block:ifshowphoto}
{description}

</div>
</div>
<div class="content">
<div class="left">
<div id="posts">
{block:posts}
<div class="entry">
{block:Text}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<span class="entrytext">{Body}</span></a>
{block:IndexPage}
<div class="perm"><a href="{Permalink}"> <a href="{Permalink}"><a href="{Permali
nk}">{notecountwithlabel}</span></a></div>
{/block:IndexPage}
{/block:Text}
{block:Link}
<a href="{URL}" class="title">{Name}</a>
{block:Description}{Description}{/block:Description}
{block:IndexPage}
<div class="perm"><a href="{Permalink}"><a href="{Permalink}"><a href="{Permalin
k}">{notecountwithlabel}</span></a></div>
{/block:IndexPage}
{block:Link}
{block:Photo}
{block:indexpage}
<div class="perma"><a href="{reblogurl}">reblog</a> with <a href="{Permalink}">{
NoteCountWithLabel}</a></div>
<img src="{PhotoURL-HighRes}" width="100%"/>
{/block:indexpage}
{block:permalinkpage}
<a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" widt
h="500"/></a>
{/block:permalinkpage}
{/block:Photo}
{block:Photoset}
<center>
{block:IndexPage}
{Photoset-250}
{/block:IndexPage}

</center>
<center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center> {bloc
k:IndexPage}
<div class="perma"><a href="{reblogurl}">reblog</a> with <a href="{Permalink}">{
NoteCountWithLabel}</a></div>{/block:IndexPage}
{/block:Photoset}

{block:Quote}
<div class="quote"> </div>
{Quote}{block:IndexPage}
<div class="perm"><a href="{Permalink}"> <a href="{Permalink}"><a href="{Permali
nk}">{notecountwithlabel}</span></a></div>{/block:IndexPage}
{/block:IndexPage}
{/block:Quote}
{block:Chat}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{block:IndexPage}
<div class="perm"><a href="{Permalink}"> <a href="{Permalink}"><a href="{Permali
nk}">{notecountwithlabel}</span></a></div>
{/block:IndexPage}
{/block:Chat}

{block:Audio}
<center><div style="width:250px; height:20px;"><div style="float:left">{AudioPla
yerGrey}</div><div style="margin-top:8px; float:right;"><small>
</div></div></center><br>
{block:IndexPage}
<div class="perm"><a href="{Permalink}"> <a href="{Permalink}"><a href="{Permali
nk}">{notecountwithlabel}</span></a></div>
{/block:IndexPage}
{/block:Audio}
{block:Video}
<center>
{block:IndexPage}
{Video-250}
{/block:IndexPage}
</center>
<center>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>{block:In
dexPage}
<div class="perma"><a href="{reblogurl}">reblog</a> with <a href="{Permalink}">{
NoteCountWithLabel}</a></div>{/block:IndexPage}
{block:Video}

{block:PermalinkPage}
{block:Date}
{block:Caption}{Caption}{/block:Caption}<center>
{TimeAgo} | {12HourWithZero}:{Minutes}{AmPm} <br>{block:NoteCount}{NoteCountWith
Label}{/block:NoteCount} {block:HasTags} &middot; Tagged: {block:Tags}<a href="{
TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
{/block:Date}
{/block:PermalinkPage}
{block:PostNotes}{PostNotes}
{/block:PostNotes}
</div>
{/block:Posts}
</div>
</div>
{block:IndexPage}
<script type="text/javascript" src="http://static.tumblr.com/j1tjexd/WYwm8ed44/l
ike_script.js"></script>
{block:Pagination}
<div id="pagination">
{block:NextPage}
<a id="nextPage" href="{NextPage}"> </a>
{/block:NextPage}
{block:PreviousPage}
<a href="{PreviousPage}"> </a>
{/block:PreviousPage}
</div>
{/block:Pagination}
{/block:IndexPage}
</div>
<div style="display:block;bottom:5px;right:5px;font-size:10px;font-family:calibr
i;position:fixed;background-color:#fff;border: solid 1px #ccc;padding:3px;border
-radius:18px;z-index:55554235555;"><font color=black>theme by <a href="http://gr
avityhype.tumblr.com"><span style="color:#000;">gravityhype</span></a></div>
</body>
</html>

Vous aimerez peut-être aussi