diff --git a/docs/NEWS b/docs/NEWS
index 17fd179d..c585cdcb 100644
--- a/docs/NEWS
+++ b/docs/NEWS
@@ -1,6 +1,10 @@
Version 2.1 ()
------------------------------------------------------------------------
+ * Added new theme "Timeline". Timeline is a fully responsive,
+ mobile first HTML5/CSS3 theme built on the Bootstrap
+ framework.
+
* Add new config variable $serendipity['cors'] to allow to set
Access-Control-Allow-Origin: * headers for sensible places
(RSS feeds), to i.e. allow JavaScript's XMLHTTPRequest to read
diff --git a/templates/timeline/UTF-8/lang_de.inc.php b/templates/timeline/UTF-8/lang_de.inc.php
new file mode 100644
index 00000000..bfb1d761
--- /dev/null
+++ b/templates/timeline/UTF-8/lang_de.inc.php
@@ -0,0 +1,70 @@
+Das Plugin Erweiterte Eigenschaften für Einträge (serendipity_event_entryproperties) wird benötigt. Es ist installiert und aktiv.');
+@define('THEME_EP_NO','Das Plugin Erweiterte Eigenschaften für Einträge (serendipity_event_entryproperties) wird benötigt. Es ist entweder nicht installiert oder inaktiv. Bitte das Plugin installieren, um alle Features dieses Themes voll zu nutzen.
');
+@define('THEME_INSTRUCTIONS','This theme displays blog posts on a linear timeline. Each group of month titles can also be displayed or hidden on the timeline.
This theme uses a right and bottom sidebar. Either, or both sidebars can be disabled by deleting sidebar plugins or relocating sidebar plugins to the sidebar colum labeled "hidden" in plugin configuration.
This theme can be configured to display categories and entry tags from the respective sidebar plugins on the archive page. See "' . THEME_PAGE_OPTIONS . '" below.
If using the avatar plugin (serendipity_event_gravatar), configure option "Produce smarty tag = yes" for best display of comment avatars.
Configure serendipity_event_freetag option "Extended Smarty = yes" for a nicer display of tags in the entry footer.
');
+@define('THEME_CUSTOM_FIELD_HEADING', 'Freie Felder für Einträge');
+@define('THEME_CUSTOM_FIELD_DEFINITION','These optional field(s) are only available when using this theme (timeline). The event plugin serendipity_event_entryproperties (extended properties for entries) must also be installed to use these field(s). The entry image will appear on both the timeline, and at the top of each detailed entry.');
+@define('THEME_ENTRY_IMAGE','Entry Image.');
+@define('THEME_DEMO_AVAILBLE', 'Eine komplette englische Anleitung zur Konfiguration und Benutzung von Timeline findet sich in der Timeline theme demo .');
+
+//Page Options
+@define('THEME_COLORSET', 'Colorset');
+@define('THEME_SKINSET', 'Theme skin');
+@define('HEADER_IMG','Optional Header Image. Leave blank to use Blog Name.');
+@define('HEADER_IMG_DESC', 'Header image recommended size: 150px x 40px.');
+@define('ENTRY_DATE_FORMAT','Datumsformat für Einträge');
+@define('COMMENT_TIME_FORMAT','Zeitformat für Kommentare und Trackbacks');
+@define('WORDS','Textfassung');
+@define('TIMESTAMP','Zeitstempel');
+@define('DISPLAY_AS_TIMELINE','Timeline-Format verwenden');
+@define('DISPLAY_AS_TIMELINE_DESC','Timeline-Format für Blog-Posts verwenden. Falls Nein werden Blog-Posts im üblichen Blog-Format ausgegeben.');
+@define('MONTHS_ON_TIMELINE','Show month names on timeline');
+@define('MONTHS_ON_TIMELINE_DESC','Month name will appear as a heading on the timeline for each month of entries.');
+@define('MONTHS_ON_TIMELINE_FORMAT','Timeline month format');
+@define('CATEGORIES_ON_ARCHIVE', 'Kategorien auf der Archivseite anzeigen');
+@define('CATEGORIES_ON_ARCHIVE_DESC', 'Das Seitenleisten-Plugin Kategorien (serendipity_plugin_categories) muss installiert und die Option "Smarty-Templating aktivieren?" aktiviert sein, damit Kategorien auf der Archiv-Seite angezeigt werden.');
+@define('CATEGORY_RSS_ON_ARCHIVE','Show RSS icon next to each category on archive page');
+@define('TAGS_ON_ARCHIVE', 'Tags auf der Archivseite anzeigen');
+@define('TAGS_ON_ARCHIVE_DESC', 'Das Seitenleisten-Plugin Getaggte Artikel (serendipity_plugin_freetag) muss installiert sein und die Option "Sidebar template" muss auf "archive_freetag.tpl" gesetzt werden, damit Tags auf der Archiv-Seite angezeigt werden.');
+
+//Navigation
+@define('USE_CORENAV', 'Globale Navigation verwenden?');
+
+//Social media
+@define('SOCIAL_ICONS_AMOUNT', 'Enter number of social media links');
+@define('SOCIAL_NETWORK_SERVICE', 'Select social media service for link');
+@define('SOCIAL_ICON_URL', 'URL for social media service link');
+@define('COPYRIGHT', 'Copyright');
+
+//time ago in words function
+@define('ELAPSED_LESS_THAN_MINUTE_AGO','Vor weniger als einer Minute');
+@define('ELAPSED_ONE_MINUTE_AGO','Vor einer Minute');
+@define('ELAPSED_ONE_DAY_AGO','Vor einem Tag');
+@define('ELAPSED_MINUTES_AGO','Vor %s Minuten');
+@define('ELAPSED_HOURS_AGO','Vor %s Stunden');
+@define('ELAPSED_DAYS_AGO','Vor %s Tagen');
+@define('ELAPSED_MONTHS_AGO','Vor %s Monaten');
+@define('ELAPSED_YEARS_AGO','Vor %s Jahren'); //not currently using this, but defining just in case
+@define('ELAPSED_ABOUT_ONE_HOUR_AGO','Vor ungefähr einer Stunde'); // greater than 45 minutes, less than 90 minutes
+@define('ELAPSED_ABOUT_ONE_MONTH_AGO','Vor ungefähr einem Monat'); // greater than 30 days, less than 60 days
+@define('ELAPSED_ABOUT_ONE_YEAR_AGO','Vor ungefähr einem Jahr'); // greater than one year, less than 2 years
+@define('ELAPSED_OVER_YEARS_AGO','Vor mehr als %s Jahren');// greater than 2 years
+
+//Static Pages
+@define('STATIC_SHOW_AUTHOR_TEXT','Autorennamen anzeigen');
+@define('STATIC_SHOW_DATE_TEXT','Datum anzeigen');
+@define('STATIC_SHOW_SIDEBARS_TEXT','Show sidebars?');
\ No newline at end of file
diff --git a/templates/timeline/aqua_style.css b/templates/timeline/aqua_style.css
new file mode 100644
index 00000000..33828ff1
--- /dev/null
+++ b/templates/timeline/aqua_style.css
@@ -0,0 +1,124 @@
+/*
+Theme: Timeline
+Theme developed for Serendipity by Don Chambers (www.optional-necessity.com)
+aqua colorset
+*/
+
+/*
+* Aqua Color: #27d7e7;
+* Aqua Hover Color: #26bac8;
+* Darkest color: #11adbc;
+*/
+
+a {
+ color: #27d7e7;
+}
+
+a:hover,
+a:focus {
+ color: #26bac8;
+}
+
+a.subtome:link,
+a.subtome:visited {
+ background: url('img/subtome-aqua.png') left bottom no-repeat;
+}
+
+a.subtome:hover,
+a.subtome:focus {
+ background: url('img/subtome-aqua.png') -64px center no-repeat;
+}
+
+a.subtome img {
+ visibility: hidden;
+}
+
+.navbar-default .navbar-brand:hover h1,
+.navbar-default .navbar-brand:focus h1{
+ color: #26bac8;
+}
+
+.header .navbar-default .navbar-toggle {
+ border-color: #26bac8;
+}
+
+.header .navbar-toggle, .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus {
+ background-color: #27d7e7;
+}
+
+@media (max-width: 991px) {
+ .header .navbar-default .navbar-nav > li > a:hover {
+ color: #27d7e7;
+ }
+ .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
+ background-color: #27d7e7;
+ }
+}
+
+@media (min-width: 992px) {
+ .header .navbar-default .navbar-nav a.navbar_current_page,
+ .header .navbar-default .navbar-nav > li > a:hover {
+ border-bottom: 2px solid #27d7e7;
+ }
+
+ .header .navbar-default .navbar-nav > li:hover > a {
+ color: #27d7e7;
+ }
+}
+
+.btn-theme {
+ background: none repeat scroll 0 0 #27d7e7;
+ border: 1px solid #27d7e7;
+}
+
+.btn-theme:hover {color: #27d7e7;}
+
+.pager li > a,
+.pager li > span {
+ background-color: #27d7e7;
+ border: 1px solid #27d7e7;
+}
+
+.pager li > a:hover,
+.pager li > a:focus {
+ color: #26bac8;
+}
+
+.sidebar_plugin h3{
+ border-bottom: 2px solid #27d7e7;
+}
+
+.btn-group.archive-button .dropdown-menu > li > a {color: #26bac8;}
+
+.btn-group.archive-button .dropdown-menu > li > a:hover,
+.btn-group.archive-button .dropdown-menu > li > a:focus {
+ background-color: #26bac8;
+}
+
+.archive-button-months-entries {border: 1px solid #27d7e7;}
+
+.archive-button-months-entries .badge {
+ background-color: #11adbc; /* much darker */
+}
+
+blockquote {
+ border-left: 5px solid #27d7e7;
+}
+
+.timeline_freeTag a {
+ background-color: #27d7e7;
+ border: 1px solid #27d7e7;
+}
+
+.timeline_freeTag a:hover,
+.timeline_freeTag a:focus {
+ color: #26bac8; /*dark */
+}
+
+#scrollUp {
+ background-color: #27d7e7;
+ border: 1px solid #27d7e7;
+}
+#scrollUp:hover {
+ color: #26bac8;
+}
\ No newline at end of file
diff --git a/templates/timeline/archive_categories.tpl b/templates/timeline/archive_categories.tpl
new file mode 100644
index 00000000..6890f8bc
--- /dev/null
+++ b/templates/timeline/archive_categories.tpl
@@ -0,0 +1,34 @@
+{if $categories}
+ {$CONST.CATEGORIES}
+
+ {foreach from=$categories item="plugin_category" name="each_category"}
+ {if $smarty.foreach.each_category.first}{assign var="prevdepth" value=$plugin_category.catdepth}{/if}
+ {if ($plugin_category.catdepth == $prevdepth) && !$smarty.foreach.each_category.first}
+
+ {elseif $plugin_category.catdepth < $prevdepth}
+ {for $i=1 to $prevdepth-$plugin_category.catdepth}
+
+
+ {/for}
+
+ {elseif $plugin_category.catdepth > $prevdepth}
+
+ {/if}
+
+ {if $template_option.category_rss_archive == true}{$plugin_category.category_name|escape}
+ {if $smarty.foreach.each_category.last}
+ {if $plugin_category.catdepth>0}
+ {for $i=1 to $plugin_category.catdepth}
+
+
+ {/for}
+ {/if}
+
+ {/if}
+ {assign var="prevdepth" value=$plugin_category.catdepth}
+ {/foreach}
+
+{else}
+
+{/if}
\ No newline at end of file
diff --git a/templates/timeline/archive_freetag.tpl b/templates/timeline/archive_freetag.tpl
new file mode 100644
index 00000000..1f93f738
--- /dev/null
+++ b/templates/timeline/archive_freetag.tpl
@@ -0,0 +1,10 @@
+{if $tags}
+ {$CONST.EDITOR_TAGS}
+
+ {foreach from=$tags key="tag_name" item="plugin_tags" name="each_tag"}
+
{$tag_name} {if !$smarty.foreach.each_tag.last}{/if}
+ {/foreach}
+
+{/if}
\ No newline at end of file
diff --git a/templates/timeline/backend_templates/default_staticpage_backend.tpl b/templates/timeline/backend_templates/default_staticpage_backend.tpl
new file mode 100644
index 00000000..14bcee0a
--- /dev/null
+++ b/templates/timeline/backend_templates/default_staticpage_backend.tpl
@@ -0,0 +1,245 @@
+
+
+ {$CONST.STATICPAGE_SECTION_BASIC}
+
+ {staticpage_input item="headline" what="name"|escape:js}
+ {staticpage_input item="headline"}
+
+
+ {staticpage_input item="articleformattitle" what="name"|escape:js}
+ {staticpage_input item="articleformattitle"}
+
+
+ {staticpage_input item="content" what="name"|escape:js}
+ {$CONST.STATICPAGES_CUSTOM_META_SHOW}
+
+
+
+ {staticpage_input item="title_element" what="name"|escape:js}
+
+ {staticpage_input item="meta_description" what="name"|escape:js}
+ {staticpage_input item="meta_description"}
+
+
+ {staticpage_input item="meta_keywords" what="name"|escape:js}
+
{$CONST.STATICPAGES_CUSTOM_STRUCTURE_SHOW}
+
+
+
+
+ {staticpage_input item="authorid" what="name"|escape:js}
+
+ {staticpage_input item="articletype" what="name"|escape:js}
+
+
+
+ {staticpage_input item="language" what="name"|escape:js}
+
+ {staticpage_input item="related_category_id" what="name"|escape:js}
+
+
+
+ {staticpage_input item="parent_id" what="name"|escape:js}
+
+ {staticpage_input item="show_childpages" what="name"|escape:js}
+
+
+
+ {staticpage_input item="shownavi" what="name"|escape:js}
+
+ {staticpage_input item="show_breadcrumb" what="name"|escape:js}
+ {staticpage_input item="show_breadcrumb"}
+
+
+
+
+
+ {staticpage_input item="pre_content" what="name"|escape:js}
+
+
+
+
+
+
+ {$CONST.STATICPAGE_SECTION_OPT}
+
+
+ {staticpage_input item="publishstatus" what="name"|escape:js}
+
+ {staticpage_input item="is_startpage" what="name"|escape:js}
+
+
+ {staticpage_input item="is_404_page" what="name"|escape:js}
+
+ {staticpage_input item="showonnavi" what="name"|escape:js}
+
+
+ {staticpage_input item="markup" what="name"|escape:js}
+
+ {staticpage_input item="articleformat" what="name"|escape:js}
+
+
+ {$CONST.STATIC_SHOW_SIDEBARS_TEXT} {$CONST.YES}
+
+ {$CONST.NO}
+
+
+
+
+ {* EXAMPLE FOR CUSTOM STATICPAGE PROPERTIES
+
+
+ Custom
+
+
+ Sidebars
+ Left
+ Right
+ Hidden
+
+
+
+
+ Main CSS class
+
+ END OF EXAMPLE FOR CUSTOM STATICPAGE PROPERTIES *}
+
+
+
+
diff --git a/templates/timeline/blue-dark_style.css b/templates/timeline/blue-dark_style.css
new file mode 100644
index 00000000..2cd45478
--- /dev/null
+++ b/templates/timeline/blue-dark_style.css
@@ -0,0 +1,136 @@
+/*
+Theme: Timeline
+Theme developed for Serendipity by Don Chambers (www.optional-necessity.com)
+dark blue colorset
+*/
+
+/*
+* Dark Blue Color: #4765a0;
+* Dark Blue Hover Color: #324c80;
+* Darkest color: #243c6c;
+*/
+
+a {
+ color: #4765a0;
+}
+
+a:hover,
+a:focus {
+ color: #324c80;
+}
+
+
+.footer-socials a:hover,
+.footerSocials a:focus,
+.copyright a:hover,
+.copyright a:focus,
+.RightSideBar a:hover,
+.RightSideBar a:focus,
+.FooterSideBar a:hover,
+.FooterSideBar a:focus {
+ color: #4765a0;
+}
+
+a.subtome:link,
+a.subtome:visited {
+ background: url('img/subtome-blue-dark.png') left bottom no-repeat;
+}
+
+a.subtome:hover,
+a.subtome:focus {
+ background: url('img/subtome-blue-dark.png') -64px center no-repeat;
+}
+
+a.subtome img {
+ visibility: hidden;
+}
+
+.navbar-default .navbar-brand:hover h1,
+.navbar-default .navbar-brand:focus h1{
+ color: #324c80;
+}
+
+.header .navbar-default .navbar-toggle {
+ border-color: #324c80;
+}
+
+.header .navbar-toggle, .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus {
+ background-color: #4765a0;
+}
+
+@media (max-width: 991px) {
+ .header .navbar-default .navbar-nav > li > a:hover {
+ color: #4765a0;
+ }
+ .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
+ background-color: #4765a0;
+ }
+}
+
+@media (min-width: 992px) {
+ .header .navbar-default .navbar-nav a.navbar_current_page,
+ .header .navbar-default .navbar-nav > li > a:hover {
+ border-bottom: 2px solid #4765a0;
+ }
+
+ .header .navbar-default .navbar-nav > li:hover > a {
+ color: #5071b3;
+ }
+}
+
+.btn-theme {
+ background: none repeat scroll 0 0 #4765a0;
+ border: 1px solid #4765a0;
+}
+
+.btn-theme:hover {color: #4765a0;}
+
+.pager li > a,
+.pager li > span {
+ background-color: #4765a0;
+ border: 1px solid #4765a0;
+}
+
+.pager li > a:hover,
+.pager li > a:focus {
+ color: #324c80;
+}
+
+.sidebar_plugin h3{
+ border-bottom: 2px solid #4765a0;
+}
+
+.btn-group.archive-button .dropdown-menu > li > a {color: #324c80;}
+
+.btn-group.archive-button .dropdown-menu > li > a:hover,
+.btn-group.archive-button .dropdown-menu > li > a:focus {
+ background-color: #324c80;
+}
+
+.archive-button-months-entries {border: 1px solid #4765a0;}
+
+.archive-button-months-entries .badge {
+ background-color: #243c6c; /* much darker */
+}
+
+blockquote {
+ border-left: 5px solid #324c80;
+}
+
+.timeline_freeTag a {
+ background-color: #4765a0;
+ border: 1px solid #4765a0;
+}
+
+.timeline_freeTag a:hover,
+.timeline_freeTag a:focus {
+ color: #324c80;
+}
+
+#scrollUp {
+ background-color: #4765a0;
+ border: 1px solid #4765a0;
+}
+#scrollUp:hover {
+ color: #324c80;
+}
\ No newline at end of file
diff --git a/templates/timeline/blue_style.css b/templates/timeline/blue_style.css
new file mode 100644
index 00000000..2aca29dd
--- /dev/null
+++ b/templates/timeline/blue_style.css
@@ -0,0 +1,124 @@
+/*
+Theme: Timeline
+Theme developed for Serendipity by Don Chambers (www.optional-necessity.com)
+blue colorset
+*/
+
+/*
+* Blue Color: #3498db;
+* Blue Hover Color: #2980b9;
+* Darkest color: #1c6ca1;
+*/
+
+a {
+ color: #3498db;
+}
+
+a:hover,
+a:focus {
+ color: #2980b9;
+}
+
+a.subtome:link,
+a.subtome:visited {
+ background: url('img/subtome-blue.png') left bottom no-repeat;
+}
+
+a.subtome:hover,
+a.subtome:focus {
+ background: url('img/subtome-blue.png') -64px center no-repeat;
+}
+
+a.subtome img {
+ visibility: hidden;
+}
+
+.navbar-default .navbar-brand:hover h1,
+.navbar-default .navbar-brand:focus h1{
+ color: #2980b9;
+}
+
+.header .navbar-default .navbar-toggle {
+ border-color: #2980b9;
+}
+
+.header .navbar-toggle, .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus {
+ background-color: #3498db;
+}
+
+@media (max-width: 991px) {
+ .header .navbar-default .navbar-nav > li > a:hover {
+ color: #3498db;
+ }
+ .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
+ background-color: #3498db;
+ }
+}
+
+@media (min-width: 992px) {
+ .header .navbar-default .navbar-nav a.navbar_current_page,
+ .header .navbar-default .navbar-nav > li > a:hover {
+ border-bottom: 2px solid #3498db;
+ }
+
+ .header .navbar-default .navbar-nav > li:hover > a {
+ color: #3498db;
+ }
+}
+
+.btn-theme {
+ background: none repeat scroll 0 0 #3498db;
+ border: 1px solid #3498db;
+}
+
+.btn-theme:hover {color: #3498db;}
+
+.pager li > a,
+.pager li > span {
+ background-color: #3498db;
+ border: 1px solid #3498db;
+}
+
+.pager li > a:hover,
+.pager li > a:focus {
+ color: #2980b9;
+}
+
+.sidebar_plugin h3{
+ border-bottom: 2px solid #3498db;
+}
+
+.btn-group.archive-button .dropdown-menu > li > a {color: #2980b9;}
+
+.btn-group.archive-button .dropdown-menu > li > a:hover,
+.btn-group.archive-button .dropdown-menu > li > a:focus {
+ background-color: #2980b9;
+}
+
+.archive-button-months-entries {border: 1px solid #3498db;}
+
+.archive-button-months-entries .badge {
+ background-color: #1c6ca1; /* much darker */
+}
+
+blockquote {
+ border-left: 5px solid #2980b9;
+}
+
+.timeline_freeTag a {
+ background-color: #3498db;
+ border: 1px solid #3498db;
+}
+
+.timeline_freeTag a:hover,
+.timeline_freeTag a:focus {
+ color: #2980b9;
+}
+
+#scrollUp {
+ background-color: #3498db;
+ border: 1px solid #3498db;
+}
+#scrollUp:hover {
+ color: #2980b9;
+}
\ No newline at end of file
diff --git a/templates/timeline/blueviolet_skin.css b/templates/timeline/blueviolet_skin.css
new file mode 100644
index 00000000..eedff2d5
--- /dev/null
+++ b/templates/timeline/blueviolet_skin.css
@@ -0,0 +1,867 @@
+/*
+Theme: Timeline
+Theme developed for Serendipity by Don Chambers (www.optional-necessity.com)
+blueviolet
+*/
+
+body {
+ background-color: #262c33;
+ color: #959da5;
+}
+
+.RightSideBar a{
+ color: #959da5;
+}
+
+.wrapper {
+ background-color: #262c33;
+}
+
+.header {
+ background-color: #2F3744;
+ border-bottom: 2px solid #36404A;
+}
+
+.header-custom.is-fixed {
+ background-color: rgba(67, 78, 89, 0.9);
+}
+
+.subheader {
+ background-color: #1e2329;
+ border-bottom: 1px solid #2f3744;
+}
+
+.staticpage_subheader {
+ color: #808080;
+}
+
+.header .navbar-default .navbar-toggle .fa {
+ color: #fff;
+}
+
+.header .navbar-default .navbar-nav > li > a {
+ color: #959da5;
+}
+
+.header .navbar-default .navbar-nav > li a {
+ border-bottom: 1px solid #36404A;
+}
+
+.is-fixed .navbar-default .navbar-nav > li > a {
+ color: #ccc;
+}
+
+.modal-content {
+ background: #313A42;
+}
+
+.modal-header {border-bottom: 1px solid #262c33}
+
+.modal-footer {border:0}
+
+button.close {color: inherit; opacity: 0.5;}
+
+#serendipityQuickSearchTermField {
+ background: #262c33;
+ border: 1px solid #262c33;
+ color: #fff;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ color: #ccc;
+}
+
+hr {
+ border-color:#36404A;
+}
+
+.archives_summary .post-info {color: #727c87;}
+
+.btn-theme.disabled {
+ background-color: #434e59;
+ border: 1px solid #434e59;
+ color: #888;
+}
+
+.timeline:before { /* this is the vertical line */
+ background-color: #36404A;
+}
+
+.timeline > li > .timeline-panel {
+ border: 1px solid #36404A;
+}
+
+.timeline > li > .timeline-panel:before {
+ border-left: 15px solid #36404A;
+ border-right: 0 solid #36404A;
+}
+
+.timeline > li > .timeline-panel:after {
+ border-left: 14px solid #36404A;
+ border-right: 0 solid #36404A;
+}
+
+.timeline > li.timeline-month-heading {
+ color: #ccc;
+}
+
+.tldate {
+ background-color: #313A42;
+ border: 2px solid #36404A;
+ color: #adadad;
+}
+
+.entry-footer .fa,
+.timeline > li > .timeline-badge {
+ color: #51606e;
+}
+
+.timeline .timeline-footer{
+ border-top: 1px solid #36404A;
+}
+
+.timeline .timeline-footer i {
+ color: #51606e;
+}
+
+
+@media (max-width: 992px) {
+ .timeline > li > .timeline-panel:before {
+ border-left: 11px solid #36404A;
+ }
+
+ .timeline > li > .timeline-panel:after {
+ border-left: 10px solid #36404A;
+ }
+}
+
+
+@media (max-width: 767px) {
+ ul.timeline > li > .timeline-panel:before {
+ border-left: 0;
+ }
+
+ ul.timeline > li > .timeline-panel:after {
+ border-left: 0;
+ }
+}
+
+.footer-container .footer {
+ background-color: #1e2329;
+}
+
+.footer-container .footer,
+.footer-container .footer li,
+.footer-container .footer p {
+ color: #959da5;
+}
+
+.FooterSideBar a {
+ color: #586467;
+}
+
+.copyright {
+ background: #2F3744;
+}
+
+.footer-socials a {
+ color: #51606e;
+}
+
+.comment-date {
+ color: #808080;
+ font-weight: normal;
+}
+
+.serendipity_imageComment_txt {
+ color: #5b676a;
+}
+
+blockquote {
+ color: #5b676a;
+}
+
+.post-info {color: #727c87;}
+
+
+table {
+ margin-bottom: 20px;
+ max-width: 100%;
+ width: 100%;
+}
+table > tbody > tr > td,
+table > tbody > tr > th,
+table > tfoot > tr > td,
+table > tfoot > tr > th,
+table > thead > tr > td,
+table > thead > tr > th {
+ border-top: 1px solid #ddd;
+ line-height: 1.42857;
+ padding: 8px;
+ vertical-align: top;
+}
+table > thead > tr > th {
+ border-bottom: 2px solid #ddd;
+ vertical-align: bottom;
+}
+table > caption + thead > tr:first-child > td,
+table > caption + thead > tr:first-child > th,
+table > colgroup + thead > tr:first-child > td,
+table > colgroup + thead > tr:first-child > th,
+table > thead:first-child > tr:first-child > td,
+table > thead:first-child > tr:first-child > th {
+ border-top: 0 none;
+}
+table > tbody + tbody {
+ border-top: 2px solid #ddd;
+}
+table table {
+ background-color: #fff;
+}
+
+#captcha,
+#serendipity_replyTo,
+.form-control {
+ background-color: #222;
+ border: 1px solid #36404A;
+ color: #959da5;
+
+}
+
+/* bootstrap classes for darker skin */
+ .alert-success {
+ background-color: #62c462;
+ border-color: #62bd4f;
+ color: #ffffff;
+}
+.alert-success hr {
+ border-top-color: #55b142;
+}
+.alert-success .alert-link {
+ color: #e6e6e6;
+}
+.alert-info {
+ background-color: #5bc0de;
+ border-color: #3dced8;
+ color: #ffffff;
+}
+.alert-info hr {
+ border-top-color: #2ac7d2;
+}
+.alert-info .alert-link {
+ color: #e6e6e6;
+}
+.alert-warning {
+ background-color: #f89406;
+ border-color: #e96506;
+ color: #ffffff;
+}
+.alert-warning hr {
+ border-top-color: #d05a05;
+}
+.alert-warning .alert-link {
+ color: #e6e6e6;
+}
+.alert-danger {
+ background-color: #ee5f5b;
+ border-color: #ed4d63;
+ color: #ffffff;
+}
+.alert-danger hr {
+ border-top-color: #ea364f;
+}
+.alert-danger .alert-link {
+ color: #e6e6e6;
+}
+
+
+
+
+.panel {
+ margin-bottom: 20px;
+ background-color: #2e3338;
+ border: 1px solid transparent;
+ border-radius: 4px;
+ -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+}
+.panel-body {
+ padding: 15px;
+}
+.panel-heading {
+ padding: 10px 15px;
+ border-bottom: 1px solid transparent;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.panel-heading > .dropdown .dropdown-toggle {
+ color: inherit;
+}
+
+.panel-title > a,
+.panel-title > small,
+.panel-title > .small,
+.panel-title > small > a,
+.panel-title > .small > a {
+ color: inherit;
+}
+.panel-footer {
+ padding: 10px 15px;
+ background-color: #3e444c;
+ border-top: 1px solid rgba(0, 0, 0, 0.6);
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.panel > .list-group,
+.panel > .panel-collapse > .list-group {
+ margin-bottom: 0;
+}
+.panel > .list-group .list-group-item,
+.panel > .panel-collapse > .list-group .list-group-item {
+ border-width: 1px 0;
+ border-radius: 0;
+}
+.panel > .list-group:first-child .list-group-item:first-child,
+.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
+ border-top: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.panel > .list-group:last-child .list-group-item:last-child,
+.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
+ border-bottom: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.panel-heading + .list-group .list-group-item:first-child {
+ border-top-width: 0;
+}
+.list-group + .panel-footer {
+ border-top-width: 0;
+}
+.panel > .table,
+.panel > .table-responsive > .table,
+.panel > .panel-collapse > .table {
+ margin-bottom: 0;
+}
+.panel > .table caption,
+.panel > .table-responsive > .table caption,
+.panel > .panel-collapse > .table caption {
+ padding-left: 15px;
+ padding-right: 15px;
+}
+.panel > .table:first-child,
+.panel > .table-responsive:first-child > .table:first-child {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.panel > .table:first-child > thead:first-child > tr:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+}
+.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
+ border-top-left-radius: 3px;
+}
+.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
+ border-top-right-radius: 3px;
+}
+.panel > .table:last-child,
+.panel > .table-responsive:last-child > .table:last-child {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.panel > .table:last-child > tbody:last-child > tr:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
+ border-bottom-left-radius: 3px;
+}
+.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
+ border-bottom-right-radius: 3px;
+}
+.panel > .panel-body + .table,
+.panel > .panel-body + .table-responsive,
+.panel > .table + .panel-body,
+.panel > .table-responsive + .panel-body {
+ border-top: 1px solid #1c1e22;
+}
+.panel > .table > tbody:first-child > tr:first-child th,
+.panel > .table > tbody:first-child > tr:first-child td {
+ border-top: 0;
+}
+.panel > .table-bordered,
+.panel > .table-responsive > .table-bordered {
+ border: 0;
+}
+.panel > .table-bordered > thead > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
+.panel > .table-bordered > tbody > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
+.panel > .table-bordered > tfoot > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+.panel > .table-bordered > thead > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
+.panel > .table-bordered > tbody > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
+.panel > .table-bordered > tfoot > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+ border-left: 0;
+}
+.panel > .table-bordered > thead > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
+.panel > .table-bordered > tbody > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
+.panel > .table-bordered > tfoot > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+.panel > .table-bordered > thead > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
+.panel > .table-bordered > tbody > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
+.panel > .table-bordered > tfoot > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+ border-right: 0;
+}
+.panel > .table-bordered > thead > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
+.panel > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-bordered > thead > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
+.panel > .table-bordered > tbody > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
+ border-bottom: 0;
+}
+.panel > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-bordered > tfoot > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
+ border-bottom: 0;
+}
+.panel > .table-responsive {
+ border: 0;
+ margin-bottom: 0;
+}
+.panel-group {
+ margin-bottom: 20px;
+}
+.panel-group .panel {
+ margin-bottom: 0;
+ border-radius: 4px;
+}
+.panel-group .panel + .panel {
+ margin-top: 5px;
+}
+.panel-group .panel-heading {
+ border-bottom: 0;
+}
+.panel-group .panel-heading + .panel-collapse > .panel-body,
+.panel-group .panel-heading + .panel-collapse > .list-group {
+ border-top: 1px solid rgba(0, 0, 0, 0.6);
+}
+.panel-group .panel-footer {
+ border-top: 0;
+}
+.panel-group .panel-footer + .panel-collapse .panel-body {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.6);
+}
+.panel-default {
+ border-color: rgba(0, 0, 0, 0.6);
+}
+.panel-default > .panel-heading {
+ color: #c8c8c8;
+ background-color: #3e444c;
+ border-color: rgba(0, 0, 0, 0.6);
+}
+.panel-default > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: rgba(0, 0, 0, 0.6);
+}
+.panel-default > .panel-heading .badge {
+ color: #3e444c;
+ background-color: #c8c8c8;
+}
+.panel-default > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: rgba(0, 0, 0, 0.6);
+}
+.panel-primary {
+ border-color: rgba(0, 0, 0, 0.6);
+}
+.panel-primary > .panel-heading {
+ color: #ffffff;
+ background-color: #7a8288;
+ border-color: rgba(0, 0, 0, 0.6);
+}
+.panel-primary > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: rgba(0, 0, 0, 0.6);
+}
+.panel-primary > .panel-heading .badge {
+ color: #7a8288;
+ background-color: #ffffff;
+}
+.panel-primary > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: rgba(0, 0, 0, 0.6);
+}
+.panel-success {
+ border-color: rgba(0, 0, 0, 0.6);
+}
+.panel-success > .panel-heading {
+ color: #ffffff;
+ background-color: #62c462;
+ border-color: rgba(0, 0, 0, 0.6);
+}
+.panel-success > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: rgba(0, 0, 0, 0.6);
+}
+.panel-success > .panel-heading .badge {
+ color: #62c462;
+ background-color: #ffffff;
+}
+.panel-success > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: rgba(0, 0, 0, 0.6);
+}
+.panel-info {
+ border-color: rgba(0, 0, 0, 0.6);
+}
+.panel-info > .panel-heading {
+ color: #ffffff;
+ background-color: #5bc0de;
+ border-color: rgba(0, 0, 0, 0.6);
+}
+.panel-info > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: rgba(0, 0, 0, 0.6);
+}
+.panel-info > .panel-heading .badge {
+ color: #5bc0de;
+ background-color: #ffffff;
+}
+.panel-info > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: rgba(0, 0, 0, 0.6);
+}
+.panel-warning {
+ border-color: rgba(0, 0, 0, 0.6);
+}
+.panel-warning > .panel-heading {
+ color: #ffffff;
+ background-color: #f89406;
+ border-color: rgba(0, 0, 0, 0.6);
+}
+.panel-warning > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: rgba(0, 0, 0, 0.6);
+}
+.panel-warning > .panel-heading .badge {
+ color: #f89406;
+ background-color: #ffffff;
+}
+.panel-warning > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: rgba(0, 0, 0, 0.6);
+}
+.panel-danger {
+ border-color: rgba(0, 0, 0, 0.6);
+}
+.panel-danger > .panel-heading {
+ color: #ffffff;
+ background-color: #ee5f5b;
+ border-color: rgba(0, 0, 0, 0.6);
+}
+.panel-danger > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: rgba(0, 0, 0, 0.6);
+}
+.panel-danger > .panel-heading .badge {
+ color: #ee5f5b;
+ background-color: #ffffff;
+}
+.panel-danger > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: rgba(0, 0, 0, 0.6);
+}
+
+
+
+
+table {
+ background-color: #2e3338;
+}
+caption {
+ padding-top: 8px;
+ padding-bottom: 8px;
+ color: #7a8288;
+ text-align: left;
+}
+th {
+ text-align: left;
+}
+.table {
+ width: 100%;
+ max-width: 100%;
+ margin-bottom: 20px;
+}
+.table > thead > tr > th,
+.table > tbody > tr > th,
+.table > tfoot > tr > th,
+.table > thead > tr > td,
+.table > tbody > tr > td,
+.table > tfoot > tr > td {
+ padding: 8px;
+ line-height: 1.42857143;
+ vertical-align: top;
+ border-top: 1px solid #1c1e22;
+}
+.table > thead > tr > th {
+ vertical-align: bottom;
+ border-bottom: 2px solid #1c1e22;
+}
+.table > caption + thead > tr:first-child > th,
+.table > colgroup + thead > tr:first-child > th,
+.table > thead:first-child > tr:first-child > th,
+.table > caption + thead > tr:first-child > td,
+.table > colgroup + thead > tr:first-child > td,
+.table > thead:first-child > tr:first-child > td {
+ border-top: 0;
+}
+.table > tbody + tbody {
+ border-top: 2px solid #1c1e22;
+}
+.table .table {
+ background-color: #272b30;
+}
+.table-condensed > thead > tr > th,
+.table-condensed > tbody > tr > th,
+.table-condensed > tfoot > tr > th,
+.table-condensed > thead > tr > td,
+.table-condensed > tbody > tr > td,
+.table-condensed > tfoot > tr > td {
+ padding: 5px;
+}
+.table-bordered {
+ border: 1px solid #1c1e22;
+}
+.table-bordered > thead > tr > th,
+.table-bordered > tbody > tr > th,
+.table-bordered > tfoot > tr > th,
+.table-bordered > thead > tr > td,
+.table-bordered > tbody > tr > td,
+.table-bordered > tfoot > tr > td {
+ border: 1px solid #1c1e22;
+}
+.table-bordered > thead > tr > th,
+.table-bordered > thead > tr > td {
+ border-bottom-width: 2px;
+}
+.table-striped > tbody > tr:nth-of-type(odd) {
+ background-color: #353a41;
+}
+.table-hover > tbody > tr:hover {
+ background-color: #49515a;
+}
+table col[class*="col-"] {
+ position: static;
+ float: none;
+ display: table-column;
+}
+table td[class*="col-"],
+table th[class*="col-"] {
+ position: static;
+ float: none;
+ display: table-cell;
+}
+.table > thead > tr > td.active,
+.table > tbody > tr > td.active,
+.table > tfoot > tr > td.active,
+.table > thead > tr > th.active,
+.table > tbody > tr > th.active,
+.table > tfoot > tr > th.active,
+.table > thead > tr.active > td,
+.table > tbody > tr.active > td,
+.table > tfoot > tr.active > td,
+.table > thead > tr.active > th,
+.table > tbody > tr.active > th,
+.table > tfoot > tr.active > th {
+ background-color: #49515a;
+}
+.table-hover > tbody > tr > td.active:hover,
+.table-hover > tbody > tr > th.active:hover,
+.table-hover > tbody > tr.active:hover > td,
+.table-hover > tbody > tr:hover > .active,
+.table-hover > tbody > tr.active:hover > th {
+ background-color: #3e444c;
+}
+.table > thead > tr > td.success,
+.table > tbody > tr > td.success,
+.table > tfoot > tr > td.success,
+.table > thead > tr > th.success,
+.table > tbody > tr > th.success,
+.table > tfoot > tr > th.success,
+.table > thead > tr.success > td,
+.table > tbody > tr.success > td,
+.table > tfoot > tr.success > td,
+.table > thead > tr.success > th,
+.table > tbody > tr.success > th,
+.table > tfoot > tr.success > th {
+ background-color: #62c462;
+}
+.table-hover > tbody > tr > td.success:hover,
+.table-hover > tbody > tr > th.success:hover,
+.table-hover > tbody > tr.success:hover > td,
+.table-hover > tbody > tr:hover > .success,
+.table-hover > tbody > tr.success:hover > th {
+ background-color: #4fbd4f;
+}
+.table > thead > tr > td.info,
+.table > tbody > tr > td.info,
+.table > tfoot > tr > td.info,
+.table > thead > tr > th.info,
+.table > tbody > tr > th.info,
+.table > tfoot > tr > th.info,
+.table > thead > tr.info > td,
+.table > tbody > tr.info > td,
+.table > tfoot > tr.info > td,
+.table > thead > tr.info > th,
+.table > tbody > tr.info > th,
+.table > tfoot > tr.info > th {
+ background-color: #5bc0de;
+}
+.table-hover > tbody > tr > td.info:hover,
+.table-hover > tbody > tr > th.info:hover,
+.table-hover > tbody > tr.info:hover > td,
+.table-hover > tbody > tr:hover > .info,
+.table-hover > tbody > tr.info:hover > th {
+ background-color: #46b8da;
+}
+.table > thead > tr > td.warning,
+.table > tbody > tr > td.warning,
+.table > tfoot > tr > td.warning,
+.table > thead > tr > th.warning,
+.table > tbody > tr > th.warning,
+.table > tfoot > tr > th.warning,
+.table > thead > tr.warning > td,
+.table > tbody > tr.warning > td,
+.table > tfoot > tr.warning > td,
+.table > thead > tr.warning > th,
+.table > tbody > tr.warning > th,
+.table > tfoot > tr.warning > th {
+ background-color: #f89406;
+}
+.table-hover > tbody > tr > td.warning:hover,
+.table-hover > tbody > tr > th.warning:hover,
+.table-hover > tbody > tr.warning:hover > td,
+.table-hover > tbody > tr:hover > .warning,
+.table-hover > tbody > tr.warning:hover > th {
+ background-color: #df8505;
+}
+.table > thead > tr > td.danger,
+.table > tbody > tr > td.danger,
+.table > tfoot > tr > td.danger,
+.table > thead > tr > th.danger,
+.table > tbody > tr > th.danger,
+.table > tfoot > tr > th.danger,
+.table > thead > tr.danger > td,
+.table > tbody > tr.danger > td,
+.table > tfoot > tr.danger > td,
+.table > thead > tr.danger > th,
+.table > tbody > tr.danger > th,
+.table > tfoot > tr.danger > th {
+ background-color: #ee5f5b;
+}
+
+.table-hover > tbody > tr > td.danger:hover,
+.table-hover > tbody > tr > th.danger:hover,
+.table-hover > tbody > tr.danger:hover > td,
+.table-hover > tbody > tr:hover > .danger,
+.table-hover > tbody > tr.danger:hover > th {
+ background-color: #ec4844;
+}
+
+table, .table .success, .table .warning, .table .danger, .table .info {
+ color: #fff;
+}
+
+.table-responsive {
+ overflow-x: auto;
+ min-height: 0.01%;
+}
+@media screen and (max-width: 767px) {
+ .table-responsive {
+ width: 100%;
+ margin-bottom: 15px;
+ overflow-y: hidden;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+ border: 1px solid #1c1e22;
+ }
+ .table-responsive > .table {
+ margin-bottom: 0;
+ }
+ .table-responsive > .table > thead > tr > th,
+ .table-responsive > .table > tbody > tr > th,
+ .table-responsive > .table > tfoot > tr > th,
+ .table-responsive > .table > thead > tr > td,
+ .table-responsive > .table > tbody > tr > td,
+ .table-responsive > .table > tfoot > tr > td {
+ white-space: nowrap;
+ }
+ .table-responsive > .table-bordered {
+ border: 0;
+ }
+ .table-responsive > .table-bordered > thead > tr > th:first-child,
+ .table-responsive > .table-bordered > tbody > tr > th:first-child,
+ .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+ .table-responsive > .table-bordered > thead > tr > td:first-child,
+ .table-responsive > .table-bordered > tbody > tr > td:first-child,
+ .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+ border-left: 0;
+ }
+ .table-responsive > .table-bordered > thead > tr > th:last-child,
+ .table-responsive > .table-bordered > tbody > tr > th:last-child,
+ .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+ .table-responsive > .table-bordered > thead > tr > td:last-child,
+ .table-responsive > .table-bordered > tbody > tr > td:last-child,
+ .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+ border-right: 0;
+ }
+ .table-responsive > .table-bordered > tbody > tr:last-child > th,
+ .table-responsive > .table-bordered > tfoot > tr:last-child > th,
+ .table-responsive > .table-bordered > tbody > tr:last-child > td,
+ .table-responsive > .table-bordered > tfoot > tr:last-child > td {
+ border-bottom: 0;
+ }
+}
\ No newline at end of file
diff --git a/templates/timeline/brown_style.css b/templates/timeline/brown_style.css
new file mode 100644
index 00000000..2ca71a66
--- /dev/null
+++ b/templates/timeline/brown_style.css
@@ -0,0 +1,124 @@
+/*
+Theme: Timeline
+Theme developed for Serendipity by Don Chambers (www.optional-necessity.com)
+brown colorset
+*/
+
+/*
+* Brown Color: #9c8061;
+* Brown Hover Color: #81674b;
+* Darkest color: #6f5539;
+*/
+
+a {
+ color: #9c8061;
+}
+
+a:hover,
+a:focus {
+ color: #81674b;
+}
+
+a.subtome:link,
+a.subtome:visited {
+ background: url('img/subtome-brown.png') left bottom no-repeat;
+}
+
+a.subtome:hover,
+a.subtome:focus {
+ background: url('img/subtome-brown.png') -64px center no-repeat;
+}
+
+a.subtome img {
+ visibility: hidden;
+}
+
+.navbar-default .navbar-brand:hover h1,
+.navbar-default .navbar-brand:focus h1{
+ color: #81674b;
+}
+
+.header .navbar-default .navbar-toggle {
+ border-color: #81674b;
+}
+
+.header .navbar-toggle, .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus {
+ background-color: #9c8061;
+}
+
+@media (max-width: 991px) {
+ .header .navbar-default .navbar-nav > li > a:hover {
+ color: #9c8061;
+ }
+ .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
+ background-color: #9c8061;
+ }
+}
+
+@media (min-width: 992px) {
+ .header .navbar-default .navbar-nav a.navbar_current_page,
+ .header .navbar-default .navbar-nav > li > a:hover {
+ border-bottom: 2px solid #9c8061;
+ }
+
+ .header .navbar-default .navbar-nav > li:hover > a {
+ color: #9c8061;
+ }
+}
+
+.btn-theme {
+ background: none repeat scroll 0 0 #9c8061;
+ border: 1px solid #9c8061;
+}
+
+.btn-theme:hover {color: #9c8061;}
+
+.pager li > a,
+.pager li > span {
+ background-color: #9c8061;
+ border: 1px solid #9c8061;
+}
+
+.pager li > a:hover,
+.pager li > a:focus {
+ color: #81674b;
+}
+
+.sidebar_plugin h3{
+ border-bottom: 2px solid #9c8061;
+}
+
+.btn-group.archive-button .dropdown-menu > li > a {color: #81674b;}
+
+.btn-group.archive-button .dropdown-menu > li > a:hover,
+.btn-group.archive-button .dropdown-menu > li > a:focus {
+ background-color: #81674b;
+}
+
+.archive-button-months-entries {border: 1px solid #9c8061;}
+
+.archive-button-months-entries .badge {
+ background-color: #6f5539; /* much darker */
+}
+
+blockquote {
+ border-left: 5px solid #81674b;
+}
+
+.timeline_freeTag a {
+ background-color: #9c8061;
+ border: 1px solid #9c8061;
+}
+
+.timeline_freeTag a:hover,
+.timeline_freeTag a:focus {
+ color: #81674b;
+}
+
+#scrollUp {
+ background-color: #9c8061;
+ border: 1px solid #9c8061;
+}
+#scrollUp:hover {
+ color: #81674b;
+}
\ No newline at end of file
diff --git a/templates/timeline/commentform.tpl b/templates/timeline/commentform.tpl
new file mode 100644
index 00000000..868900ab
--- /dev/null
+++ b/templates/timeline/commentform.tpl
@@ -0,0 +1,51 @@
+
\ No newline at end of file
diff --git a/templates/timeline/comments.tpl b/templates/timeline/comments.tpl
new file mode 100644
index 00000000..e3de3cd8
--- /dev/null
+++ b/templates/timeline/comments.tpl
@@ -0,0 +1,61 @@
+
+ {/for}
+
+ {elseif $comment.depth > $prevdepth}
+
+ {/for}
+ {/if}
+
+ {/if}
+ {assign var="prevdepth" value=$comment.depth}
+{/foreach}
+
\ No newline at end of file
diff --git a/templates/timeline/config.inc.php b/templates/timeline/config.inc.php
new file mode 100644
index 00000000..781141e6
--- /dev/null
+++ b/templates/timeline/config.inc.php
@@ -0,0 +1,409 @@
+assign(array('currpage' => "http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']));
+
+$serendipity['smarty']->assign('archiveURL', serendipity_rewriteURL(PATH_ARCHIVE));
+
+if ($serendipity['GET']['adminModule'] == 'templates' || $serendipity['POST']['adminModule'] == 'templates' || $serendipity['GET']['adminAction'] == 'cattemplate') {
+ $css_files = glob(dirname(__FILE__) . '/*_style.css');
+ foreach($css_files AS $css_file) {
+ $css_file = str_replace('_style.css', '', basename($css_file));
+ if (!isset($colorsets[$css_file])) {
+ $colorsets[$css_file] = $css_file;
+ }
+ }
+}
+
+if ($serendipity['GET']['adminModule'] == 'templates' || $serendipity['POST']['adminModule'] == 'templates' || $serendipity['GET']['adminAction'] == 'cattemplate') {
+ $skin_files = glob(dirname(__FILE__) . '/*_skin.css');
+ $skinsets[$skin_file] = 'light'; // light is default, but light_skin.css does not exist as light styles are written into style.css
+ foreach($skin_files AS $skin_file) {
+ $skin_file = str_replace('_skin.css', '', basename($skin_file));
+ if (!isset($skinsets[$skin_file])) {
+ $skinsets[$skin_file] = $skin_file;
+ }
+ }
+}
+
+// show elapsed time in words, such as x hours ago.
+function distanceOfTimeInWords($fromTime, $toTime = 0) {
+ $distanceInSeconds = round(abs($toTime - $fromTime));
+ $distanceInMinutes = round($distanceInSeconds / 60);
+
+ if ( $distanceInMinutes <= 1 ) {
+ if ( $distanceInSeconds < 60 ) {
+ return ELAPSED_LESS_THAN_MINUTE_AGO;
+ }
+ return ELAPSED_ONE_MINUTE_AGO;
+ }
+ if ( $distanceInMinutes < 45 ) {
+ return (sprintf(ELAPSED_MINUTES_AGO, $distanceInMinutes));
+ }
+ if ( $distanceInMinutes < 90 ) {
+ return ELAPSED_ABOUT_ONE_HOUR_AGO;
+ }
+ // less than 24 hours
+ if ( $distanceInMinutes < 1440 ) {
+ return (sprintf(ELAPSED_HOURS_AGO, round(floatval($distanceInMinutes) / 60.0)));
+ }
+ //less than 48hours
+ if ( $distanceInMinutes < 2880 ) {
+ return ELAPSED_ONE_DAY_AGO;
+ }
+ // less than 30 days
+ if ( $distanceInMinutes < 43200 ) {
+ return (sprintf(ELAPSED_DAYS_AGO, round(floatval($distanceInMinutes) / 1440)));
+ }
+ //less than 60 days
+ if ( $distanceInMinutes < 86400 ) {
+ return ELAPSED_ABOUT_ONE_MONTH_AGO;
+ }
+ // less than 365 days
+ if ( $distanceInMinutes < 525600 ) {
+ return (sprintf(ELAPSED_MONTHS_AGO, round(floatval($distanceInMinutes) / 43200)));
+ }
+ // less than 2 years
+ if ( $distanceInMinutes < 1051199 ) {
+ return ELAPSED_ABOUT_ONE_YEAR_AGO;
+ }
+ return (sprintf(ELAPSED_OVER_YEARS_AGO, round(floatval($distanceInMinutes) / 525600)));
+}
+
+// smarty function to use distanceOfTimeInWords function
+// call from tpl as {elapsed_time_words from_time=$comment.timestamp}
+$serendipity['smarty']->register_function('elapsed_time_words', 'timeAgoInWords');
+
+function timeAgoInWords($params, &$smarty) {
+ return distanceOfTimeInWords($params['from_time'], time());
+ }
+
+// Used to determine if entry image begins with $searchval) {
+ if (strpos($string, $searchval) === 0) {
+ return true;
+ }
+ }
+ return false;
+}
+$serendipity['smarty']->registerPlugin('modifier', 'is_in_string', 'is_in_string');
+
+if (class_exists('serendipity_event_entryproperties')) {
+ $ep_msg=THEME_EP_YES;
+ } else {
+ $ep_msg=THEME_EP_NO;
+}
+
+$template_config = array(
+ array(
+ 'var' => 'sidebars',
+ 'type' => 'hidden',
+ 'value' => 'right,footer,hide',
+ ),
+ array(
+ 'var' => 'theme_instructions',
+ 'type' => 'content',
+ 'default' => '' . THEME_DEMO_AVAILABLE . '
' . $ep_msg . THEME_INSTRUCTIONS . '' . CATEGORIES_ON_ARCHIVE_DESC . '
' . TAGS_ON_ARCHIVE_DESC . '
',
+ ),
+ array(
+ 'var' => 'use_corenav',
+ 'name' => USE_CORENAV,
+ 'type' => 'boolean',
+ 'default' => true,
+ ),
+ array(
+ 'var' => 'colorset',
+ 'name' => THEME_COLORSET,
+ 'type' => 'select',
+ 'default' => 'green',
+ 'select_values' => $colorsets
+ ),
+ array(
+ 'var' => 'skinset',
+ 'name' => THEME_SKINSET,
+ 'type' => 'select',
+ 'default' => 'light',
+ 'select_values' => $skinsets
+ ),
+ array(
+ 'var' => 'header_img',
+ 'name' => HEADER_IMG,
+ 'description' => HEADER_IMG_DESC,
+ 'type' => 'media',
+ 'default' => serendipity_getTemplateFile('header.jpg', 'serendipityHTTPPath', true)
+ ),
+ array(
+ 'var' => 'subheader_img',
+ 'name' => SUBHEADER_IMG,
+ 'description' => SUBHEADER_IMG_DESC,
+ 'type' => 'media',
+ 'default' => serendipity_getTemplateFile('subheader.jpg', 'serendipityHTTPPath', true)
+ ),
+ array(
+ 'var' => 'date_format',
+ 'name' => ENTRY_DATE_FORMAT . ' (http://php.net/strftime)',
+ 'type' => 'string',
+ 'default' => DATE_FORMAT_ENTRY,
+ ),
+ array(
+ 'var' => 'comment_time_format',
+ 'name' => COMMENT_TIME_FORMAT,
+ 'type' => 'select',
+ 'default' => 'words',
+ 'select_values' => array('words' => WORDS,
+ 'time' => TIMESTAMP)
+ ),
+ array(
+ 'var' => 'display_as_timeline',
+ 'name' => DISPLAY_AS_TIMELINE,
+ 'description' => DISPLAY_AS_TIMELINE_DESC,
+ 'type' => 'boolean',
+ 'default' => true,
+ ),
+ array(
+ 'var' => 'months_on_timeline',
+ 'name' => MONTHS_ON_TIMELINE,
+ 'description' => MONTHS_ON_TIMELINE_DESC,
+ 'type' => 'boolean',
+ 'default' => true,
+ ),
+ array(
+ 'var' => 'months_on_timeline_format',
+ 'name' => MONTHS_ON_TIMELINE_FORMAT . ' (http://php.net/strftime)',
+ 'type' => 'string',
+ 'default' => '%B, %Y',
+ ),
+ array(
+ 'var' => 'categories_on_archive',
+ 'name' => CATEGORIES_ON_ARCHIVE,
+ 'description' => CATEGORIES_ON_ARCHIVE_DESC,
+ 'type' => 'boolean',
+ 'default' => true,
+ ),
+ array(
+ 'var' => 'category_rss_archive',
+ 'name' => CATEGORY_RSS_ON_ARCHIVE,
+ 'type' => 'boolean',
+ 'default' => true,
+ ), array(
+ 'var' => 'tags_on_archive',
+ 'name' => TAGS_ON_ARCHIVE,
+ 'description' => TAGS_ON_ARCHIVE_DESC,
+ 'type' => 'boolean',
+ 'default' => true,
+ ),
+ array(
+ 'var' => 'copyright',
+ 'name' => COPYRIGHT,
+ 'type' => 'string',
+ 'default' => 'Copyright © ' . $serendipity['blogTitle'] . ' ' . date(Y) . '. Link 1 | Link 2 | Login ',
+ ),
+ array(
+ 'var' => 'social_icons_amount',
+ 'name' => SOCIAL_ICONS_AMOUNT,
+ 'type' => 'string',
+ 'default' => '2',
+ ),
+);
+
+// register footer sidebar with smarty
+$FooterSidebarElements = serendipity_plugin_api::count_plugins('footer');
+$serendipity['smarty']->assign_by_ref('FooterSidebarElements', $FooterSidebarElements);
+
+ //$template_global_config = array('navigation' => true);
+ //$template_loaded_config = serendipity_loadThemeOptions($template_config, $serendipity['smarty_vars']['template_option'], true);
+ //$serendipity['template_loaded_config'][$serendipity['template']] = $template_loaded_config; // copy into global scope for extended plugin API usage
+ //serendipity_loadGlobalThemeOptions($template_config, $template_loaded_config, $template_global_config);
+
+
+$template_global_config = array('navigation' => true);
+$serendipity['template_loaded_config'] = $template_loaded_config = serendipity_loadThemeOptions($template_config, $serendipity['smarty_vars']['template_option'], true);
+serendipity_loadGlobalThemeOptions($template_config, $template_loaded_config, $template_global_config);
+
+
+// $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);
+
+
+// if number of icons has changed, show new count
+if(isset($_POST['serendipity']['template']['social_icons_amount']) && serendipity_userLoggedIn() && serendipity_checkPermission('adminTemplates')) {
+ $temp_post=$_POST['serendipity']['template']['social_icons_amount'];
+ if(is_numeric($temp_post)) {
+ $template_loaded_config['social_icons_amount'] =$temp_post;
+ }
+}
+
+$socialicons = array();
+for ($i = 0; $i < $template_loaded_config['social_icons_amount']; $i++) {
+ $template_config[] = array(
+ 'var' => 'social_icon' . $i . 'service',
+ 'name' => SOCIAL_NETWORK_SERVICE . ' #' .($i+1),
+ 'type' => 'select',
+ 'default' => 'RSS',
+ 'select_values' => array('Amazon' => 'Amazon',
+ 'Digg' => 'Digg',
+ 'Dribbble' => 'Dribbble',
+ 'Dropbox' => 'Dropbox',
+ 'Facebook' => 'Facebook',
+ 'Flickr' => 'Flickr',
+ 'Github' => 'Github',
+ 'Google' => 'Google',
+ 'Google Plus' => 'Google Plus',
+ 'Instagram' => 'Instagram',
+ 'LastFM' => 'LastFM',
+ 'Linkedin' => 'Linkedin',
+ 'Paypal' => 'Paypal',
+ 'Pinterest' => 'Pinterest',
+ 'RSS' => 'RSS',
+ 'Skype' => 'Skype',
+ 'Reddit' => 'Reddit',
+ 'Stumbleupon' => 'Stumbleupon',
+ 'Tumblr' => 'Tumblr',
+ 'Twitter' => 'Twitter',
+ 'Vimeo' => 'Vimeo',
+ 'Vine' => 'Vine',
+ 'Xing' => 'Xing',
+ 'YouTube' => 'YouTube')
+ );
+ $template_config[] = array(
+ 'var' => 'social_icon' . $i . 'url',
+ 'name' => SOCIAL_ICON_URL . ' #' .($i+1),
+ 'type' => 'string',
+ 'default' => '#',
+ );
+ $socialicons[] = array(
+ 'service' => $template_loaded_config['social_icon' . $i . 'service'],
+ 'url' => $template_loaded_config['social_icon' . $i . 'url'],
+ );
+}
+$serendipity['smarty']->assign_by_ref('socialicons', $socialicons);
+
+function getIcon($service) {
+ $icons = array('Amazon' => 'fa-amazon', 'Digg' => 'fa-digg', 'Dribbble' => 'fa-dribbble', 'Dropbox' => 'fa-dropbox', 'Facebook' => 'fa-facebook', 'Flickr' => 'fa-flickr', 'Github' => 'fa-github', 'Google' =>'fa-google', 'Google Plus' => 'fa-google-plus', 'Instagram' => 'fa-instagram', 'LastFM' => 'fa-lastfm', 'Linkedin' => 'fa-linkedin', 'Paypal' => 'fa-paypal', 'Pinterest' => 'fa-pinterest', 'RSS' => 'fa-rss', 'Skype' => 'fa-skype', 'Reddit' => 'fa-reddit', 'Stumbleupon' => 'fa-stumbleupon', 'Tumblr' => 'fa-tumblr', 'Twitter' => 'fa-twitter', 'Vimeo' => 'fa-vimeo', 'Vine' => 'fa-vine', 'Xing' => 'fa-xing', 'YouTube' => 'fa-youtube',);
+ return $icons[$service];
+}
+
+$serendipity['smarty']->register_function('service_icon', 'getServiceIcon');
+
+function getServiceIcon ($params, &$smarty) {
+ return getIcon($params['from_service']);
+}
+
+
+$navlinks_collapse = array( 'use_corenav', 'amount');
+for ($i = 0; $i < $template_loaded_config['amount']; $i++) {
+ array_push($navlinks_collapse, 'navlink' . $i . 'text' ,'navlink' . $i . 'url');
+}
+
+$sociallinks_collapse = array('social_icons_amount');
+for ($i = 0; $i < $template_loaded_config['social_icons_amount']; $i++) {
+ array_push($sociallinks_collapse, 'social_icon' . $i . 'service' ,'social_icon' . $i . 'url');
+}
+
+$template_config_groups = array(
+ THEME_README => array('theme_instructions'),
+ THEME_IDENTITY => array('sidebars', 'header_img', 'subheader_img', 'colorset', 'skinset', 'copyright'),
+ THEME_PAGE_OPTIONS => array('date_format', 'comment_time_format', 'display_as_timeline', 'months_on_timeline', 'months_on_timeline_format', 'categories_on_archive', 'category_rss_archive', 'tags_on_archive'),
+ THEME_NAVIGATION => $navlinks_collapse,
+ THEME_SOCIAL_LINKS => $sociallinks_collapse
+);
+
+
+// Save custom field variables within the serendipity "Edit/Create Entry" backend.
+// Any custom variables can later be queried inside the .tpl files through
+// {if $entry.properties.key_value == 'true'}...{/if}
+
+// Function to get the content of a non-boolean entry variable
+function entry_option_get_value($property_key, &$eventData) {
+ global $serendipity;
+ if (isset($eventData['properties'][$property_key])) return $eventData['properties'][$property_key];
+ if (isset($serendipity['POST']['properties'][$property_key])) return $serendipity['POST']['properties'][$property_key];
+ return false;
+}
+
+// Function to store form values into the serendipity database, so that they will be retrieved later.
+function entry_option_store($property_key, $property_val, &$eventData) {
+ global $serendipity;
+
+ $q = "DELETE FROM {$serendipity['dbPrefix']}entryproperties WHERE entryid = " . (int)$eventData['id'] . " AND property = '" . serendipity_db_escape_string($property_key) . "'";
+ serendipity_db_query($q);
+
+ if (!empty($property_val)) {
+ $q = "INSERT INTO {$serendipity['dbPrefix']}entryproperties (entryid, property, value) VALUES (" . (int)$eventData['id'] . ", '" . serendipity_db_escape_string($property_key) . "', '" . serendipity_db_escape_string($property_val) . "')";
+ serendipity_db_query($q);
+ }
+}
+
+function serendipity_plugin_api_pre_event_hook($event, &$bag, &$eventData, &$addData) {
+ global $serendipity;
+
+ // Check what Event is coming in, only react to those we want.
+ switch($event) {
+
+ // Displaying the backend entry section
+ case 'backend_display':
+ // INFO: The whole 'entryproperties' injection is easiest to store any data you want. The entryproperties plugin
+ // should actually not even be required to do this, as serendipity loads all properties regardless of the installed plugin
+
+ // The name of the variable
+ $timeline_image_key = 'timeline_image';
+
+ // Check what our special key is set to (checks both POST data as well as the actual data)
+ $is_timeline_image = entry_option_get_value ($timeline_image_key, $eventData);
+
+ // This is the actual HTML output on the backend screen.
+ //DEBUG: echo '' . print_r($eventData, true) . ' ';
+ echo '';
+ echo '
';
+ echo '
';
+ echo '
' . THEME_CUSTOM_FIELD_HEADING . ' ';
+ echo '
' . THEME_CUSTOM_FIELD_DEFINITION . ' ';
+ echo '
';
+ echo '
';
+ echo '
+
+
+
+ × {$CONST.CLOSE}
{$CONST.SEARCH}
+
+
+
+
+ {serendipity_hookPlugin hook="quicksearch_plugin" hookAll="true"}
+
+
+
+
+
+
+
+ × {$CONST.CLOSE}
{$CONST.SEARCH}
+
+
+
+
+ {serendipity_hookPlugin hook="quicksearch_plugin" hookAll="true"}
+
+
+
+
+
+
+
+ × {$CONST.CLOSE}
{$CONST.SEARCH}
+
+
+
+
+
+
+
+
+
+ × {$CONST.ERROR}
{$CONST.ERROR}
+
+
+
+
+
+
+
+
+
+ × {$CONST.CLOSE}
{$CONST.SUCCESS}
+
+
+
+
+
+
+
+
+ ×
+
+
+ {assign var="prevmonth" value=''}
+{/if}
+
+{foreach from=$entries item="dategroup" name="entrytop"}
+ {foreach from=$dategroup.entries item="entry"}
+ {assign var="entry" value=$entry scope="parent"}
+ {if !$is_single_entry and not $entry.is_extended and not $is_preview}{* THIS IS OUR FRONTPAGE SCENARIO *}
+ {if $template_option.display_as_timeline}
+ {if $template_option.months_on_timeline == true}
+ {assign var="curmonth" value=$entry.timestamp|@formatTime:"%B"}
+ {if $prevmonth != $curmonth}
+ {$entry.timestamp|@formatTime:$template_option.months_on_timeline_format}
+ {else}
+
+ {/if}
+
+
+
+ {if $entry.properties.timeline_image|is_in_string:'
+
+
+ {$entry.body}
+ {if $entry.has_extended and not $is_single_entry and not $entry.is_extended}
+
{$CONST.READ_MORE}
+ {/if}
+
+
+
+ {assign var="prevmonth" value=$entry.timestamp|@formatTime:"%B"}
+ {else}{* not using timeline - use blog format instead *}
+ {if $entry.body || $entry.properties.timeline_image}
+
+
+ {if $entry.properties.timeline_image|is_in_string:'
{$entry.properties.timeline_image}
+ {else}
+
+ {/if}
+
+
+
{$CONST.POSTED_BY}
+ {$CONST.ON} {$entry.timestamp|formatTime:$template_option.date_format}
+ {$entry.body}
+ {if $entry.has_extended and not $is_single_entry and not $entry.is_extended}
+
{$CONST.READ_MORE}
+ {/if}
+
+
+
+ {$CONST.POSTED_BY}
+ {$entry.author} {$CONST.ON} {$entry.timestamp|formatTime:$template_option.date_format} {$CONST.EDIT_ENTRY}
+ {if $is_preview}
+ {append var='entry' value=$smarty.session.save_entry_POST.properties index='properties'}{* gives us access to entry properties in preview *}
+ {/if}
+ {if $entry.properties.timeline_image}
+ {if $entry.properties.timeline_image|is_in_string:'
+ {if $entry.categories}{foreach from=$entry.categories item="entry_category"}{if $entry_category.category_icon}
{/if}{/foreach}{/if}
+ {$entry.body}
+
+ {$entry.extended}
+
+ {/if}
+ {if $entry.plugin_display_dat}
+ {$entry.plugin_display_dat}
+ {/if}
+ {if $entry.categories or $entry.add_footer}
+
+ {/if}
+
+ {/if}
+
+ {if $is_single_entry and not $is_preview}
+ {if $CONST.DATA_UNSUBSCRIBED}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ×
+
+
+
+
+
×
+
+
+
+
+
+
+
+
+
+
+
+
+
+{/if}
+
+
+{if $footer_info or $footer_prev_page or $footer_next_page}
+
+ {if $footer_info}
+
{$footer_info}
+ {/if}
+
+ {if $footer_totalPages >1 }
+
+ {/if}
+
+ {if $template_option.categories_on_archive}
+
+ {serendipity_showPlugin class="serendipity_plugin_categories" template="archive_categories.tpl"}
+
+ {/if}
+ {if $template_option.tags_on_archive}
+
+ {/if}
+
+ {/if}
+
+
+ {if $template_option.categories_on_archive || $template_option.tags_on_archive}
+ {if $category}{$category_info.category_name} - {/if}{$CONST.ARCHIVES}
+ {/if}
+
+ {foreach from=$archives item="archive"}
+
+
+
+
+
{$archive.year}
+
+
+ {foreach from=$archive.months item="month"}
+
+ {/foreach}
+
+
+ {/foreach}
+
+
+
+ {if $category}{$category_info.category_name} - {/if}{$entry_count} {$CONST.TOPICS_OF} {$dateRange.0|@formatTime:"%B, %Y"}
+
+ {foreach from=$entries item="sentries" name="archivesummarylist"}
+ {foreach from=$sentries.entries item="entry"}
+ {if $entry.body || $entry.extended || $entry.properties.timeline_image}
+
+
+
+ {if $entry.properties.timeline_image|is_in_string:'
{$entry.properties.timeline_image}
+ {else}
+
+ {/if}
+
+
+
+
{$CONST.POSTED_BY}
+ {$CONST.ON} {$entry.timestamp|formatTime:$template_option.date_format}
+ {if $entry.body}
+ {$entry.body|strip_tags|truncate:180:" ..."}
+ {else}
+ {$entry.extended|strip_tags|truncate:180:" ..."}
+ {/if}
+
+
+
+{serendipity_hookPlugin hook="entries_footer"}
\ No newline at end of file
diff --git a/templates/timeline/footerbar.tpl b/templates/timeline/footerbar.tpl
new file mode 100644
index 00000000..1790bc4b
--- /dev/null
+++ b/templates/timeline/footerbar.tpl
@@ -0,0 +1,18 @@
+{if $is_raw_mode}
+
+{/if}
\ No newline at end of file
diff --git a/templates/timeline/green-light_style.css b/templates/timeline/green-light_style.css
new file mode 100644
index 00000000..b8e8bd8b
--- /dev/null
+++ b/templates/timeline/green-light_style.css
@@ -0,0 +1,124 @@
+/*
+Theme: Timeline
+Theme developed for Serendipity by Don Chambers (www.optional-necessity.com)
+light green colorset
+*/
+
+/*
+* Light Green Color: #79d5b3;
+* Light Green Hover Color: #59b795;
+* Darkest color: #42a984;
+*/
+
+a {
+ color: #79d5b3;
+}
+
+a:hover,
+a:focus {
+ color: #59b795;
+}
+
+a.subtome:link,
+a.subtome:visited {
+ background: url('img/subtome-green-light.png') left bottom no-repeat;
+}
+
+a.subtome:hover,
+a.subtome:focus {
+ background: url('img/subtome-green-light.png') -64px center no-repeat;
+}
+
+a.subtome img {
+ visibility: hidden;
+}
+
+.navbar-default .navbar-brand:hover h1,
+.navbar-default .navbar-brand:focus h1{
+ color: #59b795;
+}
+
+.header .navbar-default .navbar-toggle {
+ border-color: #59b795;
+}
+
+.header .navbar-toggle, .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus {
+ background-color: #79d5b3;
+}
+
+@media (max-width: 991px) {
+ .header .navbar-default .navbar-nav > li > a:hover {
+ color: #79d5b3;
+ }
+ .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
+ background-color: #79d5b3;
+ }
+}
+
+@media (min-width: 992px) {
+ .header .navbar-default .navbar-nav a.navbar_current_page,
+ .header .navbar-default .navbar-nav > li > a:hover {
+ border-bottom: 2px solid #79d5b3;
+ }
+
+ .header .navbar-default .navbar-nav > li:hover > a {
+ color: #79d5b3;
+ }
+}
+
+.btn-theme {
+ background: none repeat scroll 0 0 #79d5b3;
+ border: 1px solid #79d5b3;
+}
+
+.btn-theme:hover {color: #79d5b3;}
+
+.pager li > a,
+.pager li > span {
+ background-color: #79d5b3;
+ border: 1px solid #79d5b3;
+}
+
+.pager li > a:hover,
+.pager li > a:focus {
+ color: #59b795;
+}
+
+.sidebar_plugin h3{
+ border-bottom: 2px solid #79d5b3;
+}
+
+.btn-group.archive-button .dropdown-menu > li > a {color: #59b795;}
+
+.btn-group.archive-button .dropdown-menu > li > a:hover,
+.btn-group.archive-button .dropdown-menu > li > a:focus {
+ background-color: #59b795;
+}
+
+.archive-button-months-entries {border: 1px solid #79d5b3;}
+
+.archive-button-months-entries .badge {
+ background-color: #42a984; /* much darker */
+}
+
+blockquote {
+ border-left: 5px solid #59b795;
+}
+
+.timeline_freeTag a {
+ background-color: #79d5b3;
+ border: 1px solid #79d5b3;
+}
+
+.timeline_freeTag a:hover,
+.timeline_freeTag a:focus {
+ color: #59b795;
+}
+
+#scrollUp {
+ background-color: #79d5b3;
+ border: 1px solid #79d5b3;
+}
+#scrollUp:hover {
+ color: #59b795;
+}
\ No newline at end of file
diff --git a/templates/timeline/green_style.css b/templates/timeline/green_style.css
new file mode 100644
index 00000000..9b3bb2db
--- /dev/null
+++ b/templates/timeline/green_style.css
@@ -0,0 +1,124 @@
+/*
+Theme: Timeline
+Theme developed for Serendipity by Don Chambers (www.optional-necessity.com)
+green colorset
+*/
+
+/*
+* Green Color: #72c02c;
+* Green Hover Color: #57a70f;
+* Darkest color: #4b920c;
+*/
+
+a {
+ color: #72c02c;
+}
+
+a:hover,
+a:focus {
+ color: #57a70f;
+}
+
+a.subtome:link,
+a.subtome:visited {
+ background: url('img/subtome-green.png') left bottom no-repeat;
+}
+
+a.subtome:hover,
+a.subtome:focus {
+ background: url('img/subtome-green.png') -64px center no-repeat;
+}
+
+a.subtome img {
+ visibility: hidden;
+}
+
+.navbar-default .navbar-brand:hover h1,
+.navbar-default .navbar-brand:focus h1{
+ color: #57a70f;
+}
+
+.header .navbar-default .navbar-toggle {
+ border-color: #57a70f;
+}
+
+.header .navbar-toggle, .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus {
+ background-color: #72c02c;
+}
+
+@media (max-width: 991px) {
+ .header .navbar-default .navbar-nav > li > a:hover {
+ color: #72c02c;
+ }
+ .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
+ background-color: #72c02c;
+ }
+}
+
+@media (min-width: 992px) {
+ .header .navbar-default .navbar-nav a.navbar_current_page,
+ .header .navbar-default .navbar-nav > li > a:hover {
+ border-bottom: 2px solid #72c02c;
+ }
+
+ .header .navbar-default .navbar-nav > li:hover > a {
+ color: #72c02c;
+ }
+}
+
+.btn-theme {
+ background: none repeat scroll 0 0 #72c02c;
+ border: 1px solid #72c02c;
+}
+
+.btn-theme:hover {color: #72c02c;}
+
+.pager li > a,
+.pager li > span {
+ background-color: #72c02c;
+ border: 1px solid #72c02c;
+}
+
+.pager li > a:hover,
+.pager li > a:focus {
+ color: #57a70f;
+}
+
+.sidebar_plugin h3{
+ border-bottom: 2px solid #72c02c;
+}
+
+.btn-group.archive-button .dropdown-menu > li > a {color: #57a70f;}
+
+.btn-group.archive-button .dropdown-menu > li > a:hover,
+.btn-group.archive-button .dropdown-menu > li > a:focus {
+ background-color: #57a70f;
+}
+
+.archive-button-months-entries {border: 1px solid #72c02c;}
+
+.archive-button-months-entries .badge {
+ background-color: #4b920c; /* much darker */
+}
+
+blockquote {
+ border-left: 5px solid #57a70f;
+}
+
+.timeline_freeTag a {
+ background-color: #72c02c;
+ border: 1px solid #72c02c;
+}
+
+.timeline_freeTag a:hover,
+.timeline_freeTag a:focus {
+ color: #57a70f;
+}
+
+#scrollUp {
+ background-color: #72c02c;
+ border: 1px solid #72c02c;
+}
+#scrollUp:hover {
+ color: #57a70f;
+}
\ No newline at end of file
diff --git a/templates/timeline/grey_style.css b/templates/timeline/grey_style.css
new file mode 100644
index 00000000..851394b9
--- /dev/null
+++ b/templates/timeline/grey_style.css
@@ -0,0 +1,124 @@
+/*
+Theme: Timeline
+Theme developed for Serendipity by Don Chambers (www.optional-necessity.com)
+grey colorset
+*/
+
+/*
+* Grey Color: #8ba4a5;
+* Grey Hover Color: #768b8c;
+* Darkest color: #61797a;
+*/
+
+a {
+ color: #8ba4a5;
+}
+
+a:hover,
+a:focus {
+ color: #768b8c;
+}
+
+a.subtome:link,
+a.subtome:visited {
+ background: url('img/subtome-grey.png') left bottom no-repeat;
+}
+
+a.subtome:hover,
+a.subtome:focus {
+ background: url('img/subtome-grey.png') -64px center no-repeat;
+}
+
+a.subtome img {
+ visibility: hidden;
+}
+
+.navbar-default .navbar-brand:hover h1,
+.navbar-default .navbar-brand:focus h1{
+ color: #768b8c;
+}
+
+.header .navbar-default .navbar-toggle {
+ border-color: #768b8c;
+}
+
+.header .navbar-toggle, .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus {
+ background-color: #8ba4a5;
+}
+
+@media (max-width: 991px) {
+ .header .navbar-default .navbar-nav > li > a:hover {
+ color: #8ba4a5;
+ }
+ .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
+ background-color: #8ba4a5;
+ }
+}
+
+@media (min-width: 992px) {
+ .header .navbar-default .navbar-nav a.navbar_current_page,
+ .header .navbar-default .navbar-nav > li > a:hover {
+ border-bottom: 2px solid #8ba4a5;
+ }
+
+ .header .navbar-default .navbar-nav > li:hover > a {
+ color: #8ba4a5;
+ }
+}
+
+.btn-theme {
+ background: none repeat scroll 0 0 #8ba4a5;
+ border: 1px solid #8ba4a5;
+}
+
+.btn-theme:hover {color: #8ba4a5;}
+
+.pager li > a,
+.pager li > span {
+ background-color: #8ba4a5;
+ border: 1px solid #8ba4a5;
+}
+
+.pager li > a:hover,
+.pager li > a:focus {
+ color: #768b8c;
+}
+
+.sidebar_plugin h3{
+ border-bottom: 2px solid #8ba4a5;
+}
+
+.btn-group.archive-button .dropdown-menu > li > a {color: #768b8c;}
+
+.btn-group.archive-button .dropdown-menu > li > a:hover,
+.btn-group.archive-button .dropdown-menu > li > a:focus {
+ background-color: #768b8c;
+}
+
+.archive-button-months-entries {border: 1px solid #8ba4a5;}
+
+.archive-button-months-entries .badge {
+ background-color: #61797a; /* much darker */
+}
+
+blockquote {
+ border-left: 5px solid #768b8c;
+}
+
+.timeline_freeTag a {
+ background-color: #8ba4a5;
+ border: 1px solid #8ba4a5;
+}
+
+.timeline_freeTag a:hover,
+.timeline_freeTag a:focus {
+ color: #768b8c;
+}
+
+#scrollUp {
+ background-color: #8ba4a5;
+ border: 1px solid #8ba4a5;
+}
+#scrollUp:hover {
+ color: #768b8c;
+}
\ No newline at end of file
diff --git a/templates/timeline/img/default_avatar.jpg b/templates/timeline/img/default_avatar.jpg
new file mode 100644
index 00000000..d07c9a8e
Binary files /dev/null and b/templates/timeline/img/default_avatar.jpg differ
diff --git a/templates/timeline/img/image_unavailable.jpg b/templates/timeline/img/image_unavailable.jpg
new file mode 100644
index 00000000..7acaaf94
Binary files /dev/null and b/templates/timeline/img/image_unavailable.jpg differ
diff --git a/templates/timeline/img/image_unavailable_alt.jpg b/templates/timeline/img/image_unavailable_alt.jpg
new file mode 100644
index 00000000..2f24cfd2
Binary files /dev/null and b/templates/timeline/img/image_unavailable_alt.jpg differ
diff --git a/templates/timeline/img/subtome-128x128.psd b/templates/timeline/img/subtome-128x128.psd
new file mode 100644
index 00000000..95cb8461
Binary files /dev/null and b/templates/timeline/img/subtome-128x128.psd differ
diff --git a/templates/timeline/img/subtome-aqua.png b/templates/timeline/img/subtome-aqua.png
new file mode 100644
index 00000000..eae0a781
Binary files /dev/null and b/templates/timeline/img/subtome-aqua.png differ
diff --git a/templates/timeline/img/subtome-blue-dark.png b/templates/timeline/img/subtome-blue-dark.png
new file mode 100644
index 00000000..1a4a2c9f
Binary files /dev/null and b/templates/timeline/img/subtome-blue-dark.png differ
diff --git a/templates/timeline/img/subtome-blue.png b/templates/timeline/img/subtome-blue.png
new file mode 100644
index 00000000..92930f0f
Binary files /dev/null and b/templates/timeline/img/subtome-blue.png differ
diff --git a/templates/timeline/img/subtome-brown.png b/templates/timeline/img/subtome-brown.png
new file mode 100644
index 00000000..9195aee6
Binary files /dev/null and b/templates/timeline/img/subtome-brown.png differ
diff --git a/templates/timeline/img/subtome-colors.jpg b/templates/timeline/img/subtome-colors.jpg
new file mode 100644
index 00000000..d9288179
Binary files /dev/null and b/templates/timeline/img/subtome-colors.jpg differ
diff --git a/templates/timeline/img/subtome-green-light.png b/templates/timeline/img/subtome-green-light.png
new file mode 100644
index 00000000..9f3471ab
Binary files /dev/null and b/templates/timeline/img/subtome-green-light.png differ
diff --git a/templates/timeline/img/subtome-green.png b/templates/timeline/img/subtome-green.png
new file mode 100644
index 00000000..5988e50d
Binary files /dev/null and b/templates/timeline/img/subtome-green.png differ
diff --git a/templates/timeline/img/subtome-grey.png b/templates/timeline/img/subtome-grey.png
new file mode 100644
index 00000000..11168e9c
Binary files /dev/null and b/templates/timeline/img/subtome-grey.png differ
diff --git a/templates/timeline/img/subtome-images-included.jpg b/templates/timeline/img/subtome-images-included.jpg
new file mode 100644
index 00000000..d9288179
Binary files /dev/null and b/templates/timeline/img/subtome-images-included.jpg differ
diff --git a/templates/timeline/img/subtome-orange.png b/templates/timeline/img/subtome-orange.png
new file mode 100644
index 00000000..79451ea0
Binary files /dev/null and b/templates/timeline/img/subtome-orange.png differ
diff --git a/templates/timeline/img/subtome-purple.png b/templates/timeline/img/subtome-purple.png
new file mode 100644
index 00000000..1007209d
Binary files /dev/null and b/templates/timeline/img/subtome-purple.png differ
diff --git a/templates/timeline/img/subtome-red-dark.png b/templates/timeline/img/subtome-red-dark.png
new file mode 100644
index 00000000..8dc29f77
Binary files /dev/null and b/templates/timeline/img/subtome-red-dark.png differ
diff --git a/templates/timeline/img/subtome-red.png b/templates/timeline/img/subtome-red.png
new file mode 100644
index 00000000..d5cbfe0f
Binary files /dev/null and b/templates/timeline/img/subtome-red.png differ
diff --git a/templates/timeline/img/subtome-teal.png b/templates/timeline/img/subtome-teal.png
new file mode 100644
index 00000000..5d46f7f6
Binary files /dev/null and b/templates/timeline/img/subtome-teal.png differ
diff --git a/templates/timeline/img/subtome.png b/templates/timeline/img/subtome.png
new file mode 100644
index 00000000..b7638fd5
Binary files /dev/null and b/templates/timeline/img/subtome.png differ
diff --git a/templates/timeline/img/xml.gif b/templates/timeline/img/xml.gif
new file mode 100644
index 00000000..b0e4adf1
Binary files /dev/null and b/templates/timeline/img/xml.gif differ
diff --git a/templates/timeline/index.tpl b/templates/timeline/index.tpl
new file mode 100644
index 00000000..80cd8e6e
--- /dev/null
+++ b/templates/timeline/index.tpl
@@ -0,0 +1,255 @@
+{if $is_embedded != true}
+
+
+
+ {$head_title|default:$blogTitle}{if $head_subtitle} | {$head_subtitle}{/if}
+
+ {* End Header *}
+
{* CLEAN THIS UP - UNWANTED CLASSES, ETC *}
+
+
+
+
+
+ {serendipity_hookPlugin hook="quicksearch_plugin" hookAll="true"}
+
+
+
+
+ {* End subheader *}
+
+{* MAIN CONTENT *}
+
+
+
+ {if $view=='404'}
+
+
+
+
+ × {$CONST.CLOSE}
{$CONST.ERROR}
+
+
+
+
+ {serendipity_hookPlugin hook="quicksearch_plugin" hookAll="true"}
+
+
+
+
+ {if ($rightSidebarElements > 0 && $staticpage_pagetitle =='') || ($rightSidebarElements > 0 && $staticpage_pagetitle !='' && $staticpage_custom.show_sidebars != 'false')}
+
+ {/if}
+
+
+
+
');
+ var displayCss = input.css('display');
+
+ if ( input.val() == '' ) {
+
+ if ( input.attr('type') == 'password' ) {
+ $.each(input.get(0).attributes, function(v,n) {
+ n = n.nodeName||n.name;
+ if ( n != 'type' && n != 'name' ) {
+ v = input.attr(n); // relay on $.fn.attr, it makes some filtering and checks
+ if(v != undefined && v !== false) {
+ inputCloneTypePass.attr(n,v);
+ }
+ }
+ });
+
+ input.css('display', 'none');
+ inputCloneTypePass
+ .appendTo(input.parent())
+ .val(input.attr('placeholder'))
+ .focus(function () {
+ if (inputCloneTypePass.val() == inputCloneTypePass.attr('placeholder')) {
+ inputCloneTypePass.css('display', 'none');
+ input.css('display', displayCss);
+ input.focus();
+ }
+ });
+ }
+
+ input.val(input.attr('placeholder'));
+ }
+
+ jQuery(input).focus(function () {
+ if (input.val() == input.attr('placeholder')) {
+ input.val('');
+ }
+ });
+
+ jQuery(input).blur(function () {
+ if (input.val() == '' || input.val() == input.attr('placeholder')) {
+ if (input.attr('type') == 'password') {
+ inputCloneTypePass.css('display', displayCss);
+ input.css('display', 'none');
+ }else {
+ input.val(input.attr('placeholder'));
+ }
+ }
+ });
+ });
+ }
+ }
+
+ };
+
+}();
\ No newline at end of file
diff --git a/templates/timeline/js/respond.js b/templates/timeline/js/respond.js
new file mode 100644
index 00000000..f08799be
--- /dev/null
+++ b/templates/timeline/js/respond.js
@@ -0,0 +1,326 @@
+/*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license */
+/*! NOTE: If you're already including a window.matchMedia polyfill via Modernizr or otherwise, you don't need this part */
+window.matchMedia = window.matchMedia || (function(doc, undefined){
+
+ var bool,
+ docElem = doc.documentElement,
+ refNode = docElem.firstElementChild || docElem.firstChild,
+ // fakeBody required for
+ fakeBody = doc.createElement('body'),
+ div = doc.createElement('div');
+
+ div.id = 'mq-test-1';
+ div.style.cssText = "position:absolute;top:-100em";
+ fakeBody.style.background = "none";
+ fakeBody.appendChild(div);
+
+ return function(q){
+
+ div.innerHTML = '';
+
+ docElem.insertBefore(fakeBody, refNode);
+ bool = div.offsetWidth == 42;
+ docElem.removeChild(fakeBody);
+
+ return { matches: bool, media: q };
+ };
+
+})(document);
+
+
+
+
+/*! Respond.js v1.1.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs */
+(function( win ){
+ //exposed namespace
+ win.respond = {};
+
+ //define update even in native-mq-supporting browsers, to avoid errors
+ respond.update = function(){};
+
+ //expose media query support flag for external use
+ respond.mediaQueriesSupported = win.matchMedia && win.matchMedia( "only all" ).matches;
+
+ //if media queries are supported, exit here
+ if( respond.mediaQueriesSupported ){ return; }
+
+ //define vars
+ var doc = win.document,
+ docElem = doc.documentElement,
+ mediastyles = [],
+ rules = [],
+ appendedEls = [],
+ parsedSheets = {},
+ resizeThrottle = 30,
+ head = doc.getElementsByTagName( "head" )[0] || docElem,
+ base = doc.getElementsByTagName( "base" )[0],
+ links = head.getElementsByTagName( "link" ),
+ requestQueue = [],
+
+ //loop stylesheets, send text content to translate
+ ripCSS = function(){
+ var sheets = links,
+ sl = sheets.length,
+ i = 0,
+ //vars for loop:
+ sheet, href, media, isCSS;
+
+ for( ; i < sl; i++ ){
+ sheet = sheets[ i ],
+ href = sheet.href,
+ media = sheet.media,
+ isCSS = sheet.rel && sheet.rel.toLowerCase() === "stylesheet";
+
+ //only links plz and prevent re-parsing
+ if( !!href && isCSS && !parsedSheets[ href ] ){
+ // selectivizr exposes css through the rawCssText expando
+ if (sheet.styleSheet && sheet.styleSheet.rawCssText) {
+ translate( sheet.styleSheet.rawCssText, href, media );
+ parsedSheets[ href ] = true;
+ } else {
+ if( (!/^([a-zA-Z:]*\/\/)/.test( href ) && !base)
+ || href.replace( RegExp.$1, "" ).split( "/" )[0] === win.location.host ){
+ requestQueue.push( {
+ href: href,
+ media: media
+ } );
+ }
+ }
+ }
+ }
+ makeRequests();
+ },
+
+ //recurse through request queue, get css text
+ makeRequests = function(){
+ if( requestQueue.length ){
+ var thisRequest = requestQueue.shift();
+
+ ajax( thisRequest.href, function( styles ){
+ translate( styles, thisRequest.href, thisRequest.media );
+ parsedSheets[ thisRequest.href ] = true;
+ makeRequests();
+ } );
+ }
+ },
+
+ //find media blocks in css text, convert to style blocks
+ translate = function( styles, href, media ){
+ var qs = styles.match( /@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi ),
+ ql = qs && qs.length || 0,
+ //try to get CSS path
+ href = href.substring( 0, href.lastIndexOf( "/" )),
+ repUrls = function( css ){
+ return css.replace( /(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g, "$1" + href + "$2$3" );
+ },
+ useMedia = !ql && media,
+ //vars used in loop
+ i = 0,
+ j, fullq, thisq, eachq, eql;
+
+ //if path exists, tack on trailing slash
+ if( href.length ){ href += "/"; }
+
+ //if no internal queries exist, but media attr does, use that
+ //note: this currently lacks support for situations where a media attr is specified on a link AND
+ //its associated stylesheet has internal CSS media queries.
+ //In those cases, the media attribute will currently be ignored.
+ if( useMedia ){
+ ql = 1;
+ }
+
+
+ for( ; i < ql; i++ ){
+ j = 0;
+
+ //media attr
+ if( useMedia ){
+ fullq = media;
+ rules.push( repUrls( styles ) );
+ }
+ //parse for styles
+ else{
+ fullq = qs[ i ].match( /@media *([^\{]+)\{([\S\s]+?)$/ ) && RegExp.$1;
+ rules.push( RegExp.$2 && repUrls( RegExp.$2 ) );
+ }
+
+ eachq = fullq.split( "," );
+ eql = eachq.length;
+
+ for( ; j < eql; j++ ){
+ thisq = eachq[ j ];
+ mediastyles.push( {
+ media : thisq.split( "(" )[ 0 ].match( /(only\s+)?([a-zA-Z]+)\s?/ ) && RegExp.$2 || "all",
+ rules : rules.length - 1,
+ hasquery: thisq.indexOf("(") > -1,
+ minw : thisq.match( /\(min\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/ ) && parseFloat( RegExp.$1 ) + ( RegExp.$2 || "" ),
+ maxw : thisq.match( /\(max\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/ ) && parseFloat( RegExp.$1 ) + ( RegExp.$2 || "" )
+ } );
+ }
+ }
+
+ applyMedia();
+ },
+
+ lastCall,
+
+ resizeDefer,
+
+ // returns the value of 1em in pixels
+ getEmValue = function() {
+ var ret,
+ div = doc.createElement('div'),
+ body = doc.body,
+ fakeUsed = false;
+
+ div.style.cssText = "position:absolute;font-size:1em;width:1em";
+
+ if( !body ){
+ body = fakeUsed = doc.createElement( "body" );
+ body.style.background = "none";
+ }
+
+ body.appendChild( div );
+
+ docElem.insertBefore( body, docElem.firstChild );
+
+ ret = div.offsetWidth;
+
+ if( fakeUsed ){
+ docElem.removeChild( body );
+ }
+ else {
+ body.removeChild( div );
+ }
+
+ //also update eminpx before returning
+ ret = eminpx = parseFloat(ret);
+
+ return ret;
+ },
+
+ //cached container for 1em value, populated the first time it's needed
+ eminpx,
+
+ //enable/disable styles
+ applyMedia = function( fromResize ){
+ var name = "clientWidth",
+ docElemProp = docElem[ name ],
+ currWidth = doc.compatMode === "CSS1Compat" && docElemProp || doc.body[ name ] || docElemProp,
+ styleBlocks = {},
+ lastLink = links[ links.length-1 ],
+ now = (new Date()).getTime();
+
+ //throttle resize calls
+ if( fromResize && lastCall && now - lastCall < resizeThrottle ){
+ clearTimeout( resizeDefer );
+ resizeDefer = setTimeout( applyMedia, resizeThrottle );
+ return;
+ }
+ else {
+ lastCall = now;
+ }
+
+ for( var i in mediastyles ){
+ var thisstyle = mediastyles[ i ],
+ min = thisstyle.minw,
+ max = thisstyle.maxw,
+ minnull = min === null,
+ maxnull = max === null,
+ em = "em";
+
+ if( !!min ){
+ min = parseFloat( min ) * ( min.indexOf( em ) > -1 ? ( eminpx || getEmValue() ) : 1 );
+ }
+ if( !!max ){
+ max = parseFloat( max ) * ( max.indexOf( em ) > -1 ? ( eminpx || getEmValue() ) : 1 );
+ }
+
+ // if there's no media query at all (the () part), or min or max is not null, and if either is present, they're true
+ if( !thisstyle.hasquery || ( !minnull || !maxnull ) && ( minnull || currWidth >= min ) && ( maxnull || currWidth <= max ) ){
+ if( !styleBlocks[ thisstyle.media ] ){
+ styleBlocks[ thisstyle.media ] = [];
+ }
+ styleBlocks[ thisstyle.media ].push( rules[ thisstyle.rules ] );
+ }
+ }
+
+ //remove any existing respond style element(s)
+ for( var i in appendedEls ){
+ if( appendedEls[ i ] && appendedEls[ i ].parentNode === head ){
+ head.removeChild( appendedEls[ i ] );
+ }
+ }
+
+ //inject active styles, grouped by media type
+ for( var i in styleBlocks ){
+ var ss = doc.createElement( "style" ),
+ css = styleBlocks[ i ].join( "\n" );
+
+ ss.type = "text/css";
+ ss.media = i;
+
+ //originally, ss was appended to a documentFragment and sheets were appended in bulk.
+ //this caused crashes in IE in a number of circumstances, such as when the HTML element had a bg image set, so appending beforehand seems best. Thanks to @dvelyk for the initial research on this one!
+ head.insertBefore( ss, lastLink.nextSibling );
+
+ if ( ss.styleSheet ){
+ ss.styleSheet.cssText = css;
+ }
+ else {
+ ss.appendChild( doc.createTextNode( css ) );
+ }
+
+ //push to appendedEls to track for later removal
+ appendedEls.push( ss );
+ }
+ },
+ //tweaked Ajax functions from Quirksmode
+ ajax = function( url, callback ) {
+ var req = xmlHttp();
+ if (!req){
+ return;
+ }
+ req.open( "GET", url, true );
+ req.onreadystatechange = function () {
+ if ( req.readyState != 4 || req.status != 200 && req.status != 304 ){
+ return;
+ }
+ callback( req.responseText );
+ }
+ if ( req.readyState == 4 ){
+ return;
+ }
+ req.send( null );
+ },
+ //define ajax obj
+ xmlHttp = (function() {
+ var xmlhttpmethod = false;
+ try {
+ xmlhttpmethod = new XMLHttpRequest();
+ }
+ catch( e ){
+ xmlhttpmethod = new ActiveXObject( "Microsoft.XMLHTTP" );
+ }
+ return function(){
+ return xmlhttpmethod;
+ };
+ })();
+
+ //translate CSS
+ ripCSS();
+
+ //expose update for re-running respond later on
+ respond.update = ripCSS;
+
+ //adjust on resize
+ function callMedia(){
+ applyMedia( true );
+ }
+ if( win.addEventListener ){
+ win.addEventListener( "resize", callMedia, false );
+ }
+ else if( win.attachEvent ){
+ win.attachEvent( "onresize", callMedia );
+ }
+})(this);
\ No newline at end of file
diff --git a/templates/timeline/js/timeline.js b/templates/timeline/js/timeline.js
new file mode 100644
index 00000000..b7bc6877
--- /dev/null
+++ b/templates/timeline/js/timeline.js
@@ -0,0 +1,198 @@
+// Navigation Scripts to Show Header on Scroll-Up
+jQuery(document).ready(function($) {
+ var MQL = 1170;
+
+ //primary navigation slide-in effect
+ if ($(window).width() > MQL) {
+ var headerHeight = $('.header-custom').height();
+ $(window).on('scroll', {
+ previousTop: 0
+ },
+ function() {
+ var currentTop = $(window).scrollTop();
+ //check if user is scrolling up
+ if (currentTop < this.previousTop) {
+ //if scrolling up...
+ if (currentTop > 0 && $('.header-custom').hasClass('is-fixed')) {
+ $('.header-custom').addClass('is-visible');
+ } else {
+ $('.header-custom').removeClass('is-visible is-fixed');
+ }
+ } else if (currentTop > this.previousTop) {
+ //if scrolling down...
+ $('.header-custom').removeClass('is-visible');
+ if (currentTop > headerHeight && !$('.header-custom').hasClass('is-fixed')) $('.header-custom').addClass('is-fixed');
+ }
+ this.previousTop = currentTop;
+ });
+ }
+});
+
+
+/*global jQuery */
+/*jshint browser:true */
+/*!
+* FitVids 1.1
+*
+* Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com
+* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
+* Released under the WTFPL license - http://sam.zoy.org/wtfpl/
+*
+*/
+
+;(function( $ ){
+
+ 'use strict';
+
+ $.fn.fitVids = function( options ) {
+ var settings = {
+ customSelector: null,
+ ignore: null
+ };
+
+ if(!document.getElementById('fit-vids-style')) {
+ // appendStyles: https://github.com/toddmotto/fluidvids/blob/master/dist/fluidvids.js
+ var head = document.head || document.getElementsByTagName('head')[0];
+ var css = '.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}';
+ var div = document.createElement("div");
+ div.innerHTML = 'x
';
+ head.appendChild(div.childNodes[1]);
+ }
+
+ if ( options ) {
+ $.extend( settings, options );
+ }
+
+ return this.each(function(){
+ var selectors = [
+ 'iframe[src*="player.vimeo.com"]',
+ 'iframe[src*="youtube.com"]',
+ 'iframe[src*="youtube-nocookie.com"]',
+ 'iframe[src*="kickstarter.com"][src*="video.html"]',
+ 'object',
+ 'embed'
+ ];
+
+ if (settings.customSelector) {
+ selectors.push(settings.customSelector);
+ }
+
+ var ignoreList = '.fitvidsignore';
+
+ if(settings.ignore) {
+ ignoreList = ignoreList + ', ' + settings.ignore;
+ }
+
+ var $allVideos = $(this).find(selectors.join(','));
+ $allVideos = $allVideos.not('object object'); // SwfObj conflict patch
+ $allVideos = $allVideos.not(ignoreList); // Disable FitVids on this video.
+
+ $allVideos.each(function(count){
+ var $this = $(this);
+ if($this.parents(ignoreList).length > 0) {
+ return; // Disable FitVids on this video.
+ }
+ if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }
+ if ((!$this.css('height') && !$this.css('width')) && (isNaN($this.attr('height')) || isNaN($this.attr('width'))))
+ {
+ $this.attr('height', 9);
+ $this.attr('width', 16);
+ }
+ var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),
+ width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),
+ aspectRatio = height / width;
+ if(!$this.attr('id')){
+ var videoID = 'fitvid' + count;
+ $this.attr('id', videoID);
+ }
+ $this.wrap('
').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%');
+ $this.removeAttr('height').removeAttr('width');
+ });
+ });
+ };
+// Works with either jQuery or Zepto
+})( window.jQuery || window.Zepto );
+jQuery(document).ready(function(){
+ jQuery('.content').fitVids();
+});
+
+
+/*---------------------------------*/
+/* SCROLL TO TOP
+/*---------------------------------*/
+! function (a, b, c) {
+ a.fn.scrollUp = function (b) {
+ a.data(c.body, "scrollUp") || (a.data(c.body, "scrollUp", !0), a.fn.scrollUp.init(b))
+ }, a.fn.scrollUp.init = function (d) {
+ var e = a.fn.scrollUp.settings = a.extend({}, a.fn.scrollUp.defaults, d),
+ f = e.scrollTitle ? e.scrollTitle : e.scrollText,
+ g = a("
", {
+ id: e.scrollName + "-active"
+ }).css({
+ position: "absolute",
+ top: e.scrollDistance + "px",
+ width: "100%",
+ borderTop: "1px dotted" + e.activeOverlay,
+ zIndex: e.zIndex
+ }).appendTo("body"), scrollEvent = a(b).scroll(function () {
+ switch (scrollDis = "top" === e.scrollFrom ? e.scrollDistance : a(c).height() - a(b).height() - e.scrollDistance, e.animation) {
+ case "fade":
+ a(a(b).scrollTop() > scrollDis ? g.fadeIn(e.animationInSpeed) : g.fadeOut(e.animationOutSpeed));
+ break;
+ case "slide":
+ a(a(b).scrollTop() > scrollDis ? g.slideDown(e.animationInSpeed) : g.slideUp(e.animationOutSpeed));
+ break;
+ default:
+ a(a(b).scrollTop() > scrollDis ? g.show(0) : g.hide(0))
+ }
+ }), g.click(function (b) {
+ b.preventDefault(), a("html, body").animate({
+ scrollTop: 0
+ }, e.topSpeed, e.easingType)
+ })
+ }, a.fn.scrollUp.defaults = {
+ scrollName: "scrollUp",
+ scrollDistance: 300,
+ scrollFrom: "top",
+ scrollSpeed: 300,
+ easingType: "linear",
+ animation: "fade",
+ animationInSpeed: 200,
+ animationOutSpeed: 200,
+ scrollText: "Scroll to top",
+ scrollTitle: !1,
+ scrollImg: !1,
+ activeOverlay: !1,
+ zIndex: 2147483647
+ }, a.fn.scrollUp.destroy = function (d) {
+ a.removeData(c.body, "scrollUp"), a("#" + a.fn.scrollUp.settings.scrollName).remove(), a("#" + a.fn.scrollUp.settings.scrollName + "-active").remove(), a.fn.jquery.split(".")[1] >= 7 ? a(b).off("scroll", d) : a(b).unbind("scroll", d)
+ }, a.scrollUp = a.fn.scrollUp
+}(jQuery, window, document);
+
+jQuery(document).ready(function () {
+ jQuery.scrollUp({
+ scrollName: 'scrollUp', // Element ID
+ scrollDistance: 300, // Distance from top/bottom before showing element (px)
+ scrollFrom: 'top', // 'top' or 'bottom'
+ scrollSpeed: 200, // Speed back to top (ms)
+ easingType: 'linear', // Scroll to top easing (see http://easings.net/)
+ animation: 'fade', // Fade, slide, none
+ animationInSpeed: 100, // Animation in speed (ms)
+ animationOutSpeed: 100, // Animation out speed (ms)
+ scrollText: ' title if required. Defaults to scrollText
+ scrollImg: false, // Set true to use image
+ activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
+ zIndex: 1001 // Z-Index for the overlay
+ });
+});
\ No newline at end of file
diff --git a/templates/timeline/lang_de.inc.php b/templates/timeline/lang_de.inc.php
new file mode 100644
index 00000000..d73ed2ef
--- /dev/null
+++ b/templates/timeline/lang_de.inc.php
@@ -0,0 +1,70 @@
+Das Plugin Erweiterte Eigenschaften für Einträge (serendipity_event_entryproperties) wird benötigt. Es ist installiert und aktiv.');
+@define('THEME_EP_NO','Das Plugin Erweiterte Eigenschaften für Einträge (serendipity_event_entryproperties) wird benötigt. Es ist entweder nicht installiert oder inaktiv. Bitte das Plugin installieren, um alle Features dieses Themes voll zu nutzen.
');
+@define('THEME_INSTRUCTIONS','This theme displays blog posts on a linear timeline. Each group of month titles can also be displayed or hidden on the timeline.
This theme uses a right and bottom sidebar. Either, or both sidebars can be disabled by deleting sidebar plugins or relocating sidebar plugins to the sidebar colum labeled "hidden" in plugin configuration.
This theme can be configured to display categories and entry tags from the respective sidebar plugins on the archive page. See "' . THEME_PAGE_OPTIONS . '" below.
If using the avatar plugin (serendipity_event_gravatar), configure option "Produce smarty tag = yes" for best display of comment avatars.
Configure serendipity_event_freetag option "Extended Smarty = yes" for a nicer display of tags in the entry footer.
');
+@define('THEME_CUSTOM_FIELD_HEADING', 'Freie Felder für Einträge');
+@define('THEME_CUSTOM_FIELD_DEFINITION','These optional field(s) are only available when using this theme (timeline). The event plugin serendipity_event_entryproperties (extended properties for entries) must also be installed to use these field(s). The entry image will appear on both the timeline, and at the top of each detailed entry.');
+@define('THEME_ENTRY_IMAGE','Entry Image.');
+@define('THEME_DEMO_AVAILBLE', 'Eine komplette englische Anleitung zur Konfiguration und Benutzung von Timeline findet sich in der Timeline theme demo .');
+
+//Page Options
+@define('THEME_COLORSET', 'Colorset');
+@define('THEME_SKINSET', 'Theme skin');
+@define('HEADER_IMG','Optional Header Image. Leave blank to use Blog Name.');
+@define('HEADER_IMG_DESC', 'Header image recommended size: 150px x 40px.');
+@define('ENTRY_DATE_FORMAT','Datumsformat für Einträge');
+@define('COMMENT_TIME_FORMAT','Zeitformat für Kommentare und Trackbacks');
+@define('WORDS','Textfassung');
+@define('TIMESTAMP','Zeitstempel');
+@define('DISPLAY_AS_TIMELINE','Timeline-Format verwenden');
+@define('DISPLAY_AS_TIMELINE_DESC','Timeline-Format für Blog-Posts verwenden. Falls Nein werden Blog-Posts im üblichen Blog-Format ausgegeben.');
+@define('MONTHS_ON_TIMELINE','Show month names on timeline');
+@define('MONTHS_ON_TIMELINE_DESC','Month name will appear as a heading on the timeline for each month of entries.');
+@define('MONTHS_ON_TIMELINE_FORMAT','Timeline month format');
+@define('CATEGORIES_ON_ARCHIVE', 'Kategorien auf der Archivseite anzeigen');
+@define('CATEGORIES_ON_ARCHIVE_DESC', 'Das Seitenleisten-Plugin Kategorien (serendipity_plugin_categories) muss installiert und die Option "Smarty-Templating aktivieren?" aktiviert sein, damit Kategorien auf der Archiv-Seite angezeigt werden.');
+@define('CATEGORY_RSS_ON_ARCHIVE','Show RSS icon next to each category on archive page');
+@define('TAGS_ON_ARCHIVE', 'Tags auf der Archivseite anzeigen');
+@define('TAGS_ON_ARCHIVE_DESC', 'Das Seitenleisten-Plugin Getaggte Artikel (serendipity_plugin_freetag) muss installiert sein und die Option "Sidebar template" muss auf "archive_freetag.tpl" gesetzt werden, damit Tags auf der Archiv-Seite angezeigt werden.');
+
+//Navigation
+@define('USE_CORENAV', 'Globale Navigation verwenden?');
+
+//Social media
+@define('SOCIAL_ICONS_AMOUNT', 'Enter number of social media links');
+@define('SOCIAL_NETWORK_SERVICE', 'Select social media service for link');
+@define('SOCIAL_ICON_URL', 'URL for social media service link');
+@define('COPYRIGHT', 'Copyright');
+
+//time ago in words function
+@define('ELAPSED_LESS_THAN_MINUTE_AGO','Vor weniger als einer Minute');
+@define('ELAPSED_ONE_MINUTE_AGO','Vor einer Minute');
+@define('ELAPSED_ONE_DAY_AGO','Vor einem Tag');
+@define('ELAPSED_MINUTES_AGO','Vor %s Minuten');
+@define('ELAPSED_HOURS_AGO','Vor %s Stunden');
+@define('ELAPSED_DAYS_AGO','Vor %s Tagen');
+@define('ELAPSED_MONTHS_AGO','Vor %s Monaten');
+@define('ELAPSED_YEARS_AGO','Vor %s Jahren'); //not currently using this, but defining just in case
+@define('ELAPSED_ABOUT_ONE_HOUR_AGO','Vor ungefähr einer Stunde'); // greater than 45 minutes, less than 90 minutes
+@define('ELAPSED_ABOUT_ONE_MONTH_AGO','Vor ungefähr einem Monat'); // greater than 30 days, less than 60 days
+@define('ELAPSED_ABOUT_ONE_YEAR_AGO','Vor ungefähr einem Jahr'); // greater than one year, less than 2 years
+@define('ELAPSED_OVER_YEARS_AGO','Vor mehr als %s Jahren');// greater than 2 years
+
+//Static Pages
+@define('STATIC_SHOW_AUTHOR_TEXT','Autorennamen anzeigen');
+@define('STATIC_SHOW_DATE_TEXT','Datum anzeigen');
+@define('STATIC_SHOW_SIDEBARS_TEXT','Show sidebars?');
\ No newline at end of file
diff --git a/templates/timeline/lang_en.inc.php b/templates/timeline/lang_en.inc.php
new file mode 100644
index 00000000..d189bc56
--- /dev/null
+++ b/templates/timeline/lang_en.inc.php
@@ -0,0 +1,73 @@
+Extended Property for Entries plugin (serendipity_event_entryproperties) is required for this theme, and is installed.');
+@define('THEME_EP_NO','Extended Property for Entries plugin (serendipity_event_entryproperties) is required for this theme, which is not installed or is inactive. Please install the plugin to fully utlize this theme.
');
+@define('THEME_INSTRUCTIONS','This theme displays blog posts on a linear timeline. Each group of month titles can also be displayed or hidden on the timeline.
This theme uses a right and bottom sidebar. Either, or both sidebars can be disabled by deleting sidebar plugins or relocating sidebar plugins to the sidebar colum labeled "hidden" in plugin configuration.
This theme can be configured to display categories and entry tags from the respective sidebar plugins on the archive page. See "' . THEME_PAGE_OPTIONS . '" below.
If using the avatar plugin (serendipity_event_gravatar), configure option "Produce smarty tag = yes" for best display of comment avatars.
Configure serendipity_event_freetag option "Extended Smarty = yes" for a nicer display of tags in the entry footer.
');
+@define('THEME_CUSTOM_FIELD_HEADING', 'Custom Entry Fields');
+@define('THEME_CUSTOM_FIELD_DEFINITION','These optional field(s) are only available when using this theme (timeline). The event plugin serendipity_event_entryproperties (extended properties for entries) must also be installed to use these field(s). The entry image will appear on both the timeline, and at the top of each detailed entry.');
+@define('THEME_ENTRY_IMAGE','Entry Image.');
+@define('THEME_DEMO_AVAILABLE', 'A complete English explanation of configuring and using Timeline can be found on the Timeline theme demo .');
+
+
+//Page Options
+@define('THEME_COLORSET', 'Colorset');
+@define('THEME_SKINSET', 'Theme skin');
+@define('HEADER_IMG','Optional Header Image. Leave blank to use Blog Name.');
+@define('HEADER_IMG_DESC', 'Header image recommended size: 150px x 40px.');
+@define('SUBHEADER_IMG','Optional Subheader Image.');
+@define('SUBHEADER_IMG_DESC', 'This full width background image appears below the header logo and site navigation.');
+@define('ENTRY_DATE_FORMAT','Entry Date Format');
+@define('COMMENT_TIME_FORMAT','Comment and trackback time format');
+@define('WORDS','Words');
+@define('TIMESTAMP','Timestamp');
+@define('DISPLAY_AS_TIMELINE','Use timeline format');
+@define('DISPLAY_AS_TIMELINE_DESC','Use timeline format for blog posts. If false, blog posts will be shown in a more typical blog format.');
+@define('MONTHS_ON_TIMELINE','Show month names on timeline');
+@define('MONTHS_ON_TIMELINE_DESC','Month name will appear as a heading on the timeline for each month of entries.');
+@define('MONTHS_ON_TIMELINE_FORMAT','Timeline month format');
+@define('CATEGORIES_ON_ARCHIVE', 'Show categories on archive page');
+@define('CATEGORIES_ON_ARCHIVE_DESC', 'The sidebar categories plugin (serendipity_plugin_categories) must be installed and the option "Enable Smarty-Templates?" must be activated to view categories on the archive page.');//Used in theme readme and archive page
+@define('CATEGORY_RSS_ON_ARCHIVE','Show RSS icon next to each category on archive page');
+@define('TAGS_ON_ARCHIVE', 'Show tags on archive page');
+@define('TAGS_ON_ARCHIVE_DESC', 'The show tagged entries plugin (serendipity_plugin_freetag) must be installed and the sidebar template option must be set to "archive_freetag.tpl" to view tags on the archive page.'); //Used in theme readme and archive page
+
+//Navigation
+@define('USE_CORENAV', 'Use global navigation?');
+
+//Social media
+@define('SOCIAL_ICONS_AMOUNT', 'Enter number of social media links');
+@define('SOCIAL_NETWORK_SERVICE', 'Select social media service for link');
+@define('SOCIAL_ICON_URL', 'URL for social media service link');
+@define('COPYRIGHT', 'Copyright');
+
+//time ago in words function
+@define('ELAPSED_LESS_THAN_MINUTE_AGO','Less than a minute ago');
+@define('ELAPSED_ONE_MINUTE_AGO','1 minute ago');
+@define('ELAPSED_ONE_DAY_AGO','1 day ago');
+@define('ELAPSED_MINUTES_AGO','%s minutes ago');
+@define('ELAPSED_HOURS_AGO','%s hours ago');
+@define('ELAPSED_DAYS_AGO','%s days ago');
+@define('ELAPSED_MONTHS_AGO','%s months ago');
+@define('ELAPSED_YEARS_AGO','%s years ago'); //not currently using this, but defining just in case
+@define('ELAPSED_ABOUT_ONE_HOUR_AGO','About an hour ago'); // greater than 45 minutes, less than 90 minutes
+@define('ELAPSED_ABOUT_ONE_MONTH_AGO','About a month ago'); // greater than 30 days, less than 60 days
+@define('ELAPSED_ABOUT_ONE_YEAR_AGO','About a year ago'); // greater than one year, less than 2 years
+@define('ELAPSED_OVER_YEARS_AGO','Over %s years ago');// greater than 2 years
+
+//Static Pages
+@define('STATIC_SHOW_AUTHOR_TEXT','Show Author\'s name?');
+@define('STATIC_SHOW_DATE_TEXT','Show date last modified?');
+@define('STATIC_SHOW_SIDEBARS_TEXT','Show sidebars?');
diff --git a/templates/timeline/orange_style.css b/templates/timeline/orange_style.css
new file mode 100644
index 00000000..58b744c1
--- /dev/null
+++ b/templates/timeline/orange_style.css
@@ -0,0 +1,124 @@
+/*
+Theme: Timeline
+Theme developed for Serendipity by Don Chambers (www.optional-necessity.com)
+orange colorset
+*/
+
+/*
+* Orange Color: #e67e22;
+* Orange Hover Color: #d35400;
+* Darkest color: #bf4d02;
+*/
+
+a {
+ color: #e67e22;
+}
+
+a:hover,
+a:focus {
+ color: #d35400;
+}
+
+a.subtome:link,
+a.subtome:visited {
+ background: url('img/subtome-orange.png') left bottom no-repeat;
+}
+
+a.subtome:hover,
+a.subtome:focus {
+ background: url('img/subtome-orange.png') -64px center no-repeat;
+}
+
+a.subtome img {
+ visibility: hidden;
+}
+
+.navbar-default .navbar-brand:hover h1,
+.navbar-default .navbar-brand:focus h1{
+ color: #d35400;
+}
+
+.header .navbar-default .navbar-toggle {
+ border-color: #d35400;
+}
+
+.header .navbar-toggle, .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus {
+ background-color: #e67e22;
+}
+
+@media (max-width: 991px) {
+ .header .navbar-default .navbar-nav > li > a:hover {
+ color: #e67e22;
+ }
+ .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
+ background-color: #e67e22;
+ }
+}
+
+@media (min-width: 992px) {
+ .header .navbar-default .navbar-nav a.navbar_current_page,
+ .header .navbar-default .navbar-nav > li > a:hover {
+ border-bottom: 2px solid #e67e22;
+ }
+
+ .header .navbar-default .navbar-nav > li:hover > a {
+ color: #e67e22;
+ }
+}
+
+.btn-theme {
+ background: none repeat scroll 0 0 #e67e22;
+ border: 1px solid #e67e22;
+}
+
+.btn-theme:hover {color: #e67e22;}
+
+.pager li > a,
+.pager li > span {
+ background-color: #e67e22;
+ border: 1px solid #e67e22;
+}
+
+.pager li > a:hover,
+.pager li > a:focus {
+ color: #d35400;
+}
+
+.sidebar_plugin h3{
+ border-bottom: 2px solid #e67e22;
+}
+
+.btn-group.archive-button .dropdown-menu > li > a {color: #d35400;}
+
+.btn-group.archive-button .dropdown-menu > li > a:hover,
+.btn-group.archive-button .dropdown-menu > li > a:focus {
+ background-color: #d35400;
+}
+
+.archive-button-months-entries {border: 1px solid #e67e22;}
+
+.archive-button-months-entries .badge {
+ background-color: #bf4d02; /* much darker */
+}
+
+blockquote {
+ border-left: 5px solid #d35400;
+}
+
+.timeline_freeTag a {
+ background-color: #e67e22;
+ border: 1px solid #e67e22;
+}
+
+.timeline_freeTag a:hover,
+.timeline_freeTag a:focus {
+ color: #d35400;
+}
+
+#scrollUp {
+ background-color: #e67e22;
+ border: 1px solid #e67e22;
+}
+#scrollUp:hover {
+ color: #d35400;
+}
\ No newline at end of file
diff --git a/templates/timeline/plugin_contactform.tpl b/templates/timeline/plugin_contactform.tpl
new file mode 100644
index 00000000..9959aedc
--- /dev/null
+++ b/templates/timeline/plugin_contactform.tpl
@@ -0,0 +1,59 @@
+
+ {if $plugin_contactform_articleformat}{$plugin_contactform_name}{else}{$plugin_contactform_pagetitle}{/if}
+
+
+ {if $is_contactform_error}
+
+
+
+
+
+ {foreach from=$comments_messagestack item="message"}
+
+ {/foreach}
+ {/if}
+ {if (empty($is_contactform_sent)) && $plugin_contactform_preface}
+
{$plugin_contactform_preface}
+ {/if}
+ {if $is_contactform_sent}
+
{$plugin_contactform_sent}
+ {else}
+
+
+{/if}
+
\ No newline at end of file
diff --git a/templates/timeline/plugin_staticpage.tpl b/templates/timeline/plugin_staticpage.tpl
new file mode 100644
index 00000000..289f2813
--- /dev/null
+++ b/templates/timeline/plugin_staticpage.tpl
@@ -0,0 +1,59 @@
+
+
+ {if $staticpage_pass AND $staticpage_form_pass != $staticpage_pass}
+
+ {else}
+
+ {if $staticpage_precontent}
+
+ {$staticpage_precontent}
+
+ {/if}
+ {if $staticpage_show_childpages && is_array($staticpage_childpages)}
+
+
+ {foreach from=$staticpage_childpages item="childpage"}
+ {$childpage.pagetitle|@escape}
+
+ {/if}
+ {if $staticpage_content}
+
+ {$staticpage_content}
+
+ {/if}
+
+ {/if}
+ {if $staticpage_navigation && $staticpage_shownavi && ($staticpage_navigation.prev.link || $staticpage_navigation.next.link)}
+
+
+
+ {/if}
+ {if $staticpage_custom.show_author =='true' || $staticpage_custom.show_date =='true' || ($staticpage_adminlink && $staticpage_adminlink.page_user)}
+
+ {/if}
+
\ No newline at end of file
diff --git a/templates/timeline/plugin_staticpage_aboutpage.tpl b/templates/timeline/plugin_staticpage_aboutpage.tpl
new file mode 100644
index 00000000..d97476b4
--- /dev/null
+++ b/templates/timeline/plugin_staticpage_aboutpage.tpl
@@ -0,0 +1,54 @@
+
+
+ {if $staticpage_pass AND $staticpage_form_pass != $staticpage_pass}
+
+ {else}
+
+ {if $staticpage_show_childpages && is_array($staticpage_childpages)}
+
+
+ {foreach from=$staticpage_childpages item="childpage"}
+ {$childpage.pagetitle|@escape}
+
+ {/if}
+ {if $staticpage_precontent}
+
+ {$staticpage_precontent}
+
+ {/if}
+
+ {/if}
+ {if $staticpage_navigation && $staticpage_shownavi && ($staticpage_navigation.prev.link || $staticpage_navigation.next.link)}
+
+
+
+ {/if}
+ {if $staticpage_custom.show_author =='true' || $staticpage_custom.show_date =='true' || ($staticpage_adminlink && $staticpage_adminlink.page_user)}
+
+ {/if}
+
\ No newline at end of file
diff --git a/templates/timeline/plugin_staticpage_related_category.tpl b/templates/timeline/plugin_staticpage_related_category.tpl
new file mode 100644
index 00000000..91ee8a18
--- /dev/null
+++ b/templates/timeline/plugin_staticpage_related_category.tpl
@@ -0,0 +1,64 @@
+
+
+ {if $staticpage_pass AND $staticpage_form_pass != $staticpage_pass}
+
+ {else}
+
+ {if $staticpage_precontent}
+
+ {$staticpage_precontent}
+
+ {/if}
+ {if $staticpage_show_childpages && is_array($staticpage_childpages)}
+
+
+ {foreach from=$staticpage_childpages item="childpage"}
+ {$childpage.pagetitle|@escape}
+
+ {/if}
+ {if $staticpage_content}
+
+ {$staticpage_content}
+
+ {/if}
+{*NOTE: file staticpage-entries-listing.tpl must exist in theme folder *}
+
+ {serendipity_fetchPrintEntries category=$staticpage_related_category_id template="staticpage-entries-listing.tpl" limit=5 noSticky="true" noCache="false" fetchDrafts=false full="false" use_footer="false"}
+
+
+ {/if}
+ {if $staticpage_navigation AND $staticpage_shownavi}
+
+
+
+ {/if}
+ {if $staticpage_custom.show_author =='true' || $staticpage_custom.show_date =='true' || ($staticpage_adminlink && $staticpage_adminlink.page_user)}
+
+ {/if}
+
+{assign var="footer_totalPages" value="0" scope="parent"}{* prevent pagination on related category from showing on index.tpl in this theme *}
\ No newline at end of file
diff --git a/templates/timeline/plugin_staticpage_searchresults.tpl b/templates/timeline/plugin_staticpage_searchresults.tpl
new file mode 100644
index 00000000..5cfed25c
--- /dev/null
+++ b/templates/timeline/plugin_staticpage_searchresults.tpl
@@ -0,0 +1,8 @@
+{if $staticpage_results}
+
+ {$CONST.STATICPAGE_SEARCHRESULTS|sprintf:$staticpage_searchresults}
+ {foreach from=$staticpage_results item="result"}
+ {$result.headline}
+{/if}
\ No newline at end of file
diff --git a/templates/timeline/preview.png b/templates/timeline/preview.png
new file mode 100644
index 00000000..8c5c65ae
Binary files /dev/null and b/templates/timeline/preview.png differ
diff --git a/templates/timeline/preview_fullsize.jpg b/templates/timeline/preview_fullsize.jpg
new file mode 100644
index 00000000..e7de391f
Binary files /dev/null and b/templates/timeline/preview_fullsize.jpg differ
diff --git a/templates/timeline/preview_iframe.tpl b/templates/timeline/preview_iframe.tpl
new file mode 100644
index 00000000..58526e7b
--- /dev/null
+++ b/templates/timeline/preview_iframe.tpl
@@ -0,0 +1,67 @@
+
+
+
+ {$CONST.SERENDIPITY_ADMIN_SUITE}
+{* BOOTSTRAP CORE CSS *}
+
+
+
+ {if $mode == 'preview'}
+ {$preview}
+ {elseif $mode == 'save'}
+ {$updertHooks}
+ {if $res}
+
{$res}
+ {else}
+ {if $lastSavedEntry}
+
+ {/if}
+
{$CONST.VIEW_ENTRY}
+ {/if}
+ {/if}
+
+
+
+
+
+
+
+
diff --git a/templates/timeline/purple_style.css b/templates/timeline/purple_style.css
new file mode 100644
index 00000000..3d7d7031
--- /dev/null
+++ b/templates/timeline/purple_style.css
@@ -0,0 +1,124 @@
+/*
+Theme: Timeline
+Theme developed for Serendipity by Don Chambers (www.optional-necessity.com)
+purple colorset
+*/
+
+/*
+* Purple Color: #9b6bcc;
+* Purple Hover Color: #814fb5;
+* Darkest color: #7240a6;
+*/
+
+a {
+ color: #9b6bcc;
+}
+
+a:hover,
+a:focus {
+ color: #814fb5;
+}
+
+a.subtome:link,
+a.subtome:visited {
+ background: url('img/subtome-purple.png') left bottom no-repeat;
+}
+
+a.subtome:hover,
+a.subtome:focus {
+ background: url('img/subtome-purple.png') -64px center no-repeat;
+}
+
+a.subtome img {
+ visibility: hidden;
+}
+
+.navbar-default .navbar-brand:hover h1,
+.navbar-default .navbar-brand:focus h1{
+ color: #814fb5;
+}
+
+.header .navbar-default .navbar-toggle {
+ border-color: #814fb5;
+}
+
+.header .navbar-toggle, .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus {
+ background-color: #9b6bcc;
+}
+
+@media (max-width: 991px) {
+ .header .navbar-default .navbar-nav > li > a:hover {
+ color: #9b6bcc;
+ }
+ .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
+ background-color: #9b6bcc;
+ }
+}
+
+@media (min-width: 992px) {
+ .header .navbar-default .navbar-nav a.navbar_current_page,
+ .header .navbar-default .navbar-nav > li > a:hover {
+ border-bottom: 2px solid #9b6bcc;
+ }
+
+ .header .navbar-default .navbar-nav > li:hover > a {
+ color: #9b6bcc;
+ }
+}
+
+.btn-theme {
+ background: none repeat scroll 0 0 #9b6bcc;
+ border: 1px solid #9b6bcc;
+}
+
+.btn-theme:hover {color: #9b6bcc;}
+
+.pager li > a,
+.pager li > span {
+ background-color: #9b6bcc;
+ border: 1px solid #9b6bcc;
+}
+
+.pager li > a:hover,
+.pager li > a:focus {
+ color: #814fb5;
+}
+
+.sidebar_plugin h3{
+ border-bottom: 2px solid #9b6bcc;
+}
+
+.btn-group.archive-button .dropdown-menu > li > a {color: #814fb5;}
+
+.btn-group.archive-button .dropdown-menu > li > a:hover,
+.btn-group.archive-button .dropdown-menu > li > a:focus {
+ background-color: #814fb5;
+}
+
+.archive-button-months-entries {border: 1px solid #9b6bcc;}
+
+.archive-button-months-entries .badge {
+ background-color: #7240a6; /* much darker */
+}
+
+blockquote {
+ border-left: 5px solid #814fb5;
+}
+
+.timeline_freeTag a {
+ background-color: #9b6bcc;
+ border: 1px solid #9b6bcc;
+}
+
+.timeline_freeTag a:hover,
+.timeline_freeTag a:focus {
+ color: #814fb5;
+}
+
+#scrollUp {
+ background-color: #9b6bcc;
+ border: 1px solid #9b6bcc;
+}
+#scrollUp:hover {
+ color: #814fb5;
+}
\ No newline at end of file
diff --git a/templates/timeline/red-dark_style.css b/templates/timeline/red-dark_style.css
new file mode 100644
index 00000000..4d2d96e5
--- /dev/null
+++ b/templates/timeline/red-dark_style.css
@@ -0,0 +1,124 @@
+/*
+Theme: Timeline
+Theme developed for Serendipity by Don Chambers (www.optional-necessity.com)
+dark red colorset
+*/
+
+/*
+* Dark Red Color: #a10f2b;
+* Dark Red Hover Color: #b61332; lighter
+* Darkest color: #7b031b;
+*/
+
+a {
+ color: #a10f2b;
+}
+
+a:hover,
+a:focus {
+ color: #b61332;
+}
+
+a.subtome:link,
+a.subtome:visited {
+ background: url('img/subtome-red-dark.png') left bottom no-repeat;
+}
+
+a.subtome:hover,
+a.subtome:focus {
+ background: url('img/subtome-red-dark.png') -64px center no-repeat;
+}
+
+a.subtome img {
+ visibility: hidden;
+}
+
+.navbar-default .navbar-brand:hover h1,
+.navbar-default .navbar-brand:focus h1{
+ color: #b61332;
+}
+
+.header .navbar-default .navbar-toggle {
+ border-color: #b61332;
+}
+
+.header .navbar-toggle, .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus {
+ background-color: #a10f2b;
+}
+
+@media (max-width: 991px) {
+ .header .navbar-default .navbar-nav > li > a:hover {
+ color: #a10f2b;
+ }
+ .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
+ background-color: #a10f2b;
+ }
+}
+
+@media (min-width: 992px) {
+ .header .navbar-default .navbar-nav a.navbar_current_page,
+ .header .navbar-default .navbar-nav > li > a:hover {
+ border-bottom: 2px solid #a10f2b;
+ }
+
+ .header .navbar-default .navbar-nav > li:hover > a {
+ color: #b61332;
+ }
+}
+
+.btn-theme {
+ background: none repeat scroll 0 0 #a10f2b;
+ border: 1px solid #a10f2b;
+}
+
+.btn-theme:hover {color: #a10f2b;}
+
+.pager li > a,
+.pager li > span {
+ background-color: #a10f2b;
+ border: 1px solid #a10f2b;
+}
+
+.pager li > a:hover,
+.pager li > a:focus {
+ color: #b61332;
+}
+
+.sidebar_plugin h3{
+ border-bottom: 2px solid #a10f2b;
+}
+
+.btn-group.archive-button .dropdown-menu > li > a {color: #b61332;}
+
+.btn-group.archive-button .dropdown-menu > li > a:hover,
+.btn-group.archive-button .dropdown-menu > li > a:focus {
+ background-color: #b61332;
+}
+
+.archive-button-months-entries {border: 1px solid #a10f2b;}
+
+.archive-button-months-entries .badge {
+ background-color: #7b031b; /* much darker */
+}
+
+blockquote {
+ border-left: 5px solid #b61332;
+}
+
+.timeline_freeTag a {
+ background-color: #a10f2b;
+ border: 1px solid #a10f2b;
+}
+
+.timeline_freeTag a:hover,
+.timeline_freeTag a:focus {
+ color: #b61332;
+}
+
+#scrollUp {
+ background-color: #a10f2b;
+ border: 1px solid #a10f2b;
+}
+#scrollUp:hover {
+ color: #b61332;
+}
\ No newline at end of file
diff --git a/templates/timeline/red_style.css b/templates/timeline/red_style.css
new file mode 100644
index 00000000..91e40ee1
--- /dev/null
+++ b/templates/timeline/red_style.css
@@ -0,0 +1,124 @@
+/*
+Theme: Timeline
+Theme developed for Serendipity by Don Chambers (www.optional-necessity.com)
+red colorset
+*/
+
+/*
+* Red Color: #e74c3c;
+* Red Hover Color: #c0392b;
+* Darkest color: #b02d20;
+*/
+
+a {
+ color: #e74c3c;
+}
+
+a:hover,
+a:focus {
+ color: #c0392b;
+}
+
+a.subtome:link,
+a.subtome:visited {
+ background: url('img/subtome-red.png') left bottom no-repeat;
+}
+
+a.subtome:hover,
+a.subtome:focus {
+ background: url('img/subtome-red.png') -64px center no-repeat;
+}
+
+a.subtome img {
+ visibility: hidden;
+}
+
+.navbar-default .navbar-brand:hover h1,
+.navbar-default .navbar-brand:focus h1{
+ color: #c0392b;
+}
+
+.header .navbar-default .navbar-toggle {
+ border-color: #c0392b;
+}
+
+.header .navbar-toggle, .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus {
+ background-color: #e74c3c;
+}
+
+@media (max-width: 991px) {
+ .header .navbar-default .navbar-nav > li > a:hover {
+ color: #e74c3c;
+ }
+ .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
+ background-color: #e74c3c;
+ }
+}
+
+@media (min-width: 992px) {
+ .header .navbar-default .navbar-nav a.navbar_current_page,
+ .header .navbar-default .navbar-nav > li > a:hover {
+ border-bottom: 2px solid #e74c3c;
+ }
+
+ .header .navbar-default .navbar-nav > li:hover > a {
+ color: #e74c3c;
+ }
+}
+
+.btn-theme {
+ background: none repeat scroll 0 0 #e74c3c;
+ border: 1px solid #e74c3c;
+}
+
+.btn-theme:hover {color: #e74c3c;}
+
+.pager li > a,
+.pager li > span {
+ background-color: #e74c3c;
+ border: 1px solid #e74c3c;
+}
+
+.pager li > a:hover,
+.pager li > a:focus {
+ color: #c0392b;
+}
+
+.sidebar_plugin h3{
+ border-bottom: 2px solid #e74c3c;
+}
+
+.btn-group.archive-button .dropdown-menu > li > a {color: #c0392b;}
+
+.btn-group.archive-button .dropdown-menu > li > a:hover,
+.btn-group.archive-button .dropdown-menu > li > a:focus {
+ background-color: #c0392b;
+}
+
+.archive-button-months-entries {border: 1px solid #e74c3c;}
+
+.archive-button-months-entries .badge {
+ background-color: #b02d20; /* much darker */
+}
+
+blockquote {
+ border-left: 5px solid #c0392b;
+}
+
+.timeline_freeTag a {
+ background-color: #e74c3c;
+ border: 1px solid #e74c3c;
+}
+
+.timeline_freeTag a:hover,
+.timeline_freeTag a:focus {
+ color: #c0392b;
+}
+
+#scrollUp {
+ background-color: #e74c3c;
+ border: 1px solid #e74c3c;
+}
+#scrollUp:hover {
+ color: #c0392b;
+}
\ No newline at end of file
diff --git a/templates/timeline/sidebar.tpl b/templates/timeline/sidebar.tpl
new file mode 100644
index 00000000..9a41f29f
--- /dev/null
+++ b/templates/timeline/sidebar.tpl
@@ -0,0 +1,16 @@
+{if $is_raw_mode}
+
+{/if}
diff --git a/templates/timeline/staticpage-entries-listing.tpl b/templates/timeline/staticpage-entries-listing.tpl
new file mode 100644
index 00000000..1e166e65
--- /dev/null
+++ b/templates/timeline/staticpage-entries-listing.tpl
@@ -0,0 +1,22 @@
+{$CONST.STATICPAGE_NEW_HEADLINES|capitalize}
+{if $entries}
+
+ {foreach from=$entries item="dategroup"}
+ {foreach from=$dategroup.entries item="entry"}
+ {$entry.title|@default:$entry.id} {$dategroup.date|@formatTime:$template_option.date_format}
+ {if $staticpage_related_category_id >0}
+ {$CONST.STATICPAGE_ARTICLE_OVERVIEW|capitalize} {$CONST.STATICPAGE_ARTICLE_OVERVIEW|capitalize}
+
+
+
+
+ + {if $comment.url} + {$comment.author|@default:$CONST.ANONYMOUS} + {else} + {$comment.author|@default:$CONST.ANONYMOUS} + {/if} + + +
+