Tumblr Theme

<!
DOCTYPE html>
<html>
<head>

<title>{block:SearchPage}{lang:Search results for SearchQuery} - {/block
:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</titl
e>
<link rel="shortcut icon" href="{Favicon}"/>
<link rel="apple-touch-icon" href="{PortraitURL-128}"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}"/>
{block:Description}<meta name="description" content="{MetaDescription}"/
>{/block:Description}
<meta charset="UTF-8" />
<meta name="viewport" content="width={block:IfUseSidebar}980{/block:IfUs
eSidebar}{block:IfNotUseSidebar}840{/block:IfNotUseSidebar}"/>
<meta name="font:Headings" content="Century Gothic, Apple Gothic, Arial,
sans-serif"/>
<meta name="font:Body" content="Helvetica Neue, Helvetica, Arial, sans-s
erif"/>
<meta name="image:Profile Photo" content=""/>
<meta name="color:Text" content="#333333"/>
<meta name="color:Header" content="#ffffff"/>
<meta name="color:Header Text" content="#333333"/>
<meta name="color:Navbar" content="#f9f9f9"/>
<meta name="color:Navbar Text" content="#6b6b6b"/>
<meta name="color:Post Background" content="#ffffff"/>
<meta name="color:Post Footer" content="#f9f9f9"/>
<meta name="color:Post Footer Text" content="#6b6b6b"/>
<meta name="color:Links" content="#848484"/>
<meta name="text:Custom Link 1 URL" content=""/>
<meta name="text:Custom Link 1 Name" content=""/>
<meta name="text:Custom Link 2 URL" content=""/>
<meta name="text:Custom Link 2 Name" content=""/>
<meta name="text:Google Analytics ID" content=""/>
<meta name="if:Show Archive Link" content="1"/>
<meta name="if:Show Random Link" content="0"/>
<meta name="if:Show Liked Posts Link" content="0"/>
<meta name="if:Upscale Small Images" content="1"/>
<meta name="if:Infinite Scrolling" content="0"/>
<meta name="if:White Reblog Button" content="0"/>
<meta name="if:Use Sidebar" content="0"/>

<style type="text/css">
body {
color: {color:Text};
background: #fff url(http://adorablethemes.com/img/elega
nt/51.png);
background-repeat: repeat;
background-attachment: fixed;
font-family: {font:Body};
}

{block:IfNotUseSidebar}

/* containers */
.wrapper {
width: 808px;
margin: 0 auto;
}
.main {
float: left;
width: 808px;
}

/* add more columns if the screen is wide enough */
@media screen and (min-width:1212px) {
.wrapper, .main {
width: 1212px;
}
}
.wrapper, .main {
width: 1616px;
}
}

ul#posts {
margin-top: 4px;
}

{/block:IfNotUseSidebar}

{block:IfUseSidebar}

/* containers */
.wrapper {
width: 977px;
margin: 0 auto;
}
.main {
float: left;
width: 808px;
}

.wrapper {
width: 1381px;
}
.main {
width: 1212px;
}
}
.wrapper {
width: 1785px;
}
.main {
width: 1616px;
}
}

ul#posts {
margin-top: 6px;
}

{/block:IfUseSidebar}

a {
color: {color:Links};
text-decoration: none;
}

a:hover {
color: {color:Links};
text-decoration: underline;
}

ul {
list-style-type: none;
padding-left: 0;
}

/* headings */
h1 {
font-size: 20px;
font-family: {font:Headings};
color: {color:Header Text};
}
h1 a, h1 a:hover {
}
h2 {
font-size: 18px;
}
h3 {
font-size: 18px;
margin-left: 20px;
margin-right: 20px;
font-weight: normal;
}
h4 {
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}

p#description {
font-size: 11px;
line-height: 12px;
}

/* header */
header {
margin-top: 6px;
margin-left: 2px;
margin-right: 2px;
text-align: left;
background-color: {color:Header};
}
.profile-photo {
float: left;
margin-right: 20px;
margin-bottom: 20px;
max-width: 128px;
max-height: 128px;
}


header {
float: left;
width: 165px;
}
.profile-photo {
float: none;
margin: 0 auto;
}
.main {
float: right;
}


nav {
color: {color:Navbar Text};
background-color: {color:Navbar};
padding: 10px 20px;
clear: both;
}
ul.sidelinks {
margin: 0 auto;
}
ul.sidelinks li {
text-align: center;
display: inline;
}
a.sidelink {
font-size: 12px;
margin-right: 12px;
}
a.sidelink:hover {
}


ul.sidelinks li {
text-align: left;
display: block;
}


/* main post styles */
.post {
width: 400px;
float: left;
background-color: {color:Post Background};
margin-bottom: 4px;
margin-left: 2px;
margin-right: 2px;
overflow: hidden;
}

/* adds padding to things in a post */
.content {
padding: 10px 20px;
font-size: 13px;
line-height: 150%;
}

/* text post styles */
.text p {
font-size: 13px;
line-height: 150%;
text-align: justify;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
}
.text ul {
list-style-type: square;
font-size: 12px;
padding-left: 20px;
}
blockquote {
font-size: 12px;
padding: 4px;
margin: 16px 10px;
font-style: italic;
border-left: 2px solid {color:Links};
}

.post img {
max-width: 400px;
{block:IfUpscaleSmallImages}
width: 400px;
{/block:IfUpscaleSmallImages}
height: auto;
display: block;
}

/* who even uses chat posts? */
.chat {
font-size: 13px;
line-height: 16px;
}
.chat .label {
font-weight: bold;
text-align: right;
}
.chat li {
border-bottom: 1px solid rgba(0,0,0,0.1);
padding-top: 6px;
padding-bottom: 6px;
}
.chat li:last-child {
border-bottom: none;
}

a img.credit {
position: fixed;
bottom: 0;
left: 0;
}

/* if upscale small images is off, under 400px/700px wide images will ha
ve a background */
.imgback {
background-color: {color:Post Footer};
}

/* contain text images */
.text p img {
max-width: 100%;
}

/* shown on the permalink page; has notes, source, and time posted */
.perma-info {
color: {color:Post Footer Text};
font-size: 13px;
padding: 10px;
line-height: 15px;
font-style: normal;
}
.perma-info a, .perma-info a:hover {
}

/* notes stuff */
ol.notes {
list-style-type: none;
padding-left: 0;
}
.note {
padding: 4px;
}
.note:last-child {
border-bottom: 0;
margin-bottom: 10px;
}

/* info bar on index page posts */
.index-info {
font-size: 11px;
line-height: 24px;
font-weight: normal;
padding-left: 10px;
padding-right: 10px;
overflow:hidden;
}
.index-info a, .index-info a:hover {
}

/* remove blank space from bottom of photoset posts */
iframe.photoset {
display: block;
}

/* line */
hr {
clear: both;
border: 0;
margin: 15px 10px;
}

/* fix height of element with floats inside */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; he
ight: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* remove border on linked images in IE */
a img {
border: 0;
}

/* you shouldn't see this div if infinite scroll is on */
div.pagination {
background-color: {color:PostBack};
margin: 0 auto;
clear: both;
text-align: center;
}

/* previous and next page buttons */
#previous, #next, .page-info {
font-family: {font:Body};
font-size: 12px;
background: {color:Post Background};
padding: 6px;
}

/* icons next to notes */
.reblog {background: transparent url('http://static.tumblr.com/anzluor/n
F5ml4elu/reblog.png') right center no-repeat;}
.like {background: transparent url('http://static.tumblr.com/anz
luor/O7Nml4ekz/like.png') right center no-repeat;}

/* tumblr reblog button */
.reblog_button {
float: right;
margin-left: 8px;
margin-top: 3px;
}

/* special styling for permalink pages */
{block:PermalinkPage}
.wrapper {
width: 869px;
}
{block:IfNotUseSidebar}
.wrapper {
width: 700px;
}
{/block:IfNotUseSidebar}
.main {
width: 700px;
}
.post {
float: none;
margin-left: 0;
margin-right: 0;
width: 700px;
}
.post img {
max-width: 700px;
{block:IfUpscaleSmallImages}
width: 700px;
{/block:IfUpscaleSmallImages}
height: auto;
}
.reblog_button {
margin-left: 10px;
margin-top: -1px;
}
{/block:PermalinkPage}

/* make sure avatars don't get hueg */
img.avatar {
width: 30px;
height: 30px;
vertical-align: middle;
display: inline;
margin-right: 5px;
}

{CustomCSS}
</style>
</head>
<body>
<div class="wrapper">
<header class="clearfix">

<div class="content">

<a href="/">
{block:IfProfilePhotoImage}<img class="profile-photo" src="{
image:Profile Photo}" alt="" />{/block:IfProfilePhotoImage}
{block:IfNotProfilePhotoImage}<img class="profile-photo" src="{PortraitU
RL-128}" alt="" />{/block:IfNotProfilePhotoImage}
</a>
<h1>{Title}</h1>
{block:Description}
<p id="description">{Description}</p>
{/block:Description}
</div>

<nav>
<ul class="sidelinks">
{block:HasPages}
{block:Pages}
<li><a class="sidelink" href="{URL}">{Label}</a></li>
{/block:Pages}
{/block:HasPages}

{block:AskEnabled}<li><a class="sidelink" href="
/ask">{AskLabel}</a></li>{/block:AskEnabled}

{block:SubmissionsEnabled}<li><a class="sidelink
" href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}

{block:IfShowArchiveLink}<li><a class="sidelink"
href="/archive">{lang:Archive}</a></li>{/block:IfShowArchiveLink}

{block:IfShowRandomLink}<li><a class="sidelink"
href="/random">{lang:Random}</a></li>{/block:IfShowRandomLink}

{block:Likes}{block:IfShowLikedPostsLink}<li><a class="sidelink"
href="http://tumblr.com/liked/by/{Name}">{lang:Liked posts}</a></li>{/block:IfS
howLikedPostsLink}{/block:Likes}
{block:IfCustomLink1URL}
<li><a class="sidelink" href="{text:Cust
om Link 1 URL}">{text:Custom Link 1 Name}</a></li>
{/block:IfCustomLink1URL}

{block:IfCustomLink2URL}
<li><a class="sidelink" href="{text:Cust
om Link 2 URL}">{text:Custom Link 2 Name}</a></li>
{/block:IfCustomLink2URL}

<li><a class="sidelink" href="http://adorablethe
mes.com/">Tumblr Themes</a></li>
</ul>
</nav>
</header>

<div class="main">
<ul id="posts">
{block:Posts}
<li class="post {PostType}">
{block:Text}
{block:Title}
<h3>{Title}</h3>
{/block:Title}
<div class="content">{Body}</div>
{/block:Text}

{block:Answer}
<img class="avatar" style="float:left" src="{AskerPortra
itURL-30}"/>
<p>{lang:Asker asked}: <b>{Quest
ion}</b></p>
</div>
<div class="content">{Answer}</div>
{/block:Answer}

{block:Photo}
{block:IndexPage}
<div class="imgback"><center><a href="{Perma
link}"><img src="{PhotoURL-400}" alt="{PhotoAlt}" /></a></center></div>
{/block:IndexPage}
<div class="imgback"><center>{LinkOpenTag}<img src="{Pho
toURL-1280}" alt="{PhotoAlt}" />{LinkCloseTag}</center></div>
{block:PermalinkPage}{block:Caption}
<div class="content">{Caption}</
div>
{/block:Caption}{/block:PermalinkPage}
{/block:Photo}

{block:Photoset}
{block:IndexPage}
{Photoset-400}
{/block:IndexPage}
{Photoset-700}
{block:PermalinkPage}{block:Caption}
div>
{/block:Caption}{/block:PermalinkPage}
{/block:Photoset}

{block:Quote}
<div class="content"><blockquote>"{Quote
}"</blockquote>
{block:Source}
<p style="text-align: right">&md
ash; {Source}</p></div>
{/block:Source}
{/block:Quote}

{block:Link}
<h3><a href="{URL}" class="link" {Target}>{Name} →</a></h3>
{block:Description}
<div class="content">{Descriptio
n}</div>
{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}
<h3><a href="{Permalink}">{Title
}</a></h3>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{U
serNumber}">
{block:Label}
<span cl
ass="label">{Label}</span>
{/block:Label}
<span class="lin
e">{Line}</span>
</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}

{block:Video}
{block:IndexPage}
{Video-400}
{/block:IndexPage}
{Video-700}
{block:Caption}
div>
{/block:Caption}
{/block:Video}

{block:Audio}
{block:AlbumArt}
<img src="{AlbumArtURL}" width="
400" title="Album art" alt="Album art" />
{/block:AlbumArt}
{AudioPlayerBlack}
{block:Caption}
div>
{/block:Caption}
{/block:Audio}

{block:IndexPage}
<div class="index-info">
<a class="postnotes" href='{Permalink}'>{NoteCountWithLabel}
</a>
{block:IfWhiteReblogButton}
{ReblogButton size="14" color="white"}
{/block:IfWhiteReblogButton}
{block:IfNotWhiteReblogButton}
{ReblogButton size="14" color="black"}
{/block:IfNotWhiteReblogButton}

{block:Date}<a style="float:right; text-align: right" class=
"timeago" href='{Permalink}'>{TimeAgo}</a>{/block:Date}

</div>
{/block:IndexPage}

{block:PermalinkPagination}
<div class="perma-info">

{block:PostNotes}<a class="postnotes" href='{Per
malink}'>{NoteCountWithLabel}</a>{/block:PostNotes}
{block:ContentSource} — <a href=
"{SourceURL}">Source</a>{/block:ContentSource}
{block:RebloggedFrom} (<a href="{ReblogParentURL
}">via</a>){/block:RebloggedFrom}
{block:IfWhiteReblogButton}
{ReblogButton size="18" color="white"}
{/block:IfWhiteReblogButton}
{block:IfNotWhiteReblogButton}
{ReblogButton size="18" color="black"}
{/block:IfNotWhiteReblogButton}

{block:Date}<a style="float:right; text-align: right" class="tim
eago" href='{Permalink}'>{TimeAgo}</a>{/block:Date}

{block:PostNotes}
<hr />
{PostNotes-64}
{/block:PostNotes}
</div>
{/block:PermalinkPagination}
</li>
{/block:Posts}
</ul>
<div class="pagination">
{block:Pagination}{block:PreviousPage}<a href="{Previous
Page}" id="next">« {lang:Previous Page}</a> {/block:PreviousPage}

<span class="page-info">{lang:CurrentPage of TotalPages}</span>

{block:NextPage}<a href="{NextPage}" id="next">{lang:Next Page} &raq
uo;</a>{/block:NextPage}{/block:Pagination}
</div>
</div>
</div>
{block:IndexPage}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/
jquery.min.js"></script>
{block:IfInfiniteScrolling}<script src="http://static.tumblr.com
/anzluor/98Ymoinyd/jquery.infinitescroll.min.js"></script>{/block:IfInfiniteScro
lling}
<script src="http://static.tumblr.com/anzluor/3H8mp4qek/masonry.
pkgd.min.js"></script>
<script>
$(function(){
var container = $('ul#posts');
container.imagesLoaded( function(){
container.masonry({
itemSelector : 'li.post'
});
});
{block:IfInfiniteScrolling}
container.infinitescroll({
navSelector : 'div.pagination',
nextSelector : 'div.pagination a#next',
itemSelector : 'li.post',
},
function( newElements ) {
var $newElems = $( newElements ).css({ o
pacity: 0 });
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 }
);
container.masonry( 'appended', $
newElems, true );
});
}
);
{/block:IfInfiniteScrolling}
});
</script>
{/block:IndexPage}
{block:IfGoogleAnalyticsID}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||f
unction(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.creat
eElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.inse
rtBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.
js','ga');

ga('create', '{text:Google Analytics ID}', 'tumblr.com');
ga('send', 'pageview');

</script>
{/block:IfGoogleAnalyticsID}
</body>
</html>

Tumblr Theme

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Tumblr Theme

Transféré par

Droits d'auteur :

Formats disponibles

<!

Vous aimerez peut-être aussi