Professional Documents
Culture Documents
name="color:Text" content="#636363"/>
name="color:Links" content="#000000"/>
name="color:Links hover" content="#7a7a7a"/>
name="color:Background" content="#fafafa"/>
name="color:Post Title" content="#000000"/>
name="color:Scrollbar" content="#505050"/>
name="color:Posts color" content="#f5f5f5"/>
name="color:Second background" content="#ffffff"/>
name="color:Second background border" content="#dddddd"/>
name="color:Posts border" content="#e9e9e9"/>
name="color:Blog title" content="#000000"/>
name="color:Header links" content="#737373"/>
name="color:Description" content="#101010"/>
name="color:Text post notes background" content="#ffffff"/>
name="color:Text post notes" content="#000000"/>
name="if:Show
name="if:Show
name="if:Show
name="if:Show
Captions" content="0"/>
Note Count" content="1"/>
Permalink" content="0"/>
Credit" content="1"/>
name="if:Background
name="if:Background
name="if:Background
name="if:Background
image
image
image
image
repeat" content="1"/>
centered" content="1"/>
fixed" content="1"/>
cover" content="0"/>
name="if:Header
name="if:Header
name="if:Header
name="if:Header
name="if:Header
name="if:Header
Centered" content="1"/>
Background" content="1"/>
Black Opacity" content="0"/>
White Opacity" content="0"/>
Size limit" content="1"/>
Border" content="1"/>
<meta
<meta
<meta
<meta
html,body{height:100%;margin:0px;}
body{background:url({image:Background}) {color:Background}
{block:IfBackgroundImageFixed}fixed{/block:IfBackgroundImageFixed}
{block:IfNotBackgroundImageFixed}norepeat{/block:IfNotBackgroundImageFixed}
{block:IfBackgroundimageRepeat}repeat{/block:IfBackgroundImageRepeat}
{block:IfBackgroundImageCentered}center
0{/block:IfBackgroundImageCentered};{block:ifBackgroundImageCover}webkit-background-size:cover;-moz-background-size:cover;-o-backgroundsize:cover;background-size:cover;{/block:ifBackgroundImageCover}fontfamily:{font:Text};font-size:10px;line-height:150%;background-color:
{color:Background};color:{color:Text};}#tumblr_controls{position:fixed
!important;right:7px !important;top:5px !
important;}iframe#tumblr_controls{z-index:600 !
important;position:fixed !important;}::-webkit-scrollbarthumb:vertical{background-color:{color:Scrollbar};height:5px;}::webkit-scrollbar-thumb:horizontal{background-color:
{color:Scrollbar};height:5px !important;}::-webkitscrollbar{height:5px;width:5px;background-color:
{color:Background};}a{color:{color:Links};textdecoration:none;}a:hover{color:{color:Links hover};-moz-transition:
all .1s;-webkit-transition: all .1s;-o-transition: all .1s;transition:
all .1;}
pre{font-family:{font:Text};font-size:10px;}
.header img{max-width:500px;}
.header{padding-top:{block:IndexPage}20{/block:IndexPage}
{block:PermalinkPage}40{/block:PermalinkPage}px;text-align:
{block:ifHeaderSizeLimit}
{block:ifHeaderCentered}center{/block:ifHeaderCentered}
{block:ifNotHeaderCentered}left{/block:ifNotHeaderCentered}
{/block:ifHeaderSizeLimit}
{block:ifNotHeaderSizeLimit}center{/block:ifNotHeaderSizeLimit};positi
on:relative;padding-bottom:7px;{block:IndexPage}margin:0px auto;
{/block:IndexPage}{block:ifNotHeaderWhiteOpacity}
{block:ifNotHeaderBlackOpacity}{block:IndexPage}
{block:ifHeaderBackground}background:{color:Second background};
{/block:ifHeaderBackground}{/block:IndexPage}{block:PermalinkPage}
{block:ifPermalinkSecondBackground}background:{color:Second
background};{/block:ifPermalinkSecondBackground}
{block:ifNotPermalinkSecondBackground}
{block:ifHeaderBackground}background:{color:Second background};
{/block:ifHeaderBackground}{/block:ifNotPermalinkSecondBackground}
{/block:PermalinkPage}{/block:ifNotHeaderBlackOpacity}
{/block:ifNotHeaderWhiteOpacity}
{block:ifHeaderWhiteOpacity}background:rgba(255,255,255,0.7);
{/block:ifHeaderWhiteOpacity}{block:ifNotHeaderWhiteOpacity}
{block:ifHeaderBlackOpacity}background:rgba(0,0,0,0.7);
{/block:ifHeaderBlackOpacity}{/block:ifNotHeaderWhiteOpacity}
{block:ifNotHeaderSizeLimit}left:0px;right:0px;width:100%;
{block:ifHeaderBorder}border-bottom:1px solid {color:Second background
border};{/block:ifHeaderBorder}{/block:ifNotHeaderSizeLimit}
{block:ifHeaderSizeLimit}width:{text:Size limit}px;{block:IndexPage}
{block:ifNotSecondBackground}{block:ifHeaderBackground}
{block:ifHeaderBorder}border-left:1px solid {color:Second background
border};border-right:1px solid {color:Second background
border};border-bottom:1px solid {color:Second background border};
{/block:ifHeaderBorder}{/block:ifHeaderBackground}
{/block:ifNotSecondBackground}{block:ifSecondBackground}
{block:ifNotHeaderWhiteOpacity}{block:ifNotHeaderBlackOpacity}
{block:ifHeaderBackground}border-left:1px solid {color:Second
background border};border-right:1px solid {color:Second background
.post{{block:IndexPage}overflow:hidden;margin-top:{text:Post
margin}px;margin-bottom:{text:Post margin}px;{/block:IndexPage}marginleft:0;margin-right:0;font-size:11px;position: relative;textalign:left;}
.post ul{padding-left:17px;}
.post img{{block:IndexPage}width:100%;{/block:IndexPage}height:auto}
.captions{padding:0px 12px 12px 12px;cursor:default;}
.reblog2{font-family:'Asap';font-size:16px;float:right;margintop:20%;padding-right:10%;margin-left:10%}
.reblog2 a{color:rgba({block:ifNotDarkFade}0,0,0{/block:ifNotDarkFade}
{block:ifDarkFade}255,255,255{/block:ifDarkFade},0.7)}
.reblog2:hover a{color:#{block:ifNotDarkFade}000{/block:ifNotDarkFade}
{block:ifDarkFade}fff{/block:ifDarkFade}}
.
reblogz{background:rgba({block:ifNotDarkFade}0,0,0{/block:ifNotDarkFad
e}
{block:ifDarkFade}255,255,255{/block:ifDarkFade},0.6);float:right;padd
ing:4px;-moz-border-radius:3px;font-family:'Open Sans';letterspacing:0px;font-size:9px;-o-border-radius:3px;border-radius:3px;}
.reblogz:hover a{color:#{block:ifNotDarkFade}fff{/block:ifNotDarkFade}
{block:ifDarkFade}00{/block:ifDarkFade};}
.hd {filter:alpha(opacity =
0);opacity:0;cursor:default;bottom:10%;left:10%;right:10%;-webkitborder-radius:3px;padding:5%;-moz-border-radius:3px;width:70%;-oborder-radius:3px;border-radius:3px;;zindex:1;position:absolute;color:#{block:ifNotDarkFade}fff{/block:ifNot
DarkFade}{block:ifDarkFade}000{/block:ifDarkFade};textalign:left;background:rgba({block:ifNotDarkFade}0,0,0,0.6{/block:ifNot
DarkFade}{block:ifDarkFade}255,255,255,0.7{/block:ifDarkFade});webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease-inout;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s easein-out;transition: all 0.3s ease-in-out;border:1px solid
rgba(0,0,0,0.1);}
.hd a{color:#{block:ifNotDarkFade}fff{/block:ifNotDarkFade}
{block:ifDarkFade}000{/block:ifDarkFade};}
.post:hover .hd { filter:alpha(opacity = 80);-webkit-transition: all
0.3s ease;-moz-transition: all 0.3s ease-in-out;-o-transition: all
0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all
0.3s ease-in-out;
opacity:0.8;}
.post:hover .capz{opacity:1;filter:alpha(opacity = 100);}
.capz {{block:ifPhotosBorder}margin-left:-7px;margin-top:-7px;
{/block:ifPhotosBorder}opacity:0;filter:alpha(opacity = 0);-webkittransition: all 0.3s ease;-moz-transition: all 0.3s ease-in-out;-otransition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-inout;transition: all 0.3s ease-in-out;position: absolute;background:
rgba({block:ifNotDarkFade}255,255,255{/block:ifNotDarkFade}
{block:ifDarkFade}0,0,0{/block:ifDarkFade},0.5);width: 100%;height:
100%;bottom:3px;}
.a{position:absolute; opacity:0;filter:alpha(opacity = 0);fontfamily:'Open Sans'; width:80%; border-top:1px dotted
#ddd;bottom:0px;text-align:center; padding:5px;texttransform:uppercase;margin-bottom:-8px;font-size:10px;
right:0px;position:relative;z-index:499;height:0px;-moz-transition:
all .2s;-webkit-transition: all .2s;-o-transition: all .2s;transition:
all .2;}
.b{position:absolute;font-family:'Open Sans';background:{color:Text
post notes background};z-index:498;color:{color:Text posts
notes};padding:4px;-moz-transition: all .2s;-webkit-transition: all .
2s;-o-transition: all .2s;transition: all .2;top:-100%;right:10%;}
.post:hover .b{-moz-transition: all .2s;-webkit-transition: all .2s;o-transition: all .2s;transition: all .2;top:0%;}
.audio_player embed{z-index:300 !
important;opacity:1;filter:alpha(opacity=100);}
.audio{{block:ifPostsColor}background-color:{color:Posts color};
{/block:ifPostsColor}{block:ifPostsBorder}border:1px solid
{color:Posts border};
{/block:ifPostsBorder}opacity:1;filter:alpha(opacity=100);}
.audio_player{max-height:27px;max-width:28px !
important;overflow:hidden;margin-left:0;margin-bottom:0px;fontsize:11px;border:1px dotted #ddd;opacity:1;filter:alpha(opacity=100);}
.permaudio a{position:absolute;font-family:'Open Sans';texttransform:uppercase;border-left:1px solid #ddd;paddingleft:20px;color:{color:Text};textalign:right;right:20px;overflow:hidden;bottom:13px;}
.audio_player a{font-size:11px;z-index:color:#FF0000;
textdecoration:none;}
.chat{{block:ifPostsBorder}border:1px solid {color:Posts border};
{/block:ifPostsBorder}color:{color:text};text-align:left;
{block:ifPostsColor}background-color:{color:Posts color};
{/block:ifPostsColor}padding:10px;}
.chat_title{margin-left:5px;font-weight:normal;font-size:15px;marginbottom:10px;line-height:20px;font-family:'Open Sans';color:{color:post
title};}
.post .lines{margin:0 0 5px 0;}.post .lines
.line{padding:10px;}.post .lines{margin:0 0 5px 0;}.post .lines
.line{padding:5px;}.post .lines .even{border-bottom:1px dotted
#ddd;}.post .lines .odd{border-bottom:1px dotted #ddd;}
#container{margin:0px auto;{block:IndexPage}
{block:ifNotHeaderWhiteOpacity}{block:ifNotHeaderBlackOpacity}
{block:ifNotHeaderBackground}{block:ifSecondBackground}border-top:1px
solid {color:Second background border};{/block:ifSecondBackground}
{/block:ifNotHeaderBackground}{/block:ifNotHeaderBlackOpacity}
{/block:ifNotHeaderWhiteOpacity}{/block:IndexPage}
{block:PermalinkPage}{block:ifNotHeaderWhiteOpacity}
{block:ifNotHeaderBlackOpacity}{block:ifNotHeaderBackground}
{block:ifPermalinkSecondBackground}border-top:1px solid {color:Second
background border};{/block:ifPermalinkSecondBackground}
{/block:ifNotHeaderBackground}{/block:ifNotHeaderBlackOpacity}
{/block:ifNotHeaderWhiteOpacity}{/block:PermalinkPage}}
.video embed{{block:ifPostsBorder}border:1px solid {color:Posts
border};{/block:ifPostsBorder}width:100%;z-index:500 !important;}
.video iframe{{block:ifPostsBorder}border:1px solid {color:Posts
border};{/block:ifPostsBorder}width:100%;z-index:500 !important;}
.text img{{block:PermalinkPage}width:100%;{/block:PermalinkPage}}
.text_title a{font-weight:normal;font-size:16px;
font-family:'Open
Sans';color:{color:post title};}
.text_title a:hover{color:{color:Links hover};-moz-transition: all .
2s;-webkit-transition: all .2s;-o-transition: all .2s;transition:
all .2;}
.text{{block:ifPostsBorder}border:1px solid {color:Posts border};
{/block:ifPostsBorder}overflow:hidden;text-align:left;fontsize:11px;color:{color:text};font-family: {font:Text};cursor:default;
{block:ifPostsColor}background-color:{color:Posts color};
{/block:ifPostsColor}padding:10px;{block:PermalinkPage}width:480px;
{/block:PermalinkPage}}
.quote{{block:ifPostsBorder}border:1px solid {color:Posts border};
{/block:ifPostsBorder}overflow:hidden;text-align:left;paddingbottom:10px;font-size:11px;color:{color:text};font-family:
{font:Text};cursor:default;{block:ifPostsColor}background-color:
{color:Posts color};{/block:ifPostsColor}padding:10px;}
.quote_title a{padding-bottom:10px;font-weight:normal;fontsize:11px;font-family:{font:Text};color:{color:Link};-moz-transition:
{block:PermalinkPage}.video{{block:ifPostsBorder}border:1px solid
{color:Posts Border};{/block:ifPostsBorder}
{block:ifPostsColor}background:{color:Posts color};
{/block:ifPostsColor}width:500px;}
{/block:PermalinkPage}
#button{cursor:pointer;right:0px;position:absolute;bottom:0px;
{block:ifPostsBorder}border-left:1px solid {color:Posts
border};border-top:1px solid {color:Posts border};
{/block:ifPostsBorder}padding:2px 4px 2px 5px;text-align:right;color:
{color:Text};font-family: 'Open Sans';letter-spacing:1px;fontsize:10px;}
.notes2{font-family:'Open Sans Condensed';fontsize:60px;float:right;padding-top:20%;padding-right:10%}
.notes2 a{color:rgba({block:ifNotDarkFade}0,0,0{/block:ifNotDarkFade}
{block:ifDarkFade}255,255,255{/block:ifDarkFade},0.7)}
.notes2:hover a{color:#{block:ifNotDarkFade}000{/block:ifNotDarkFade}
{block:ifDarkFade}fff{/block:ifDarkFade}}
.post ol.notes{padding:0;list-style-type:none;font-size:11px;}
.post ol.notes a{text-decoration:none;}
.post ol.notes li.note .answer_content{font-weight:normal;}
#hiddenotes{display:none;}
ol.notes{max-height:250px;overflow:auto;}
img.avatar{display:none !important;}
.clear{clear:both}.space{height:70px;}
{CustomCSS}
</style>
</head>
<body>
<center>
<div class="header">
<a href="/">{block:IfHeaderImage}<center><a href="/"><img
src="{image:Header}"/></a></center><br/>{/block:IfHeaderImage}
{block:ifNotHeaderImage}<h1>{Title}</h1>{/block:ifNotHeaderImage}</a>
{block:ifShowDescription}<br/>
<div class="description">{block:Description}{Description}
{/block:Description}</div><br/>{/block:ifShowDescription}
<div class="header_links">{block:AskEnabled}{block:ifShowAsk}<a
href="/ask">{block:ifAskTitle}{text:Ask title}{/block:ifAsktitle}
{block:ifNotAskTitle}Ask{/block:ifNotAskTitle}</a>{/block:ifShowAsk}
{/block:AskEnabled}{block:HasPages}{block:Pages}<a
href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
{block:ifShowArchive}<a
href="/archive">Archive</a>{/block:ifShowArchive}
{block:ifShowSubmit}<a href="/submit">Submit</a>{/block:ifShowSubmit}
{block:ifShowCredit}<a
href="http://opcion.tumblr.com/">Theme</a>{/block:ifShowCredit}</div><
/div></center>
<div class="back">
{block:IndexPage}<div id="posts_hidden"
style="display:none;visibility:hidden;"><PPP>{block:Posts}
{block:Link}
<divz class="post link"><divz class="link_title"><a href="{URL}"
target="_blank">{Name}</a></divz>{block:Description}<divz
class="link_description">{Description}</divz>{/block:Description}
{block:ifShowNoteCount}{block:NoteCount}<a href="{Permalink}"
target="_blank"><divz
class="b">{NoteCount}</divz></a>{/block:NoteCount}
{/block:ifShowNoteCount}{block:ifShowPermalink}<center><divz
class="a"><a href="{Permalink}"
target="_blank">Permalink</a></divz></center>{/block:ifShowPermalink}
{block:ifNotShowPermalink}<center><divz class="a"><a
href="{ReblogURL}"
target="_blank">Reblog</a></divz></center>{/block:ifNotShowPermalink}<
/divz><QQQ>
{/block:Link}
{block:Quote}
<divz class="post quote"><divz
class="quote_title">"{Quote}"</divz>{block:Source}<divz
class="quote_source" style="text-align:right; paddingbottom:10px;">{Source}</divz>{/block:Source}{block:ifShowNoteCount}
{block:NoteCount}<a href="{Permalink}" target="_blank"><divz
class="b">{NoteCount}</divz></a>{/block:NoteCount}
{/block:ifShowNoteCount}{block:ifShowPermalink}<center><divz
class="a"><a href="{Permalink}"
target="_blank">Permalink</a></divz></center>{/block:ifShowPermalink}
{block:ifNotShowPermalink}<center><divz class="a"><a
href="{ReblogURL}"
target="_blank">Reblog</a></divz></center>{/block:ifNotShowPermalink}<
/divz><QQQ>
{/block:Quote}
{block:Text}
<divz class="post text">{block:Title}<divz class="text_title"><a
href="{Permalink}"
target="_blank">{Title}</a></divz>{/block:Title}<divz
class="text_body">{Body}</divz>{block:ifShowNoteCount}
{block:NoteCount}<a href="{Permalink}" target="_blank"><divz
class="b">{NoteCount}</divz></a>{/block:NoteCount}
{/block:ifShowNoteCount}{block:ifShowPermalink}<center><divz
class="a"><a href="{Permalink}"
target="_blank">Permalink</a></divz></center>{/block:ifShowPermalink}
{block:ifNotShowPermalink}<center><divz class="a"><a
href="{ReblogURL}"
target="_blank">Reblog</a></divz></center>{/block:ifNotShowPermalink}<
/divz><QQQ>
{/block:Text}
{block:Answer}
<divz class="post text"><p>{lang:Asker asked}: {Question}</p>{Answer}
{block:ifShowNoteCount}{block:NoteCount}<a href="{Permalink}"
target="_blank"><divz
class="b">{NoteCount}</divz></a>{/block:NoteCount}
{/block:ifShowNoteCount}<center><divz class="a"><a href="{Permalink}"
target="_blank">Permalink</a></divz></center></divz><QQQ>
{/block:Answer}
{block:Video}
<divz class="post video">{Video-500}{block:ifShowCaptions}
{block:Caption}<divz class="pad">{Caption}</divz>{/block:Caption}
{/block:ifShowCaptions}<center><divz class="a"><a href="{Permalink}"
target="_blank">Permalink</a></divz></center></divz><QQQ>
{/block:Video}
{block:Photoset}
{Label}{/block:Label}
{Line}</divz>{/block:Lines}</divz>{block:ifShowNoteCount}
{block:NoteCount}<a href="{Permalink}" target="_blank"><divz
class="b">{NoteCount}</divz></a>{/block:NoteCount}
{/block:ifShowNoteCount}{block:ifShowPermalink}<center><divz class="a"
style="border:none !important;margin-top:-4px;margin-bottom:-7px"><a
href="{Permalink}"
target="_blank">Permalink</a></divz></center>{/block:ifShowPermalink}
{block:ifNotShowPermalink}<center><divz class="a" style="border:none !
important;margin-top:-4px;margin-bottom:-7px"><a href="{ReblogURL}"
target="_blank">Reblog</a></divz></center>{/block:ifNotShowPermalink}<
/divz></divz><QQQ>
{/block:Chat}
{/block:Posts}<PPP></div>
<div id="container" style="width:{block:ifSizelimit}{text:Size
limit}px{/block:ifSizelimit}{block:ifNotSizelimit}100%
{/block:ifNotSizelimit};overflow:hidden">{/block:IndexPage}
{block:PermalinkPage}<div id="container" style="width:500px;margin:0px
auto">{/block:PermalinkPage}
<div id="posts">
{block:PermalinkPage}
{block:Posts}
<div class="posts">
{block:Link}
<div class="post link"><div class="link_title"><a href="{URL}"
{Target}>{Name}</a></div>{block:Description}<div
class="link_description">{Description}</div>{/block:Description}
{block:NoteCount}<center><br/><a
id="button">{NoteCount}</a><br/></center>{/block:NoteCount}</div>
{/block:Link}
{block:Quote}
<div class="post quote"><div
class="quote_title">"{Quote}"</div>{block:Source}<div
class="quote_source" style="text-align:right; paddingbottom:10px;">{Source}</div>{/block:Source}
{block:NoteCount}<center><br/><a
id="button">{NoteCount}</a><br/></center>{/block:NoteCount}</div>
{/block:Quote}
{block:Photoset}
<div class="post photoset">{Photoset-500}<div
class="captions">{block:Caption}{Caption}
{/block:Caption}</div>{block:NoteCount}<center><br/><a
id="button">{NoteCount}</a><br/></center>{/block:NoteCount}</div>
{/block:Photoset}
{block:Text}
<div class="post text">{block:Title}<div class="text_title"><a
href="{Permalink}">{Title}</a></div>{/block:Title}<div
class="text_body">{Body}</div>{block:NoteCount}<center><br/><a
id="button">{NoteCount}</a><br/></center>{/block:NoteCount}</div>
{/block:Text}
{block:Video}
</html>
margin: 0;
font-family: Calibri, Helvetica, Arial, sans-serif;
color: {color:Body text};
font-size: 12px;
line-height: 160%;
}
a{
color: inherit;
}
a img {
border: none;
}
blockquote {
margin: 0;
padding: 0 0 0 9px;
border-left: 1px dotted;
}
header {
position: relative;
width: 1040px;
margin: 50px auto 25px auto;
text-align: center;
}
header a {
text-decoration: none;
}
header img {
max-width: 100%;
}
header .title h1 {
margin: 0;
line-height: 100%;
font-family: 'BebasNeueRegular', Arial, sans-serif;
text-transform: uppercase;
font-weight: normal;
font-size: {text:Blog title size};
color: {color:Blog title};
}
header p {
margin: 5px 0;
}
header .menu_item {
margin: 0 5px;
{block:IfMenuTextSize}font-size: {text:Menu text size};
{/block:IfMenuTextSize}
font-weight: bold;
}
{block:IndexPage}.no_of_columns_1 {
width: 260px;
}
.no_of_columns_2 {
width: 520px;
}
.no_of_columns_3 {
width: 780px;
}
.no_of_columns_4 {
width: 1040px;
}
.no_of_columns_5 {
width: 1300px;
}
.no_of_columns_6 {
width: 1560px;
}
.no_of_columns_7 {
width: 1820px;
}
.no_of_columns_8 {
width: 2080px;
}{/block:IndexPage}
.posts {
position: relative;
margin: 25px auto;
{block:PermalinkPage}
width: 510px;
{/block:PermalinkPage}
height: 105%;
}
.post {
float: left;
position: relative;
margin: 5px;
width: {block:IndexPage}250{/block:IndexPage}
{block:PermalinkPage}500{/block:PermalinkPage}px;
}
.post h2 {
margin: 0;
font-size: 16px;
line-height: 18px;
letter-spacing: 1px;
font-weight: normal;
}
.post h2.quote {
font-family: Georgia, "Times New Roman", Times,
serif;
letter-spacing: 0;
font-style: italic;
}
.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;
}
{block:IndexPage}.post .controls {
position: absolute;
top: 50%;
margin-top: -10px;
left: 0;
width: 100%;
text-align: center;
display: none;
}
.post:hover .controls {
display: block;
}
.post .controls .item {
display: inline-block;
position: relative;
vertical-align: middle;
}
.post .controls .like {
background-image:
url('http://static.tumblr.com/jw8fmba/JQllum7dg/like.png');
width: 21px;
height: 20px;
margin-right: 5px;
}
.post .controls .reblog {
background-image:
url('http://static.tumblr.com/jw8fmba/bPzlum7er/reblog.png');
width: 24px;
height: 20px;
}
.post .controls .note_count {
background-image:
url('http://static.tumblr.com/jw8fmba/Iosm7ri3a/note_count_middle.png');
height: 16px;
color: #FFF;
font-weight: bold;
font-size: 11px;
padding: 2px 5px;
margin-left: 7px;
line-height: 1.6;
}
.post .controls .note_count:before {
content: '';
background-image:
url('http://static.tumblr.com/jw8fmba/dIim7ri67/note_count_left.png');
height: 20px;
width: 5px;
position: absolute;
top: 0px;
left: -5px;
}
.post .controls .note_count:after {
content: '';
background-image:
url('http://static.tumblr.com/jw8fmba/gtqm7ri8i/note_count_right.png');
height: 20px;
width: 2px;
position: absolute;
top: 0px;
right: -2px;
}{/block:IndexPage}
.post .photo {
position: relative;
overflow: hidden;
}
.post img {
max-width: 100%;
height: auto;
}
.post img.main_photo {
width: 100%;
float: left;
}
.post .player {
padding: 0 10px;
background: #FFF;
margin: 0;
}
.post .lines {
margin: 0 0 5px 0;
}
.post .lines .line {
padding: 5px 10px;
}
.post .lines .even {
background: {color:Body text};
color: {color:Background};
}
<header>
<a class="title" href="/">{block:IfHeaderImage}<img
src="{image:Header}" />{/block:IfHeaderImage}
{block:IfNotHeaderImage}<h1>{Title}</h1>{block:IfNotHeaderImage}</a>
{block:IfShowDescription}
{block:Description}<p>{Description}</p>{/block:Description}
{/block:IfShowDescription}
<p>{block:AskEnabled}<a class="menu_item"
href="/ask">{AskLabel}</a>{/block:AskEnabled}{block:SubmissionsEnabled}<a
class="menu_item" href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
{block:HasPages}{block:Pages}<a class="menu_item"
href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}{block:Pagination}
{block:PreviousPage}<a
{block:IfInfiniteScroll}style="display:none"{/block:IfInfiniteScroll}
href="{PreviousPage}">{lang:Previous page}</a>{/block:PreviousPage}
{block:NextPage}<a
{block:IfInfiniteScroll}style="display:none"{/block:IfInfiniteScroll}
href="{NextPage}">{lang:Next page}</a>{/block:NextPage}{/block:Pagination}<a
class="menu_item" href="/archive">{lang:Archive}</a></p>
</header>
<div class="posts no_of_columns_{text:Number of columns}
{block:IfNotNumberOfColumns}4{/block:IfNotNumberOfColumns}"
{block:IndexPage}style="opacity: 0"{/block:IndexPage}>
{block:Posts}
<div class="post {block:IfInfiniteScroll}load{/block:IfInfiniteScroll}"
id="post_{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}<div class="lines">{block:Lines}<div
class="line {Alt}">{block:Label}{Label}{/block:Label}
<em>{Line}</em></div>{/block:Lines}</div>{/block:Chat}
{block:Quote}<h2>"{Quote}"</h2>{block:Source}<p>- {Source}</p>{/block:Source}
{/block:Quote}{block:Link}<h2><a href="{URL}"
{Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}
{/block:Link}{block:Photo}<div class="photo">{LinkOpenTag}<img
src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}
{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}" class="main_photo"
/>{LinkCloseTag}</div>{block:PermalinkPage}{block:Caption}{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:Photo}{block:Photoset}
{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}
{Photoset-500}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}{block:Video}{block:IndexPage}{Video-250}{/block:IndexPage}
{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:Caption}{Caption}
{/block:Caption}{/block:Video}{block:Audio}{block:AlbumArt}<a
href="{Permalink}"><img src="{AlbumArtURL}" class="main_photo"
/></a>{/block:AlbumArt}<div
class="player">{AudioPlayerWhite}</div>{block:Caption}{Caption}{/block:Caption}
});
</script>{/block:IndexPage}
</body>
</html>