Added 2k11 to templates.

2011-11-28 07:44:46 +01:00 · 2011-11-28 07:44:46 +01:00 · f57a5e5975
commit f57a5e5975
parent 0f11ccc288
30 changed files with 1718 additions and 0 deletions
--- a/templates/2k11/UTF-8/lang_de.inc.php
+++ b/templates/2k11/UTF-8/lang_de.inc.php
@ -0,0 +1,17 @@
+<?php
+// Template-Optionen
+@define('TWOK11_HEADER_IMG','Bannergrafik im Kopfbereich einbinden? (1120 Pixel breit; Feld leeren um Ausgabe zu unterdrücken)');
+@define('TWOK11_USE_CORENAV', 'Globale Navigation einbinden?');
+@define('TWOK11_WEBFONTS', 'Einen von Google gehosteten Webfont nutzen?');
+@define('TWOK11_NOWEBFONT', 'Keinen Webfont einbinden');
+@define('TWOK11_USERSTYLES', 'user.css einbinden? (Muss selbst im Templateverzeichnis angelegt werden! Generator: http://yellowled.github.com)');
+// Sprachkonstanten
+@define('TWOK11_NAV_TITLE', 'Navigation');
+@define('TWOK11_PAG_TITLE', 'Pagination');
+@define('TWOK11_PLINK_TEXT', 'Link');
+@define('TWOK11_PLINK_TITLE', 'Permanenter Link zu diesem Kommentar');
+@define('TWOK11_PLACE_NAME', 'z.B. John Doe');
+@define('TWOK11_PLACE_MAIL', 'z.B. mail@example.org');
+@define('TWOK11_PLACE_URL', 'z.B. http://example.org');
+@define('TWOK11_PLACE_MESSAGE', 'Was gibt es zu sagen?');
+@define('TWOK11_SEND_MAIL', 'Senden');
--- a/templates/2k11/UTF-8/lang_en.inc.php
+++ b/templates/2k11/UTF-8/lang_en.inc.php
@ -0,0 +1,17 @@
+<?php
+// Template options
+@define('TWOK11_HEADER_IMG','Use a banner image in the header? (1120 pixels wide; leave box empty to not use a banner)');
+@define('TWOK11_USE_CORENAV', 'Use global navigation?');
+@define('TWOK11_WEBFONTS', 'Use a webfont, hosted by Google?');
+@define('TWOK11_NOWEBFONT', 'Include no webfont');
+@define('TWOK11_USERSTYLES', 'Include user.css? (You need to create that file in your template directory. Generator: http://yellowled.github.com)');
+// Lang constants
+@define('TWOK11_NAV_TITLE', 'Navigation');
+@define('TWOK11_PAG_TITLE', 'Pagination');
+@define('TWOK11_PLINK_TEXT', 'Link');
+@define('TWOK11_PLINK_TITLE', 'Permanent link for this comment');
+@define('TWOK11_PLACE_NAME', 'i.e. John Doe');
+@define('TWOK11_PLACE_MAIL', 'i.e. mail@example.org');
+@define('TWOK11_PLACE_URL', 'i.e. http://example.org');
+@define('TWOK11_PLACE_MESSAGE', 'What do you want to say?');
+@define('TWOK11_SEND_MAIL', 'Send');
--- a/templates/2k11/commentform.tpl
+++ b/templates/2k11/commentform.tpl
@ -0,0 +1,51 @@
+{assign var="placename" value=$CONST.TWOK11_PLACE_NAME}
+{assign var="placemail" value=$CONST.TWOK11_PLACE_MAIL}
+{assign var="placeurl" value=$CONST.TWOK11_PLACE_URL}
+{assign var="placemess" value=$CONST.TWOK11_PLACE_MESSAGE}
+<div id="serendipityCommentFormC" class="serendipityCommentForm">
+    <div id="serendipity_replyform_0"></div>
+    <a id="serendipity_CommentForm"></a>
+    <form id="serendipity_comment" action="{$commentform_action}#feedback" method="post">
+    <div><input type="hidden" name="serendipity[entry_id]" value="{$commentform_id}"/></div>
+    <div class="form_field">
+        <label for="serendipity_commentform_name">{$CONST.NAME}</label>
+        <input id="serendipity_commentform_name" name="serendipity[name]" type="text" value="{$commentform_name}" placeholder="{$placename}"/>
+    </div>
+    <div class="form_field">
+        <label for="serendipity_commentform_email">{$CONST.EMAIL}</label>
+        <input id="serendipity_commentform_email" name="serendipity[email]" type="email" value="{$commentform_email}" placeholder="{$placemail}"/>
+    </div>
+    <div class="form_field">
+        <label for="serendipity_commentform_url">{$CONST.HOMEPAGE}</label>
+        <input id="serendipity_commentform_url" name="serendipity[url]" type="url" value="{$commentform_url}" placeholder="{$placeurl}"/>
+    </div>
+    <div class="form_field">
+        <label for="serendipity_replyTo">{$CONST.IN_REPLY_TO}</label>
+        {$commentform_replyTo}
+    </div>
+    <div class="form_tarea">
+        <label for="serendipity_commentform_comment">{$CONST.COMMENT}</label>
+        <textarea id="serendipity_commentform_comment" name="serendipity[comment]" rows="10" cols="40" placeholder="{$placemess}">{$commentform_data}</textarea>
+    </div>
+    {serendipity_hookPlugin hook="frontend_comment" data=$commentform_entry}
+{if $is_commentform_showToolbar}
+    <div class="form_toolbar">
+        <div class="form_box">
+            <input id="checkbox_remember" name="serendipity[remember]" type="checkbox" {$commentform_remember}/><label for="checkbox_remember">{$CONST.REMEMBER_INFO}</label>
+        </div>
+  {if $is_allowSubscriptions}
+        <div class="form_box">
+            <input id="checkbox_subscribe" name="serendipity[subscribe]" type="checkbox" {$commentform_subscribe} /><label for="checkbox_subscribe">{$CONST.SUBSCRIBE_TO_THIS_ENTRY}</label>
+        </div>
+  {/if}
+    </div>
+{/if}
+{if $is_moderate_comments}
+    <p class="serendipity_msg_important">{$CONST.COMMENTS_WILL_BE_MODERATED}</p>
+{/if}
+    <div class="form_button">
+        <input id="serendipity_submit" name="serendipity[submit]" type="submit" value="{$CONST.SUBMIT_COMMENT}"/>
+        <input id="serendipity_preview" name="serendipity[preview]" type="submit" value="{$CONST.PREVIEW}"/>
+    </div>
+</form>
+</div>
--- a/templates/2k11/comments.tpl
+++ b/templates/2k11/comments.tpl
@ -0,0 +1,28 @@
+{assign var="plinktext" value=$CONST.TWOK11_PLINK_TEXT}
+{assign var="plinktitle" value=$CONST.TWOK11_PLINK_TITLE}
+{foreach from=$comments item=comment name="comments"}
+<article id="c{$comment.id}" class="serendipity_comment{if $entry.author == $comment.author} serendipity_comment_author_self{/if} {cycle values="odd,even"} {if $comment.depth > 8}commentlevel-9{else}commentlevel-{$comment.depth}{/if}">
+    <h4>{if $comment.url}<a href="{$comment.url}">{/if}{$comment.author|@default:$CONST.ANONYMOUS}{if $comment.url}</a>{/if} {$CONST.ON} <time datetime="{$comment.timestamp|@serendipity_smarty_html5time}" pubdate>{$comment.timestamp|@formatTime:$template_option.date_format}</time>:</h4>
+    
+    <div class="serendipity_commentBody clearfix content">
+    {if $comment.body == 'COMMENT_DELETED'}
+        {$CONST.COMMENT_IS_DELETED}
+    {else}
+        {$comment.body}
+    {/if}
+    </div>
+    
+    <footer>
+        <a class="comment_source_trace" href="#c{$comment.id}" title="{$plinktitle}">{$plinktext}</a>
+    {if $entry.is_entry_owner}
+        | <a class="comment_source_ownerlink" href="{$comment.link_delete}" title="{$CONST.COMMENT_DELETE_CONFIRM|@sprintf:$comment.id:$comment.author}">{$CONST.DELETE}</a>
+    {/if}
+    {if $entry.allow_comments AND $comment.body != 'COMMENT_DELETED'}
+        | <a class="comment_reply" href="#serendipity_CommentForm" id="serendipity_reply_{$comment.id}"{if $comment_onchange != ''} onclick="{$comment_onchange}"{/if}>{$CONST.REPLY}</a>
+        <div id="serendipity_replyform_{$comment.id}"></div>
+    {/if}
+    </footer>
+</article>
+{foreachelse}
+<p class="nocomments">{$CONST.NO_COMMENTS}</p>
+{/foreach}
--- a/templates/2k11/config.inc.php
+++ b/templates/2k11/config.inc.php
@ -0,0 +1,70 @@
+<?php
+if (IN_serendipity !== true) { die ("Don't hack!"); }
+
+@serendipity_plugin_api::load_language(dirname(__FILE__));
+
+$serendipity['smarty']->assign(array('currpage'  => "http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'],
+                                     'currpage2' => $_SERVER['REQUEST_URI']));
+
+function serendipity_plugin_api_event_hook($event, &$bag, &$eventData, $addData = null) {
+   global $serendipity;
+   switch($event) { case 'frontend_footer': echo '<!--PLUGIN API-->'; }
+   return true;
+}
+
+function serendipity_smarty_html5time($timestamp) {
+   return date("c", $timestamp);
+}
+
+$serendipity['smarty']->register_modifier('serendipity_smarty_html5time', 'serendipity_smarty_html5time');
+
+$template_config = array(
+   array(
+       'var' => 'date_format',
+       'name' => GENERAL_PLUGIN_DATEFORMAT . " (http://php.net/strftime)",
+       'type' => 'select',
+       'default' => DATE_FORMAT_ENTRY,
+       'select_values' => array(DATE_FORMAT_ENTRY => DATE_FORMAT_ENTRY,
+                                '%a, %e. %B %Y' => '%a, %e. %B %Y',
+                                '%d-%m-%y' => '%d-%m-%y',
+                                '%m-%d-%y' => '%m-%d-%y',
+                                '%a %d-%m-%y' => '%a %d-%m-%y',
+                                '%a %m-%d-%y' => '%a %m-%d-%y',
+                                '%b %d' => '%b %d',
+                                "%b %d '%y" => "%b %d '%y")
+   ),
+   array(
+       'var' => 'header_img',
+       'name' => TWOK11_HEADER_IMG,
+       'type' => 'media',
+       'default' => serendipity_getTemplateFile('header.jpg')
+   ),
+   array(
+       'var' => 'webfonts',
+       'name' => TWOK11_WEBFONTS,
+       'type' => 'select',
+       'default' => 'none',
+       'select_values' => array('none' => TWOK11_NOWEBFONT,
+                                'droid' => 'Droid Sans',
+                                'ptsans' => 'PT Sans',
+                                'osans' => 'Open Sans',
+                                'cabin' => 'Cabin',
+                                'ubuntu' => 'Ubuntu')
+   ),
+   array(
+       'var' => 'userstyles',
+       'name' => TWOK11_USERSTYLES,
+       'type' => 'boolean',
+       'default' => false
+   ),
+   array(
+       'var' => 'use_corenav',
+       'name' => TWOK11_USE_CORENAV,
+       'type' => 'boolean',
+       'default' => true
+   )
+);
+
+$template_global_config = array('navigation' => true);
+$template_loaded_config = serendipity_loadThemeOptions($template_config, $serendipity['smarty_vars']['template_option'], true);
+serendipity_loadGlobalThemeOptions($template_config, $template_loaded_config, $template_global_config);
--- a/templates/2k11/content.tpl
+++ b/templates/2k11/content.tpl
@ -0,0 +1,7 @@
+{if $searchresult_tooShort or $searchresult_error or $searchresult_noEntries or $searchresult_results}
+    <p class="serendipity_search"><b>{$CONST.QUICKSEARCH}:</b> {$content_message}</p>
+{elseif $content_message}
+    <p class="content_msg">{$content_message}</p>
+{/if}
+{$ENTRIES}
+{$ARCHIVES}
--- a/templates/2k11/entries.tpl
+++ b/templates/2k11/entries.tpl
@ -0,0 +1,143 @@
+{serendipity_hookPlugin hook="entries_header" addData="$entry_id"}
+{assign var="pagtitle" value=$CONST.TWOK11_PAG_TITLE}
+{foreach from=$entries item="dategroup"}
+    {foreach from=$dategroup.entries item="entry"}
+    <article id="post_{$entry.id}" class="serendipity_entry{if $dategroup.is_sticky} sticky{/if}" role="article">
+        <header>
+            <h2><a href="{$entry.link}">{$entry.title}</a></h2>
+            
+            <span class="serendipity_byline">{$CONST.POSTED_BY} <a href="{$entry.link_author}">{$entry.author}</a> {$CONST.ON} <time datetime="{$entry.timestamp|@serendipity_smarty_html5time}" pubdate>{$entry.timestamp|@formatTime:$template_option.date_format}</time></span>
+        {if $entry.categories}
+            {foreach from=$entry.categories item="entry_category"}
+                {if $entry_category.category_icon}
+                <a href="{$entry_category.category_link}"><img class="serendipity_entryIcon" title="{$entry_category.category_name|@escape}{$entry_category.category_description|@emptyPrefix}" alt="{$entry_category.category_name|@escape}" src="{$entry_category.category_icon}"/></a>
+                {/if}
+            {/foreach}
+        {/if}
+        </header>
+
+        <div class="clearfix content serendipity_entry_body">
+        {$entry.body}
+        {if $entry.has_extended and not $is_single_entry and not $entry.is_extended}
+        <a class="read_more" href="{$entry.link}#extended">{$CONST.VIEW_EXTENDED_ENTRY|@sprintf:$entry.title}</a>
+        {/if}
+        </div>
+        {if $entry.is_extended}
+        <div id="extended" class="content">
+        {$entry.extended}
+        </div>
+        {/if}
+
+        <footer>
+        {if $entry.categories}
+            <span class="visuallyhidden">{$CONST.CATEGORIES}: </span>{foreach from=$entry.categories item="entry_category" name="categories"}<a href="{$entry_category.category_link}">{$entry_category.category_name|@escape}</a>{if not $smarty.foreach.categories.last}, {/if}{/foreach}
+        {/if}
+        {if $entry.categories and $entry.has_comments} | {/if}
+        {if $entry.has_comments}
+            <a href="{$entry.link}#comments" title="{$entry.comments} {$entry.label_comments}{if $entry.has_trackbacks}, {$entry.trackbacks} {$entry.label_trackbacks}{/if}">{$entry.comments} {$entry.label_comments}</a>
+        {/if}
+        {if $entry.is_entry_owner and not $is_preview}
+            | <a href="{$entry.link_edit}">{$CONST.EDIT_ENTRY}</a>
+        {/if}
+            {$entry.add_footer}
+            {$entry.plugin_display_dat}
+        </footer>
+
+        <!--
+        <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+                 xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
+                 xmlns:dc="http://purl.org/dc/elements/1.1/">
+        <rdf:Description
+                 rdf:about="{$entry.link_rdf}"
+                 trackback:ping="{$entry.link_trackback}"
+                 dc:title="{$entry.title_rdf|@default:$entry.title}"
+                 dc:identifier="{$entry.rdf_ident}" />
+        </rdf:RDF>
+        -->
+
+    {if $is_single_entry and not $is_preview}
+        {if $CONST.DATA_UNSUBSCRIBED}
+        <p class="serendipity_msg_notice">{$CONST.DATA_UNSUBSCRIBED|@sprintf:$CONST.UNSUBSCRIBE_OK}</p>
+        {/if}
+        {if $CONST.DATA_TRACKBACK_DELETED}
+        <p class="serendipity_msg_notice">{$CONST.DATA_TRACKBACK_DELETED|@sprintf:$CONST.TRACKBACK_DELETED}</p>
+        {/if}
+        {if $CONST.DATA_TRACKBACK_APPROVED}
+        <p class="serendipity_msg_notice">{$CONST.DATA_TRACKBACK_APPROVED|@sprintf:$CONST.TRACKBACK_APPROVED}</p>
+        {/if}
+        {if $CONST.DATA_COMMENT_DELETED}
+        <p class="serendipity_msg_notice">{$CONST.DATA_COMMENT_DELETED|@sprintf:$CONST.COMMENT_DELETED}</p>
+        {/if}
+        {if $CONST.DATA_COMMENT_APPROVED}
+        <p class="serendipity_msg_notice">{$CONST.DATA_COMMENT_APPROVED|@sprintf:$CONST.COMMENT_APPROVED}</p>
+        {/if}
+
+        <section id="trackbacks" class="serendipity_comments">
+            <h3>{$CONST.TRACKBACKS}</h3>
+
+            <div id="trackback_url"><a rel="nofollow" href="{$entry.link_trackback}" title="{$CONST.TRACKBACK_SPECIFIC_ON_CLICK|@escape}">{$CONST.TRACKBACK_SPECIFIC}</a></div>
+            
+            {serendipity_printTrackbacks entry=$entry.id}
+        </section>
+
+        <section id="comments" class="serendipity_comments">
+            <h3>{$CONST.COMMENTS}</h3>
+            
+            <p class="manage_comments">{$CONST.DISPLAY_COMMENTS_AS}
+            {if $entry.viewmode eq $CONST.VIEWMODE_LINEAR}
+               {$CONST.COMMENTS_VIEWMODE_LINEAR} | <a href="{$entry.link_viewmode_threaded}#comments" rel="nofollow">{$CONST.COMMENTS_VIEWMODE_THREADED}</a>
+            {else}
+               <a rel="nofollow" href="{$entry.link_viewmode_linear}#comments">{$CONST.COMMENTS_VIEWMODE_LINEAR}</a> | {$CONST.COMMENTS_VIEWMODE_THREADED}
+            {/if}
+            </p>
+
+            {serendipity_printComments entry=$entry.id mode=$entry.viewmode}
+        {if $entry.is_entry_owner}
+            <p class="manage_comments">
+            {if $entry.allow_comments}
+            <a href="{$entry.link_deny_comments}">{$CONST.COMMENTS_DISABLE}</a>
+            {else}
+            <a href="{$entry.link_allow_comments}">{$CONST.COMMENTS_ENABLE}</a>
+            {/if}
+            </p>
+        {/if}
+        </section>
+            <a id="feedback"></a>
+        {foreach from=$comments_messagestack item="message"}
+            <p class="serendipity_msg_important">{$message}</p>
+        {/foreach}
+        {if $is_comment_added}
+            <p class="serendipity_msg_notice">{$CONST.COMMENT_ADDED}</p>
+        {elseif $is_comment_moderate}
+            <p class="serendipity_msg_notice">{$CONST.COMMENT_ADDED}: {$CONST.THIS_COMMENT_NEEDS_REVIEW}</p>
+        {elseif not $entry.allow_comments}
+            <p class="serendipity_msg_important">{$CONST.COMMENTS_CLOSED}</p>
+        {else}
+            <section id="respond" class="serendipity_section_commentform">
+                <h3>{$CONST.ADD_COMMENT}</h3>
+                {$COMMENTFORM}
+			</section>
+        {/if}
+    {/if}
+    {$entry.backend_preview}
+    </article>
+    {/foreach}
+{foreachelse}
+    {if not $plugin_clean_page}
+    <p class="nocontent">{$CONST.NO_ENTRIES_TO_PRINT}</p>
+    {/if}
+{/foreach}
+{if $footer_info or $footer_prev_page or $footer_next_page}
+    <nav class="serendipity_pagination" role="navigation">
+        <h2 class="visuallyhidden">{$pagtitle}</h2>
+        
+        <ul class="clearfix">
+            {if $footer_info}
+            <li class="info"><span>{$footer_info}</span></li>
+            {/if}
+            <li class="prev">{if $footer_prev_page}<a href="{$footer_prev_page}">{/if}{if $footer_prev_page}&larr; {$CONST.PREVIOUS_PAGE}{else}&nbsp;{/if}{if $footer_prev_page}</a>{/if}</li>
+            <li class="next">{if $footer_next_page}<a href="{$footer_next_page}">{/if}{if $footer_next_page}{$CONST.NEXT_PAGE} &rarr;{else}&nbsp;{/if}{if $footer_next_page}</a>{/if}</li>
+        </ul>
+    </nav>
+{/if}
+    {serendipity_hookPlugin hook="entries_footer"}
--- a/templates/2k11/entries_archives.tpl
+++ b/templates/2k11/entries_archives.tpl
@ -0,0 +1,19 @@
+{serendipity_hookPlugin hook="entries_header"}
+<div class="archives">
+    <h2>{$CONST.ARCHIVES}</h2>
+{foreach from=$archives item="archive"}
+    <section class="archives_year {cycle values="arch_odd,arch_even"}">
+        <h3>{$archive.year}</h3>
+        
+        <ul class="plainList">
+        {foreach from=$archive.months item="month"}
+            <li class="archives_month">
+                <span class="archives_date">{if $month.entry_count}<a href="{$month.link}" title="{$CONST.VIEW_FULL}">{/if}{$month.date|@formatTime:"%B"}{if $month.entry_count}</a>{/if}:</span>
+                <span class="archives_count">{if $month.entry_count}<a href="{$month.link_summary}" title="{$CONST.VIEW_TOPICS}">{/if}{$month.entry_count} {$CONST.ENTRIES}{if $month.entry_count}</a>{/if}</span>
+            </li>
+        {/foreach}
+        </ul>
+    </section>
+{/foreach}
+</div>
+{serendipity_hookPlugin hook="entries_footer"}
--- a/templates/2k11/entries_summary.tpl
+++ b/templates/2k11/entries_summary.tpl
@ -0,0 +1,15 @@
+{serendipity_hookPlugin hook="entries_header"}
+<div class="archives">
+    <h2>{$CONST.TOPICS_OF} {$dateRange.0|@formatTime:"%B %Y"}</h2>
+
+    <ul class="archives_summary plainList">
+    {foreach from=$entries item="sentries"}
+        {foreach from=$sentries.entries item="entry"}
+        <li><a href="{$entry.link}">{$entry.title}</a>
+            <span class="serendipity_byline">{$CONST.POSTED_BY} <a href="{$entry.link_author}">{$entry.author}</a> {$CONST.ON} <time datetime="{$entry.timestamp|@serendipity_smarty_html5time}" pubdate>{$entry.timestamp|@formatTime:$template_option.date_format}</time></span>
+        </li>
+        {/foreach}
+    {/foreach}
+    </ul>
+</div>
+{serendipity_hookPlugin hook="entries_footer"}
--- a/templates/2k11/img/gradient-dblue.png
+++ b/templates/2k11/img/gradient-dblue.png
--- a/templates/2k11/img/gradient-lblue.png
+++ b/templates/2k11/img/gradient-lblue.png
--- a/templates/2k11/img/xml.gif
+++ b/templates/2k11/img/xml.gif
--- a/templates/2k11/index.tpl
+++ b/templates/2k11/index.tpl
@ -0,0 +1,98 @@
+{if $is_embedded != true}
+<!doctype html>
+<!--[if lt IE 7 ]> <html class="no-js ie6 oldie" lang="{$lang}"> <![endif]-->
+<!--[if IE 7 ]>    <html class="no-js ie7 oldie" lang="{$lang}"> <![endif]-->
+<!--[if IE 8 ]>    <html class="no-js ie8 oldie" lang="{$lang}"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="{$lang}"> <!--<![endif]-->
+<head>
+    <meta charset="{$head_charset}"/>
+    <title>{$head_title|@default:$blogTitle}{if $head_subtitle} | {$head_subtitle}{/if}</title>
+    <meta name="generator" content="Serendipity v.{$head_version}"/>
+    <meta name="viewport" content="width=device-width,initial-scale=1"/>
+{if $template_option.webfonts == 'droid'}
+    <link  rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Sans:400,700"/>
+{elseif $template_option.webfonts == 'ptsans'}
+    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic"/>
+{elseif $template_option.webfonts == 'osans'}
+    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic"/>
+{elseif $template_option.webfonts == 'cabin'}
+    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Cabin:400,400italic,700,700italic"/>
+{elseif $template_option.webfonts == 'ubuntu'}
+    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Ubuntu:400,400italic,700,700italic"/>
+{/if}
+    <link rel="stylesheet" href="{$head_link_stylesheet}"/>
+{if $template_option.userstyles == true}
+    <link rel="stylesheet" href="{serendipity_getFile file="user.css"}"/>
+{/if}
+    <script src="{serendipity_getFile file="js/modernizr-2.0.6.min.js"}"></script>
+    <link rel="alternate" type="application/rss+xml" title="{$blogTitle} RSS feed" href="{$serendipityBaseURL}{$serendipityRewritePrefix}feeds/index.rss2"/>
+    <link rel="alternate" type="application/x.atom+xml"  title="{$blogTitle} Atom feed"  href="{$serendipityBaseURL}{$serendipityRewritePrefix}feeds/atom.xml"/>
+{if $entry_id}
+    <link rel="pingback" href="{$serendipityBaseURL}comment.php?type=pingback&amp;entry_id={$entry_id}"/>
+{/if}
+{serendipity_hookPlugin hook="frontend_header"}
+</head>
+<body{if $template_option.webfonts != 'none'} class="{$template_option.webfonts}"{/if}>
+{else}
+{serendipity_hookPlugin hook="frontend_header"}
+{/if}
+{if $is_raw_mode != true}
+{assign var="navtitle" value=$CONST.TWOK11_NAV_TITLE}
+<a class="visuallyhidden" href="#content"><span lang="en">Skip to content</span></a>
+<div id="page" class="clearfix">
+    <header id="banner" class="clearfix{if $leftSidebarElements > 0 && $rightSidebarElements > 0} col3{elseif $leftSidebarElements > 0 && $rightSidebarElements == 0} col2l{else} col2r{/if}" role="banner">
+        <div id="identity">
+            <h1><a href="{$serendipityBaseURL}">{$blogTitle}</a></h1>
+            <p>{$blogDescription}</p>
+        </div>
+        
+        <form id="search" action="{$serendipityHTTPPath}{$serendipityIndexFile}" method="get" role="search">
+        <div>
+            <input type="hidden" name="serendipity[action]" value="search"/>
+            <label for="searchterm" class="visuallyhidden">{$CONST.QUICKSEARCH}</label>
+            <input id="searchterm" name="serendipity[searchTerm]" type="search" placeholder="{$CONST.QUICKSEARCH}" value=""/>
+            <input id="searchsend" name="serendipity[searchButton]" type="submit" value="{$CONST.GO}"/>
+        </div>
+        </form>
+        {serendipity_hookPlugin hook="quicksearch_plugin" hookAll="true"}
+        {if $template_option.header_img}
+        <img src="{$template_option.header_img}" alt=""/>
+        {/if}
+    </header>
+    {if $template_option.use_corenav}
+    <nav id="primary-nav" role="navigation">
+        <h2 class="visuallyhidden">{$navtitle}</h2>
+        
+        <ul class="clearfix">{foreach from=$navlinks item="navlink" name="sbnav"}{if $navlink.title!=""&&$navlink.href!=""}<li>{if $currpage==$navlink.href or $currpage2==$navlink.href}<span>{else}<a href="{$navlink.href}">{/if}{$navlink.title}{if $currpage==$navlink.href or $currpage2==$navlink.href}</span>{else}</a>{/if}</li>{/if}{/foreach}</ul>
+    </nav>
+    {/if}
+    <div id="main" class="clearfix{if $leftSidebarElements > 0 && $rightSidebarElements > 0} col3{elseif $leftSidebarElements > 0 && $rightSidebarElements == 0} col2l{else} col2r{/if}">
+        <div id="content" class="clearfix" role="main">
+        {$CONTENT}
+        </div>
+    {if $leftSidebarElements > 0}
+        <aside id="sidebar_left" role="complementary">
+            <h2 class="visuallyhidden">Sidebar</h2>
+            {serendipity_printSidebar side="left"}
+        </aside>
+    {/if}
+    {if $rightSidebarElements > 0}
+        <aside id="sidebar_right" role="complementary">
+            <h2 class="visuallyhidden">Sidebar</h2>
+            {serendipity_printSidebar side="right"}
+        </aside>
+    {/if}
+    </div>
+    
+    <footer id="colophon" role="contentinfo">
+        <small lang="en">Powered by <a href="http://s9y.org">Serendipity</a> &amp; the <a href="http://github.com/yellowled/s9y-2k11">2k11</a> theme.</small>
+    </footer>
+</div>
+<script src="{serendipity_getFile file="js/2k11.js"}"></script>
+{/if}
+{$raw_data}
+{serendipity_hookPlugin hook="frontend_footer"}
+{if $is_embedded != true}
+</body>
+</html>
+{/if}
--- a/templates/2k11/info.txt
+++ b/templates/2k11/info.txt
@ -0,0 +1,4 @@
+Name: 2k11
+Author: Matthias Mees, Veit Lehmann
+Date: 2011-11-28
+Require Serendipity: 1.6
--- a/templates/2k11/js/2k11.js
+++ b/templates/2k11/js/2k11.js
@ -0,0 +1,45 @@
+// http://mths.be/placeholder v1.8.5 by @mathias
+jQuery(function(g,a,$){var f='placeholder' in a.createElement('input'),b='placeholder' in a.createElement('textarea');if(f&&b){$.fn.placeholder=function(){return this};$.fn.placeholder.input=$.fn.placeholder.textarea=true}else{$.fn.placeholder=function(){return this.filter((f?'textarea':':input')+'[placeholder]').bind('focus.placeholder',c).bind('blur.placeholder',e).trigger('blur.placeholder').end()};$.fn.placeholder.input=f;$.fn.placeholder.textarea=b;$(function(){$('form').bind('submit.placeholder',function(){var h=$('.placeholder',this).each(c);setTimeout(function(){h.each(e)},10)})});$(g).bind('unload.placeholder',function(){$('.placeholder').val('')})}function d(i){var h={},j=/^jQuery\d+$/;$.each(i.attributes,function(l,k){if(k.specified&&!j.test(k.name)){h[k.name]=k.value}});return h}function c(){var h=$(this);if(h.val()===h.attr('placeholder')&&h.hasClass('placeholder')){if(h.data('placeholder-password')){h.hide().next().show().focus().attr('id',h.removeAttr('id').data('placeholder-id'))}else{h.val('').removeClass('placeholder')}}}function e(){var l,k=$(this),h=k,j=this.id;if(k.val()===''){if(k.is(':password')){if(!k.data('placeholder-textinput')){try{l=k.clone().attr({type:'text'})}catch(i){l=$('<input>').attr($.extend(d(this),{type:'text'}))}l.removeAttr('name').data('placeholder-password',true).data('placeholder-id',j).bind('focus.placeholder',c);k.data('placeholder-textinput',l).data('placeholder-id',j).before(l)}k=k.removeAttr('id').hide().prev().attr('id',j).show()}k.addClass('placeholder').val(k.attr('placeholder'))}else{k.removeClass('placeholder')}}}(this,document,jQuery));
+// https://github.com/manuelbieh/Details-Polyfill
+jQuery(function(a){(function(){var b=this;this.hideDetailChildren=function(c){var d=c instanceof jQuery?c[0].childNodes:c.childNodes,e=d.length;a(c).attr("open",false);if(a.browser.safari==true){for(var f=0;f<e;f++){if(d[f].nodeType==3&&d[f].textContent!=""){var g=a("<span />");g.text(d[f].textContent).hide();a(d[f]).after(g);d[f].textContent="";e++}}}a.each(d,function(d,e){if(a(e)[0].nodeType==1&&e==a(e).parent().find("> summary:first-of-type")[0]){if(a(e).data("processed")!=true){a(e).css({display:"block",cursor:"pointer"}).data("processed",true).addClass("detailHidden").bind("click",function(){b.toggleDetailChildren(a(this))});a(c).prepend(a(e))}}else if(a(e)[0].nodeType==3&&!e.isElementContentWhitespace&&!!a.browser.safari==false){var f=a("<span />");f.text(e.textContent).hide();a(e).after(f);e.textContent=""}else if(a(c).find("> summary").length==0){var g=a("<summary />").text("Details").css({display:"block",cursor:"pointer"}).data("processed",true).addClass("detailHidden").bind("click",function(){b.toggleDetailChildren(a(this))});a(c).prepend(g)}a(c).find("> :visible:not(summary:first-child)").hide()})};this.showDetailChildren=function(b){a(b).attr("open",true);a.each(a(b).find("> *"),function(b,c){a(c).show()})};this.toggleDetailChildren=function(a){if(a.hasClass("detailHidden")){a.removeClass("detailHidden");b.showDetailChildren(a.parents("details")[0])}else{a.addClass("detailHidden");b.hideDetailChildren(a.parents("details")[0])}};if("open"in document.createElement("details")==false){a.each(a("details"),function(c,d){b.hideDetailChildren(d);var e=a("<style />").text('summary {-webkit-text-size-adjust: none;} details > summary:first-child:before {content: "▼ "} details > summary.detailHidden:first-child:before {content: "► "}');a("head").append(e)})}})()}) 
+// 2k11
+jQuery(document).ready(function($) {
+    // placeholder polyfill
+    $('input, textarea').placeholder();
+    // Disable trackback url link
+    $('#trackback_url>a').click(function() {
+        var trackbackMsg = $(this).attr('title');
+        alert(trackbackMsg);
+        return false;
+    });
+    // Comment reply
+    $('.comment_reply').click(function() {
+        var commentId = $(this).attr('id').replace(/serendipity_reply_/g,"");
+        $('#serendipity_replyTo').val(commentId);
+    });
+    // Confirm comment deletion
+    $('.comment_source_ownerlink').click(function() {
+        var deleteMsg = $(this).attr('title');
+        return confirm(deleteMsg);
+    });
+    // Cloned primary navigation for small screen
+    var $select = $('<select/>');
+    $('#primary-nav li').each(function() {
+        var $el = $(this);
+        if ($el.find('span').length) {
+            $('<option/>', {
+                'selected': 'selected',
+                'value'   : '',
+                'text'    : $el.text()
+            }).appendTo($select);
+        } else {
+            $('<option/>', {
+                'value'   : $el.find('a').attr('href'),
+                'text'    : $el.text()
+            }).appendTo($select);
+        }
+    });
+    $select.appendTo('#primary-nav').change(function() {
+        window.location = $(this).find('option:selected').val();
+    });
+});
--- a/templates/2k11/js/modernizr-2.0.6.min.js
+++ b/templates/2k11/js/modernizr-2.0.6.min.js
--- a/templates/2k11/lang_de.inc.php
+++ b/templates/2k11/lang_de.inc.php
@ -0,0 +1,17 @@
+<?php
+// Template-Optionen
+@define('TWOK11_HEADER_IMG','Bannergrafik im Kopfbereich einbinden? (1120 Pixel breit; Feld leeren um Ausgabe zu unterdrücken)');
+@define('TWOK11_USE_CORENAV', 'Globale Navigation einbinden?');
+@define('TWOK11_WEBFONTS', 'Einen von Google gehosteten Webfont nutzen?');
+@define('TWOK11_NOWEBFONT', 'Keinen Webfont einbinden');
+@define('TWOK11_USERSTYLES', 'user.css einbinden? (Muss selbst im Templateverzeichnis angelegt werden! Generator: http://yellowled.github.com)');
+// Sprachkonstanten
+@define('TWOK11_NAV_TITLE', 'Navigation');
+@define('TWOK11_PAG_TITLE', 'Pagination');
+@define('TWOK11_PLINK_TEXT', 'Link');
+@define('TWOK11_PLINK_TITLE', 'Permanenter Link zu diesem Kommentar');
+@define('TWOK11_PLACE_NAME', 'z.B. John Doe');
+@define('TWOK11_PLACE_MAIL', 'z.B. mail@example.org');
+@define('TWOK11_PLACE_URL', 'z.B. http://example.org');
+@define('TWOK11_PLACE_MESSAGE', 'Was gibt es zu sagen?');
+@define('TWOK11_SEND_MAIL', 'Senden');
--- a/templates/2k11/lang_en.inc.php
+++ b/templates/2k11/lang_en.inc.php
@ -0,0 +1,17 @@
+<?php
+// Template options
+@define('TWOK11_HEADER_IMG','Use a banner image in the header? (1120 pixels wide; leave box empty to not use a banner)');
+@define('TWOK11_USE_CORENAV', 'Use global navigation?');
+@define('TWOK11_WEBFONTS', 'Use a webfont, hosted by Google?');
+@define('TWOK11_NOWEBFONT', 'Include no webfont');
+@define('TWOK11_USERSTYLES', 'Include user.css? (You need to create that file in your template directory. Generator: http://yellowled.github.com)');
+// Lang constants
+@define('TWOK11_NAV_TITLE', 'Navigation');
+@define('TWOK11_PAG_TITLE', 'Pagination');
+@define('TWOK11_PLINK_TEXT', 'Link');
+@define('TWOK11_PLINK_TITLE', 'Permanent link for this comment');
+@define('TWOK11_PLACE_NAME', 'i.e. John Doe');
+@define('TWOK11_PLACE_MAIL', 'i.e. mail@example.org');
+@define('TWOK11_PLACE_URL', 'i.e. http://example.org');
+@define('TWOK11_PLACE_MESSAGE', 'What do you want to say?');
+@define('TWOK11_SEND_MAIL', 'Send');
--- a/templates/2k11/plugin_calendar.tpl
+++ b/templates/2k11/plugin_calendar.tpl
@ -0,0 +1,35 @@
+<table class="serendipity_calendar">
+<thead>
+    <tr>
+    {foreach from=$plugin_calendar_dow item="dow"}
+        <th scope="col"><abbr title="{$dow.date|@formatTime:"%A":false}">{$dow.date|@formatTime:"%a":false}</abbr></th>
+    {/foreach}
+    </tr>
+</thead>
+<tfoot>
+    <tr>
+        <td class="prev">
+        {if $plugin_calendar_head.minScroll le $plugin_calendar_head.month_date}
+        <a href="{$plugin_calendar_head.uri_previous}">&larr;<span class="visuallyhidden"> {$CONST.BACK}</span></a>
+        {/if}
+        </td>
+        <td class="current_month" colspan="5">
+            <a href="{$plugin_calendar_head.uri_month}">{$plugin_calendar_head.month_date|formatTime:"%B '%y":false}</a>
+        </td>
+        <td class="next">
+        {if $plugin_calendar_head.maxScroll ge $plugin_calendar_head.month_date}
+        <a href="{$plugin_calendar_head.uri_next}"><span class="visuallyhidden">{$CONST.FORWARD} </span>&rarr;</a>
+        {/if}
+        </td>
+    </tr>
+</tfoot>
+<tbody>
+{foreach from=$plugin_calendar_weeks item="week"}
+    <tr>
+    {foreach from=$week.days item="day"}
+        <td class="{$day.classes}"{if isset($day.properties.Title)} title="{$day.properties.Title}"{/if}>{if isset($day.properties.Active) and $day.properties.Active}<a href="{$day.properties.Link}">{/if}{$day.name|@default:"&#160;"}{if isset($day.properties.Active) and $day.properties.Active}</a>{/if}</td>
+    {/foreach}
+    </tr>
+{/foreach}
+</tbody>
+</table>
--- a/templates/2k11/plugin_categories.tpl
+++ b/templates/2k11/plugin_categories.tpl
@ -0,0 +1,23 @@
+{if $is_form}
+<form id="serendipity_category_form" action="{$form_url}" method="post">
+{/if}
+    <ul class="plainList">
+    {foreach from=$categories item="plugin_category"}
+        <li id="category_{$plugin_category.categoryid}" class="category_depth{$plugin_category.catdepth}">
+        {if $is_form}    
+            <input name="serendipity[multiCat][]" type="checkbox" value="{$plugin_category.categoryid}"/>
+        {/if}
+        {if !empty($category_image)}
+            <a class="serendipity_xml_icon" href="{$plugin_category.feedCategoryURL}"><img src="{$category_image}" alt="XML"/></a>
+        {/if}
+            <a href="{$plugin_category.categoryURL}" title="{$plugin_category.category_description|escape}">{$plugin_category.category_name|escape}</a>
+        </li>
+    {/foreach}
+    </ul>
+{if $is_form}
+    <input class="category_submit" name="serendipity[isMultiCat]" type="submit" value="{$CONST.GO}"/>
+{/if}
+    <a class="category_link_all" href="{$form_url}?frontpage">{$CONST.ALL_CATEGORIES}</a>
+{if $is_form}
+</form>
+{/if}
--- a/templates/2k11/plugin_contactform.tpl
+++ b/templates/2k11/plugin_contactform.tpl
@ -0,0 +1,59 @@
+{assign var="placename" value=$CONST.TWOK11_PLACE_NAME}
+{assign var="placemail" value=$CONST.TWOK11_PLACE_MAIL}
+{assign var="placeurl" value=$CONST.TWOK11_PLACE_URL}
+{assign var="placemess" value=$CONST.TWOK11_PLACE_MESSAGE}
+{assign var="sendmail" value=$CONST.TWOK11_SEND_MAIL}
+{if $plugin_contactform_articleformat}
+    <div class="serendipity_entry">
+{/if}
+        <h2>{if $plugin_contactform_articleformat}{$plugin_contactform_name}{else}{$plugin_contactform_pagetitle}{/if}</h2>
+            
+        <div class="serendpity_preface content">
+        {$plugin_contactform_preface}
+        </div>
+
+    {if $is_contactform_sent}
+        <p class="serendipity_msg_notice">{$plugin_contactform_sent}</p>
+    {else}
+        {if $is_contactform_error}
+        <p class="serendipity_msg_important">{$plugin_contactform_error}</p>
+        {foreach from=$comments_messagestack item="message"}
+        <p class="serendipity_msg_important">{$message}</p>
+        {/foreach}
+        {/if}
+
+        <div class="serendipityCommentForm">
+            <a id="serendipity_CommentForm"></a>
+            
+            <form id="serendipity_comment" action="{$commentform_action}#feedback" method="post">
+            <div>
+	            <input type="hidden" name="serendipity[subpage]" value="{$commentform_sname}"/>
+	            <input type="hidden" name="serendipity[commentform]" value="true"/>
+            </div>
+            <div class="form_field">
+                <label for="serendipity_commentform_name">{$CONST.NAME}</label>
+                <input id="serendipity_commentform_name" name="serendipity[name]" type="text" value="{$commentform_name}" placeholder="{$placename}"/>
+            </div>
+            
+            <div class="form_field">
+                <label for="serendipity_commentform_email">{$CONST.EMAIL}</label>
+                <input id="serendipity_commentform_email" name="serendipity[email]" type="email" value="{$commentform_email}" placeholder="{$placemail}"/>
+            </div>
+            
+            <div class="form_field">
+                <label for="serendipity_commentform_url">{$CONST.HOMEPAGE}</label>
+                <input id="serendipity_commentform_url" name="serendipity[url]" type="url" value="{$commentform_url}" placeholder="{$placeurl}"/>
+            </div>
+            
+            <div class="form_tarea">
+                <label for="serendipity_commentform_comment">{$plugin_contactform_message}</label>
+                <textarea id="serendipity_commentform_comment" name="serendipity[comment]" rows="10" cols="40" placeholder="{$placemess}">{$commentform_data}</textarea>
+            </div>
+            {serendipity_hookPlugin hook="frontend_comment" data=$commentform_entry}
+            <input id="serendipity_submit" name="serendipity[submit]" type="submit" value="{$sendmail}"/>
+            </form>
+        </div>
+    {/if}
+{if $plugin_contactform_articleformat}
+</div>
+{/if}
--- a/templates/2k11/plugin_staticpage.tpl
+++ b/templates/2k11/plugin_staticpage.tpl
@ -0,0 +1,47 @@
+<div id="staticpage_{$staticpage_pagetitle|@makeFilename}" class="{if $staticpage_articleformat}serendipity_entry {/if}serendipity_staticpage">
+    <header>
+        <h2>{if $staticpage_articleformat}{if $staticpage_articleformattitle}{$staticpage_articleformattitle|@escape}{else}{$staticpage_pagetitle}{/if}{else}{if $staticpage_headline}{$staticpage_headline|@escape}{else}{$staticpage_pagetitle}{/if}{/if}</h2>
+    {if is_array($staticpage_childpages)}
+        <ul id="staticpage_childpages">
+            {foreach from=$staticpage_childpages item="childpage"}
+            <li><a href="{$childpage.permalink|@escape}" title="{$childpage.pagetitle|@escape}">{$childpage.pagetitle|@escape}</a></li>
+            {/foreach}
+        </ul>
+    {/if}
+    </header>
+{if $staticpage_pass AND $staticpage_form_pass != $staticpage_pass}
+    <form class="staticpage_password_form" action="{$staticpage_form_url}" method="post">
+    <fieldset>
+        <legend>{$CONST.STATICPAGE_PASSWORD_NOTICE}</legend>
+        <input name="serendipity[pass]" type="password" value=""/>
+        <input name="submit" type="submit" value="{$CONST.GO}" />
+    </fieldset>
+    </form>
+{else}
+    {if $staticpage_precontent}
+    <div class="clearfix content serendipity_preface">
+    {$staticpage_precontent}
+    </div>
+    {/if}
+    {if $staticpage_content}
+    <div class="clearfix content staticpage_content">
+    {$staticpage_content}
+    </div>
+    {/if}
+{/if}
+{if $staticpage_author or $staticpage_lastchange or $staticpage_adminlink}
+    <footer class="staticpage_metainfo">
+        <small>
+        {if $staticpage_author}
+            <span class="visuallyhidden">{$CONST.POSTED_BY} </span>{$staticpage_author|@escape}
+        {/if}
+        {if $staticpage_lastchange}
+            | <span class="visuallyhidden">{$CONST.ON} </span><time datetime="{$staticpage_lastchange|@serendipity_smarty_html5time}" pubdate>{$staticpage_lastchange|date_format:$template_option.date_format}</time>
+        {/if}
+        {if $staticpage_adminlink AND $staticpage_adminlink.page_user}
+            | <a href="{$staticpage_adminlink.link_edit}">{$staticpage_adminlink.link_name|@escape}</a>
+        {/if}
+        </small>
+    </footer>
+{/if}
+</div>
--- a/templates/2k11/plugin_staticpage_searchresults.tpl
+++ b/templates/2k11/plugin_staticpage_searchresults.tpl
@ -0,0 +1,13 @@
+<section class="staticpage_results">
+    <h3>{$CONST.STATICPAGE_SEARCHRESULTS|sprintf:$staticpage_searchresults}</h3>
+    {if $staticpage_results}
+    <ul>
+    {foreach from=$staticpage_results item="result"}
+        <li><span><a href="{$result.permalink|@escape}" title="{$result.pagetitle|@escape}">{$result.headline}</a> ({$result.realname})</span>
+            {$result.content|@strip_tags|@strip|@truncate:200:" ... "}</li>
+    {/foreach}
+    </ul>
+    {else}
+    <p>{$CONST.NO_ENTRIES_TO_PRINT}</p>
+    {/if}
+</section>
--- a/templates/2k11/plugin_staticpage_sidebar.tpl
+++ b/templates/2k11/plugin_staticpage_sidebar.tpl
@ -0,0 +1,21 @@
+{if !empty($staticpage_jsStr)}
+    <div class="staticpage_sbJsList">
+    {$staticpage_jsStr}
+    </div>
+{/if}
+{if !$staticpage_jsStr or empty($staticpage_jsStr)}
+    <ul class="plainList">
+        {if $frontpage_path}
+        <li><a href="{$frontpage_path}">{$CONST.PLUGIN_STATICPAGELIST_FRONTPAGE_LINKNAME}</a></li>
+        {/if}
+    {if is_array($staticpage_listContent) and !empty($staticpage_listContent)}
+    {foreach name="pageList" from=$staticpage_listContent item="pageList"}
+        {if !empty($pageList.permalink)}
+        <li class="depth_{$pageList.depth}"><a href="{$pageList.permalink}" title="{$pageList.pagetitle}">{$pageList.headline|truncate:20:"..."}</a></li>
+        {else}
+        <li class="depth_{$pageList.depth}">{$pageList.headline|truncate:20:"..."}</li>
+        {/if}
+    {/foreach}
+    {/if}
+  </ul>
+{/if}
--- a/templates/2k11/preview.png
+++ b/templates/2k11/preview.png
--- a/templates/2k11/preview_fullsize.jpg
+++ b/templates/2k11/preview_fullsize.jpg
--- a/templates/2k11/preview_iframe.tpl
+++ b/templates/2k11/preview_iframe.tpl
@ -0,0 +1,44 @@
+<!doctype html>
+<!--[if lt IE 7 ]> <html class="no-js ie6 oldie" lang="{$lang}"> <![endif]-->
+<!--[if IE 7 ]>    <html class="no-js ie7 oldie" lang="{$lang}"> <![endif]-->
+<!--[if IE 8 ]>    <html class="no-js ie8 oldie" lang="{$lang}"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="{$lang}"> <!--<![endif]-->
+<head>
+    <meta charset="{$head_charset}"/>
+    <title>{$CONST.SERENDIPITY_ADMIN_SUITE}</title>
+    <meta name="generator" content="Serendipity v.{$head_version}"/>
+    <meta name="viewport" content="width=device-width,initial-scale=1"/>
+{if $template_option.webfonts == 'droid'}
+    <link  rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Sans:400,700"/>
+{elseif $template_option.webfonts == 'ptsans'}
+    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic"/>
+{elseif $template_option.webfonts == 'osans'}
+    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic"/>
+{elseif $template_option.webfonts == 'cabin'}
+    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Cabin:400,400italic,700,700italic"/>
+{elseif $template_option.webfonts == 'ubuntu'}
+    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Ubuntu:400,400italic,700,700italic"/>
+{/if}
+    <link rel="stylesheet" href="{$head_link_stylesheet}"/>
+    <script src="{serendipity_getFile file="js/modernizr-2.0.6.min.js"}"></script>
+<script>
+    window.onload = function() {ldelim}
+        parent.document.getElementById('serendipity_iframe').style.height = document.getElementById('content').offsetHeight
+                                                                          + parseInt(document.getElementById('content').style.marginTop)
+                                                                          + parseInt(document.getElementById('content').style.marginBottom)
+                                                                          + 'px';
+        parent.document.getElementById('serendipity_iframe').scrolling    = 'no';
+        parent.document.getElementById('serendipity_iframe').style.border = 0;
+    {rdelim}
+</script>
+</head>
+<body>
+<div id="page" class="clearfix container">
+    <div id="main" class="clearfix{if $leftSidebarElements > 0 && $rightSidebarElements > 0} col3{elseif $leftSidebarElements > 0 && $rightSidebarElements == 0} col2l{else} col2r{/if}">
+        <div id="content" class="clearfix" style="padding: 1em 0; margin: 0;">
+        {$preview}
+        </div>
+    </div>
+</div>
+</body>
+</html>
--- a/templates/2k11/sidebar.tpl
+++ b/templates/2k11/sidebar.tpl
@ -0,0 +1,16 @@
+{if $is_raw_mode}
+<div id="serendipity{$pluginside}SideBar">
+{/if}
+{foreach from=$plugindata item=item}
+{if $item.class != "serendipity_quicksearch_plugin"}
+    <section class="sidebar_plugin {cycle values="odd,even"} {$item.class}">
+        {if $item.title != ""}
+        <h3>{$item.title}</h3>
+        {/if}
+        <div class="sidebar_content">{$item.content}</div>
+    </section>
+{/if}
+{/foreach}
+{if $is_raw_mode}
+</div>
+{/if}
--- a/templates/2k11/style.css
+++ b/templates/2k11/style.css
@ -0,0 +1,891 @@
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
+audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
+audio:not([controls]) { display: none; }
+[hidden] { display: none; }
+
+html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
+
+body { margin: 0; font-size: 100%; line-height: 1.5; }
+
+body, button, input, select, textarea { font-family: Helvetica, Arial, sans-serif; color: #222; }
+
+a:focus { outline: thin dotted; }
+a:hover, a:active { outline: 0; }
+
+abbr[title] { border-bottom: 1px dotted; }
+
+b, strong { font-weight: bold; }
+
+dfn { font-style: italic; }
+
+hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
+
+ins { background: #eee; color: #000; text-decoration: none; }
+
+mark { background: #ff9; color: #000; font-style: italic; font-weight: bold; }
+
+pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
+
+pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
+
+small { font-size: .8125em; }
+
+sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
+sup { top: -0.5em; }
+sub { bottom: -0.25em; }
+
+ul, ol, dd,
+nav ul, nav ol { margin: 0; padding: 0; }
+
+nav ul, nav ol { list-style: none; list-style-image: none; }
+
+img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
+
+svg:not(:root) { overflow: hidden; }
+
+form, figure { margin: 0; }
+fieldset { border: 0; margin: 0; padding: 0; }
+
+label { cursor: pointer; }
+
+legend { border: 0; *margin-left: -7px; padding: 0; }
+
+button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
+
+button, input { line-height: normal; *overflow: visible; }
+
+table button, table input { *overflow: auto; }
+
+button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
+
+input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
+input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
+input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
+
+button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
+
+textarea { overflow: auto; vertical-align: top; resize: vertical; }
+
+input:valid, textarea:valid {  }
+input:invalid, textarea:invalid { background-color: #f0dddd; }
+
+table { border-collapse: collapse; border-spacing: 0; }
+td { vertical-align: top; }
+
+
+/* Primary styles */
+input[type="checkbox"] {
+    margin: 0 .25em 0 0;
+    vertical-align: baseline;
+}
+
+.js #searchsend { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
+
+.no-js #searchsend { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
+
+input[type=text],
+input[type=search],
+input[type=email],
+input[type=url],
+textarea {
+    border: 1px solid #aaa;
+    color: #666;
+    -webkit-border-radius: 3px 3px 3px 3px;
+    -moz-border-radius: 3px 3px 3px 3px;
+    border-radius: 3px 3px 3px 3px;
+}
+
+input[type=text]:focus,
+input[type=search]:focus,
+input[type=email]:focus,
+input[type=url]:focus,
+textarea:focus {
+    color: #222;
+    outline: 0 none;
+    -webkit-box-shadow: 0 0 2px 1px rgba(41,69,100,.5);
+    -moz-box-shadow: 0 0 2px 1px rgba(41,69,100,.5);
+    box-shadow: 0 0 2px 1px rgba(41,69,100,.5);
+}
+
+.no-boxshadow input[type=text]:focus,
+.no-boxshadow input[type=search]:focus,
+.no-boxshadow input[type=email]:focus,
+.no-boxshadow input[type=url]:focus,
+.no-boxshadow textarea:focus { border: 1px solid #294564; }
+
+input, textarea { padding: 3px; }
+button { padding: 4px; }
+
+img,
+audio, video,
+embed, object { max-width: 100%; }
+
+img { height: auto; }
+
+q { quotes: '“' '”' '‘' '’'; }
+:lang(de) q { quotes: '„' '“' '‚' '‘'; }
+/*:lang(de) q { quotes: '»' '«' '›' '‹'; }*/
+/* pre-2011 WebKit */
+q:before   { content: '“'; content: open-quote;  }
+q:after    { content: '”'; content: close-quote; }
+q q:before { content: '‘'; content: open-quote;  }
+q q:after  { content: '’'; content: close-quote; }
+:lang(de) q:before   { content: '„'; content: open-quote;  }
+:lang(de) q:after    { content: '“'; content: close-quote; }
+:lang(de) q q:before { content: '‚'; content: open-quote;  }
+:lang(de) q q:after  { content: '‘'; content: close-quote; }
+
+blockquote { quotes: '“' '”'; }
+blockquote p:before { content: ''; content: no-open-quote; }
+blockquote p:after  { content: ''; content: no-close-quote; }
+blockquote p:first-child:before { content: '“'; content: open-quote;  }
+blockquote p:last-child:after   { content: '”'; content: close-quote; }
+:lang(de) blockquote,
+blockquote:lang(de) { quotes: '„' '“'; }
+:lang(de) blockquote p:before,
+blockquote:lang(de)  p:before { content: ''; content: no-open-quote; }
+:lang(de) blockquote p:after,
+blockquote:lang(de)  p:after { content: ''; content: no-close-quote; }
+:lang(de) blockquote p:first-child:before,
+blockquote:lang(de)  p:first-child:before { content: '„'; content: open-quote; }
+:lang(de) blockquote p:last-child:after,
+blockquote:lang(de)  p:last-child:after  { content: '“'; content: close-quote; }
+
+.ie8 q:before,
+.ie8 q q:before,
+.ie8 :lang(de) q:before,
+.ie8 :lang(de) q q:before,
+.ie8 blockquote p:before,
+.ie8 blockquote p:first-child:before,
+.ie8 :lang(de) blockquote p:before,
+.ie8 blockquote:lang(de)  p:before,
+.ie8 :lang(de) blockquote p:first-child:before,
+.ie8 blockquote:lang(de)  p:first-child:before { content: ''; content: no-open-quote; }
+
+a, a:active, a:visited { color: #3e5f81; }
+a:hover { color: #d52; }
+
+h1 a, h2 a, h3 a,
+h4 a, h5 a, h6 a { text-decoration: none; }
+
+::-moz-selection{ background: #222; color:#fff; text-shadow: none; }
+::selection { background:#222; color:#fff; text-shadow: none; }
+a:link { -webkit-tap-highlight-color: #d52; }
+
+.droid, .droid button,
+.droid input, .droid select,
+.droid textarea { font-family: 'Droid Sans', sans-serif; }
+
+.ptsans, .ptsans button,
+.ptsans input, .ptsans select,
+.ptsans textarea { font-family: 'PT Sans', sans-serif; }
+
+.osans, .osans button,
+.osans input, .osans select,
+.osans textarea { font-family: 'Open Sans', sans-serif; }
+
+.cabin, .cabin button,
+.cabin input, .cabin select,
+.cabin textarea { font-family: 'Cabin', sans-serif; }
+
+.ubuntu, .ubuntu button,
+.ubuntu input, .ubuntu select,
+.ubuntu textarea { font-family: 'Ubuntu', sans-serif; }
+
+p {
+    -webkit-hyphens: auto;
+    -moz-hyphens: auto;
+    hyphens: auto;
+}
+
+h1 { font-size: 2em; }
+
+h2 {
+    font-size: 1.5em;
+    margin: 0 0 .6667em;
+}
+
+h1, h2 { line-height: 1.25; }
+
+.serendipity_entry header h2 { margin: 0 0 .3333em; }
+
+h3 { 
+    font-size: 1.25em;
+    margin: 0 0 .8em;
+}
+
+.sidebar_plugin>h3 {
+    color: #666;
+    font-weight: normal;
+}
+
+h4, h5, h6,
+.serendipity_staticpage small,
+.staticpage_results h3,
+.serendipity_freeTag { font-size: 1em; }
+
+h4, h5, h6,
+p, ul, ol, dl,
+table, details,
+audio, video,
+#trackback_url,
+.manage_comments,
+.plugin_comment_wrap,
+p.break, #search div,
+.serendipity_entry .plainList,
+#page, #primary-nav,
+.serendipity_calendar,
+.serendipity_freetag_taglist,
+.geshi, .serendipity_entrypaging,
+#serendipity_emoticonchooser { margin: 0 0 1em; }
+
+summary { cursor: pointer; }
+
+li ul, li ol,
+#serendipity_replyTo,
+.serendipity_freeTag { margin: 0; }
+
+blockquote,
+blockquote + cite {
+    display: block;
+    margin: 0 0 1em 40px;
+}
+
+blockquote + cite:before { content: "–\202F"; }
+
+dt,
+.serendipity_calendar tfoot a,
+.serendipity_calendar tfoot a:active,
+.serendipity_calendar tfoot a:visited,
+.serendipity_calendar .Today,
+.serendipity_freetag_taglist_related { font-weight: bold; }
+
+caption, th, prev,
+.serendipity_freeTag { text-align: left; }
+
+#page {
+    background: #fcfcfc;
+    width: 100%;
+}
+
+#primary-nav ul {
+    display: none;
+    margin: 0 auto;
+}
+
+fieldset,
+.no-js #primary-nav ul,
+.archives_summary span,
+.form_field label,
+.form_tarea label,
+.podcastdownload,
+#primary-nav select,
+.read_more, .trackback_url,
+.serendipity_byline,
+.serendipity_pagination,
+.serendipity_comment_captcha .captcha,
+.serendipity_comment_captcha label,
+.serendipity_freeTag { display: block; }
+
+#primary-nav select {
+    margin: .5em 1em;
+    width: 90%;
+}
+
+#primary-nav li,
+.archives_date { display: inline-block; }
+
+.ie7 #primary-nav li,
+.ie7 .archives_date {
+    display: inline;
+    zoom: 1;
+}
+
+.read_more,
+.trackback_url { margin-bottom: 1em; }
+
+#identity h1 {
+    margin: .5em 0 0;
+    padding: 0 .5em;
+}
+
+#identity p {
+    color: #666;
+    padding: 0 1em;
+}
+
+#banner>img { display: none; }
+
+#banner>img,
+.serendipity_entry footer { clear: both; }
+
+#search div { padding: 0 1em; }
+
+#primary-nav {
+    border-top: 1px solid #294564;
+    border-bottom: 1px solid #294564;
+    color: #fff;
+}
+
+#primary-nav,
+.serendipity_calendar thead,
+.serendipity_calendar tfoot {
+    background: #294564 url({TEMPLATE_PATH}img/gradient-dblue.png) left top repeat-x; /* Fallback */
+    background: -moz-linear-gradient(top, #3e5f81 0%, #294564 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e5f81), color-stop(100%,#294564)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #3e5f81 0%, #294564 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #3e5f81 0%, #294564 100%); /* Opera11.10+ */
+    background: -ms-linear-gradient(top, #3e5f81 0%, #294564 100%); /* IE10+ */
+    background: linear-gradient(top, #3e5f81 0%, #294564 100%); /* W3C */
+}
+
+#primary-nav span,
+#primary-nav a,
+#primary-nav a:active,
+#primary-nav a:visited {
+    color: #fff;
+    display: block;
+    padding: .25em 1em;
+    border-right: 1px solid #294564;
+    text-decoration: none;
+}
+
+#primary-nav span { position: relative; }
+
+#primary-nav span:after {
+    border-color: #294564 transparent;
+    border-style: solid;
+    border-width: 8px 8px 0;
+    margin: -8px;
+    content: "";
+    display: block;
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    width: 0;
+    z-index: 10;
+}
+
+#primary-nav a:hover,
+#primary-nav a:focus { color: #000; }
+
+#primary-nav a:hover,
+#primary-nav a:focus {
+    background: #aabcc5 url({TEMPLATE_PATH}img/gradient-lblue.png) left top repeat-x; /* Fallback */
+    background: -moz-linear-gradient(top, #ccdee7 0%, #aabcc5 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccdee7), color-stop(100%,#aabcc5)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #ccdee7 0%, #aabcc5 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #ccdee7 0%, #aabcc5 100%); /* Opera11.10+ */
+    background: -ms-linear-gradient(top, #ccdee7 0%, #aabcc5 100%); /* IE10+ */
+    background: linear-gradient(top, #ccdee7 0%, #aabcc5 100%); /* W3C */
+}
+
+.serendipity_entry,
+.serendipity_staticpage,
+.sidebar_plugin,
+.archives,
+.freetag_cloud { margin: 0 1em 2em; }
+
+.serendipity_search,
+.staticpage_results,
+.nocontent { margin: 0 1em 1em; }
+
+.serendipity_byline,
+.serendipity_entry footer,
+.serendipity_staticpage footer,
+.serendipity_pagination,
+.nocomments,
+#trackback_url,
+.manage_comments,
+.serendipity_edit_nugget {
+    color: #666;
+    font-size: .8125em;
+    line-height: 1.8462;
+}
+
+.serendipity_entry ul,
+.serendipity_entry ol { margin: 0 0 1em 2em; }
+
+.serendipity_entry li ul,
+.serendipity_entry li ol { margin: 0 0 0 2em; }
+
+.serendipity_entry table {
+    border: 1px solid #aaa;
+    max-width: 100%;
+}
+
+.serendipity_entry caption {
+    font-size: .8125em;
+    line-height: 1.8462;
+    text-align: center;
+}
+
+.serendipity_entry th,
+.serendipity_entry tfoot td { padding: .125em 1em; }
+
+.serendipity_entry tbody td { padding: .1875em 1em; }
+
+.serendipity_entry thead,
+.serendipity_entry tfoot { background: #ddd; }
+
+.serendipity_entry thead { border-bottom: 1px solid #aaa; }
+.serendipity_entry tfoot { border-top: 1px solid #aaa; }
+
+.serendipity_entry tbody tr:nth-child(even) { background: #eee; }
+
+.serendipity_entry pre {
+    background: #eee;
+    border: 1px solid #aaa;
+    font-size: .8125em;
+    margin: 0 0 1.2308em;
+    padding: .5385em;
+}
+
+.serendipity_byline { margin: 0 0 1.2308em; }
+
+.serendipity_pagination { margin: 0 1.2308em 1.2308em; }
+
+.serendipity_pagination li {
+    float: left;
+    position: relative;
+}
+
+.serendipity_pagination .info {
+    left: 25%;
+    text-align: center;
+    width: 50%;
+}
+
+.serendipity_pagination .prev {
+    left: -50%;
+    width: 25%;
+}
+
+.serendipity_pagination .next { width: 25%; }
+
+.archives_date { min-width: 10em; }
+
+.serendipity_comments { margin: 1em 0; }
+
+.nocomments,
+.serendipity_entry caption { font-style: italic; }
+
+.serendipity_comment cite { font-style: normal; }
+
+.serendipity_comment { margin: 0 0 2em; }
+
+.form_tarea,
+.form_toolbar { margin-bottom: 1em; }
+
+.form_field { margin-bottom: .5em; }
+
+#searchterm,
+#serendipity_comment input[type=text],
+#serendipity_comment input[type=email],
+#serendipity_comment input[type=url] {
+    min-width: 13em;
+    width: 97%;
+}
+
+#serendipity_replyTo {
+    min-width: 13.5em;
+    width: 100%;
+}
+
+#serendipity_commentform_comment { max-width: 97%; }
+
+.serendipity_commentDirection {
+    background: #eee;
+    border: 1px solid #aaa;
+    color: #222;
+    font-size: .8125em;
+    line-height: 1.8462;
+    margin: 0 0 1.2308em;
+    max-width: 28.75em;
+    padding: .3846em;
+}
+
+.serendipity_comment_captcha br {
+    display: none;
+    height: 0;
+    visibility:hidden;
+}
+
+.serendipity_comment_captcha .captcha {
+    border: 1px solid #aaa;
+    margin: 1em 0;
+}
+
+.serendipity_comment_captcha label { margin: 0 0 .5em; }
+
+.comment_avatar {
+    border: 1px solid #aaa;
+    margin: 0 .625em .625em 0;
+    padding: 0!important;
+    overflow: hidden;
+}
+
+#colophon small,
+.staticpage_metainfo small {
+    border-top: 1px solid #ccc;
+    color: #666;
+    display: block;
+    padding: .9167em 0 1em;
+}
+
+#colophon small { padding: .9167em 1.2308em 1em; }
+
+.serendipity_center {
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+}
+
+.serendipity_msg_important,
+.serendipity_msg_notice {
+    font-size: .8125em;
+    line-height: 1.8462;
+    max-width: 35em;
+    padding: .3846em;
+}
+
+.serendipity_msg_important {
+    background: #fee;
+    border: 1px solid #900;
+    color: #900;
+}
+
+.serendipity_msg_notice {
+    background: #efe;
+    border: 1px solid #090;
+    color: #090;
+}
+
+.serendipity_image_left,
+.serendipity_image_right,
+.serendipity_image_center,
+.serendipity_imageComment_center,
+.serendipity_imageComment_left,
+.serendipity_imageComment_right {
+    border: 1px solid #aaa!important;
+    padding: 0!important;
+}
+
+.serendipity_image_left {
+    float: left;
+    margin: 0 2em 1em 0;
+}
+
+.serendipity_image_right {
+    float: right;
+    margin: 0 0 1em 2em;
+}
+
+.serendipity_image_center {
+    display: block;
+    margin: 0 auto 1em auto;
+}
+
+.serendipity_imageComment_left {
+    display: inline;
+    float: left;
+    margin: 0 2em 1em 0;
+}
+
+.serendipity_imageComment_right {
+    display: inline;
+    float: right;
+    margin: 0 0 1em 2em;
+}
+
+.serendipity_imageComment_center {
+    display: block;
+    margin: 0 auto 1em auto;
+}
+
+.serendipity_imageComment_img img {
+    border: none!important;
+    margin: 0!important;
+}
+
+.serendipity_imageComment_txt {
+    background: #ddd;
+    border-top: 0 none;
+    color: #222;
+    font-size: .8125em;
+    line-height: 1.8462;
+    padding: .2301em;
+    text-align: center;
+}
+
+.serendipity_imageComment_center,
+.serendipity_imageComment_left,
+.serendipity_imageComment_right {
+    height: auto;
+    max-width: 100%;
+}
+
+.serendipity_calendar {
+    border: 1px solid #3e5f81;
+    width: 85%;
+}
+
+.serendipity_calendar tfoot a,
+.serendipity_calendar tfoot a:active,
+.serendipity_calendar tfoot a:visited {
+    color: #fff;
+    text-decoration: none;
+}
+
+.serendipity_calendar tfoot a:hover,
+.serendipity_calendar tfoot a:focus {
+    background: #ccdee7;
+    color: #000;
+}
+
+.serendipity_calendar thead,
+.serendipity_calendar tfoot { color: #fff; }
+
+.serendipity_calendar th,
+.serendipity_calendar td {
+    padding: .125em;
+    text-align: center;
+}
+
+.next { text-align: right; }
+
+.serendipity_calendar abbr[title] { border: 0 none; }
+
+.serendipity_freetag_taglist {
+    background: #eee;
+    border: 1px solid #aaa;
+    padding: 1em;
+}
+
+.serendipity_freetag_taglist_related { font-size: 1.25em; }
+
+/* Helper classes  */
+.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
+
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
+
+.clearfix:before, .clearfix:after { content: ""; display: table; }
+.clearfix:after { clear: both; }
+.clearfix { zoom: 1; }
+
+
+/* Media queries  */
+@media only screen and (min-width: 321px) {
+    #searchterm { max-width: 15em; }
+
+    #serendipity_replyTo { max-width: 24em; }
+
+    #serendipity_comment input[type=text],
+    #serendipity_comment input[type=email],
+    #serendipity_comment input[type=url] { max-width: 23.4375em; }
+}
+
+@media only screen and (min-width: 481px) {
+    #primary-nav ul { display: block; }
+    
+    #primary-nav select { display: none; }
+    
+    #sidebar_left,
+    #sidebar_right { padding: 0 1em; }
+    
+    .sidebar_plugin {
+        float: left;
+        margin: 0 0 2em;
+        width: 47.5%;
+    }
+    
+    .ie7 .sidebar_plugin { width: 47.4%; }
+    
+    #sidebar_left .odd,
+    #sidebar_right .odd {
+        clear: both;
+        margin-right: 5%;
+    }
+    
+    .archives_year {
+        float: left;
+        width: 48%;
+    }
+
+    .arch_odd {
+        clear: left;
+        margin: 0 2% 0 0;
+    }
+
+    .arch_even { margin: 0 0 0 2%; }
+    
+    .archives_date { min-width: 7em; }
+}
+
+@media only screen and (min-width: 768px) {
+    body {
+        background: #ddd;
+        padding: 1em 0;
+    }
+
+    #page {
+        border: 1px solid #aaa;
+        margin: 0 auto 1em;
+        max-width: 70em;
+        width: 96%;
+        -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.2);
+        -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.2);
+        box-shadow: 0 0 10px 1px rgba(0,0,0,.2);
+    }
+    
+    #identity h1 { margin: 1em 0 0; }
+    
+    #search div { margin-top: 4.4em; }
+
+    #searchterm {
+        min-width: 8em;
+        width: auto;
+    }
+    
+    #identity p, #search div { margin-bottom: 1.5em; }
+    
+    #primary-nav { margin-bottom: 2em; }
+    
+    #banner>img { display: block; }
+    
+    #identity, #search,
+    #content,
+    #sidebar_left,
+    #sidebar_right {
+        float: left;
+        position: relative;
+    }
+
+    #identity,
+    #content { width: 62%; }
+    #search,
+    #sidebar_left,
+    #sidebar_right { width: 38%; }
+    .col2l #sidebar_left { left: -62%; }
+    .col2l #content { left: 38%; }
+
+    .ie7 #identity,
+    .ie7 #content { width: 61.9%; }
+    .ie7 #search,
+    .ie7 #sidebar_left,
+    .ie7 #sidebar_right { width: 37.9%; }
+    .ie7 .col2l #sidebar_left { left: -61.9%; }
+    .ie7 .col2l #content { left: 37.9%; }
+    
+    .col2l #search { text-align: right; }
+    
+    #sidebar_left,
+    #sidebar_right { padding: 0; }
+    
+    #sidebar_left .odd,
+    #sidebar_right .odd {
+        clear: none;
+        margin-right: 1em;
+    }
+    
+    .sidebar_plugin,
+    .ie7 .sidebar_plugin {
+        float: none;
+        width: auto;
+    }
+    
+    #sidebar_left .sidebar_plugin,
+    .ie7 #sidebar_left .sidebar_plugin,
+    #sidebar_right .sidebar_plugin,
+    .ie7 #sidebar_right .sidebar_plugin { margin: 0 1em 2em 2em; }
+    
+    #search div,
+    .ie7 #search div { padding: 0 1em 0 2em; }
+    
+    .commentlevel-1 { margin-left: 1em; }
+    .commentlevel-2 { margin-left: 2em; }
+    .commentlevel-3 { margin-left: 3em; }
+    .commentlevel-4 { margin-left: 4em; }
+    .commentlevel-5 { margin-left: 5em; }
+    .commentlevel-6 { margin-left: 6em; }
+    .commentlevel-7 { margin-left: 7em; }
+    .commentlevel-8 { margin-left: 8em; }
+    .commentlevel-9 { margin-left: 9em; }
+}
+
+@media only screen and (min-width:1024px) {
+    #identity h1 { padding: 0 1em; }
+    
+    #identity p,
+    #search div { padding: 0 2em; }
+    
+    #primary-nav ul { margin: 0 1em; }
+
+    .col3 #content { width: 50%; }
+    .col3 #search,
+    .col3 #sidebar_left,
+    .col3 #sidebar_right { width: 25%; }
+    .col3 #identity { width: 75%; }
+    .col3 #content { left: 25%; }
+    .col3 #sidebar_left { left: -50%; }
+
+    .ie7 .col3 #content { width: 49.9%; }
+    .ie7 .col3 #search,
+    .ie7 .col3 #sidebar_left,
+    .ie7 .col3 #sidebar_right { width: 24.9%; }
+    .ie7 .col3 #identity { width: 74.9%; }
+    .ie7 .col3 #content { left: 24.9%; }
+    .ie7 .col3 #sidebar_left { left: -49.9%; }
+
+    #sidebar_left .sidebar_plugin,
+    .ie7 #sidebar_left .sidebar_plugin { margin: 0 2em 2em 1em; }
+    
+    .serendipity_search,
+    .staticpage_results,
+    .nocontent { margin: 0 2em 1em; }
+    
+    .serendipity_entry { margin: 0 2em 3em; }
+    
+    .archives, .freetag_cloud,
+    .serendipity_staticpage,
+    #sidebar_left .sidebar_plugin,
+    .ie7 #sidebar_left .sidebar_plugin,
+    #sidebar_right .sidebar_plugin,
+    .ie7 #sidebar_right .sidebar_plugin { margin: 0 2em 2em; }
+    
+    .serendipity_pagination { margin: 0 2.4615em 1.2308em; }
+    
+    #colophon small { padding: .9167em 2.4615em 1em; }
+}
+
+/* Print styles */
+@media print {
+    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
+    a, a:visited { text-decoration: underline; }
+    abbr[title]:after { content: " (" attr(title) ")"; }
+    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
+    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+    thead { display: table-header-group; }
+    tr, img { page-break-inside: avoid; }
+    img { max-width: 100% !important; }
+    @page { margin: 0.5cm; }
+    p, h2, h3 { orphans: 3; widows: 3; }
+    h2, h3 { page-break-after: avoid; }
+    
+    #search, #primary-nav,
+    #sidebar_left, #sidebar_right,
+    #colophon, audio, video,
+    .serendipity_entry>footer,
+    .serendipity_pagination,
+    #trackback_url, .manage_comments,
+    .serendipity_comment>details,
+    .serendipity_comment>footer,
+    .comment_avatar, #respond,
+    .serendipityCommentForm { display: none;}
+
+    body { font-family: Georgia, Times, "Times New Roman", serif !important; }
+    .content a[href]:after,
+    #trackbacks h4 a[href]:after { content: " (" attr(href) ")"; }
+    .content a.serendipity_image_link[href]:after { content: ""; }
+}
--- a/templates/2k11/trackbacks.tpl
+++ b/templates/2k11/trackbacks.tpl
@ -0,0 +1,17 @@
+{foreach from=$trackbacks item=trackback}
+<article id="c{$trackback.id}" class="serendipity_comment {cycle values="odd,even"}">
+    <h4><cite>{$trackback.author|@default:$CONST.ANONYMOUS}</cite> {$CONST.ON} <time datetime="{$trackback.timestamp|@serendipity_smarty_html5time}" pubdate>{$trackback.timestamp|@formatTime:$template_option.date_format}</time>: <a href="{$trackback.url|@strip_tags}">{$trackback.title}</a></h4>
+
+    <details>
+        <summary>{$CONST.VIEW_EXTENDED_ENTRY|@sprintf:$trackback.title}</summary>
+        <div class="content serendipity_commentBody">{$trackback.body|@strip_tags|@escape:all}</div>
+    </details>    
+{if $entry.is_entry_owner}
+    <footer>
+        <a href="{$serendipityBaseURL}comment.php?serendipity[delete]={$trackback.id}&amp;serendipity[entry]={$trackback.entry_id}&amp;serendipity[type]=trackbacks">{$CONST.DELETE}</a>
+    </footer>
+{/if}
+</article>
+{foreachelse}
+<p class="nocomments">{$CONST.NO_TRACKBACKS}</p>
+{/foreach}