{extends file="layout.tpl"}
{*
* These blocks replace corresponding blocks in the base theme layout.tpl file
* These blocks can themselves be replaced/prepended/appended by blocks in the child theme.tpl file
* Brace characters are assumed to be Smarty delimiters UNLESS surrounded by white space
*}
{block "meta"}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="cleartype" content="on">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title dir="ltr">{$ss_siteTitle} | {$ss_navName}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="{$ss_metaKeywords}">
<meta name="description" content="{$ss_pageDescription}">
<meta property="og:title" content="{$ss_ogTitle}">
<meta property="og:type" content="website">
<meta property="og:url" content="http://{$ss_hostName}{$ss_pageUrl}/">
<meta property="og:description" content="{$ss_pageDescription}">
{if $ss_ogImageUrl ne ''}
<meta property="og:image" content="http://{$ss_ogImageUrl}">
{/if}
{/block}
{block "stylelinks"}
<link rel="stylesheet" href="{$ss_themeUrl}/css/styles.css">
<link rel="stylesheet" href="{$ss_themeUrl}/css/custom.css">
{/block}
{block "scriptlinks"}
<script src="{$ss_themesUrl}/base/js/jquery-min.js"></script>
<script src="{$ss_themesUrl}/base/js/modernizr.custom.js"></script>
<script src="{$ss_themesUrl}/base/js/base.js"></script>
<script src="{$ss_themesUrl}/base/js/jquery.fitvids.js"></script>
<!--[if (lt IE 9) & (gt IE 6) & (!IEMobile)]>
<script src="{$ss_themesUrl}/base/js/selectivizr-min.js"></script>
<script src="{$ss_themesUrl}/base/js/respond.min.js"></script>
<![endif]-->
{/block}
{block "styles"}
/* base font size */
body {
font-size: {$bodyFontPercent}%;
}
body.background-image {
background-image: url({$backgroundImageSrc});
}
/* Site max width */
#wrapper {
max-width: {$siteMaxWidth}px;
}
/* Custom colors */
.custom {
background-color: {$customBackgroundColor};
color: {$customForegroundColor};
}
/* logo */
.custom h1,
.custom h1 a,
.custom h1 a:hover {
color: {$customHeading1Color};
}
/* links styles */
.custom a {
color: {$customLinkColor};
}
.custom a:hover {
color: {$customHoverColor};
}
.custom header nav ul li.active > a:link,
.custom header nav ul li.active > a:visited {
color: {$customUrhereColor};
}
.custom header nav ul li.active > a:hover {
color: {$customHoverColor};
}
/* content styles */
.custom h2,
.custom h3,
.custom h4 {
color: {$customHeading2Color};
}
/* borders */
.custom * {
border-color: {$customBorderColor};
}
{/block}
{block "head" append}
{if $ss_googleAnalyticsId ne ''}
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{$ss_googleAnalyticsId}']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
{/if}
{/block}
{block "header"}
<div class="hgroup">
{block "hgroup"}
<h1>
{if $siteLogoSrc ne ''}
<a href="{$ss_siteHeaderLink}"><img src="{$siteLogoSrc}" alt="{$ss_siteTitle}"></a>
{/if}
{if $ss_siteHeading ne ''}
<a href="{$ss_siteHeaderLink}">{$ss_siteHeading}</a>
{/if}
</h1>
{if $ss_siteSubHeading ne ''}
<h2>{$ss_siteSubHeading}</h2>
{/if}
<div id="nav-anchors" class="nav-anchors">
<a href="#nav" id="menu-anchor"><span aria-hidden="true" data-icon="#"></span></a>
</div>
{/block}
</div>
<nav id="nav" class="header-nav-items">
{block "nav"}
{$ss_navLinks}
{/block}
</nav>
{/block}
{block "body" append}
<script>
$("section.content").fitVids();
</script>
<script src="{$ss_themeUrl}/js/custom.js"></script>
{/block}
{block "footer"}
<small>{$ss_siteFooter}</small>
{/block}