Professional Documents
Culture Documents
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>
<!--
-->
src="http://static.tumblr.com/jw8fmba/648luowoo/theme.js"></script>
<style type="text/css">
html,body {
margin: 0;
font-size: 14px;
line-height: 160%;
height: 100%;
}
*{
font-family: {font:Main font};
color: {color:Body text};
}
a img {
border: none;
}
a{
color: inherit;
font-size: inherit;
}
blockquote {
margin: 0;
padding: 0 0 0 9px;
border-left: 1px #CCC dotted;
}
.columns1 {
width: 300px;
}
.columns2 {
width: 600px;
}
.columns3 {
width: 900px;
}
.columns4 {
width: 1200px;
}
.columns5 {
width: 1500px;
}
.columns6 {
width: 1800px;
}
.columns7 {
width: 2100px;
}
.columns8 {
width: 2400px;
}
.columns9 {
width: 2700px;
}
.columns10 {
width: 3000px;
}
.
columns11,.columns12,.columns13,.columns14,.columns15,.columns16,.column
s17,.columns18,.columns19,.columns20 {
width: 90%;
}
.header {
position: relative;
margin: 40px auto;
overflow: hidden;
{block:PermalinkPage}
width: 550px;
{/block:PermalinkPage}
}
.header .blog_link {
text-align: center;
padding: 0 5px;
float: left;
position: relative;
}
.header .blog_title {
text-align: left;
padding: 0 10px 0 0;
float: left;
position: relative;
}
.header a {
text-decoration: none;
}
.header img {
max-height: 50px;
}
.header h1 {
margin: 0;
font-size: 18px;
line-height: 100%;
text-transform: uppercase;
}
.header p {
margin: 5px 0;
}
.header .menu_item {
margin: 0 10px;
opacity: 0.5;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.header .menu_item:hover {
opacity: 1;
}
.posts {
position: relative;
margin: 25px auto;
{block:PermalinkPage}
width: 550px;
{/block:PermalinkPage}
}
.post {
float: left;
position: relative;
{block:IndexPage}
width: 250px;
{/block:IndexPage}
{block:PermalinkPage}
width: 500px;
{/block:PermalinkPage}
padding: 20px;
margin: 5px;
background: #FFF;
}
.post h2 {
margin: 0;
font-size: 18px;
line-height: 20px;
{block:PermalinkPage}
text-align: center;
{/block:PermalinkPage}
}
.post h2.quote {
font-weight: normal;
}
.post p,.post li {
line-height: 175%;
}
.post p {
margin: 10px 0 5px 0;
}
.post ol,.post ul {
margin: 3px 0;
padding: 0;
}
.post li {
margin: 2px 35px;
}
.post .info_bar {
width: 100%;
margin-top: 5px;
text-align: right;
position: relative;
{block:PermalinkPage}
display: none;
{/block:PermalinkPage}
}
.post .photo {
position: relative;
padding: 0;
line-height: 0 !important;
{block:IndexPage}
background: {color:Body text};
{/block:IndexPage}
}
.post .photo .photo_info {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 70px;
margin: -35px 0 0 0;
text-align: center;
z-index: 10;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
{block:PermalinkPage}
display: none;
{/block:PermalinkPage}
}
.post:hover .photo .photo_info {
opacity: 1;
}
.post .photo .photo_info a {
text-decoration: none;
color: {color:Background};
}
.post .photo .photo_info h2 a {
margin: 0;
line-height: 100%;
text-transform: uppercase;
font-size: 50px;
}
.post .photo .photo_info p {
margin: 0;
}
.post .photo .photo_info p a {
margin: 0;
line-height: 100%;
text-transform: uppercase;
font-size: 15px;
font-weight: bold;
}
.post img.main_photo {
width: 100%;
}
.post img {
max-width: 100%;
height: auto;
}
.post .photo img {
opacity: 1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
margin: 0;
line-height: 0;
}
.post:hover .photo img {
{block:IndexPage}
opacity: 0.25;
{/block:IndexPage}
}
.post .player {
padding: 2px 10px;
background: #FFF;
margin: 0;
}
.post .lines {
margin: 0 0 5px 0;
}
.post .lines .line {
padding: 10px;
}
.post .lines .odd {
}
margin: 0 !important;
}
.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;
}
.pagination {
display: none;
}
</head>
<body class="{Name}">
{block:Pagination}<ul class="pagination">
<li>{block:NextPage}<a href="{NextPage}"
class="pagination_nextlink">Next</a>{/block:NextPage}</li>
</ul>{/block:Pagination}
{block:HasPages}{block:Pages}<div class="blog_link">
<a class="menu_item" href="{URL}">{Label}</a>
</div>{/block:Pages}{/block:HasPages}
{block:IfNotInfiniteScroll}{block:Pagination}{block:PreviousPage}<div
class="blog_link">
<a href="{PreviousPage}">{lang:Previous page}</a>
</div>{/block:PreviousPage}
{block:NextPage}<div class="blog_link">
<a href="{NextPage}">{lang:Next page}</a>
</div>{/block:NextPage}{/block:Pagination}{/block:IfNotInfiniteScroll}
<div class="blog_link">
<a class="menu_item" href="/archive">{lang:INDEX}</a>
</div>
</div>
{block:IfVisitorCounterScript}<div class="blog_link">
<span class="menu_item">{text:Visitor counter script}</span>
</div>{/block:IfVisitorCounterScript}
</div>
{/block:Posts}
</div>
{block:IndexPage}
<script type="text/javascript">
$(function(){var $container = $('.posts').css({ opacity: 0 });
$container.imagesLoaded(function(){$container.animate({ opacity: 1 });
$container.masonry({itemSelector:'.post',
{block:IfNotNumberOfColumns}isFitWidth: true,
{/block:IfNotNumberOfColumns}columnWidth: 300});});
$container.infinitescroll({navSelector:'.pagination',nextSelector:'.pagination li
a.pagination_nextlink',itemSelector: '.load',loading:
{img:'http://static.tumblr.com/jw8fmba/NRWlvha2e/loady.gif',donetext:''}},function(
newElements ) { var $newElems = $( newElements ).css({ opacity: 0 });
$newElems.imagesLoaded(function(){$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true );});});});
</script>
{/block:IndexPage}
</body>
</html>