initial commit

34 files changed, 2229 insertions, 0 deletions

diff --git a/README b/README
new file mode 100644
index 000000000..46f8187ca
--- /dev/null
+++ b/README
@@ -0,0 +1,5 @@
+Starter Template for DokuWiki
+http://www.dokuwiki.org/template:starter
+
+version: (devel)
+author: Anika Henke <anika@selfthinker.org>
diff --git a/conf/default.php b/conf/default.php
new file mode 100644
index 000000000..7f1fbb246
--- /dev/null
+++ b/conf/default.php
@@ -0,0 +1,10 @@
+<?php
+/*
+ * default configuration settings
+ *
+ */
+
+$conf['tagline']      = 'This is the tagline - explaining what this site is about.';
+$conf['discussionNS'] = 'discussion';
+$conf['sidebarID']    = 'sidebar';
+$conf['hideTools']    = 0;
diff --git a/conf/metadata.php b/conf/metadata.php
new file mode 100644
index 000000000..591053e7e
--- /dev/null
+++ b/conf/metadata.php
@@ -0,0 +1,12 @@
+<?php
+/*
+ * configuration metadata
+ *
+ */
+
+$meta['tagline']      = array('string');
+$meta['discussionNS'] = array('string');
+$meta['sidebarID']    = array('string');
+$meta['hideTools']    = array('onoff');
+
+// array('multichoice','_choices' => array(0,1,2));
diff --git a/css/_admin.css b/css/_admin.css
new file mode 100644
index 000000000..c5d188763
--- /dev/null
+++ b/css/_admin.css
@@ -0,0 +1,47 @@
+/**
+ * This file provides styles for the Administration overview
+ * (?do=admin).
+ */
+
+.dokuwiki ul.admin_tasks {
+    float: left;
+    width: 40%;
+    list-style-type: none;
+    font-size: 115%;
+}
+
+.dokuwiki ul.admin_tasks li {
+    padding-left: 35px;
+    margin: 0 0 1em 0;
+    font-weight: bold;
+    list-style-type: none;
+    background: transparent none no-repeat scroll 0 0;
+    color: inherit;
+}
+
+.dokuwiki ul.admin_tasks li.admin_acl {
+    background-image: url(../../images/admin/acl.png);
+}
+.dokuwiki ul.admin_tasks li.admin_usermanager {
+    background-image: url(../../images/admin/usermanager.png);
+}
+.dokuwiki ul.admin_tasks li.admin_plugin {
+    background-image: url(../../images/admin/plugin.png);
+}
+.dokuwiki ul.admin_tasks li.admin_config {
+    background-image: url(../../images/admin/config.png);
+}
+.dokuwiki ul.admin_tasks li.admin_revert {
+    background-image: url(../../images/admin/revert.png);
+}
+.dokuwiki ul.admin_tasks li.admin_popularity {
+    background-image: url(../../images/admin/popularity.png);
+}
+
+/* DokuWiki version below */
+.dokuwiki #admin__version {
+    clear: left;
+    float: right;
+    color: __text_neu__;
+    background-color: inherit;
+}
diff --git a/css/_diff.css b/css/_diff.css
new file mode 100644
index 000000000..f2be4ae54
--- /dev/null
+++ b/css/_diff.css
@@ -0,0 +1,65 @@
+/**
+ * This file provides styles for the diff view, which shows you
+ * differences between two versions of a page (?do=diff).
+ */
+
+.dokuwiki table.diff {
+    width: 100%;
+    border-width: 0;
+}
+.dokuwiki table.diff th,
+.dokuwiki table.diff td {
+    vertical-align: top;
+    padding: 0;
+    border-width: 0;
+    /* no style.ini colours because deleted and added lines have a fixed background colour */
+    background-color: #fff;
+    color: #333;
+}
+
+/* table header */
+.dokuwiki table.diff th {
+    border-bottom: 1px solid __border__;
+    font-size: 110%;
+    width: 50%;
+    font-weight: normal;
+}
+.dokuwiki table.diff th a {
+    font-weight: bold;
+}
+.dokuwiki table.diff th span.user {
+    font-size: .9em;
+}
+.dokuwiki table.diff th span.sum {
+    font-size: .9em;
+    font-weight: bold;
+}
+.dokuwiki table.diff th.minor {
+    color: #999;
+}
+
+/* table body */
+.dokuwiki table.diff td {
+    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Liberation Mono", Monaco, "Courier New", monospace;
+}
+.dokuwiki table.diff td.diff-blockheader {
+    font-weight: bold;
+}
+.dokuwiki table.diff td.diff-addedline {
+    background-color: #cfc;
+    color: inherit;
+}
+.dokuwiki table.diff td.diff-deletedline {
+    background-color: #fdd;
+    color: inherit;
+}
+.dokuwiki table.diff td.diff-context {
+    background-color: #eee;
+    color: inherit;
+}
+.dokuwiki table.diff td.diff-addedline strong,
+.dokuwiki table.diff td.diff-deletedline strong {
+    color: #f00;
+    background-color: inherit;
+    font-weight: bold;
+}
diff --git a/css/_edit.css b/css/_edit.css
new file mode 100644
index 000000000..db62dc976
--- /dev/null
+++ b/css/_edit.css
@@ -0,0 +1,111 @@
+/**
+ * This file provides styles for the edit view (?do=edit), preview
+ * and section edit buttons.
+ */
+
+/* edit view
+********************************************************************/
+
+/*____________ toolbar ____________*/
+
+.dokuwiki div.toolbar {
+    margin-bottom: .5em;
+}
+.dokuwiki div.toolbar #draft__status {
+    float: right;
+    color: __text_alt__;
+    background-color: inherit;
+}
+.dokuwiki div.toolbar #tool__bar {
+}
+
+/* buttons inside of toolbar */
+.dokuwiki div.toolbar button.toolbutton {
+}
+/* picker popups (outside of .dokuwiki) */
+div.picker {
+    width: 300px;
+    border: 1px solid __border__;
+    background-color: __background_alt__;
+    color: inherit;
+}
+/* picker for headlines */
+div.picker.pk_hl {
+    width: auto;
+}
+/* buttons inside of picker */
+div.picker button.pickerbutton {
+}
+
+/*____________ edit textarea ____________*/
+
+.dokuwiki textarea.edit {
+    /* should just be "width: 100%", but IE8 doesn't like it, see FS#1910 + FS#1667 */
+    width: 100%;
+    margin-bottom: .5em;
+}
+
+/*____________ below the textarea ____________*/
+
+.dokuwiki #wiki__editbar {
+    overflow: hidden;
+    margin-bottom: .5em;
+}
+
+/* size and wrap controls */
+.dokuwiki #wiki__editbar #size__ctl {
+    float: right;
+}
+.dokuwiki #wiki__editbar #size__ctl img {
+    cursor: pointer;
+}
+
+/* edit buttons */
+.dokuwiki #wiki__editbar .editButtons {
+    display: inline;
+    margin-right: 1em;
+}
+.dokuwiki #wiki__editbar .editButtons input {
+}
+
+/* summary input and minor changes checkbox */
+.dokuwiki #wiki__editbar .summary {
+    display: inline;
+}
+.dokuwiki #wiki__editbar .summary label {
+    vertical-align: middle;
+    white-space: nowrap;
+}
+.dokuwiki #wiki__editbar .summary label span {
+    vertical-align: middle;
+}
+.dokuwiki #wiki__editbar .summary input {
+}
+/* change background colour if summary is missing */
+.dokuwiki #wiki__editbar .summary input.missing {
+    color: __text__;
+    background-color: #ffcccc;
+}
+
+/* preview
+********************************************************************/
+
+.dokuwiki div.preview {
+    background-color: __background_neu__;
+    color: __text__;
+    margin-bottom: 1.4em;
+    padding: .5em;
+    border: 1px dotted __text_neu__;
+}
+
+/* section edit buttons
+********************************************************************/
+
+.dokuwiki .secedit {
+    float: right;
+    margin-top: -1.4em;
+}
+.dokuwiki .section_highlight {
+    background-color: __background_alt__ !important;
+    color: inherit;
+}
diff --git a/css/_footnotes.css b/css/_footnotes.css
new file mode 100644
index 000000000..a20f2964e
--- /dev/null
+++ b/css/_footnotes.css
@@ -0,0 +1,28 @@
+/**
+ * This file provides styles for footnotes.
+ */
+
+/*____________ footnotes inside the text ____________*/
+
+/* link to footnote inside the text */
+.dokuwiki sup a.fn_top {
+}
+/* JSpopup */
+div.insitu-footnote {
+    max-width: 40%;
+    min-width: 5em;
+}
+
+/*____________ footnotes at the bottom of the page ____________*/
+
+.dokuwiki div.footnotes {
+    border-top: 1px solid __border__;
+    padding: .5em 0 0 0;
+    margin: 1em 0 0 0;
+    clear: both;
+}
+.dokuwiki div.footnotes div.fn {
+}
+.dokuwiki div.footnotes div.fn sup a.fn_bot {
+    font-weight: bold;
+}
diff --git a/css/_forms.css b/css/_forms.css
new file mode 100644
index 000000000..c7dc02d62
--- /dev/null
+++ b/css/_forms.css
@@ -0,0 +1,82 @@
+
+/* TODO */
+
+/**
+ * This file provides styles for forms in general and specifically
+ * for ?do=
+ *   - login
+ *   - resendpwd
+ *   - register
+ *   - profile
+ *   - subscribe
+ */
+
+/* ---------------- forms ------------------------ */
+
+div.dokuwiki form {
+  border: none;
+  display: inline;
+}
+
+div.dokuwiki label.block {
+  display: block;
+  text-align: right;
+  font-weight: bold;
+}
+
+div.dokuwiki label.simple {
+  display: block;
+  text-align: left;
+  font-weight: normal;
+}
+
+div.dokuwiki label.block input.edit {
+  width: 50%;
+}
+
+div.dokuwiki label span {
+    vertical-align: middle;
+}
+
+div.dokuwiki fieldset {
+  width: 400px;
+  text-align: center;
+  border: 1px solid __border__;
+  padding: 0.5em;
+  margin: auto;
+}
+
+
+div.dokuwiki input.edit,
+div.dokuwiki select.edit {
+  vertical-align: middle;
+}
+div.dokuwiki select.edit {
+  padding: 0.1em 0;
+}
+
+
+.dokuwiki input.button,
+.dokuwiki button.button {
+    vertical-align: middle;
+}
+
+/**
+ * Styles for the subscription page
+ */
+
+form#subscribe__form {
+    display: block;
+    width: 400px;
+    text-align: center;
+}
+
+form#subscribe__form fieldset {
+    text-align: left;
+    margin: 0.5em 0;
+}
+
+form#subscribe__form label {
+    display: block;
+    margin: 0 0.5em 0.5em;
+}
diff --git a/css/_imgdetail.css b/css/_imgdetail.css
new file mode 100644
index 000000000..d6cc4abaf
--- /dev/null
+++ b/css/_imgdetail.css
@@ -0,0 +1,32 @@
+/**
+ * This file provides styles for the image detail page (detail.php).
+ */
+
+#dokuwiki__detail {
+    padding: 1em;
+}
+#dokuwiki__detail h1 {
+}
+
+#dokuwiki__detail div.content {
+}
+
+#dokuwiki__detail div.content img {
+    float: left;
+    margin-right: 1.5em;
+}
+#dokuwiki__detail div.content div.img_detail {
+    float: left;
+}
+
+#dokuwiki__detail div.img_detail h2 {
+}
+#dokuwiki__detail div.img_detail dl {
+}
+#dokuwiki__detail div.img_detail dl dt {
+}
+#dokuwiki__detail div.img_detail dl dd {
+}
+
+#dokuwiki__detail p.back {
+}
diff --git a/css/_links.css b/css/_links.css
new file mode 100644
index 000000000..8fc6c1322
--- /dev/null
+++ b/css/_links.css
@@ -0,0 +1,59 @@
+/**
+ * This file provides styles for all types of links.
+ */
+
+/*____________ links to wiki pages ____________*/
+
+/* existing wikipage */
+.dokuwiki a.wikilink1 {
+    color: __existing__;
+    background-color: inherit;
+}
+/* not existing wikipage */
+.dokuwiki a.wikilink2 {
+    color: __missing__;
+    background-color: inherit;
+    text-decoration: none !important;
+}
+.dokuwiki a.wikilink2:link,
+.dokuwiki a.wikilink2:visited {
+    border-bottom: 1px dashed;
+}
+.dokuwiki a.wikilink2:hover,
+.dokuwiki a.wikilink2:active,
+.dokuwiki a.wikilink2:focus {
+    border-bottom-width: 0;
+}
+
+/*____________ other link types ____________*/
+
+.dokuwiki a.urlextern,
+.dokuwiki a.windows,
+.dokuwiki a.mail {
+    background-repeat: no-repeat;
+    background-position: 0 center;
+    padding-left: 17px;
+}
+/* external link */
+.dokuwiki a.urlextern {
+    background-image: url(images/link_icon.gif);
+}
+/* windows share */
+.dokuwiki a.windows {
+    background-image: url(images/windows.gif);
+}
+/* email link */
+.dokuwiki a.mail {
+    background-image: url(images/mail_icon.gif);
+}
+
+/* icons of the following are set by dokuwiki in lib/exe/css.php */
+/* link to some embedded media */
+.dokuwiki a.mediafile {
+    background-position: 0 center;
+    padding-bottom: 0;
+}
+/* interwiki link */
+.dokuwiki a.interwiki {
+    background-position: 0 center;
+}
diff --git a/css/_mediamanager.css b/css/_mediamanager.css
new file mode 100644
index 000000000..da1af909e
--- /dev/null
+++ b/css/_mediamanager.css
@@ -0,0 +1,216 @@
+/**
+ * This file provides styles for the media manager
+ * (mediamanager.php).
+ */
+
+/*____________ structure ____________*/
+
+html.popup {
+    overflow: auto;
+}
+
+#media__manager {
+    height: 100%;
+    overflow: hidden;
+}
+
+#media__left {
+    width: 30%;
+    height: 100%;
+    overflow: auto;
+    position: absolute;
+    left: 0;
+    border-right: solid 1px __border__;
+}
+#media__left .pad {
+    padding: .5em;
+}
+
+#media__right {
+    width: 69.7%;
+    height: 100%;
+    overflow: auto;
+    position: absolute;
+    right: 0;
+}
+#media__right .pad {
+    padding: .5em;
+}
+
+#media__manager h1,
+#media__manager h2 {
+    font-size: 1.5em;
+    margin-bottom: .5em;
+    padding-bottom: .2em;
+    border-bottom: 1px solid __border__;
+}
+
+/* left side
+********************************************************************/
+
+/*____________ options ____________*/
+
+#media__opts {
+    margin-bottom: .5em;
+}
+
+#media__opts input {
+    margin-right: .3em;
+}
+#media__opts label {
+}
+
+/*____________ tree ____________*/
+
+#media__tree ul {
+    padding-left: .2em;
+}
+#media__tree ul li {
+    clear: left;
+    list-style-type: none;
+    list-style-image: none;
+    margin-left: 0;
+}
+#media__tree ul li img {
+    float: left;
+    padding: .5em .3em 0 0;
+}
+#media__tree ul li div.li {
+    display: inline;
+}
+#media__tree ul li li {
+    margin-left: 1.5em;
+}
+
+/* right side
+********************************************************************/
+
+/*____________ upload form ____________*/
+
+/* upload info */
+#media__content div.upload {
+    font-size: .9em;
+    margin-bottom: .5em;
+}
+
+#media__content form#dw__upload,
+#media__content div#dw__flashupload {
+    display: block;
+    border-bottom: solid 1px __border__;
+    padding-bottom: 1em;
+    margin-bottom: 1em;
+}
+#media__content form#dw__upload p {
+    margin-bottom: .5em;
+}
+
+#media__content form#dw__upload label {
+}
+#media__content form#dw__upload label.check {
+}
+#media__content form#dw__upload input.check {
+}
+#media__content form#dw__upload input.edit {
+}
+#media__content form#dw__upload img {
+}
+
+/*____________ file list ____________*/
+
+#media__content img.load {
+    margin: 1em auto;
+}
+
+#media__content .odd,
+#media__content .even {
+    padding: .5em;
+}
+#media__content .odd {
+    background-color: __background_alt__;
+}
+#media__content .even {
+}
+/* highlight newly uploaded or edited file */
+#media__content #scroll__here {
+    border: 1px dashed __border__;
+}
+
+/* link which inserts media file */
+#media__content a.mediafile {
+    margin-right: 1.5em;
+    font-weight: bold;
+}
+#media__content span.info {
+}
+#media__content img.btn {
+    vertical-align: text-bottom;
+}
+
+/* info how to insert media, if JS disabled */
+#media__content div.example {
+    color: __text_neu__;
+    margin-left: 1em;
+}
+
+#media__content div.detail {
+    padding: .2em 0;
+}
+#media__content div.detail div.thumb {
+    float: left;
+    margin: 0 .5em 0 18px;
+}
+#media__content div.detail div.thumb a {
+    display: block;
+}
+#media__content div.detail p {
+    margin-bottom: 0;
+}
+
+
+/*____________ media search ____________*/
+
+form#dw__mediasearch {
+}
+form#dw__mediasearch p {
+}
+form#dw__mediasearch label {
+}
+form#dw__mediasearch label span {
+}
+form#dw__mediasearch input.edit {
+}
+form#dw__mediasearch input.button {
+}
+
+
+/* meta edit form
+********************************************************************/
+
+#media__content form.meta {
+}
+
+#media__content form.meta div.metafield {
+    clear: left;
+    margin-bottom: .5em;
+    overflow: hidden;
+}
+
+#media__content form.meta label {
+    display: block;
+    width: 25%;
+    float: left;
+    font-weight: bold;
+    clear: left;
+}
+#media__content form.meta .edit {
+    float: left;
+    width: 70%;
+    margin: 0;
+}
+#media__content form.meta textarea.edit {
+}
+
+#media__content form.meta div.buttons {
+    clear: left;
+    margin: .2em 0 0 25%;
+}
diff --git a/css/_modal.css b/css/_modal.css
new file mode 100644
index 000000000..89eb48dab
--- /dev/null
+++ b/css/_modal.css
@@ -0,0 +1,175 @@
+
+/* TODO */
+
+/**
+ * This file provides styles for modal dialogues.
+ */
+
+/* link wizard (opens from the link button in the edit toolbar)
+********************************************************************/
+
+#link__wiz {
+    position: absolute;
+    display: block;
+    z-index: 99;
+    width:   300px;
+    height:  250px;
+    padding: 0;
+    margin:  0;
+    overflow: hidden;
+    border: 1px solid __border__;
+    background-color: __background_neu__;
+    text-align: center;
+}
+
+#link__wiz_header {
+    background-color: __background_alt__;
+    height: 16px;
+    margin-bottom: 5px;
+}
+
+#link__wiz_close {
+    cursor: pointer;
+    margin: 0;
+}
+
+#link__wiz_result {
+    background-color: __background__;
+    width:  293px;
+    height: 193px;
+    overflow: auto;
+    border: 1px solid __border__;
+    margin: 3px auto;
+    text-align: left;
+}
+
+#link__wiz_result div.type_u {
+    padding: 3px 3px 3px 22px;
+    background: transparent url(../../images/up.png) 3px 3px no-repeat;
+}
+
+#link__wiz_result div.type_f {
+    padding: 3px 3px 3px 22px;
+    background: transparent url(../../images/page.png) 3px 3px no-repeat;
+}
+
+#link__wiz_result div.type_d {
+    padding: 3px 3px 3px 22px;
+    background: transparent url(../../images/ns.png) 3px 3px no-repeat;
+}
+
+#link__wiz_result div.even {
+    background-color: __background_neu__;
+}
+
+#link__wiz_result div.selected {
+    background-color: __background_alt__;
+}
+
+#link__wiz_result span {
+    display: block;
+    color: __text_neu__;
+}
+
+/*FIXME maybe move to a more general style sheet*/
+.ondrag {
+    cursor: move;
+    opacity: 0.8;
+}
+
+
+/* media option wizard (opens when inserting media in the media popup)
+********************************************************************/
+
+/* --- popup --- */
+
+#media__popup {
+    background-color:__background__;
+    display:none;
+    border: 1px solid __border__;
+    position: absolute;
+    width:270px;
+}
+
+#media__popup h1 {
+    text-align:center;
+    font-weight:normal;
+    background-color: __background_alt__;
+    height: 16px;
+    margin-bottom: 5px;
+    font-size:12px;
+    border-bottom: 0;
+}
+
+#media__popup p {
+    display:block;
+    line-height:14pt;
+    margin:0.5em;
+}
+
+#media_nolink {
+    padding:4px 0;
+}
+
+#media__popup label {
+    float:left;
+    width:9em;
+}
+
+#media__popup .button {
+    margin-left:auto;
+    margin-right:auto;
+}
+
+#media__popup .btnlbl {
+    text-align:center;
+}
+
+#media__popup .btnlbl input {
+    margin:0 1em;
+}
+
+#media__closeimg {
+    float:right;
+}
+
+/* --- display options --- */
+
+#media__linkopts label,
+#media__nolnk {
+    width: 80px;
+    float: left;
+    margin-left: 10px;
+}
+
+#media__linkopts label{
+    line-height: 20px;
+}
+
+#media__nolnk,
+#media__linkopts label.long{
+    margin-bottom: 8px;
+    line-height: 12px;
+}
+
+#media__linkopts label.long{
+    width: 150px;
+    float: none;
+}
+
+#media__linkopts br {
+    clear: both;
+}
+
+#media__linkopts select {
+    width: 60px;
+    margin-left: 10px;
+}
+
+#media__linkopts input.edit {
+    width:50px;
+    margin-left:10px;
+}
+#media__linkopts #media__title {
+    width:150px;
+}
diff --git a/css/_recent.css b/css/_recent.css
new file mode 100644
index 000000000..75d3a2da8
--- /dev/null
+++ b/css/_recent.css
@@ -0,0 +1,61 @@
+/**
+ * This file provides styles for the recent changes (?do=recent) and
+ * old revisions (?do=revisions).
+ */
+
+/*____________ list of revisions / recent changes ____________*/
+
+.dokuwiki #dw__recent ul li,
+.dokuwiki #page__revisions ul li {
+    list-style: none;
+    margin-left: 0;
+}
+.dokuwiki #dw__recent ul li *,
+.dokuwiki #page__revisions ul li * {
+    vertical-align: middle;
+}
+.dokuwiki #dw__recent ul li.minor,
+.dokuwiki #page__revisions ul li.minor {
+    color: __text_alt__;
+    background-color: inherit;
+}
+
+.dokuwiki #dw__recent li span.date,
+.dokuwiki #page__revisions li span.date {
+}
+.dokuwiki #dw__recent li a.diff_link,
+.dokuwiki #page__revisions li a.diff_link {
+    vertical-align: baseline;
+}
+.dokuwiki #dw__recent li a.revisions_link,
+.dokuwiki #page__revisions li a.revisions_link {
+    vertical-align: baseline;
+}
+.dokuwiki #dw__recent li a.wikilink1,
+.dokuwiki #dw__recent li a.wikilink2,
+.dokuwiki #page__revisions li a.wikilink1,
+.dokuwiki #page__revisions li a.wikilink2 {
+}
+.dokuwiki #dw__recent li span.sum,
+.dokuwiki #page__revisions li span.sum {
+    font-weight: bold;
+}
+.dokuwiki #dw__recent li span.user,
+.dokuwiki #page__revisions li span.user {
+}
+
+
+/*____________ page navigator ____________*/
+
+.dokuwiki div.pagenav {
+    text-align: center;
+    margin: 1.4em 0;
+}
+.dokuwiki div.pagenav-prev {
+    display: inline;
+    margin-right: .5em;
+}
+.dokuwiki div.pagenav-next {
+    display: inline;
+    margin-left: .5em;
+}
diff --git a/css/_search.css b/css/_search.css
new file mode 100644
index 000000000..70824fc43
--- /dev/null
+++ b/css/_search.css
@@ -0,0 +1,93 @@
+/**
+ * This file provides styles for the search results page (?do=search)
+ * and the AJAX search popup.
+ */
+
+/* search results page
+********************************************************************/
+
+/* loading gif */
+.dokuwiki #dw__loading {
+}
+
+/*____________ matching pagenames ____________*/
+
+.dokuwiki div.search_quickresult {
+    margin-bottom: 1.4em;
+}
+.dokuwiki div.search_quickresult h3 {
+}
+.dokuwiki div.search_quickresult ul {
+    padding: 0;
+}
+.dokuwiki div.search_quickresult ul li {
+    float: left;
+    width: 12em;
+    margin: 0 1.5em;
+}
+
+/*____________ search results ____________*/
+
+/* container for one search result */
+.dokuwiki div.search_result {
+    margin-bottom: 1.4em;
+}
+/* search snippet */
+.dokuwiki div.search_result div.search_snippet {
+    color: __text_alt__;
+    background-color: inherit;
+}
+
+/* search hit in normal text */
+.dokuwiki .search_hit {
+    color: __text__;
+    background-color: __highlight__;
+}
+/* search hit in search results */
+.dokuwiki div.search_result strong.search_hit {
+    font-weight: normal;
+}
+/* ellipsis separating snippets */
+.dokuwiki div.search_result .search_sep {
+    color: __text__;
+    background-color: inherit;
+}
+
+/* "nothing found" at search + media */
+.dokuwiki div.nothing {
+    margin-bottom: 1.4em;
+}
+
+
+/* AJAX quicksearch popup
+********************************************************************/
+
+.dokuwiki form.search div.no {
+    position: relative;
+}
+
+/* .JSpopup */
+.dokuwiki form.search div.ajax_qsearch {
+    position: absolute;
+    top: 0;
+    left: -13.5em; /* -( width of #qsearch__in + padding of .ajax_qsearch + a bit more ) */
+    width: 12em;
+    padding: 0.5em;
+    font-size: .9em;
+    z-index: 20;
+    text-align: left;
+    display: none;
+}
+.dokuwiki form.search div.ajax_qsearch strong {
+    display: block;
+    margin-bottom: .3em;
+}
+.dokuwiki form.search div.ajax_qsearch ul {
+    margin: 0 !important;
+    padding: 0 !important;
+}
+.dokuwiki form.search div.ajax_qsearch ul li {
+    margin: 0;
+    padding: 0;
+    display: block !important;
+}
diff --git a/css/_toc.css b/css/_toc.css
new file mode 100644
index 000000000..5595c521b
--- /dev/null
+++ b/css/_toc.css
@@ -0,0 +1,91 @@
+/**
+ * This file provides styles for the TOC (table of contents), the
+ * sitemap (?do=index) and backlinks (?do=backlink).
+ */
+
+/* toc
+********************************************************************/
+
+/* toc container */
+.dokuwiki div.toc {
+    float: right;
+    margin: 0 0 1.4em 1.4em;
+    width: 12em;
+}
+
+/*____________ toc header ____________*/
+
+.dokuwiki div.tocheader {
+    padding: 0.2em 0.4em;
+    margin-bottom: .2em;
+    font-weight: bold;
+    background-color: __background_alt__;
+    color: __text__;
+}
+
+/* css arrow */
+.dokuwiki .toc span.toc_open,
+.dokuwiki .toc span.toc_close {
+    border: .4em solid __background_alt__;
+    float: right;
+    display: block;
+    margin: 0 .2em 0 0;
+}
+.dokuwiki .toc span.toc_open span,
+.dokuwiki .toc span.toc_close span {
+    display: none;
+}
+.dokuwiki .toc span.toc_open {
+    margin-top: .4em;
+    border-top: .4em solid __text__;
+}
+.dokuwiki .toc span.toc_close {
+    margin-top: 0;
+    border-bottom: .4em solid __text__;
+}
+
+/*____________ toc list ____________*/
+
+.dokuwiki #toc__inside {
+    padding: .2em .4em;
+    background-color: __background_alt__;
+    color: __text__;
+}
+.dokuwiki #toc__inside ul {
+    padding: 0;
+    margin: 0;
+}
+.dokuwiki #toc__inside ul li {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+.dokuwiki #toc__inside ul ul {
+    padding-left: 1em;
+}
+.dokuwiki #toc__inside ul ul li {
+}
+.dokuwiki #toc__inside ul li a {
+}
+
+/* in case of toc list jumping one level
+  (e.g. if heading level 3 follows directly after heading level 1) */
+.dokuwiki #toc__inside ul li.clear {
+}
+
+
+/* sitemap (and backlinkss)
+********************************************************************/
+
+.dokuwiki ul.idx {
+    padding-left: 0;
+}
+.dokuwiki ul.idx li {
+    list-style-image: url(images/bullet.png);
+}
+.dokuwiki ul.idx li.open {
+    list-style-image: url(images/open.png);
+}
+.dokuwiki ul.idx li.closed {
+    list-style-image: url(images/closed.png);
+}
diff --git a/css/basic.css b/css/basic.css
new file mode 100644
index 000000000..b9045dcbc
--- /dev/null
+++ b/css/basic.css
@@ -0,0 +1,263 @@
+/**
+ * This file provides the most basic styles.
+ *
+ * If you integrate DokuWiki into another project, you might either
+ * want to integrate this file into the other project as well, or use
+ * the other project's basic CSS for DokuWiki instead of this one.
+ *
+ * @author Anika Henke <anika@selfthinker.org>
+ */
+
+html {
+    overflow-x: auto;
+    overflow-y: scroll;
+}
+html, body {
+    background-color: __background__;
+    color: __text__;
+    margin: 0;
+    padding: 0;
+}
+body {
+    font: normal 100%/1.4 Frutiger, "Frutiger Linotype", Univers, Calibri, Myriad, "Liberation Sans", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
+    /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */
+    text-align: left;
+}
+
+
+/*____________ headers ____________*/
+
+h1, h2, h3, h4, h5, h6,
+caption, legend {
+    font-family: Constantia, Utopia, Lucidabright, Lucida, Georgia, serif;
+    font-weight: bold;
+    color: __text_neu__;
+    background-color: inherit;
+    padding: 0;
+    clear: left; /* ideally 'both', but problems with toc */
+}
+
+h1 { font-size: 2.25em;  margin: 0 0 0.444em; }
+h2 { font-size: 1.5em;   margin: 0 0 0.666em; }
+h3 { font-size: 1.125em; margin: 0 0 0.888em; }
+h4 { font-size: 1em;     margin: 0 0 1.0em; }
+h5 { font-size: .875em;  margin: 0 0 1.1428em; }
+h6 { font-size: .75em;   margin: 0 0 1.333em; }
+/* bottom margin = 1 / font-size */
+
+
+/*____________ basic margins and paddings ____________*/
+
+p, ul, ol, dl, pre, table,
+hr, blockquote, fieldset, address {
+    margin: 0 0 1.4em 0; /* bottom margin = line-height */
+    padding: 0;
+}
+
+div {
+    margin: 0;
+    padding: 0;
+}
+
+p, dt, dd, td, th, li {
+}
+
+
+/*____________ lists ____________*/
+
+ul, ol {
+    padding: 0 0 0 1.5em;
+}
+li, dd {
+    padding: 0;
+    margin: 0 0 0 1.5em;
+}
+dt {
+    font-weight: bold;
+    margin: 0;
+    padding: 0;
+}
+
+li ul, li ol, li dl,
+dl ul, dl ol, dl dl {
+    margin-bottom: 0;
+    padding: 0;
+}
+li li {
+    font-size: 100%;
+}
+
+ul             { list-style: disc outside; }
+ol             { list-style: decimal outside; }
+ol ol          { list-style-type: lower-alpha; }
+ol ol ol       { list-style-type: upper-roman; }
+ol ol ol ol    { list-style-type: upper-alpha; }
+ol ol ol ol ol { list-style-type: lower-roman; }
+
+
+/*____________ tables ____________*/
+
+table {
+    border-collapse: collapse;
+    empty-cells: show;
+    border-spacing: 0;
+    border: 1px solid __border__;
+}
+
+caption {
+    caption-side: top;
+    text-align: left;
+    margin: 0 0 .3em;
+}
+
+th, td {
+    padding: .3em .5em;
+    margin: 0;
+    vertical-align: top;
+    border: 1px solid __border__;
+    text-align: left;
+}
+th {
+    font-weight: bold;
+    background-color: __background_alt__;
+}
+
+
+/*____________ links ____________*/
+
+a {
+}
+a:link, a:visited {
+    text-decoration: none;
+    color: #00c; /* §colour */
+}
+a:link:hover, a:visited:hover,
+a:link:focus, a:visited:focus,
+a:link:active, a:visited:active {
+    text-decoration: underline;
+}
+a:link:focus, a:visited:focus {
+    outline: 1px dotted;
+}
+a:link:active, a:visited:active {
+    color: #c00; /* §colour */
+}
+
+
+/*____________ misc ____________*/
+
+img {
+    border-width: 0;
+    vertical-align: middle;
+    color: #666;
+    background-color: transparent;
+    font-style: italic;
+}
+
+hr {
+    border-style: solid;
+    border-width: 1px 0 0;
+    text-align: center;
+    height: 0;
+    width: 100%;
+    clear: both;
+}
+
+acronym, abbr {
+    cursor: help;
+    border-bottom: 1px dotted;
+    font-style: normal;
+}
+
+pre, code, samp, kbd {
+    font: normal 1em Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Liberation Mono", Monaco, "Courier New", monospace;
+    /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */
+    direction: ltr;
+    text-align: left;
+}
+pre {
+    overflow: auto;
+}
+
+blockquote {
+    padding: 0 1.25em;
+    border: solid __border__;
+    border-width: 0 0 0 .25em;
+}
+q:before, q:after {
+    content: '';
+}
+
+sub, sup {
+    font-size: .8em;
+    line-height: 1;
+}
+sub {
+    vertical-align: sub;
+}
+sup {
+    vertical-align: super;
+}
+
+/*____________ forms ____________*/
+
+form {
+    display: inline;
+    margin: 0;
+    padding: 0;
+}
+fieldset {
+    padding: 1em 1em 0;
+    border: 1px solid __text_alt__;
+}
+legend {
+    margin: 0;
+    padding: 0 .1em;
+}
+label {
+    vertical-align: middle;
+    cursor: pointer;
+}
+input, textarea, button,
+select, optgroup, option {
+    font: inherit;
+    color: inherit;
+    /* background-color destroys button look */
+    line-height: 1;
+    margin: 0;
+    vertical-align: middle;
+}
+input[type=text], input[type=password], textarea {
+    padding: .1em;
+}
+input[type=radio], input[type=checkbox], input.check {
+    padding: 0;
+}
+input[type=submit], input.button, button {
+    cursor: pointer;
+}
+input[disabled], button[disabled],
+input[readonly], button[readonly] {
+    cursor: auto;
+}
+optgroup { font-style: italic; font-weight: bold; }
+option   { font-style: normal; font-weight: normal; }
+
+
+/*____________ general classes ____________*/
+
+div.clearer {
+    /* additional to what's already in lib/styles/style.css: */
+    font-size: 1px;
+    visibility: hidden;
+}
+
+.a11y {
+    position: absolute;
+    left: -9000px;
+    top: -4000px;
+    width: 0;
+    height: 0;
+    overflow: hidden;
+    display: inline;
+}
diff --git a/css/design.css b/css/design.css
new file mode 100644
index 000000000..d6e68baa2
--- /dev/null
+++ b/css/design.css
@@ -0,0 +1,260 @@
+/**
+ * This file provides the main design styles.
+ *
+ * @author Anika Henke <anika@selfthinker.org>
+ * @author Andreas Gohr <andi@splitbrain.org>
+ */
+
+
+/* header
+********************************************************************/
+
+#dokuwiki__header {
+    margin: 1em 0 1.4em;
+}
+#dokuwiki__header .headings {
+    margin-bottom: .7em;
+}
+#dokuwiki__header h1 {
+    margin-bottom: .2em;
+    font-size: 1.5em;
+}
+#dokuwiki__header h1 a {
+    text-decoration: none;
+    color: #00c;
+    background-color: inherit;
+}
+#dokuwiki__header p.claim {
+    margin-bottom: 0;
+}
+#dokuwiki__header h2 {
+    margin-bottom: 0;
+    font-size: 1.125em;
+}
+
+#dokuwiki__header .tools {
+    margin-bottom: .7em;
+}
+#dokuwiki__header .tools #dokuwiki__usertools {
+    position: absolute;
+    top: 0;
+    right: 0;
+    border-bottom: 1px solid __border__;
+    background-color: __background_alt__;
+    width: 100%;
+}
+#dokuwiki__header .tools #dokuwiki__usertools ul {
+    /* imitate #dokuwiki__site */
+    margin: 0 auto;
+    max-width: 64em;
+    padding: 0 1em;
+}
+#dokuwiki__header .tools ul {
+    margin-bottom: 0;
+}
+#dokuwiki__header .tools ul li {
+    display: inline;
+}
+#dokuwiki__header form.search {
+    margin: .5em 0 .2em;
+    display: block;
+}
+form.search #qsearch__in {
+    width: 12em;
+    margin-right: .5em;
+}
+
+#dokuwiki__header div.breadcrumbs {
+}
+div.breadcrumbs a {
+    color: __existing__;
+    background-color: inherit;
+}
+
+
+/* nav
+********************************************************************/
+
+#dokuwiki__aside h1 { }
+#dokuwiki__aside h2 { }
+#dokuwiki__aside h3 { }
+#dokuwiki__aside h4 { }
+#dokuwiki__aside h5 { }
+
+#dokuwiki__aside ul,
+#dokuwiki__aside ol {
+    padding-left: 0;
+}
+
+
+/* page tools
+********************************************************************/
+
+#dokuwiki__pagetools {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    border-top: 1px solid __border__;
+    background-color: __background_alt__;
+    width: 100%;
+}
+#dokuwiki__pagetools ul {
+    /* imitate #dokuwiki__site */
+    margin: 0 auto;
+    max-width: 64em;
+    padding: 0 1em;
+}
+#dokuwiki__pagetools li {
+    display: inline;
+    margin: 0 1.5em 0 0;
+}
+
+/* content
+********************************************************************/
+
+    /*
+.dokuwiki .page {
+    -webkit-border-image: 1em -webkit-gradient(linear, left top, right top, from(#cccccc), to(#ffffff));
+    padding: 1em;
+    background: -moz-linear-gradient(100% 100% 180deg, #cccccc, #ffffff 1em);
+    background: -webkit-gradient(linear, left top, right top, from(#cccccc), to(#ffffff));
+}
+    */
+
+/*____________ section indenting ____________
+
+.dokuwiki h1 {margin-left: 0;}
+.dokuwiki h2 {margin-left: 20px;}
+.dokuwiki h3 {margin-left: 40px;}
+.dokuwiki h4 {margin-left: 60px;}
+.dokuwiki h5 {margin-left: 80px;}
+.dokuwiki div.level1 {margin-left: 0;}
+.dokuwiki div.level2 {margin-left: 20px;}
+.dokuwiki div.level3 {margin-left: 40px;}
+.dokuwiki div.level4 {margin-left: 60px;}
+.dokuwiki div.level5 {margin-left: 80px;}
+*/
+
+
+/*____________ images ____________*/
+
+/* embedded images (styles are already partly set in lib/styles/style.css) */
+.dokuwiki img.media       { }
+.dokuwiki img.medialeft   { margin: .5em 1.5em .5em 0; }
+.dokuwiki img.mediaright  { margin: .5em 0 .5em 1.5em; }
+.dokuwiki img.mediacenter { margin: .5em auto; }
+
+
+/*____________ tables ____________*/
+
+.dokuwiki table.inline {
+    min-width: 50%;
+}
+.dokuwiki table.inline th,
+.dokuwiki table.inline td {
+    border: 1px solid __text_alt__;
+}
+.dokuwiki table.inline th {
+    color: inherit;
+    background-color: __background_neu__;
+}
+.dokuwiki table.inline td {
+}
+.dokuwiki table.inline tr:hover td {
+    background-color: __background_alt__;
+}
+.dokuwiki table.inline tr:hover th {
+    background-color: __border__;
+}
+
+
+/*____________ code ____________*/
+
+.dokuwiki pre,
+.dokuwiki tt,
+.dokuwiki code,
+.dokuwiki samp,
+.dokuwiki kbd {
+    background-color: __background_alt__;
+    color: inherit;
+}
+.dokuwiki pre {
+    border: 1px solid __border__;
+}
+/* for code in <file> */
+.dokuwiki pre.file {
+}
+
+/* filenames for downloadable file and code blocks */
+.dokuwiki dl.code,
+.dokuwiki dl.file {
+}
+
+.dokuwiki dl.code dt,
+.dokuwiki dl.file dt {
+    background-color: __background_alt__;
+    border: solid __border__;
+    border-width: 1px 1px 0;
+    color: inherit;
+    display: inline;
+    padding: 0 .5em;
+    margin-left: 1em;
+}
+.dokuwiki dl.code dt a,
+.dokuwiki dl.file dt a {
+}
+
+.dokuwiki dl.code dd,
+.dokuwiki dl.file dd {
+    margin: 0;
+}
+
+
+/*____________ misc ____________*/
+
+/* license note in footer and under edit window */
+.dokuwiki div.license {
+    font-size: 90%;
+}
+
+/* any link to current page */
+.dokuwiki span.curid a {
+    color: __text_neu__;
+}
+
+
+/*____________ JS popup ____________*/
+
+.JSpopup {
+    background-color: __background__;
+    color: __text__;
+    border: 1px solid __border__;
+    line-height: 1.2;
+}
+
+.JSpopup ul,
+.JSpopup ol {
+    padding-left: 0;
+}
+
+
+/* footer
+********************************************************************/
+
+.dokuwiki .wrapper {
+    margin-bottom: 2.8em;
+}
+
+#dokuwiki__footer {
+    margin-bottom: 1em;
+}
+#dokuwiki__footer .doc {
+    float: left;
+}
+#dokuwiki__footer .top {
+    float: right;
+}
+#dokuwiki__footer .license {
+    clear: both;
+}
+
diff --git a/css/includes.css b/css/includes.css
new file mode 100644
index 000000000..bc189962f
--- /dev/null
+++ b/css/includes.css
@@ -0,0 +1,4 @@
+/**
+ * This file provides styles for included seperate html files
+ * (added through "include hooks").
+ */
diff --git a/css/print.css b/css/print.css
new file mode 100644
index 000000000..8b1378917
--- /dev/null
+++ b/css/print.css
@@ -0,0 +1 @@
+
diff --git a/css/rtl.css b/css/rtl.css
new file mode 100644
index 000000000..d0f67dc5a
--- /dev/null
+++ b/css/rtl.css
@@ -0,0 +1,146 @@
+/* TODO */
+
+/**
+ * This file provides layout and design corrections for right-to-left
+ * languages.
+ *
+ * @author Andreas Gohr <andi@splitbrain.org>
+ * @author Dotan Kamber <kamberd@yahoo.com>
+ */
+
+/*..... new code ........................................................................*/
+
+body,
+caption,
+td,
+th {
+    text-align: right;
+}
+
+ul, ol {
+    padding: 0 1.5em 0 0;
+}
+
+li, dd {
+    margin: 0 1.5em 0 0;
+}
+
+blockquote {
+    border-width: 0 .25em 0 0;
+}
+
+
+/*..... @todo: old code ........................................................................*/
+
+.bar-left {
+  float: right;
+  text-align: right;
+}
+
+.bar-right {
+  float: left;
+  text-align: left;
+}
+
+.pagename {
+  float: right;
+  text-align: right;
+}
+
+.logo {
+  float: left;
+  text-align: left;
+}
+
+label {
+  text-align: left;
+}
+
+label.simple {
+  text-align: right;
+}
+
+div.meta div.user {
+  float: right
+}
+
+div.meta div.doc {
+  text-align: left;
+}
+
+/* ------------------  Design corrections  --------------------------------- */
+
+div.dokuwiki ul,
+div.dokuwiki ol {
+  margin: 0.5em 1.5em 0.5em 0;
+}
+
+div.dokuwiki a.urlextern,
+div.dokuwiki a.interwiki,
+div.dokuwiki a.windows,
+div.dokuwiki a.mail,
+div.dokuwiki a.mail.JSnocheck {
+  /* should work but doesn't - so we just disable icons here*/
+  /*
+  background-position: right 1px;
+  padding-right: 16px;
+  */
+  background-image: none !important;
+  padding: 0px 0px 0px 0px;
+}
+
+div.dokuwiki div.secedit input.button {
+  float: left;
+}
+
+/* headlines */
+div.dokuwiki h1, div.dokuwiki h2, div.dokuwiki h3, div.dokuwiki h4, div.dokuwiki h5 {
+  clear: right;
+}
+
+/* special headlines */
+div.dokuwiki h1 {margin-left: 0px; margin-right: 0px;}
+div.dokuwiki h2 {margin-left: 0px; margin-right: 20px;}
+div.dokuwiki h3 {margin-left: 0px; margin-right: 40px;}
+div.dokuwiki h4 {margin-left: 0px; margin-right: 60px;}
+div.dokuwiki h5 {margin-left: 0px; margin-right: 80px;}
+
+/* indent different sections */
+div.dokuwiki div.level1 {margin-left: 0px; margin-right: 3px;}
+div.dokuwiki div.level2 {margin-left: 0px; margin-right: 23px;}
+div.dokuwiki div.level3 {margin-left: 0px; margin-right: 43px;}
+div.dokuwiki div.level4 {margin-left: 0px; margin-right: 63px;}
+div.dokuwiki div.level5 {margin-left: 0px; margin-right: 83px;}
+
+/* TOC control */
+div.dokuwiki div.toc {
+  float: left;
+}
+
+div.dokuwiki div.tocheader {
+  text-align: right;
+}
+
+div.dokuwiki #toc__inside {
+  text-align: right;
+}
+
+div.dokuwiki ul.toc {
+  padding: 0;
+  padding-right: 1em;
+}
+
+div.dokuwiki ul.toc li {
+  background-position: right 0.6em;
+  padding-right:0.4em;
+  direction: rtl;
+}
+
+div.dokuwiki ul.toc li.clear {
+  padding-right:0.4em;
+}
+
+div.dokuwiki pre {
+  text-align: left;
+}
+
diff --git a/css/structure.css b/css/structure.css
new file mode 100644
index 000000000..41e446e12
--- /dev/null
+++ b/css/structure.css
@@ -0,0 +1,64 @@
+/**
+ * This file provides styles for the general layout structure.
+ *
+ * @author Anika Henke <anika@selfthinker.org>
+ */
+
+body {
+    margin: 0 auto;
+}
+#dokuwiki__site {
+    margin: 0 auto;
+    max-width: 64em;
+    padding: 1.4em 1em;
+}
+#dokuwiki__site .site {
+}
+
+#dokuwiki__header {
+}
+#dokuwiki__header .pad {
+}
+    #dokuwiki__header .headings {
+        float: left;
+    }
+    #dokuwiki__header .tools {
+        float: right;
+        text-align: right;
+    }
+
+#dokuwiki__site .wrapper {
+    position: relative;
+    zoom: 1; /* @todo: IE */
+}
+
+    /* show sidebar only in show mode */
+    #dokuwiki__aside {
+        display: none;
+    }
+    .mode_show #dokuwiki__aside {
+        width: 16em;
+        float: left;
+        position: relative;
+        display: block;
+        zoom: 1; /* @todo: IE */
+    }
+    #dokuwiki__aside .pad {
+        margin: 0 1.5em 0 0;
+    }
+
+    /* make content wider when there's no sidebar */
+    .mode_show #dokuwiki__content {
+        float: right;
+        margin-left: -16em; /* left negative margin: width of sidebar (#dokuwiki__aside) */
+        width: 100%;
+    }
+    .mode_show #dokuwiki__content .pad {
+        margin-left: 16em; /* left positive margin: width of sidebar (#dokuwiki__aside) */
+    }
+
+#dokuwiki__footer {
+    clear: both;
+}
+#dokuwiki__footer .pad {
+}
diff --git a/detail.php b/detail.php
new file mode 100644
index 000000000..4dc870c5d
--- /dev/null
+++ b/detail.php
@@ -0,0 +1,87 @@
+<?php
+/**
+ * DokuWiki Image Detail Template
+ *
+ * This is the template for displaying image details
+ *
+ * You should leave the doctype at the very top - It should
+ * always be the very first line of a document.
+ *
+ * @link   http://dokuwiki.org/templates
+ * @author Andreas Gohr <andi@splitbrain.org>
+ * @author Anika Henke <anika@selfthinker.org>
+ */
+
+// must be run from within DokuWiki
+if (!defined('DOKU_INC')) die();
+
+?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $conf['lang']?>"
+ lang="<?php echo $conf['lang']?>" dir="<?php echo $lang['direction'] ?>">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <title>
+        <?php echo hsc(tpl_img_getTag('IPTC.Headline',$IMG))?>
+        [<?php echo strip_tags($conf['title'])?>]
+    </title>
+    <?php tpl_metaheaders()?>
+    <link rel="shortcut icon" href="<?php echo ml('favicon.ico') ?>" />
+</head>
+
+<body>
+    <!--[if IE 6 ]><div id="IE6"><![endif]--><!--[if IE 7 ]><div id="IE7"><![endif]--><!--[if IE 8 ]><div id="IE8"><![endif]-->
+    <div id="dokuwiki__detail" class="dokuwiki">
+        <?php html_msgarea() ?>
+
+        <?php if($ERROR){ print $ERROR; }else{ ?>
+
+            <h1><?php echo hsc(tpl_img_getTag('IPTC.Headline',$IMG))?></h1>
+
+            <div class="content">
+                <?php tpl_img(900,700) ?>
+
+                <div class="img_detail">
+                    <h2><?php print nl2br(hsc(tpl_img_getTag('simple.title'))); ?></h2>
+
+                    <dl>
+                        <?php
+                            $t = tpl_img_getTag('Date.EarliestTime');
+                            if($t) print '<dt>'.$lang['img_date'].':</dt><dd>'.dformat($t).'</dd>';
+
+                            $t = tpl_img_getTag('File.Name');
+                            if($t) print '<dt>'.$lang['img_fname'].':</dt><dd>'.hsc($t).'</dd>';
+
+                            $t = tpl_img_getTag(array('Iptc.Byline','Exif.TIFFArtist','Exif.Artist','Iptc.Credit'));
+                            if($t) print '<dt>'.$lang['img_artist'].':</dt><dd>'.hsc($t).'</dd>';
+
+                            $t = tpl_img_getTag(array('Iptc.CopyrightNotice','Exif.TIFFCopyright','Exif.Copyright'));
+                            if($t) print '<dt>'.$lang['img_copyr'].':</dt><dd>'.hsc($t).'</dd>';
+
+                            $t = tpl_img_getTag('File.Format');
+                            if($t) print '<dt>'.$lang['img_format'].':</dt><dd>'.hsc($t).'</dd>';
+
+                            $t = tpl_img_getTag('File.NiceSize');
+                            if($t) print '<dt>'.$lang['img_fsize'].':</dt><dd>'.hsc($t).'</dd>';
+
+                            $t = tpl_img_getTag('Simple.Camera');
+                            if($t) print '<dt>'.$lang['img_camera'].':</dt><dd>'.hsc($t).'</dd>';
+
+                            $t = tpl_img_getTag(array('IPTC.Keywords','IPTC.Category','xmp.dc:subject'));
+                            if($t) print '<dt>'.$lang['img_keywords'].':</dt><dd>'.hsc($t).'</dd>';
+
+                        ?>
+                    </dl>
+                    <?php //Comment in for Debug// dbg(tpl_img_getTag('Simple.Raw'));?>
+                </div>
+                <div class="clearer"></div>
+            </div><!-- /.content -->
+
+            <p class="back">&larr; <?php echo $lang['img_backto']?> <?php tpl_pagelink($ID)?></p>
+
+        <?php } ?>
+    </div>
+    <!--[if ( IE 6 | IE 7 | IE 8 ) ]></div><![endif]-->
+</body>
+</html>
+
diff --git a/images/bullet.png b/images/bullet.png
new file mode 100644
index 000000000..da87696c7
--- /dev/null
+++ b/images/bullet.png
diff --git a/images/closed.png b/images/closed.png
new file mode 100644
index 000000000..3691ebc17
--- /dev/null
+++ b/images/closed.png
diff --git a/images/link_icon.gif b/images/link_icon.gif
new file mode 100644
index 000000000..815ccb1b1
--- /dev/null
+++ b/images/link_icon.gif
diff --git a/images/mail_icon.gif b/images/mail_icon.gif
new file mode 100644
index 000000000..50a87a9a0
--- /dev/null
+++ b/images/mail_icon.gif
diff --git a/images/open.png b/images/open.png
new file mode 100644
index 000000000..eafb64ed3
--- /dev/null
+++ b/images/open.png
diff --git a/images/windows.gif b/images/windows.gif
new file mode 100644
index 000000000..4f12acce1
--- /dev/null
+++ b/images/windows.gif
diff --git a/lang/en/lang.php b/lang/en/lang.php
new file mode 100644
index 000000000..1b04113c8
--- /dev/null
+++ b/lang/en/lang.php
@@ -0,0 +1,7 @@
+<?php
+/**
+ * English language file for template
+ *
+ */
+
+$lang['btn_discussion'] = "Discussion";
diff --git a/lang/en/settings.php b/lang/en/settings.php
new file mode 100644
index 000000000..78fbbb280
--- /dev/null
+++ b/lang/en/settings.php
@@ -0,0 +1,10 @@
+<?php
+/**
+ * English language file for config
+ *
+ */
+
+$lang['foo']          = 'Tagline';
+$lang['discussionNS'] = 'Discussion namespace (leave empty to disable discussions)';
+$lang['sidebarID']    = 'page name of page included in sidebar';
+$lang['hideTools']    = 'Hide tools when not logged in?';
diff --git a/main.php b/main.php
new file mode 100644
index 000000000..338907a19
--- /dev/null
+++ b/main.php
@@ -0,0 +1,169 @@
+<?php
+/**
+ * DokuWiki Starter Template
+ *
+ * @link   http://dokuwiki.org/template:starter
+ * @author Anika Henke <anika@selfthinker.org>
+ */
+
+if (!defined('DOKU_INC')) die(); /* must be run from within DokuWiki */
+@require_once(dirname(__FILE__).'/tpl_functions.php'); /* include hook for template functions */
+
+$showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER['REMOTE_USER'] );
+?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $conf['lang'] ?>"
+  lang="<?php echo $conf['lang'] ?>" dir="<?php echo $lang['direction'] ?>">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <title><?php tpl_pagetitle() ?> [<?php echo strip_tags($conf['title']) ?>]</title>
+    <?php tpl_metaheaders() ?>
+    <link rel="shortcut icon" href="<?php echo ml('favicon.ico') ?>" />
+    <?php @include(dirname(__FILE__).'/meta.html') /* include hook */ ?>
+</head>
+
+<body>
+    <?php /* with these Conditional Comments you can better address IE issues in CSS files,
+             precede CSS rules by #IE6 for IE6, #IE7 for IE7 and #IE8 for IE8 (div closes at the bottom) */ ?>
+    <!--[if IE 6 ]><div id="IE6"><![endif]--><!--[if IE 7 ]><div id="IE7"><![endif]--><!--[if IE 8 ]><div id="IE8"><![endif]-->
+    <?php @include(dirname(__FILE__).'/topheader.html') /* include hook */ ?>
+
+    <?php /* classes mode_<action> are added to make it possible to e.g. style a page differently if it's in edit mode,
+         see http://www.dokuwiki.org/devel:action_modes for a list of action modes */ ?>
+    <?php /* .dokuwiki should always be in one of the surrounding elements (e.g. plugins and templates depend on it) */ ?>
+    <div id="dokuwiki__site"><div class="dokuwiki site mode_<?php echo $ACT ?>">
+        <?php html_msgarea() /* occasional error and info messages on top of the page */ ?>
+
+        <!-- ********** HEADER ********** -->
+        <div id="dokuwiki__header"><div class="pad">
+
+            <div class="headings">
+                <h1><?php tpl_link(wl(),$conf['title'],'id="dokuwiki__top" accesskey="h" title="[H]"') ?></h1>
+                <?php /* how to insert logo instead (if no CSS image replacement technique is used):
+                        upload your logo into the data/media folder (root of the media manager) and replace 'logo.png' accordingly:
+                        tpl_link(wl(),'<img src="'.ml('logo.png').'" alt="'.$conf['title'].'" />','id="dokuwiki__top" accesskey="h" title="[H]"') */ ?>
+                <?php if (tpl_getConf('tagline')): ?>
+                    <p class="claim"><?php echo tpl_getConf('tagline') ?></p>
+                <?php endif ?>
+                <!--<h2><?php if (!$conf['useheading']) echo '[[' ?><?php tpl_pagetitle($ID) ?><?php if (!$conf['useheading']) echo ']]' ?></h2>-->
+
+                <?php /* TODO: skip links */ ?>
+                <ul class="a11y">
+                    <li><a href="#">skip to nav</a></li>
+                    <li><a href="#">skip to controls</a></li>
+                    <li><a href="#">skip to content</a></li>
+                </ul>
+                <div class="clearer"></div>
+            </div>
+
+            <div class="tools">
+                <!-- AUTH ACTIONS -->
+                <?php if ($conf['useacl'] && $showTools): ?>
+                    <div id="dokuwiki__usertools">
+                        <h3 class="a11y">User Tools</h3> <?php /*TODO: localize*/ ?>
+                        <ul>
+                            <?php /* the optional second parameter of tpl_action() switches between a link and a button,
+                                     e.g. a button inside a <li> would be: tpl_action('edit',0,'li') */
+                                 tpl_action('admin', 1, 'li');
+                                 tpl_action('profile', 1, 'li', 0, '', '', $INFO['userinfo']['name'].' ('.$_SERVER['REMOTE_USER'].')');
+                                     // this partly replaces tpl_userinfo()
+                                 tpl_action('login', 1, 'li');
+                            ?>
+                        </ul>
+                        <!-- <div class="user"><?php tpl_userinfo() /* 'Logged in as ...' */ ?></div> -->
+                    </div>
+                <?php endif ?>
+
+                <!-- SITE ACTIONS -->
+                <div id="dokuwiki__sitetools">
+                    <h3 class="a11y">Site Tools</h3> <?php /*TODO: localize*/ ?>
+                    <?php tpl_searchform(); ?>
+                    <ul>
+                        <?php
+                             tpl_action('recent', 1, 'li');
+                             tpl_action('index', 1, 'li');
+                        ?>
+                    </ul>
+                </div>
+
+            </div>
+            <div class="clearer"></div>
+
+            <!-- BREADCRUMBS -->
+            <?php if($conf['breadcrumbs']){ ?>
+              <div class="breadcrumbs"><?php tpl_breadcrumbs() ?></div>
+            <?php } ?>
+            <?php if($conf['youarehere']){ ?>
+              <div class="breadcrumbs"><?php tpl_youarehere() ?></div>
+            <?php } ?>
+
+            <?php @include(dirname(__FILE__).'/header.html') /* include hook */ ?>
+            <div class="clearer"></div>
+            <hr class="a11y" />
+        </div></div><!-- /header -->
+
+
+        <div class="wrapper">
+
+            <!-- ********** ASIDE ********** -->
+            <div id="dokuwiki__aside"><div class="pad include">
+                <?php tpl_include_page(tpl_getConf('sidebarID')) /* includes the given wiki page */ ?>
+                <div class="clearer"></div>
+            </div></div><!-- /aside -->
+
+            <!-- ********** CONTENT ********** -->
+            <div id="dokuwiki__content"><div class="pad">
+                <!-- PAGE ACTIONS -->
+                <?php if ($showTools): ?>
+                    <div id="dokuwiki__pagetools">
+                        <h3 class="a11y">Page Tools</h3> <?php /*TODO: localize*/ ?>
+                        <ul>
+                            <?php
+                                tpl_action('edit', 1, 'li');
+                                if (tpl_getConf('discussionNS')) {
+                                    echo '<li>';
+                                    _tpl_discussion(tpl_getConf('discussionNS').':',1);
+                                    echo '</li>';
+                                }
+                                tpl_action('history', 1, 'li');
+                                tpl_action('backlink', 1, 'li');
+                                tpl_action('subscribe', 1, 'li');
+                            ?>
+                        </ul>
+                    </div>
+                <?php endif; ?>
+
+                <?php tpl_flush() /* flush the output buffer */ ?>
+                <?php @include(dirname(__FILE__).'/pageheader.html') /* include hook */ ?>
+
+                <div class="page">
+                    <!-- wikipage start -->
+                    <?php tpl_content() /* the main content */ ?>
+                    <!-- wikipage stop -->
+                    <div class="clearer"></div>
+                </div>
+
+                <?php tpl_flush() ?>
+                <?php @include(dirname(__FILE__).'/pagefooter.html') /* include hook */ ?>
+            </div></div><!-- /content -->
+
+            <div class="clearer"></div>
+            <hr class="a11y" />
+        </div><!-- /wrapper -->
+
+
+        <!-- ********** FOOTER ********** -->
+        <div id="dokuwiki__footer"><div class="pad">
+            <div class="doc"><?php tpl_pageinfo() /* 'Last modified' etc */ ?></div>
+            <?php tpl_action('top',1) /* the second parameter switches between a link and a button */ ?>
+            <?php tpl_license('button') /* content license, parameters: img=*badge|button|0, imgonly=*0|1, return=*0|1 */ ?>
+        </div></div><!-- /footer -->
+
+
+    </div></div><!-- /site -->
+
+    <?php //@include(dirname(__FILE__).'/footer.html') /* include hook */ ?>
+    <div class="no"><?php tpl_indexerWebBug() /* provide DokuWiki housekeeping, required in all templates */ ?></div>
+    <!--[if ( IE 6 | IE 7 | IE 8 ) ]></div><![endif]-->
+</body>
+</html>
diff --git a/mediamanager.php b/mediamanager.php
new file mode 100644
index 000000000..df9ff6ef6
--- /dev/null
+++ b/mediamanager.php
@@ -0,0 +1,46 @@
+<?php
+/**
+ * DokuWiki Default Template
+ *
+ * This is the template for the media manager popup
+ *
+ * You should leave the doctype at the very top - It should
+ * always be the very first line of a document.
+ *
+ * @link   http://dokuwiki.org/templates
+ * @author Andreas Gohr <andi@splitbrain.org>
+ */
+?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $conf['lang']?>"
+  lang="<?php echo $conf['lang']?>" dir="<?php echo $lang['direction'] ?>" class="popup">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <title>
+        <?php echo hsc($lang['mediaselect'])?>
+        [<?php echo strip_tags($conf['title'])?>]
+    </title>
+    <?php tpl_metaheaders()?>
+    <link rel="shortcut icon" href="<?php echo ml('favicon.ico') ?>" />
+</head>
+
+<body>
+    <!--[if IE 6 ]><div id="IE6"><![endif]--><!--[if IE 7 ]><div id="IE7"><![endif]--><!--[if IE 8 ]><div id="IE8"><![endif]-->
+    <div id="media__manager" class="dokuwiki">
+        <?php html_msgarea() ?>
+        <div id="media__left"><div class="pad">
+            <h1><?php echo hsc($lang['mediaselect'])?></h1>
+
+            <?php /* keep the id! additional elements are inserted via JS here */?>
+            <div id="media__opts"></div>
+
+            <?php tpl_mediaTree() ?>
+        </div></div>
+
+        <div id="media__right"><div class="pad">
+            <?php tpl_mediaContent() ?>
+        </div></div>
+    </div>
+    <!--[if ( IE 6 | IE 7 | IE 8 ) ]></div><![endif]-->
+</body>
+</html>
diff --git a/style.ini b/style.ini
new file mode 100644
index 000000000..8a935c74c
--- /dev/null
+++ b/style.ini
@@ -0,0 +1,60 @@
+; Please see http://www.php.net/manual/en/function.parse-ini-file.php
+; for limitations of the ini format used here
+
+; Define the stylesheets your template uses here. The second value
+; defines for which output media the style should be loaded. Currently
+; print, screen and rtl are supported. rtl styles are loaded additionally
+; to screen styles if a right-to-left language is selected (eg. Hebrew).
+
+[stylesheets]
+
+css/basic.css         = screen
+css/structure.css     = screen
+css/design.css        = screen
+css/_imgdetail.css    = screen
+css/_mediamanager.css = screen
+css/_links.css        = screen
+css/_toc.css          = screen
+css/_footnotes.css    = screen
+css/_search.css       = screen
+css/_recent.css       = screen
+css/_diff.css         = screen
+css/_edit.css         = screen
+css/_modal.css        = screen
+css/_forms.css        = screen
+css/_admin.css        = screen
+;css/includes.css      = screen
+
+;css/rtl.css           = rtl
+;css/print.css         = print
+
+
+; This section is used to configure some placeholder values used in
+; the stylesheets. Changing this file is the simplest method to
+; give your wiki a new look.
+
+[replacements]
+
+;--------------------------------------------------------------------------
+;------ guaranteed dokuwiki color placeholders that every plugin can use
+
+; main text and background colors
+__text__           = "#333"
+__background__     = "#fff"
+; alternative text and background colors
+__text_alt__       = "#999"
+__background_alt__ = "#eee"
+; neutral text and background colors
+__text_neu__       = "#666"
+__background_neu__ = "#ddd"
+; border color
+__border__         = "#ccc"
+
+;--------------------------------------------------------------------------
+
+; these are used for links
+__existing__       = "#090"
+__missing__        = "#f30"
+
+; highlighting search snippets
+__highlight__      = "#ff9"
diff --git a/tpl_functions.php b/tpl_functions.php
new file mode 100644
index 000000000..58f9ab4f9
--- /dev/null
+++ b/tpl_functions.php
@@ -0,0 +1,25 @@
+<?php
+
+// must be run from within DokuWiki
+if (!defined('DOKU_INC')) die();
+if (!defined('DOKU_LF')) define('DOKU_LF',"\n");
+
+/**
+ * Create link/button to discussion page and back
+ */
+function _tpl_discussion($discussNS='discussion:',$link=0) {
+    global $ID;
+    global $lang;
+    if(substr($ID,0,strlen($discussNS))==$discussNS) {
+        $backID = substr(strstr($ID,':'),1);
+        if ($link)
+            tpl_pagelink(':'.$backID,$lang['btn_back']);
+        else
+            echo html_btn('back',$backID,'',array());
+    } else {
+        if ($link)
+            tpl_pagelink($discussNS.$ID,tpl_getLang('btn_discussion'));
+        else
+            echo html_btn('discussion',$discussNS.$ID,'',array());
+    }
+}