tdominey

<!-- Display essays/pages written about this album -->
  	<koken:topics>
			<p>
				<strong>Related content:</strong>
				<koken:loop separator=", ">
					<koken:link>
						{{ essay.title }}
						{{ essay.content }}
					</koken:link>
				</koken:loop>

tdominey

<style>
  div.bg {
		width:500px;
		height:300px;
	}
</style>

<koken:load source="content" filter:id="342">
	<koken:background class="bg"></koken:background>
</koken:load>

tdominey

<koken:topics>
  		<h5>Discussed in this essay</h5>
			<koken:loop>
					<koken:link>
						<span class="thumb"><koken:img width="120" height="120" /></span>
					</koken:link>
					<h6>
						<koken:link>
							{{ album.title }}
						</koken:link>

tdominey

@media only screen and (max-width: 767px) {
 nav * {
     display:inline-block;
     margin:0 6px 0 0;
 }
}

tdominey

a.album-hover:hover span.overlay {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
	opacity: 0.8;
}

tdominey

#main .media img {
    max-height:none;
}

tdominey

#content-caption h2 {
    display:none;
}

/* or to hide the whole thing, uncomment: */
/*
#content-caption {
    display:none;
}
*/

tdominey

img.k-lazy-loading {
    background-image:url(http://yourdomain.com/spinner.gif);
}

tdominey

<koken:if data="album.id" equals="5">
	<!-- album found -->
<koken:else>
	<!-- album not found -->
</koken:if>

tdominey

<style>
  .thumb {
    	width:400px;
	height:300px;
  }
</style>

<koken:load source="featured_albums">
  <koken:loop>
    <koken:background class="thumb">