<![CDATA[<!DOCTYPE html>
<!---------------------------------------------------------------
Theme Chlam By Max Davis
Last update 08.10.15
Theme info + code: http://themes.mxdvs.co/archive/chlam
More free themes: http://themes.mxdvs.co
------------------------------------------------------------- -->
<html lang="en">
<head>
<meta charset="utf-8" />
<title>{Title}</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="color:Background" content="#FFFFFF"/>
<meta name="color:Center" content="#FFFFFF"/>
<meta name="color:Titles" content="#000000"/>
<meta name="color:Text" content="#555555"/>
<meta name="color:Link" content="#000000"/>
<meta name="color:Link Hover" content="#000000"/>
<meta name="color:Link Hover Background" content="#FFFF00"/>
<meta name="color:Border" content="#DDDDDD"/>
<meta name="image:Background" content="" />
<meta name="image:Sidebar Portrait" content="" />
<meta name="if:Infinite Scroll" content="1" />
<meta name="if:Links Fade" content="0" />
<meta name="if:Sidebar Fixed" content="0" />
<meta name="if:Sidebar left" content="0" />
<meta name="if:Hide Side Info" content="0" />
<meta name="if:Switch Link Color" content="0" />
<meta name="if:Show Caption" content="0" />
<meta name="if:Show Shadow" content="0" />
<meta name="text:Ask Title" content="Ask" />
<meta name="text:Reblog Title" content="Reblog Post" />
<meta name="text:Previous page title" content="<<" />
<meta name="text:Next page title" content=">>" />
<meta name="text:Link 1" content="" />
<meta name="text:Link 1 Title" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:Link 2 Title" content="" />
<meta name="text:Link 3" content="" />
<meta name="text:Link 3 Title" content="" />
<meta name="text:Link 4" content="" />
<meta name="text:Link 4 Title" content="" />
<meta name="text:Link 5" content="" />
<meta name="text:Link 5 Title" content="" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
{block:ifInfiniteScroll}
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
{/block:ifInfiniteScroll}
<script type="text/javascript" src="http://themaxdavisthemes.com/code/jQuery.js"></script>
<style type="text/css">
/*** Basic Styles ***/
body {
padding:0;
margin:0;
font-family: 'Open Sans', sans-serif;
background-color:{color:background};
background-image:url({image:Background});
font-size:11px;
color:{color:Text};}
a { text-decoration:none;
color:{color:link};
{block:ifSwitchLinkColor}
color:{color:link hover};
background-color:{color:link hover background};
{/block:ifSwitchLinkColor}
{block:ifLinksfade}
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
{/block:ifLinksfade}}
a:hover {
color:{color:link hover};
background-color:{color:link hover background};
{block:ifSwitchLinkColor}
color:{color:link};
background-color:{color:Center};
{/block:ifSwitchLinkColor}
{block:ifLinksfade}
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
{/block:ifLinksfade}}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
:-moz-any-link:focus{outline: none;}
img{border:none;}
p{margin: 0;padding: 0;}
#tumblr_controls{position:fixed !important;}
.clear {clear:both;}
#center{
width:890px;
margin: auto;}
/*** Container Styles ***/
.container{
width:400px;
margin-top:30px;
margin-bottom: 30px;
position:relative;
background-color:{color:center};
padding:30px 100px 30px 100px;
{block:ifsidebarleft}
margin-left:290px;
{/block:ifsidebarleft}
{block:ifshowshadow}
box-shadow:0 0 5px rgba(0,0,0,0.1);
{/block:ifshowshadow}}
/*** Post Styles ***/
.container .post{
width:400px;
position: relative;
margin-bottom:30px;}
.container .post img{
max-width:400px;}
.container .post .border_bottom{
margin:10px 0;
border-bottom: 1px solid {color:border};
display:none;
{block:ifhidesideinfo}
display:block;
{/block:ifhidesideinfo}}
/*** Permalink Styles ***/
.container .post .perma{
margin:10px 0;}
.container .post .perma .border{
width:400px;
border-top:1px solid {color:border};}
/*** Permalink[side] Styles ***/
.container .post .side_perma{
margin-left:-90px;
position:absolute;
padding:10px 5px 2px;
width:70px;
background-color:{color:center};
{block:ifhidesideinfo}
opacity:0;
{block:ifLinksfade}
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
{/block:ifLinksfade}
{/block:ifhidesideinfo}}
{block:ifhidesideinfo}
.container .post:hover .side_perma{
opacity:1;
{block:ifLinksfade}
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
{/block:ifLinksfade}}{/block:ifhidesideinfo}
.container .post .source{
padding:10px 5px 10px;}
.container .post .side_perma .border{
width:70px;
border-top:1px solid {color:border};}
.container .post .side_perma .type{
margin-top:-8px;
width:70px;
text-align:center;
font-weight:700;
color:{color:Title};}
.container .post .side_perma .type a:hover{
color:{color:link hover};
background-color:{color:link hover background};
{block:ifSwitchLinkColor}
background-color:{color:center};
{/block:ifSwitchLinkColor}}
.container .post .side_perma .type a{
color:{color:link};
background-color:{color:center};
{block:ifSwitchLinkColor}
background-color:{color:link hover};
{/block:ifSwitchLinkColor}
padding: 0 4px;}
.container .post .side_perma .permalinks{
font-size: 9px;
margin-top: 10px;
overflow: hidden;
text-align: center;
width: 70px;}
.container .post .side_perma .permalinks a{
padding:0 2px;}
.container .post .side_perma .tags{
font-size: 9px;
display:block;
margin: 2px 0;
text-align: center;}
/*** Permalink[other side] Styles ***/
.container .post .side_perma_right{
margin-left:410px;
bottom:0px;
position:absolute;
padding:10px 5px 0;
width:70px;
background-color:{color:center};
{block:ifhidesideinfo}
opacity:0;
{block:ifLinksfade}
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
{/block:ifLinksfade}
{/block:ifhidesideinfo}}
.container .post:hover .side_perma_right{
{block:ifhidesideinfo}
opacity:1;
{block:ifLinksfade}
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
{/block:ifLinksfade}
{/block:ifhidesideinfo}}
.container .post .side_perma_right .border{
margin:15px 0 0;
border-bottom:1px solid {color:border};}
.container .post .side_perma_right .info_title{
margin-top:-8px;
width:70px;
font-weight:700;
color:{color:Title};
text-align:center;}
.container .post .side_perma_right .info_title a{
color:{color:link};
background-color:{color:center};
{block:ifSwitchLinkColor}
background-color:{color:link hover};
{/block:ifSwitchLinkColor}
padding: 0 4px;}
.container .post .side_perma_right .info_title a:hover{
color:{color:link hover};
background-color:{color:link hover background};
{block:ifSwitchLinkColor}
background-color:{color:center};
{/block:ifSwitchLinkColor}}
.container .post .side_perma_right .info a{
font-size: 9px;
padding: 0 2px;}
.container .post h3{
font-size: 13px;
margin:5px 0 7px;
padding:0 0 5px;
color:{color:Titles};}
.container h4{
font-weight:700;
font-size:11px}
.container h5{
font-size: 12px;
margin: 5px 0;
border-bottom:1px solid {color:border};
color: {color:Titles};
padding: 0 0 5px;}
.container .post-infos{
margin: 0 0 15px;}
.container .album{
width:100px;
float:left;
background-color:rgba(0,0,0,0.1);
padding:5px 5px 3px;
margin:0 15px 10px 0;}
.container .album img{
width:100px;
height:auto;}
.container .audio{
width:390px;
height:27px;
padding:5px;
margin:0 0 15px;
float:left;
opacity:0.1;
background:black;}
.container .caption{
font-size:10px;
margin:5px 0 15px;}
.container .asker_portrait{
float:left;
width:30px;
margin-right:10px;}
.container .question{
float: left;
font-size: 10px;
font-weight: bold;
margin: 0 0 15px;
width: 360px;}
.container .answer{
margin-top:10px;}
/*** Sidebar Styles ***/
.sidebar{
width:200px;
padding:30px;
font-size:10px;
background-color:{color:Center};
position:absolute;
{block:ifshowshadow}
box-shadow:0 0 5px rgba(0,0,0,0.1);
{/block:ifshowshadow}
{block:ifsidebarfixed}
position:fixed;
{/block:ifsidebarfixed}
{block:ifNotsidebarleft}
margin-left:630px;
{/block:ifNotsidebarleft}
{block:ifsidebarleft}
margin-left:0px;
{/block:ifsidebarleft}}
.sidebar .portrait{
margin:0 0 10px;
max-width:200px;
height:auto;}
.sidebar .portrait img{
max-width:200px;}
.sidebar img{
opacity:1;
{block:ifLinksfade}
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
{/block:ifLinksfade}}
.sidebar img:hover{
opacity:0.6;
{block:ifLinksfade}
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
{/block:ifLinksfade}}
.sidebar h1{
margin:0 0 15px;
padding:1px 5px 3px;
color:{color:Titles};
border-bottom: 1px solid {color:border};
{block:ifSwitchLinkColor}
color:{color:link hover};
background-color:{color:Link Hover Background};
{/block:ifSwitchLinkColor}
{block:ifLinksfade}
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
{/block:ifLinksfade}}
.sidebar h1:hover {
color:{color:link hover};
background-color:{color:Link Hover Background};
{block:ifSwitchLinkColor}
color:{color:Titles};
background-color:{color:center};
{/block:ifSwitchLinkColor}
{block:ifLinksfade}
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
{/block:ifLinksfade}}
.sidebar h3{
font-size: 13px;
margin:25px 0 7px;
padding:0 0 5px;
color:{color:Titles};
border-bottom: 1px solid {color:border};}
.sidebar .links{
margin:0;
padding:0;
line-height:15px;
list-style:none;}
.sidebar .links li{
width:auto;
display:inline;
clear:both;
padding: 0 5px;
{block:ifSwitchLinkColor}
color:{color:link hover};
background-color:{color:Link Hover Background};
{/block:ifSwitchLinkColor}}
.sidebar .links li:hover {
color:{color:link hover};
background-color:{color:link hover background};
{block:ifSwitchLinkColor}
color:{color:link};
background-color:{color:Center};
{/block:ifSwitchLinkColor}}
.navi {
font-size:10px;}
.navi .prev{
text-align:left;
padding: 0 2px;}
.navi .next{
float:right;
padding: 0 2px;}
.page_jump {
left: 50%;
margin-left: -100px;
position: absolute;
text-align: center;
width: 200px;}
.page_jump a{
padding:0 2px;
margin:0 2px;}
.tags_perma a{
text-decoration:none;
padding:0 1px;
color:{color:link};
background-color:transparent;}
.tags_perma a:hover{
color:{color:link hover};
background-color:{color:link hover background};}
ol.notes {
padding: 0px;
margin: 10px 0px;
list-style-type: none;}
ol.notes a{
text-decoration:none;
padding:0 1px;
color:{color:link};
background-color:transparent;}
ol.notes a:hover{
color:{color:link hover};
background-color:{color:link hover background};}
ol.notes li.note {
padding: 4px;}
ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;}
ol.notes li.note span.action a{
font-weight: bold;}
ol.notes li.note .answer_content {
font-weight: normal;}
ol.notes li.note blockquote {
padding: 4px 10px;
margin: 10px 0 3px 25px;}
ol.notes li.note blockquote a {
text-decoration: none;}
</style>
</head>
<body>
<div id="center">
<div class="sidebar">
<a href="/"><h1>{Title}</h1></a>
<a href="/">
<center>{block:IfnotSidebarPortraitimage}
<img src="{PortraitURL-128}" class="portrait" />
{/block:IfnotSidebarPortraitimage}
{block:IfSidebarPortraitimage}
<img src="{image:Sidebar Portrait}" class="portrait" />
{block:IfSidebarPortraitimage}</center></a>
<h3>Description</h3>
{Description}
<h3>Links</h3>
<ul class="links">
{block:AskEnabled}
<a href="/ask"><li>
{block:ifasktitle}{text:Ask Title}{/block:ifasktitle}
{block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}
</li></a><br />{/block:AskEnabled}
{block:ifShowSubmit}<a href="/submit"><li>
Submit</li></a> {/block:ifShowSubmit}
{block:HasPages}{block:Pages}<a href="{URL}"><li>
{Label}</li></a><br />{/block:Pages}
{/block:HasPages}
{block:ifLink1Title}
<a href="{text:Link 1}" title="{text:Link 1 Title}"><li>
{text:Link 1 Title}</li></a><br />
{/block:ifLink1Title}
{block:ifLink2Title}
<a href="{text:Link 2}" title="{text:Link 2 Title}"><li>
{text:Link 2 Title}</li></a><br />
{/block:ifLink2Title}
{block:ifLink3Title}
<a href="{text:Link 3}" title="{text:Link 3 Title}"><li>
{text:Link 3 Title}</li></a><br />
{/block:ifLink3Title}
{block:ifLink4Title}
<a href="{text:Link 4}" title="{text:Link 4 Title}"><li>
{text:Link 4 Title}</li></a><br />
{/block:ifLink4Title}
{block:ifLink5Title}
<a href="{text:Link 5}" title="{text:Link 5 Title}"><li>
{text:Link 5 Title}</li></a><br />
{/block:ifLink5Title}
</ul>
{block:ifNotInfiniteScroll}
{block:ifsidebarfixed}
<h3>Navigation</h3>
{block:Pagination}
<div class="navi">
{block:PreviousPage}
<a href="{PreviousPage}" class="prev">
{text:Previous page title}</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}" class="next">
{text:Next page title}</a>
{/block:NextPage}
</div>
{/block:Pagination}
{/block:ifsidebarfixed}
{/block:ifNotInfiniteScroll}
</div>
<div class="container">
{block:Posts}
<div class="post loading">
{block:IndexPage}
{block:Date}
<div class="side_perma {block:RebloggedFrom} source{/block:RebloggedFrom}">
<div class="border"></div>
<div class="type">
<a href="{Permalink}">
{block:Text}TEXT{/block:Text}
{block:Photo}PHOTO{/block:Photo}
{block:Photoset}SET{/block:Photoset}
{block:Quote}QUOTE{/block:Quote}
{block:Link}LINK{/block:Link}
{block:Chat}CHAT{/block:Chat}
{block:Audio}AUDIO{/block:Audio}
{block:Video}VIDEO{/block:Video}
{block:Answer}Q/A{/block:Answer}
</a>
</div>
{block:HasTags}
{block:Tags}
<a href="{TagURL}" class="tags">#{Tag}</a>
{/block:Tags}
{/block:HasTags}
{block:RebloggedFrom}
<div class="permalinks">
source: <br />
<a href="{ReblogRootURL}">{ReblogRootName}</a>
</div>
{/block:RebloggedFrom}
</div>
<div class="side_perma_right">
<div class="border"></div>
<div class="info_title">
<a href="{Permalink}">INFO</a>
</div>
<div class="info">
{block:NoteCount}
<a href="{Permalink}">{NoteCountWithLabel}</a><br />
{/block:NoteCount}
<a href="{Permalink}">{Timeago}</a>
{block:ifReblogTitle}<br />
<a href="{ReblogUrl}" target="_blank">
{text:Reblog Title}</a>
{/block:ifReblogTitle}
</div>
<div class="border"></div>
</div>
{/block:Date}
{/block:IndexPage}
{block:Text}
{block:Title}
<a href="{Permalink}"><h3>{Title}</h3></a>
{/block:Title}
{Body}
{/block:Text}
{block:Photo}
<center><img src="{PhotoURL-HighRes}" /></center>
{block:ifShowCaption}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:ifShowCaption}
{/block:Photo}
{block:Photoset}
{Photoset-400}
{block:ifShowCaption}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:ifShowCaption}
{/block:Photoset}
{block:Quote}
<div class="quote">
<h3>"{Quote}"</h3>
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
</div>
{/block:Quote}
{block:Link}
<a href="{URL}" class="link" {Target}><h3>
{text:Link Symbols} {Name}</h3></a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{/block:Link}
{block:Audio}
{block:AlbumArt}<div class="album">
<img src="{AlbumArtURL}" />
</div>{/block:AlbumArt}
<div class="audio {block:AlbumArt}art{/block:AlbumArt}">
{AudioPlayerBlack}</div>
<div class="caption">
<a href="{Permalink}">
{block:Caption}{Caption}{/block:Caption}</a>
</div>
<div class="clear"></div>
{/block:Audio}
{block:Chat}
{block:Title}
<a href="{Permalink}"><h3>{Title}</h3></a>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{/block:Chat}
{block:Video}
{Video-400}
{block:ifShowCaption}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:ifShowCaption}
{/block:Video}
{block:Answer}
<img class="asker_portrait" src="{AskerPortraitURL-30}"/>
<div class="question">
{Asker} asked:<br>
{Question}
</div>
<div class="answer">{Answer}</div>
{/block:Answer}
{block:IndexPage}
{block:Date}
<div class="perma">
<div class="border"></div>
</div>
{/block:Date}
{/block:IndexPage}
{block:PermalinkPage}
{block:Caption}<h5>Caption</h5>
<div class="post-infos">{Caption}</div>{/block:Caption}
{block:Date}<h5>Post Info</h5>
<div class="post-infos">
Posted on {DayOfWeek} {DayOfMonth} {Month} {Year}.<br/>
{TimeAgo}.
<div class="tags_perma">
Filed under:
{block:HasTags}
{block:Tags}
<a href="{TagURL}" class="tags">#{Tag}</a>
{/block:Tags}
{/block:HasTags}
</div>
</div>
{/block:Date}
{block:NoteCount} <h5>Notes: {NoteCount}</h5>{/block:NoteCount}
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
{/block:PermalinkPage}
</div>
{/block:Posts}
{block:ifNotInfiniteScroll}
{block:ifNotsidebarfixed}
{block:Pagination}
<div class="navi">
{block:PreviousPage}
<a href="{PreviousPage}" class="prev">
{text:Previous page title}</a>
{/block:PreviousPage}
<span class="page_jump">
{block:JumpPagination length="7"}
{block:CurrentPage}
<span class="current_page">{PageNumber}</span>
{/block:CurrentPage}
{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}</span>
{block:NextPage}
<a href="{NextPage}" class="next">
{text:Next page title}</a>
{/block:NextPage}
</div>
{/block:Pagination}
{/block:ifNotsidebarfixed}
{/block:ifNotInfiniteScroll}
</div>
</div>
<script type="text/javascript">
jQuery(function() {
$(".caption p").remove(":contains('Source:')");
$(".caption p").remove(":contains('(via')");
});
</script>
</body>
</html>]]>
