KvFG Wiki

Karl-von-Frisch-Gymnasium Dußlingen

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Sie befinden sich hier: start » web » kvfgnetwiki_altestheme
Zuletzt angesehen: • kvfgnetwiki_altestheme
web:kvfgnetwiki_altestheme

Inhaltsverzeichnis

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
/* ================================ 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;
}

layout.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; 
}

main.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>

footer.html

<?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>
<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>
Unsere Webseite verwendet nur Cookies, die technisch notwendig sind und keine Informationen an Dritte weitergeben. Für diese Cookies ist keine Einwilligung erforderlich. Weitere Informationen finden Sie in unserer Datenschutzerklärung: Weitere Information
web/kvfgnetwiki_altestheme.txt · Zuletzt geändert: 2009/10/25 12:50 von d.weller