/*
** technikum29 Server: Full Fresh Design
** 07.01.2008, 14.08.2008, 15.07.2009 (minor)
** $Id$
**
** Dieses CSS kann einzeln eingebunden werden und stellt sowohl das
** technikum29 fresh-Design (seit v5.7) bereit, als auch die meisten der ehemaligen
** einzelnen Extra-Erweiterungs-Stylesheets, die immer unter /etc/src
** zu finden waren. Es reicht also nun ein einziges
**
** <link rel="stylesheet" href="/src/cs/full-fresh.css" type="text/css" title="t29">
**

** ÜBERSICHT ALLER ERWEITERUNGEN
** =============================
** * das ehemalige "improved.css":
**   * Linkicons für
**     a.external, a.wiki, a.wikipedia, a.mail, a.icq
**   * .seealso ("siehe auch"-Bereich)
**   * pre-box (schicker Festbreitenschriftsatz)
**   * .blockdel (ausgegrauter Blockbereich, durchgestirchen, analog zu <del>)
**   * table.pretty (Prettytable wie in Wikipedias Monobook-Layout)
** * das ehemalige "dir-listings.css":
**   CSS zum Formatieren von manuellen Dateilisten (kein mod_autoindex-Listing)
**   im Format
**   <ul cass="dir">
**      <li><a href="verzeichnis/">verzeichnis</a></li>
**      <li class="text"><a href="...">Text</a></li>
**      <li class="img"><a href="...">Bild</a></li>
**      ...
**   </ul>
**   ul-Klassen: ul.dir für grosse Icons, ul.sdir fuer kleine Icons
** * das ehemalige "autoindex.css":
**   CSS zum Formatieren von Footers fuer die automatisierten
**   Dateilistings (mod_autolist). Siehe Beschreibung weiter unten.
**

** NOCH NICHT GEKLAERTE PROBLEME
** =============================
** * autoindex.css wurde lange Zeit autonom gehalten, weil es
**   .seealso im Stil ueberschrieb. Das soll irgendwie angepasst werden,
**   kann aber heute kein Grund mehr fuer solch einen Zusatzaufwand
**   sein.

** NICHT ZUM VEREINEN GEPLANTE ERWEITERUNGEN
** =========================================
** * error.css bleibt autonom, weil die Fehlerseiten sowieso redesignt
**   werden sollen und dann ein eigenes error.design erhalten.
**
** z.T. veraltete Designs, die heute keiner mehr nutzt, z.B.
**
** * dev-zone.css (fuer das ganz alte devportal unter www.technikum29.de/dev)
** * graydesign.css (ein autonomes design, nie wirklich viel genutzt)

*/

@import url("/shared/css/fresh.css");
@import url("/shared/css/common.css");

/*** Das ehemalige improved.css ***/
a.wiki, a.wikipedia {
    background: url(/src/img/icons/wikipedia.gif) center right no-repeat;
    padding-right: 16px;
}

a.mail {
    background: url(/src/img/icons/mail.gif) center right no-repeat;
    padding-right: 16px;
}

a.icq {
    background: url(/src/img/icons/icq.gif) center right no-repeat;
    padding-right: 16px;
}



/* seealso: klassen für alle "siehe auch"-Bereiche
   prinzipieller aufbau:
    <div class="seealso">Siehe auch: Link, link, link</div>
*/
.seealso, .seealso-center {
    border-top: 1px solid #888;
    padding: 4px 10px 10px 10px;
    margin-top: 20px;
    color: #444;
    font-style: italic;
}

.seealso-center {
    /* für mittlere ausrichtung (wers braucht...) */
    text-align: center;
}

.seealso a, .seealso-center a {
    color: #3366BB;
    text-decoration: underline;
    font-style: normal;
}

.seealso a.go, .seealso-center a.go {
    /* entfernung der pfeile */
    padding: 0;
    background: none !important;
}


/* <pre class="box"> */
pre.box {
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    padding: 1em;
}


/* <del> für block: .blockdel */
.blockdel {
    border: 1px solid #bbb;
    padding: 5px;
    color: #888;
    font-size: 90%;
    background: #fff url(/src/img/blockdel.bg.png) center center;
}

/* <table class="pretty">: Prettytable */

table.pretty {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaaaaa solid;
  border-collapse: collapse;
}

table.pretty th, table.pretty td {
  border: 1px #aaaaaa solid;
  padding: 0.2em;
}

table.pretty th {
  background: #f2f2f2;
  text-align: center;
}

table.pretty caption { /* wird niemand brauchen */
  margin-left: inherit;
  margin-right: inherit;
}


/*** Das ehemalige "dir-listings.css" ***/

ul.dir, ul.sdir {
    list-style: none;
    padding-left: 20px;
    margin-left: 0;
}

ul.sdir li {
    background: url(/icons/small/generic.gif) top left no-repeat;
    padding-left: 20px;
    line-height: 140%;
}

ul.dir li {
    background: url(/icons/generic.gif) top left no-repeat;
    padding-left: 26px;
    line-height: 26px;
}

ul.dir a,  ul.sdir a,
ul.dir tt, ul.sdir tt {
    font-family: monospace;
}

/*
    Nette Icons.
    Für einige existieren nur die großen Varianten.
*/

ul.dir  li.dir   { background-image: url(/icons/folder.gif); }
ul.sdir li.dir   { background-image: url(/icons/small/folder.gif); }

ul.dir  li.text  { background-image: url(/icons/text.gif); }
ul.sdir li.text  { background-image: url(/icons/small/text.gif); }

ul.dir  li.img   { background-image: url(/icons/image2.gif); }
ul.sdir li.img   { background-image: url(/icons/small/image2.gif); }

ul.dir  li.box   { background-image: url(/icons/box2.gif); }
ul.dir  li.script{ background-image: url(/icons/script.gif); }
ul.dir  li.html  { background-image: url(/icons/layout.gif); }
ul.dir  li.tar   { background-image: url(/icons/tar.gif); }
ul.dir  li.zip   { background-image: url(/icons/compressed.gif); }


/*
** technikum29.de FreshDesign - Zusatzstyles
** auch benutzbar mit anderen Designs (Screendesign)
** 15.10.2007
**
** Dieses CSS dient dazu, Apaches autoindex-Dirlistings
** schöner zu gestalten. Es soll in Verbindung mit
** HEADER.shtm-Dateien benutzt werden und passt dann den
** Dirlisting-Teil so an, dass er ordentlich aussieht, im
** Vergleich zum Rest. Außerdem wird der .seealso-Teil
** (vgl. improved.css) besser formatiert, da er üblicherweise
** nicht den letzten Teil einer Seite darstellt. 
**
** Solche Seiten müssen wegen dem autoindex-Teil stets altes
** HTML sein (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">).
** Erst kommt ein <div id="page">-Teil, zum Ende dann ein nicht
** geschlossener <div id="autoindex">-Teil. Das ist so auch
** nicht weiter schlimm.
**
**
*/

#autoindex {
    margin-top: 2em;
    /* vgl. fresh.css: #page */
    padding: 2em;
    background-color: #f9f9f9;
    border-top: 1px solid #ddd;
}

#autoindex h2 {
    font-size: 140%;
    text-align: center;
    font-weight: normal;
}

#autoindex h2 var { /* Verzeichnisname */
    background-color: #fff;
    border: 1px solid #ddd;
    font-style: normal;
    font-family: monospace;
}

#autoindex pre a:hover, #autoindex pre a:focus {
    background-color: yellow; /* sieht ganz nett aus */
}

#autoindex address {
    text-align: center;
    font-variant: small-caps;
    margin-top: 1em;
    font-style: normal;
}

#page { position: relative; }

.seealso.autoindex {
    margin-left: 2em; margin-right: 2em;
    background-color: #F9F9F9;
    border-color: #aaaaaa;
    padding: 8px;
    margin-top: 1em;
    font-size: 95%;
}