Tumblr Theme

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.
0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>{Title}{block:SearchPage} |
{SearchQuery}{/block:SearchPage}{block:PostSummary} |
{PostSummary}{/block:PostSummary}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}"
/>{/block:Description}
<meta name="image:Background"
content="http://static.tumblr.com/jw8fmba/an6lzq64n/blacky.png" />
<meta name="image:Header" content="" />
<meta name="color:Background" content="#444444" />
<meta name="color:Header text" content="#FFFFFF" />
<meta name="color:Accent" content="#00CCFF" />
<meta name="if:Show Description" content="0" />
<meta name="text:Columns" content="4" />
<meta name="text:Visitor counter script" content="" />
<meta name="text:Music player script" content="" />
<meta name="text:Disqus shortname" content="" />
<meta name="if:Repeat background" content="1" />
<meta name="if:Center background" content="1" />
<meta name="if:Fixed background" content="0" />
<meta name="if:Show portrait image in title" content="1" />
<meta name="if:Posts are draggable" content="1" />
<script src="http://static.tumblr.com/jw8fmba/hWOlzo6nj/jquery-1.7.js"></script>
<script type="text/javascript"
src="http://static.tumblr.com/jw8fmba/JuPmhkses/theme.js"></script>
<script src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
<script src="http://static.tumblr.com/jw8fmba/TTMlwmzjc/jquery.fitvids.js"></script>
{block:IfPostsAreDraggable}
{block:IndexPage}
<script src="http://static.tumblr.com/jw8fmba/n4Ilzo6oi/jquery.ui.core.js"></script>
<script
src="http://static.tumblr.com/jw8fmba/Lqalzo6pm/jquery.ui.widget.js"></script>
<script
src="http://static.tumblr.com/jw8fmba/i5clzo6p7/jquery.ui.mouse.js"></script>
<script
src="http://static.tumblr.com/jw8fmba/ystlzo6ou/jquery.ui.draggable.js"></script>
<script type="text/javascript">
$(function() {
{block:Posts}$( ".move_{PostID}" ).draggable({ snap: "#post_{PostID}",
snapMode: "inner" });{/block:Posts}
});
</script>
{/block:IndexPage}
{/block:IfPostsAreDraggable}
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Ruda:400,700,900);
html, body {
height: 100%;
}
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong,
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer,
header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
color: inherit;
}
p a, li a {
text-decoration: underline;
}
blockquote {
margin: 0;
padding: 0 0 0 9px;
border-left: 1px #CCC dotted;
}
body {
font-size: 12px;
line-height: 150%;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.header_holder {
width: 100%;
position: relative;
overflow: hidden;
padding: 50px 0 0 0;
z-index: 999;
}
.header {
position: relative;
margin: 0 auto;
color: {color:Header text};
{block:PermalinkPage}
{block:IfDisqusShortname}width: 1075px;{/block:IfDisqusShortname}
{/block:PermalinkPage}
}
.header a {
text-decoration: none;
}
.header img {
max-width: 100%;
}
.header .left {
float: left;
width: 30%;
}
.header .right {
float: right;
width: 70%;
}
.header .title h1 {
margin: 0;
line-height: 100%;
font-family: 'Ruda', sans-serif;
text-transform: uppercase;
font-weight: 900;
font-size: 32px;
}
.header .title h1 img {
margin-bottom: -4px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-top: solid 1px rgba(255,255,255,0.5);
-webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
}
.header p {
margin: 5px 0;
margin-left: 25px;
}
.header .menu_item {
float: right;
background-color: #494949;
color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.75);
border-radius: 5px;
background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0%, transparent 100%);
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0%, transparent
100%);
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0%, transparent
100%);
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0%, transparent
100%);
background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0%, transparent
100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0,
0, 0, 0.35)), color-stop(1, transparent));
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 1px 4px rgba(0, 0, 0, 0.25);
margin-left: 10px;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
padding: 5px 10px;
font-size: 12px;
line-height: 100%;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.header .menu_item:hover {
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 0px 5px {color:Accent};
}
.header .menu_item:active {
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6);
}
.header .menu_text {
float: right;
margin-left: 10px;
padding: 5px 10px;
font-size: 12px;
line-height: 100%;
}
.header .search {
float: right;
margin-left: 20px;
margin-top: -2px;
padding: 2px 10px 2px 40px;
border-radius: 360px;
background: url(http://static.tumblr.com/jw8fmba/gpLlzobh8/search_bg.png) repeat-x
-5px center;
}
.header .search:hover {
box-shadow: 0px 0px 10px {color:Accent};
}
.header .search input {
padding: 0;
background: none;
outline: none;
font-size: 12px;
width: 125px;
border: 0px;
color: {color:Header text}
}
.posts {
position: relative;
margin: 25px auto;
width:
{block:IfNotDisqusShortname}510{/block:IfNotDisqusShortname}{block:IfDisqusShortname}10
75{/block:IfDisqusShortname}px;
}
.posts:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.columns-1 {
width: 295px;
}
.columns-2 {
width: 590px;
}
.columns-3 {
width: 885px;
}
.columns-4 {
width: 1180px;
}
.columns-5 {
width: 1475px;
}
.columns-6 {
width: 1770px;
}
.columns-8 {
width: 2065px;
}
.columns-9 {
width: 2360px;
}
.columns-10 {
width: 2655px;
}
.item {
float: left;
margin: 10px;
}
.border {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -999;
}
.border:before {
border: 2px dashed rgba(255,255,255,0.25);
width: 80%;
height: 80%;
position: absolute;
left: 0;
top: 0;
content: '';
margin: 10%;
}
.border:after {
border: 2px dashed rgba(0,0,0,0.75);
width: 80%;
height: 80%;
position: absolute;
left: 0;
top: -1px;
content: '';
margin: 10%;
}
.border table tr td {
text-align: center;
}
.border table tr td a {
color: rgba(0,0,0,0.75);
text-shadow: 0px 1px 0px rgba(255,255,255,0.25);
filter: dropshadow(color=rgba(255,255,255,0.25), offx=0, offy=1);
font-weight: bold;
font-size: 14px;
}
.post {
position: relative;
float: left;
border-radius: 3px;
{block:IndexPage}cursor: move;{/block:IndexPage}
}
.text, .quote, .photo-set, .chat, .answer, .link, .audio{block:PermalinkPage}, .photo,
.video{/block:PermalinkPage} {
padding: 15px;
background: #FDFDFD;
border-top: 1px solid #FFF;
}
{block:IndexPage}.photo, .video {
width: 100%;
}{/block:IndexPage}
.video iframe {
border-radius: 3px;
}
.post h2 {
margin: 0;
font-size: 20px;
line-height: 125%;
font-family: 'Ruda', sans-serif;
font-weight: 700;
text-align: center;
}
.post p,.post li {
line-height: 175%;
}
.post p {
margin: 5px 0;
}
.post ol, .post ul {
margin: 3px 0;
padding: 0;
}
.post li {
margin: 2px 25px;
}
.post .permalink_link {
width: 25px;
height: 35px;
position: absolute;
top: 2px;
right: 25px;
background: url(http://static.tumblr.com/jw8fmba/682lzoc0k/permalink.png) no-
repeat 3px 10px {color:Accent};
z-index: -1;
opacity: 0;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
}
@-webkit-keyframes 'ribbon' {
0% {
top: 2px;
z-index: -1;
opacity: 0;
}
50% {
top: -20px;
}
100% {
top: -3px;
opacity: 1;
}
}
.post:hover .permalink_link {
-webkit-animation-name: ribbon;
-webkit-animation-timing-function: linear;
-webkit-animation-duration: 0.25s;
-webkit-animation-iteration-count: once;
z-index: 0;
top: -3px;
opacity: 1;
}
.post .permalink_link .end {
height: 25px;
width: 25px;
position: absolute;
left: 0;
top: 100%;
overflow: hidden;
}
.post .permalink_link .end .left {
width: 0;
position: absolute;
left: -12px;
top: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid {color:Accent};
}
.post .permalink_link .end .right {
width: 0;
position: absolute;
right: -12px;
top: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid {color:Accent};
}
.post .main_photo {
width: 100%;
}
.post img {
max-width: 100%;
height: auto;
}
{block:IndexPage}
.post .picture {
position: relative;
}
.post .picture img {
margin: 0;
line-height: 0;
border-radius: 3px;
border-top: solid 1px rgba(255,255,255,0.5);
float: left;
}
.post .picture a {
cursor: move !important;
}
{/block:IndexPage}
.post .player {
padding: 2px 10px;
background: #FFF;
margin: 0;
}
.post .lines {
border: 1px solid #EEE;
border-bottom: 0px;
}
.post .lines .line {
padding: 10px;
border-bottom: 1px solid #EEE;
}
.post .lines .odd {
}
.post .lines .even {
background-color: #EEE;
}
.post .lines .even * {
color: {color:Background};
}
.post .notes {
padding: 0;
list-style-type: none;
margin: 10px 0 0 0;
font-size: 11px;
}
.post .notes a {
}
.post .notes .note {
padding: 5px;
background-color: #FFF;
margin: 2px 0;
border-radius: 2px;
}
.post ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}
.post ol.notes li.note .answer_content {
font-weight: normal;
}
.post ol.notes li.note blockquote {
border-color: {color:Body text};
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}
.disqus {
float: left;
width: 500px;
margin-left: 25px;
}
.pagination {
width: 100%;
text-align: center;
font-size: 14px;
padding: 25px 0 50px 0;
}
.pagination a {
}
.pagination .page {
color: #FFFFFF;
border-radius: 5px;
background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0%, transparent 100%);
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0%, transparent
100%);
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0%, transparent
100%);
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0%, transparent
100%);
background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0%, transparent
100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0,
0, 0, 0.35)), color-stop(1, transparent));
margin: 0 5px;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
padding: 5px 10px;
font-size: 12px;
line-height: 100%;
}
.pagination .page:hover {
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 0px 5px {color:Accent};
}
.pagination .page:active {
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6);
}
.pagination .current_page {
padding: 5px 10px;
margin: 0 5px;
font-size: 12px;
line-height: 100%;
font-weight: bold;
}
/*.masonry,.masonry .masonry-brick {-webkit-transition-duration: 0.25s;-moz-
transition-duration: 0.25s;-o-transition-duration: 0.25s;transition-duration: 0.25s;}.masonry {-
webkit-transition-property: height, width;-moz-transition-property: height, width;-o-transition-
property: height, width;transition-property: height, width;}.masonry .masonry-brick {-webkit-
transition-property: left, right, top;-moz-transition-property: left, right, top;-o-transition-
property: left, right, top;transition-property: left, right, top;}*/
body{background:url({image:Background}) {color:Background}
{block:IfFixedBackground}fixed{/block:IfFixedBackground} {block:IfNotRepeatBackground}no-
repeat{/block:IfNotRepeatBackground} {block:IfCenterBackground}center
0{/block:IfCenterBackground}}.small{width:{block:IndexPage}275{/block:IndexPage}{block:Per
malinkPage}500{/block:PermalinkPage}px}.large{width:{block:IndexPage}570{/block:IndexPage
}{block:PermalinkPage}500{/block:PermalinkPage}px}{block:IndexPage}.large .photoset {
margin: 20px; }{/block:IndexPage}{block:PermalinkPage}.post { width: 470px
}{/block:PermalinkPage}
{CustomCSS}
</style>
</head>
<body class="{Name}" data-theme-network="level82" data-theme-id="33899">
<div class="header_holder">
<div class="header {block:IndexPage}columns-{text:Columns}{/block:IndexPage}
{block:PermalinkPage}{block:IfNotDisqusShortname}columns-
{text:Columns}{/block:IfNotDisqusShortname}{/block:PermalinkPage}">
<div class="left">
<a class="title" href="/">
{block:IfHeaderImage}<img src="{image:Header}" />{/block:IfHeaderImage}
{block:IfNotHeaderImage}<h1>{block:IfShowPortraitImageInTitle}<img
src="{PortraitURL-40}" width="30" height="30" />
{/block:IfShowPortraitImageInTitle}{Title}</h1>{block:IfNotHeaderImage}
</a>
{block:IfShowDescription}{block:Description}<p>{Description}</p>{/block:Description}{
/block:IfShowDescription}
</div>
<div class="right">
<div class="search">
<form action="/search" method="get">
<input type="text" name="q" value="{SearchQuery}"/>
</form>
</div>
{block:IfVisitorCounterScript}<span class="menu_text">{text:Visitor counter
script}</span>{/block:IfVisitorCounterScript}
<a class="menu_item" href="{RSS}">{lang:Subscribe}</a>
<a class="menu_item" href="/archive">{lang:Archive}</a>
{block:HasPages}
{block:Pages}<a class="menu_item" href="{URL}">{Label}</a>{/block:Pages}
{/block:HasPages}
{block:SubmitEnabled}<a class="menu_item"
href="/submit">{SubmitLabel}</a>{/block:SubmitEnabled}
{block:AskEnabled}<a class="menu_item"
href="/ask">{AskLabel}</a>{/block:AskEnabled}
</div>
</div>
</div>
<div class="posts {block:IndexPage}columns-{text:Columns}" style="opacity:
0{/block:IndexPage}">
{block:Posts}
<div class="item
{block:Photo}{block:Post1}large{/block:Post1}{block:Post2}small{/block:Post2}{block:Post3}sm
all{/block:Post3}{block:Post4}small{/block:Post4}{block:Post5}small{/block:Post5}{block:Post6}
small{/block:Post6}{block:Post7}small{/block:Post7}{block:Post8}large{/block:Post8}{block:Post
9}large{/block:Post9}{block:Post10}large{/block:Post10}{block:Post11}small{/block:Post11}{blo
ck:Post12}small{/block:Post12}{block:Post13}large{/block:Post13}{block:Post14}small{/block:P
ost14}{block:Post15}small{/block:Post15} {/block:Photo}{block:Text}small
{/block:Text}{block:Quote}small {/block:Quote}{block:Link}small {/block:Link}{block:Chat}small
{/block:Chat}{block:Audio}small {/block:Audio}{block:Answer}small
{/block:Answer}{block:Video}large {/block:Video}{block:Photoset}large {/block:Photoset}"
id="post_{PostID}">
{block:IndexPage}<div class="border">
<table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="{Permalink}">{NoteCountWithLabel}</a>
</td>
</tr>
</table>
</div>{/block:IndexPage}
<div class="post {PostType}{block:Photoset}-set{/block:Photoset}
move_{PostID}">
{block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{block:More}<h3><a
href="{Permalink}">{lang:Read
more}</a></h3>{/block:More}{/block:Text}{block:Answer}<p><strong>{lang:Asker asked}:
{Question}</strong></p><p>{Answer}</p>{/block:Answer}{block:Chat}{block:Title}<h2>{Title}<
/h2>{/block:Title}<table class="lines" width="100%" cellpadding="0"
cellspacing="0">{block:Lines}<tr><td class="line
{Alt}">{block:Label}{Label}{/block:Label}
{Line}</td></tr>{/block:Lines}</table>{/block:Chat}{block:Quote}<h2>"{Quote}"</h2>{block:S
ource}<p style="margin-left: 25px">-
{Source}</p>{/block:Source}{/block:Quote}{block:Link}<h2><a href="{URL}"
{Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}{/block:Link}{bl
ock:Photo}<div class="picture">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"
class="main_photo"
/>{LinkCloseTag}</div>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:
PermalinkPage}{/block:Photo}{block:Photoset}{Photoset-
500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{block:Video}{Video-
500}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/bl
ock:Video}{block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" class="main_photo"
/>{/block:AlbumArt}<div
class="player">{AudioPlayerWhite}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audi
o}{block:PostNotes}{PostNotes}{/block:PostNotes}
{block:Date}<a href="{Permalink}"><div class="permalink_link">
<div class="end">
<div class="left"></div>
<div class="right"></div>
</div>
</div></a>{/block:Date}
</div>
</div>
{block:PermalinkPage}{block:Date}{block:IfDisqusShortname}<div class="disqus"
id="comments">
<div id="disqus_thread"></div>
<noscript>Please enable JavaScript to view the <a

href="http://disqus.com/?ref_noscript={text:Disqus name}">comments powered by
Disqus.</a></noscript>
</div>{/block:IfDisqusShortname}{/block:Date}{/block:PermalinkPage}
{/block:Posts}
</div>
{block:Pagination}<div class="pagination">
{block:PreviousPage}<a class="previous_page page"
href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
{block:JumpPagination length="5"}{block:CurrentPage}<span
class="current_page">{PageNumber}</span> {/block:CurrentPage}
{block:JumpPage}<a class="jump_page page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}{/block:JumpPagination}
{block:NextPage}<a class="next_page page"
href="{NextPage}">{lang:Next}</a>{/block:NextPage}
</div>{/block:Pagination}
{text:Music player script}
{block:IndexPage}
$(".video").fitVids();
$(function(){var $container = $('.posts').css({ opacity: 0
});$container.imagesLoaded(function(){$container.animate({ opacity: 1
});$container.masonry({itemSelector:'.item',columnWidth: 295});});});
</script>
{/block:IndexPage}
{block:IfDisqusShortname}
var disqus_url = "{Permalink}"; var disqus_title
="{block:PostTitle}{PostTitle}{/block:PostTitle}";var disqus_shortname = '{text:Disqus
name}';(function () { var s = document.createElement('script'); s.async = true; s.src =
'http://{text:Disqus shortname}.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] ||
document.getElementsByTagName('BODY')[0]).appendChild(s);}());{block:PermalinkPage}(func
tion() {var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async =
true;dsq.src = 'http://{text:Disqus
shortname}.disqus.com/embed.js';(document.getElementsByTagName('head')[0] ||
document.getElementsByTagName('body')[0]).appendChild(dsq);})();{/block:PermalinkPage}
</script>
{/block:IfDisqusShortname}
</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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<body class="{Name}" data-theme-network="level82" data-theme-id="33899">

<noscript>Please enable JavaScript to view the <a

{text:Music player script}

Vous aimerez peut-être aussi