====== Altes Theme auf KvFG net Wiki ======

===== Zentrale Dateien ======

Im Folgenden die zentralen Dateien des Designs zur Einsicht und möglichen Veränderung. Veränderungsvorschläge im Code bitte kenntlich machen!

== style.css ====

<code css>
/* ================================ GENERAL ================================= */
* { 
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size: small; 
}
body {
	background: #e0dfca;
	background-image: url(images/body_background___width__.png);
	background-position: center;
	background-repeat: repeat-y;
}

a {
	color: #436976;
	background-color: inherit;
}
a:hover {
	color: #000;
	background-color: inherit;
}
a img {
	border: none;
}
a.wikilink2 {
	color: #8c2121;
}

/* ================================ HEADER ================================== */
#header {
	background-image: url(images/header_background___width__.png);
	background-position: center;
	background-repeat: repeat-y;
}
#header a {
	color: #fff;
	background-color: inherit;
	text-decoration: none;
}
#header a:hover {
	color: #ccc;
	background-color: inherit;
}

/* ================================= MENU =================================== */
#menu {
	background-image: url(images/menu_background.png);
	background-repeat: repeat-x;
}
#menu ul {
	border-left: solid 1px #000;
	border-right: solid 1px #666;
}
#menu ul li {
	border-left: solid 1px #666;
	border-right: solid 1px #000;
}
#menu ul li a {
   color: #fff;
	background-color: inherit;
	text-decoration: none;
}
#menu ul li a:hover {
	color: #fff;
	background-color: #333;
}


/* ================================== BODY ================================== */
#body {
	background-color: #fff;
	color: #000;
}

.youarehere {
  padding: 2px 2px 2px 2px;
  font-weight: bold;
  border-right: solid 1px #acacbb;
  border-left: solid 3px #acacbb;
  border-bottom: solid 3px #acacbb;
  background-color: #D9D9D9;
  border-color: #8c2121;
}

acronym {
   cursor: help;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}

#body h1 a, #body h2 a, #body h3 a, #body h4 a, #body h5 a {
	font-size: 1em;
	font-family: inherit;
	color: inherit;
	background-color: inherit;
}
#body h1 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
	background-color: transparent;
	background-image: url(images/h1_bg.png);
	background-repeat: repeat-y;
	background-position: right;
	border-bottom: solid 1px #dbdbc5;
}
#body h1 a {
	color: #fff;
	background-color: transparent;
}
#body h2 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: bold;
	font-size: 1.3em;
	color: #fff;
	background-color: transparent;
	background-image: url(images/h2_bg.png);
	background-repeat: repeat-y;
	background-position: right;
	border-bottom: solid 1px #dbdbc5;
}
#body h2 a {
	color: #fff;
	background-color: transparent;
}
#body h3 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: bold;
	font-size: 1em;
	color: #8c2121;
	background-color: inherit;
	border-bottom: solid 1px #dbdbc5;
}
#body h4, #body h5 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: bold;
	font-size: 1em;
	color: #8c2121;
	background-color: inherit;
}

ol {
	line-height: 1.5em;
	margin: 0 0 .5em 1.5em;
	padding: 0;
}
ul {
	line-height: 1.5em;
	list-style-type: square;
	margin: 0 0 .5em 1.5em;
	padding: 0;
	list-style-image: url(images/bullet.gif);
}

.code {
	border-top: solid 1px #acacbb;
	border-right: solid 1px #acacbb;
	border-bottom: solid 1px #acacbb;
	border-left: solid 3px #acacbb;
	background-color: #f7f9fa;
	color: inherit;
}
.code, .code * {
	font-size: 1em;
	font-family: "Courier New",Courier,monospace;
}

blockquote {
	border-left: solid 5px #8c2121;
   padding-left: 15px;
}

#body input {
	border: solid 1px #8cacbb;
}
#body input:hover {
	border: solid 1px #000;
}

/* ---------- table of contents ------------------- */

div.toc {
  margin: 1.2em 0 0 2em;
  float: right;
  width: 200px;
  font-size: 80%;
  clear: both;
}

div #toc__header {
  font-weight: bold;
  border-top: solid 1px #acacbb;
  border-right: solid 1px #acacbb;
  border-left: solid 3px #acacbb;
  border-bottom: dashed 1px #acacbb;
  background-color: #f7f9fa;
  border-color: #8c2121;
}

div #toc__inside {
  border-right: solid 1px #acacbb;
  border-left: solid 3px #acacbb;
  border-bottom: solid 3px #acacbb;
  background-color: #f7f9fa;
  border-color: #8c2121;
}

/* ********* TABLES ********* */
#body table { border: solid 1px #999; }
#body table th { border: solid 1px #999; background-color: #eee; }
#body table td { border: solid 1px #ccc; background-color: #fff; }
#body table tr:hover { background-color: #ffffe5; }

/* insitu-footnotes */

div.insitu-footnote {
font-size: 80%;
line-height: 1.2em;
border: 1px dashed;
background-color: #f5ebeb;
text-align: left;
padding: 4px;
max-width: 40%;    /* IEs width is handled in javascript */
}

/* overcome IE issue with one line code or file boxes which require h. scrolling */

* html .insitu-footnote pre.code,
* html .insitu-footnote pre.file {
padding-bottom: 18px;
}


/* ================================= FOOTER ================================= */
#footer {
	background-color: #dfdec9;
	color: #000;
}
#footer li a {
	border: solid 1px #8cacbb;
	background-color: #efebe7;
	color: #000;
	text-decoration: none;
	white-space: nowrap;
}
#footer li a:hover {
	border: solid 1px #000;
	background-color: #efebe7;
	color: #000;
}
#footer input {
	border: solid 1px #8cacbb;
}
#footer input:hover {
	border: solid 1px #000;
}

.breadcrumbs {
  /*padding: 4px 4px 4px 4px;*/
  background-color: #ffffff;
}

</code>

==== layout.css ====

<code css>
/* ================================ GENERAL ================================= */
html, body {
	margin: 0;
	padding: 0;
	min-height: 100%;
}

/* ================================ HEADER ================================== */
#header {
	text-align: center;
	height: 150px;
}
#header h1 {
	margin: 0;
}
#header #lang {
	position: absolute;
	top: 5px;
	width: 100%;
}
#header #lang ul {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 880px;
	text-align: left;
}
#header #lang ul li {
	display: inline;
	margin-right: 5px;
}

/* ================================= MENU =================================== */
#menu {
	background-color: #000;
	color: #fff;
	text-align: center;
	padding: 2px 0 2px 0;
}
#menu ul {
	margin: 0;
	padding: 0;
	display: inline;
}
#menu ul li {
	display: inline;
}
#menu ul li a {
	padding: 0 1em 0 1em;
}

/* ================================== BODY ================================== */
#body_top, #body_bottom {
	height: 1px;
	background-color: #fff;
	color: #000;
}
#body {
	width: __width__px;
	margin: 0 auto 0 auto;
	padding: 0 30px 0 30px;
}
#body h1, #body h2, #body h3, #body h4, #body h5 {
	clear: left;
	margin: .5em 0 0 0;
}
/* DOKUWIKI LEVELS */
#body h1 { 
	margin-left: 0em; 
	padding: 5px;
}
div.level1 { margin: 1em 0 0 0; }
#body h2 { 
	margin-left: 1em; 
	padding: 2px 5px;
}
div.level2 { margin: 1em 0 0 2em; }
#body h3 { margin-left: 2em; }
div.level3 { margin: 1em 0 0 3em; }
#body h4 { margin-left: 3em; }
div.level4 { margin: 1em 0 0 4em; }
#body h5 { margin-left: 4em; }
div.level5 { margin: 1em 0 0 5em; }

.code {
	padding: 5px;
	overflow: auto;
}

/* ********* TABLES ********* */
#body table {
	margin: 5px 0 5px 0;
	border-collapse: collapse;
}
#body table th { padding: 2px 5px 2px 5px; }
#body table td { padding: 2px 5px 2px 5px; }
#body table td.rightalign { text-align: right; }
#body table td.centeralign { text-align: center; }
#body table td.leftalign { text-align: left; }

/* ================================= FOOTER ================================= */
#footer {
	clear: both;
	width: __footer__px;
	margin: 1em auto 0 auto;
	padding: 1em 10px 1em 10px;
}
#footer ul {
	margin: 0 0 .5em 0;
	padding: 0;
}
#footer ul li {
	display: inline;
}
#footer li a {
	padding: 2px 10px 2px 10px;
}
#footer form {
	float: right;
}
#footer input {
	margin-left: 2px;
}
#footer p {
	margin: 0;
}
#qsearch__out {
	display: none !important;
}
.footerinc {
	text-align: center;
	padding-top: 15px;
}
.copyright {
   color: #8c2121; 	
	text-align: center; 
}

</code>

==== main.php ====

<code php>

<?php

if (!empty($INFO['userinfo'])) {

    $user = true;

}

/**

 * Theme pour Sandy

 * @author neolao <neo@neolao.com>

 * @link   http://resources.neolao.com/php/dokuwiki/templates
 * Reworked by: (C) BDJL http://www.bdjl.de

 */

?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $conf['lang']; ?>" lang="<?php echo $conf['lang']; ?>">

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <meta http-equiv="Content-Style-Type" content="text/css" />

        <?php tpl_metaheaders(); ?>

        <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/>

        <title><?php echo hsc($conf['title']).wl($ID); ?></title>

    </head>

    <body>

        <div id="header">
        	<h1><?php tpl_link(wl(),'<img src="'.DOKU_TPL.'images/banner_840.png" alt="'.hsc($conf['title']).'"/>','name="dokuwiki__top" id="dokuwiki__top" accesskey="h" title="[ALT+H]"')?></h1>
			<div id="lang">
        		<ul>
        			
        		</ul>
        	</div>
        </div>

        <div id="menu">

            <ul>

                <?php include('menu.php'); ?>

            </ul>

        </div>
        		<div id="body">

            <div id="body_top"></div>

            <p class="youarehere"><?php tpl_youarehere(); ?></p>

			<?php flush(); ?>

            <?php tpl_content(); ?>

            <?php flush(); ?>

            <div id="body_bottom"><?php tpl_indexerWebBug()?></div>

		</div>

        <div id="footer">

            <?php tpl_searchform(); ?>

            <ul>

                <li><?php tpl_actionlink('edit'); ?></li>

                <li><?php tpl_actionlink('login'); ?></li>
					 <li><?php tpl_button('history'); ?></li>

            </ul>

            <ul>

                

            <?php if ($user) { ?>

                <li><?php tpl_actionlink('profile')?></li>

                <li><?php tpl_actionlink('admin'); ?>&nbsp;</li>
	        	        <li><?php tpl_button('index')?></li>
	                 <li><?php tpl_button('top')?>&nbsp;</li>                               

            <?php } ?>

            </ul>
            <div class="breadcrumbs">
             <?php tpl_breadcrumbs()?>
           </div>
            <?php /*old includehook*/ @include(dirname(__FILE__).'/footer.html')?>
           <div class="no"><?php /* provide DokuWiki housekeeping, required in all templates */ tpl_indexerWebBug()?></div>
           <div class="copyright">Design by <a href="http://www.bdjl.de">bdjl</a> | Based on <a href="http://www.dokuwiki.org/template:sandy">sandy</a> | Blended with <a href="http://www.dokuwiki.org/template:backpack">backpack</a></div>         
         </div>
     </body>

</html>

</code>

==== footer.html ====

<code php>

<?php
/**
 * Example footer include
 *
 * This file shows you how to use the include hooks. However I recommend to
 * create your own complete new template instead.
 */

$tgt = ($conf['target']['extern']) ? 'target="'.$conf['target']['extern'].'"' : '';
?>

<div class="footerinc">
  <a <?php echo $tgt?> href="<?php echo DOKU_BASE; ?>feed.php" title="Recent changes RSS feed"><img src="<?php echo DOKU_TPL; ?>images/button-rss.png" width="80" height="15" alt="Recent changes RSS feed" /></a>

  <a <?php echo $tgt?> href="http://creativecommons.org/licenses/by-nc-sa/2.0/" rel="license" title="Creative Commons License"><img src="<?php echo DOKU_TPL; ?>images/button-cc.gif" width="80" height="15" alt="Creative Commons License" /></a>

  <a <?php echo $tgt?> href="http://wiki.splitbrain.org/wiki:donate" title="Donate"><img src="<?php echo DOKU_TPL; ?>images/button-donate.gif" alt="Donate" width="80" height="15" /></a>

  <a <?php echo $tgt?> href="http://www.php.net" title="Powered by PHP"><img src="<?php echo DOKU_TPL; ?>images/button-php.gif" width="80" height="15" alt="Powered by PHP" /></a>

  <a <?php echo $tgt?> href="http://wiki.splitbrain.org/wiki:dokuwiki" title="Driven by DokuWiki"><img src="<?php echo DOKU_TPL; ?>images/button-dw.png" width="80" height="15" alt="Driven by DokuWiki" /></a>


<?php
/*
 * The following stuff in HTML comments declares a Creative Commons
 * License - remove this if you don't want this license for your Wiki
 */
?>

<!--

<rdf:RDF xmlns="http://web.resource.org/cc/"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<Work rdf:about="">
   <dc:type rdf:resource="http://purl.org/dc/dcmitype/Text" />
   <license rdf:resource="http://creativecommons.org/licenses/by-nc-sa/2.0/" />
</Work>

<License rdf:about="http://creativecommons.org/licenses/by-nc-sa/2.0/">
   <permits rdf:resource="http://web.resource.org/cc/Reproduction" />
   <permits rdf:resource="http://web.resource.org/cc/Distribution" />
   <requires rdf:resource="http://web.resource.org/cc/Notice" />
   <requires rdf:resource="http://web.resource.org/cc/Attribution" />
   <prohibits rdf:resource="http://web.resource.org/cc/CommercialUse" />
   <permits rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
   <requires rdf:resource="http://web.resource.org/cc/ShareAlike" />
</License>

</rdf:RDF>

-->

<?php
if ($conf['allowdebug']) {
    echo '<!-- page made in '.round(delta_time(DOKU_START_TIME), 3).' seconds -->';
}
?>

</div>

</code>

==== menu.php ====


<code php>

<li><?php tpl_link(wl("Impressum"),"Impressum"); ?></li><li><?php tpl_link(wl("Benutzerordnung"),"Benutzerordnung"); ?></li><li><?php tpl_link(wl("Lizenz"),"Lizenz"); ?></li><li><?php tpl_link(wl("wiki:syntax"),"Wikisyntax"); ?></li>

</code>