Changeset 33 in t29-www


Ignore:
Timestamp:
Aug 22, 2008, 3:38:18 AM (11 years ago)
Author:
sven
Message:

VERSION 5.8. FINAL
==================

Das Aussehen und Konzept der Sprachlinks wurde überarbeitet,
es hängen jetzt stets beide Versionen wie Registerkarten an
dem Banner, der zudem einen Schatten spendiert bekommen hat.
Alle CSS-Dateien wurden (komplett) überarbeitet, z.T.
ausgemistet, besser kommentiert, umgestellt, gelöscht.

Einzelne Inhaltsseiten wurden geändert, aber nur in Bezug
auf CSS-Einbindung oder Inline-Styles.

-- Sven @ workstation

Files:
3 added
15 edited
1 moved

Legend:

Unmodified
Added
Removed
  • de/details1.shtm

    r32 r33  
    1818
    1919    <!--#include virtual="/de/inc/head.inc.shtm" -->
    20     <link rel="stylesheet" type="text/css" href="/shared/css/details.css" />
    2120    <meta name="keywords" lang="de" content="" />
    2221    <meta name="DC.Title" content="technikum29 - <!--#echo var="title" -->" />
    23     <meta name="t29.this.version" content="v5.7" />
     22    <meta name="t29.SVN" content="$Id$" />
     23    <meta name="t29.version" content="v5.8" />
    2424</head>
    2525<body>
  • de/details2.shtm

    r32 r33  
    1414
    1515    <!--#include virtual="/de/inc/head.inc.shtm" -->
    16     <link rel="stylesheet" type="text/css" href="/shared/css/details.css" />
    1716    <meta name="keywords" lang="de" content="" />
    1817    <meta name="DC.Title" content="technikum29 - <!--#echo var="title" -->" />
     18    <meta name="t29.SVN" content="$Id$" />
    1919    <meta name="t29.this.version" content="v5.7" />
    2020</head>
  • de/geraete/univac9400/kosten.shtm

    r32 r33  
    1414
    1515    <!--#include virtual="/de/inc/head.inc.shtm" -->
    16     <link href="/shared/css/details.css" type="text/css" rel="stylesheet"/>
    1716    <meta name="keywords" lang="de" content="" />
    1817    <meta name="DC.Title" content="technikum29 - <!--#echo var="title" -->" />
    1918    <meta name="t29.this.version" content="v5.8.0" />
    2019    <meta name="t29.this.summary" content="Neu mit v5.8.0" />
    21     <style type="text/css">
    22       /**
    23        * Extraseiten im technikum29-Seitendesign
    24        *
    25        * Diese Extraseite bedient sich dem normalen Seitendesign von technikum29-
    26        * Inhaltsseiten. Dies wurde (erstmals) aus Designzwecken gemacht, hat
    27        * aber ganz abgesehen davon noch andere positive Nebeneffekte:
    28        *
    29        *  * Ein allumfassendes einheitliches Seitenlayout inklusive
    30        *    der abgesetzten blauen Navigationsleiste am Ende der Seite, in
    31        *    die sich die Links zurück zu den Seiten sehr gut eingliedern.
    32        *
    33        *  * Einheitliche zentrale Urheberrechtshinweise am Ende *jeder*
    34        *    technikum29.de-Seite.
    35        *
    36        *  * Ein gefälligeres Seitendesign, da der Text nicht mehr über
    37        *    die gesamte Fensterbreite geht.
    38        *
    39        *  * Eine konsequente Nutzung der Seitenleiste:
    40        *
    41        *      * Möglichkeit, dort Informationen in Form von Hintergrundbildern
    42        *        einzubinden
    43        *
    44        *      * Links zur englischen Übersetzung und damit einfachere Navigation,
    45        *        auch für Ausländer.
    46        *
    47        *      * Links zurück auf mehrere Seiten, z.B. bei den Details-Seiten, die
    48        *        ja zuweilen von mehreren Inhaltsseiten verlinkt werden.
    49        *
    50        *  * Eine einfachere Organisation der Seiten, weniger Syntax-Overhead
    51        *    und weniger Zusatzdateien, die die Besucher laden müssen.
    52        *
    53        * Die folgenden CSS-Anweisungen tragen eben diesen Zusatzstyles Rechnung,
    54        * die entfallen soll(t)en, wenn sie an zentraler Stelle zusammengefasst
    55        * werden.
    56        *
    57        **/
    58       .univac-kosten #content {
    59         min-height: inherit;
    60         margin-bottom: 5px;
    61         padding-bottom: 348px;
    62       }
    63     </style>
    6420    <meta name="t29.SVN" content="$Id$" />
    6521</head>
  • de/inc/head.inc.shtm

    r32 r33  
    2222    <!--#config timefmt="%d.%m.%Y %T" --><!-- header last modified: <!--#echo var="LAST_MODIFIED" --> (new header v5.7) -->
    2323<!--#set var="heading" value='<div class="${location} ${part}"><div id="wrapper">
    24 <h1 class="de"><a href="/de/" title="Zur technikum29-Startseite (deutsch)"><span>technikum29</span></a><span class="old">&nbsp;</span></h1>
     24<h1 class="de"><a href="/de/" title="Zur technikum29-Startseite (deutsch)" name="top"><span>technikum29</span></a><span class="old">&nbsp;</span></h1>
    2525<p id="h1-subtitle">Museum f&uuml;r Rechner-, Computer- und Kommunikationstechnik</p>' -->
  • de/inc/menu.inc.shtm

    r32 r33  
    1010  <div id="lang">
    1111      <ul>
    12          <li><span lang="de" title="Diese Seite, <!--#echo var="title" -->">deutsch</span></li>
    13          <li><a href="/en/<!--#echo var="url_en" -->" lang="en" title="Read the english version of this page, <!--#echo var="title_en" -->.">english</a></li>
     12         <li lang="de"><span>Dies ist die </span><strong class="de" title="Diese Seite, <!--#echo var="title" -->">deutsch<span>e Version der Seite.</span></strong></li>
     13         <li lang="en"><span>You can also read the </span><a href="/en/<!--#echo var="url_en" -->" class="en" title="Read the english version of this page, <!--#echo var="title_en" -->.">english<span> version of this page, called <!--#echo var="title_en" -->.</span></a></li>
    1414      </ul>
    1515  </div>
     
    2222  <div id="menu">
    2323      <ul class="l1">
    24         <li class="l1"><a name="nav" <!--#if expr="$location = start" -->class="on"<!--#else -->href="/de/" title="Startseite der deutschen Version"<!--#endif -->>Startseite</a></li>
     24        <li class="l1"><a <!--#if expr="$location = start" -->class="on"<!--#else -->href="/de/" title="Startseite der deutschen Version"<!--#endif -->>Startseite</a></li>
    2525
    2626                <li class="l1 long"><a <!--#if expr="$location = lehrerinfo" -->class="on"<!--#else --> href="/de/lehrerinfo.shtm" title="Didaktische Konzeption, Workshops, Informationen für Lehrer"<!--#endif -->>Didaktische Konzeption, Informationen für Lehrer</a></li>
     
    7272    <div class="border">&nbsp;</div>
    7373    <ul>
    74         <li class="up"><a href="#nav" title="Zu Men&uuml; und &Uuml;berschrift"><b>nach oben</b><br/>Zur &Uuml;bersicht<span>&nbsp;</span></a></li>
     74        <li class="up"><a href="#top" title="Zu Men&uuml; und &Uuml;berschrift"><b>nach oben</b><br/>Zur &Uuml;bersicht<span>&nbsp;</span></a></li>
    7575        <!--#if expr="($prev)" --><li class="prev"><a href="<!--#echo var="prev" -->" title="Zur vorherigen Seite"><b>vorherige Seite</b><br/><!--#echo var="prev_title" --><span>&nbsp;</span></a></li><!--#endif -->
    7676        <!--#if expr="($next)" --><li class="next"><a href="<!--#echo var="next" -->" title="Zur nächsten Seite"><b>n&auml;chste Seite</b><br/><!--#echo var="next_title" --><span>&nbsp;</span></a></li><!--#endif -->
  • en/details1.shtm

    r32 r33  
    1818
    1919    <!--#include virtual="/en/inc/head.inc.shtm" -->
    20     <link rel="stylesheet" type="text/css" href="/shared/css/details.css" />
    2120    <meta name="keywords" lang="en" content="" />
    2221    <meta name="DC.Title" content="technikum29 - <!--#echo var="title" -->" />
     22    <meta name="t29.SVN" content="$Id$" />
    2323    <meta name="t29.germanoriginal" content="09.08.2006/v5.5.7" />
    2424    <meta name="t29.thistranslation" content="28.08.2007/v5.7.5" />
  • en/details2.shtm

    r32 r33  
    1414
    1515    <!--#include virtual="/en/inc/head.inc.shtm" -->
    16     <link rel="stylesheet" type="text/css" href="/shared/css/details.css" />
    1716    <meta name="keywords" lang="en" content="" />
    1817    <meta name="DC.Title" content="technikum29 - <!--#echo var="title" -->" />
  • en/devices/univac9400/costs.shtm

    r31 r33  
    3636
    3737    <!--#include virtual="/en/inc/head.inc.shtm" -->
    38     <link href="/shared/css/details.css" type="text/css" rel="stylesheet"/>
    3938    <meta name="keywords" lang="de" content="" />
    4039    <meta name="DC.Title" content="technikum29 - <!--#echo var="title" -->" />
    41     <style type="text/css">
    42       /**
    43        * Like the german page original, this site uses, as the first one, the
    44        * complete t29 design. Thus it's currently only imitating the whole style,
    45        * instead of including the complete menu file, etc.
    46        **/
    47       .univac-kosten #content {
    48         min-height: inherit;
    49         margin-bottom: 5px;
    50         padding-bottom: 348px;
    51       }
    52     </style>
    5340    <meta name="t29.SVN" content="$Id$" />
    5441    <meta name="t29.germanoriginal" content="14.08.2008/v5.8" />
     
    5744    <!--
    5845        Changelog of this file:
    59           * 14.08.2008/v5.8BETA based on 09.08.2008/v5.8BETA: Initial translatio
     46          * 14.08.2008/v5.8BETA based on 09.08.2008/v5.8BETA: Initial translation
    6047     -->
    6148</head>
  • en/inc/head.inc.shtm

    r31 r33  
    2727    <!-- technikum29.de general SSI homepage header, $Id$ -->
    2828<!--#set var="heading" value='<div class="${location} ${part}"><div id="wrapper">
    29 <h1 class="en"><a href="/en/" title="Go to technikum29 homepage"><span>technikum29</span></a><span class="old">&nbsp;</span></h1>
     29<h1 class="en"><a href="/en/" title="Go to technikum29 homepage" name="top"><span>technikum29</span></a><span class="old">&nbsp;</span></h1>
    3030<p id="h1-subtitle">Museum for the historical development of calculator, computer and communication technology</p>' -->
  • en/inc/menu.inc.shtm

    r32 r33  
    2121    <div id="lang">
    2222      <ul>
    23          <li><a href="/de/<!--#echo var="url_de" -->" lang="de" title="Die deutsche Seite, <!--#echo var="title_de" -->, lesen.">deutsch</a></li>
    24          <li><span lang="en" title="This page, namely <!--#echo var="title" -->">english</span></li>
     23         <li lang="de"><span>Es gibt auch eine </span><a href="/de/<!--#echo var="url_de" -->" class="de" title="Die deutsche Seite, <!--#echo var="title_de" -->, lesen.">deutsch<span>e Version dieser Seite: <!--#echo var="title" -->.</span></a></li>
     24         <li lang="en"><span>You are currently reading the </span><strong class="en" title="This page, namely <!--#echo var="title" -->">english<span> version of the page.</span></strong></li>
    2525      </ul>
    2626    </div>
     
    2929    <div id="menu">
    3030      <ul class="l1">
    31         <li class="l1"><a name="nav" <!--#if expr="$location = start" -->class="on"<!--#else -->href="/en/" title="Homepage"<!--#endif -->>Start</a></li>
     31        <li class="l1"><a <!--#if expr="$location = start" -->class="on"<!--#else -->href="/en/" title="Homepage"<!--#endif -->>Start</a></li>
    3232        <li class="l2"><div<!--#if expr="($part) &&  ($part = communication)" --> class="on"<!--#endif -->><em class="l2">Communication Technology</em>
    3333            <ul class="l2">
     
    7373    <div class="border">&nbsp;</div>
    7474    <ul>
    75         <li class="up"><a href="#nav" title="Go to menu and top heading"><b>top</b><br/>Navigation<span>&nbsp;</span></a></li>
     75        <li class="up"><a href="#top" title="Go to menu and top heading"><b>top</b><br/>Navigation<span>&nbsp;</span></a></li>
    7676        <!--#if expr="($prev)" --><li class="prev"><a href="<!--#echo var="prev" -->" title="Go back to previous page"><b>previous page</b><br/><!--#echo var="prev_title" --><span>&nbsp;</span></a></li><!--#endif -->
    7777        <!--#if expr="($next)" --><li class="next"><a href="<!--#echo var="next" -->" title="Go to next page"><b>next page</b><br/><!--#echo var="next_title" --><span>&nbsp;</span></a></li><!--#endif -->
  • shared/css/common.css

    • Property svn:keywords set to
      Id
      Revision
      Author
      Date
    r20 r33  
    1 /***************************************************************\
    2 |       _         _         _                                   |
    3 |      /\ \     /\ \      / /\          technikum29.de          |
    4 |      \_\ \   /  \ \    / /  \         Common Styles           |
    5 |      /\__ \ / /\ \ \  / / /\ \        Version 5.7 ff          |
    6 |     / /_ \ \\/_/\ \ \/_/ /\ \ \                               |
    7 |    / / /\ \ \   / / /\ \ \_\ \ \      Alle "Spezialstyles"    |
    8 |   / / /  \/_/  / / /  \ \/__\ \ \     die in Inhaltsseiten    |
    9 |  / / /        / / /  _ \_____\ \ \    verwendet werden,       |
    10 | / / /        / / /_/\_\       \ \ \   koennen hier notiert    |
    11 |/_/ /        / /_____/ /        \ \ \  werden. Ausserdem ist   |
    12 |\_\/         \________/          \_\/  das ehemalige print.css |
    13 |                                       hier eingearbeitet.     |
    14 |                                                               |
    15 \***************************************************************/
    16 
    17 /* Changelog seit v5.7:
    18 **   v5.7FINAL: eingeführt
    19 **   v5.7.11:   Univac-Spezialstyle neu
    20 **   v5.7.14:   .desc-right zurück ins Leben gerufen
    21 **   v5.7.15:   .bordered zum allgemeineren Rahmenelement
    22 **
    23 */
     1/**********************************************************************\
     2|       _         _         _                                          |
     3|      /\ \     /\ \      / /\          technikum29.de  Common Styles  |
     4|      \_\ \   /  \ \    / /  \         Version 5.8                    |
     5|      /\__ \ / /\ \ \  / / /\ \                                       |
     6|     / /_ \ \\/_/\ \ \/_/ /\ \ \       Diese CSS-Datei implementiert  |
     7|    / / /\ \ \   / / /\ \ \_\ \ \      das Konzept, alle "Spezial-    |
     8|   / / /  \/_/  / / /  \ \/__\ \ \     styles" von alen Seiten an     |
     9|  / / /        / / /  _ \_____\ \ \    einer Stelle zu sammeln. Das   |
     10| / / /        / / /_/\_\       \ \ \   erhöht die Ladezeit der Seiten |
     11|/_/ /        / /_____/ /        \ \ \  nur minimal, vermindert den    |
     12|\_\/         \________/          \_\/  Wartungsaufwand aber enorm.    |
     13|                                       Dieses Konzept wurde seit      |
     14| Version 5.7 erfolgreich angewandt. Mittlerweile sind alle anderen    |
     15| Zusatz-Stylesheets hier migriert, und zwar extra.css, details.css    |
     16| sowie print.css.                                                     |
     17|                                                                      |
     18| $Id::                                                              $ |
     19|                                                                      |
     20+----------------------------------------------------------------------+
     21|                                                                      |
     22| Changelog seit v5.7:                                                 |
     23|                                                                      |
     24|   v5.7FINAL: eingeführt                                              |
     25|   v5.7.11:   Univac-Spezialstyle neu                                 |
     26|   v5.7.14:   .desc-right zurück ins Leben gerufen                    |
     27|   v5.7.15:   .bordered zum allgemeineren Rahmenelement               |
     28|   v5.8.0:    Erheblich aufgeräumt, details.css migriert, umgestellt. |
     29|              Zu jedem Spezialstyle gibt es jetzt einen Pflicht-      |
     30|              kasten, der ausgefüllt werden soll, der Übersicht       |
     31|              halber.                                                 |
     32|                                                                      |
     33\**********************************************************************/
     34
     35
     36/**********************************************************************\
     37| SPEZIAL STYLE                                                        |
     38+----------------------------------------------------------------------+
     39| Für:                 Neue Startseiten, (de|en)/index.shtml           |
     40| In Benutzung seit:   v5.7 (Redesign)                                 |
     41| Besonderheiten:      Zweispaltiges Design mit Boxen                  |
     42| Zuletzt geändert:    v5.7                                            |
     43|                                                                      |
     44\**********************************************************************/
     45
    2446
    2547/* Spezialstyle der neuen Startseite: */
     
    7294}
    7395
     96/* Spezialstyle auf der Startseite: */
     97/* "Neuzugaenge" */
     98div.aktuell {
     99    /* "Aktuelle Bilder"-Bereich */
     100    border: 1px solid #7090C0;
     101    /*margin-top: 2em;*/
     102    padding: 1.5em;
     103    clear: both;
     104    /**  fuer rechts floatende Aktuell-Box: */
     105    /* float: right; width: 300px; margin: 10px 0 20px 20px;*/
     106}
     107
     108/* gegen kaputte Rahmen bei IEs, danke an Jeena */
     109* html div.aktuell { position: relative;  }
     110/* geht doch nicht --> er sieht es ploetzlich relativ zu der "Ausgansbrowsergroesse"  */
     111
     112div.aktuell h2 {
     113    margin: 1px;
     114    padding: 0;
     115    color: #224B88; /* gleiche Farbe wie die ganzen anderen Boxen */
     116    font-size: 126%;
     117}
     118
     119div.aktuell .stand {
     120    font-size: 80%;
     121    text-align: center;
     122    margin-top: 1px;
     123}
     124
     125div.aktuell p {
     126    margin: 20px 4px;
     127/*  clear: both;*/
     128}
     129
     130
    74131/* Ursprüngliches völlig freies Spezialstyle der neuen Startseite,
    75132   letzendlich doch nicht mehr genutzt
     
    155212*/
    156213
    157 
    158 /* ehemaliger Spezialstyle auf der Startseite,
    159    jetzt genutzt nur auf der Lehrerinfo-Seite fuer Bildunterschrift. */
    160 div.desc-right {
    161     /* rechts gefloatetes thumbnail mit Beschreibungstext */
    162     float: right;
    163     margin: 0pt 0pt 2em 2em;
    164 /*  width: 236px; */
    165 /*  border: 1px solid #7090C0;
    166     background-color: #EBEBEB; */
    167     border: 1px solid #094099;
    168     padding: 1em;
    169 }
    170 
    171 div.desc-right img {
    172 }
    173 
    174 div.desc-right p {
    175     /* Damit der Text nicht über die ganze Fensterbreite geht,
    176        <p style="width: Bildbreite;"> nötig. */
    177     margin: 1em 0 0 0; padding: 0;
    178     font-size: 90%;
    179     text-align: left;
    180 }
    181 
    182 /* Spezialstyle auf der Startseite: */
    183 /* "Neuzugaenge" */
    184 div.aktuell {
    185     /* "Aktuelle Bilder"-Bereich */
    186     border: 1px solid #7090C0;
    187     /*margin-top: 2em;*/
    188     padding: 1.5em;
    189     clear: both;
    190     /**  fuer rechts floatende Aktuell-Box: */
    191     /* float: right; width: 300px; margin: 10px 0 20px 20px;*/
    192 }
    193 
    194 /* gegen kaputte Rahmen bei IEs, danke an Jeena */
    195 * html div.aktuell { position: relative;  }
    196 /* geht doch nicht --> er sieht es ploetzlich relativ zu der "Ausgansbrowsergroesse"  */
    197 
    198 div.aktuell h2 {
    199     margin: 1px;
    200     padding: 0;
    201     color: #224B88; /* gleiche Farbe wie die ganzen anderen Boxen */
    202     font-size: 126%;
    203 }
    204 
    205 div.aktuell .stand {
    206     font-size: 80%;
    207     text-align: center;
    208     margin-top: 1px;
    209 }
    210 
    211 div.aktuell p {
    212     margin: 20px 4px;
    213 /*  clear: both;*/
    214 }
    215 
    216214/* Ende aller Spezialstyles der Startseite */
    217215
    218216
    219 
    220 /* Spezialstyle bei IC-Technik: */
    221 /* Ueberschrift => Liste gleicher margin-left */
    222 p.h-ul { text-align: left; }
    223 ul.h-ul { margin: 0; padding: 1em; }
    224 /* wird nicht mehr gebraucht! Löschen. */
    225 
    226 
    227 /* Links floatende Bildergalerie, einfache Listenstruktur
    228    gebraucht auf univac9400-Seite
    229     ** seit 5.5.2 wegen Designkorrektur spezialisierung auf **
    230     ** univac-Seite                                         **
    231 */
     217/**********************************************************************\
     218| SPEZIAL STYLE                                                        |
     219+----------------------------------------------------------------------+
     220| Für:                 IC-Technik, /de/rechnertechnik/ic-technik.shtm  |
     221| In Benutzung seit:   v5.7 oder so (quick and dirty)                  |
     222| Besonderheiten:      Floatendes Bild links und <ul> daneben, das     |
     223|                      macht haessliche Effekte. Diese Quick & Dirt-   |
     224|                      Lösung sollte eigentlich gar nicht mehr in      |
     225|                      Benutzung sein, ist es aber trotzdem irgendwie  |
     226|                      noch.                                           |
     227| Zuletzt geändert:    v5.7 oder so.                                   |
     228|                                                                      |
     229\**********************************************************************/
     230
     231p.h-ul  { text-align: left; }
     232ul.h-ul { margin: 0; margin-left: 380px; }
     233
     234
     235/**********************************************************************\
     236| SPEZIAL STYLE                                                        |
     237+----------------------------------------------------------------------+
     238| Für:                 UNIVAC 9400-Gebiet:                             |
     239|                         /de/rechnertechnik/univac9400.shtm           |
     240|                         /de/geraete/univac9400/                      |
     241| In Benutzung seit:   v5.5.2 wegen Designkorrektur, Spezialisierung   |
     242|                      auf der Univac-Seite                            |
     243|                      Teile später in v5.7 und v5.8 hinzugekommen     |
     244| Besonderheiten:      Auf der Univac-Hauptseite:                      |
     245|                      Links floatende Bildergalerie, einfache Listen- |
     246|                      struktur gebraucht, zudem einmalig.             |
     247|                      Außerdem: Panoramabildmenüverschiebung.         |
     248| Zuletzt geändert:    v5.7.11                                         |
     249|                                                                      |
     250\**********************************************************************/
    232251
    233252ul.univac-thumbs, ul.univac-thumbs li {
     
    248267/* Univac-Seite seit 5.7.11: Menü unter Panoramabild
    249268   Quick&Dirty-Lösung, angelehnt an Navigationsleistenhintergrundrealisierungen */
    250 
    251269.univac #wrapper #menu {
    252270    margin-top: 520px; /* circa... */
    253271}
    254272
    255 
    256 
    257 
    258 
    259 /* Nur verwendet bei Faxtechnik und auf der Startseite: */
    260 /*
    261     Mehrspaltiger Inhalt:
    262     <div class="cols">
    263         <div class="leftcol">linke spalte</div>
    264         <div class="rightcol">rechte spalte</div>
    265     </div>
    266 */
     273/* Univac-Kosten-Seite seit v5.8.0: Ein absolut positioniertes Bild
     274   (Illustration, soll an Seitennavigation klatschen) am Ende der
     275   #content-Box, daher dieser künstliche Rand: */
     276.univac-kosten #content {
     277    min-height: inherit;
     278    margin-bottom: 5px;
     279    padding-bottom: 348px;
     280}
     281
     282
     283/**********************************************************************\
     284| SPEZIAL STYLE                                                        |
     285+----------------------------------------------------------------------+
     286| Für:                 Fax- und Schreibtechnik, Startseite             |
     287|                         /de/kommunikationstechnik/faxtechnik.shtm    |
     288|                         /de/index.shtml                              |
     289| In Benutzung seit:   Prinzipiell seit Ewigkeiten (v5.0?)             |
     290|                      Startseite nutzt Stil mit seit v5.7       n     |
     291| Besonderheiten:      Mehrspaltiger Inhalt (Originalzitat), nach      |
     292|                      dem simplen Schema:                             |
     293|                                                                      |
     294|   <div class="cols">                                                 |
     295|       <div class="leftcol">linke spalte</div>                        |
     296|       <div class="rightcol">rechte spalte</div>                      |
     297|   </div>                                                             |
     298|                                                                      |
     299| Zuletzt geändert:    zur v5.7 vielleicht                             |
     300|                                                                      |
     301\**********************************************************************/
     302
    267303#content .cols {
    268     /* Mehrspaltiger Inhalt. Nur genutzt in <faxtechnik> */
     304    /* Mehrspaltiger Inhalt. */
    269305}
    270306
     
    293329
    294330
    295 /*
     331/**********************************************************************\
     332| CENTRAL COMMON STYLES: TABLE LAYOUT FROM details.css                 |
     333+----------------------------------------------------------------------+
     334| Hier ist das Tabellenlayout der ehemaligen details.css. Es wird      |
     335| (basismäßig) mittlerweile auch auf anderen Seiten genutzt, unter     |
     336| anderem die Univac9400-Kosten-Seite (seit v5.8).                     |
     337|                                                                      |
     338| Begrenzt auf #content, damit andere Seiten in dev.t29.de oder        |
     339| ähnlichem verschont bleiben.                                         |
     340|                                                                      |
     341| Das CSS ist uralt (stammt wohl noch von v5.0 und vorher) und wurde   |
     342| seit dem nie verändert (wie die Details-Seiten ;-) )                 |
     343|                                                                      |
     344\**********************************************************************/
     345
     346
     347#content td, #content table, #content tr {
     348    font: 12px Verdana;
     349}
     350
     351#content table p {
     352    text-align: justify;
     353    line-height: 120%;
     354}
     355
     356#content table p.center {
     357    margin: 5px 0px;
     358    text-align: center;
     359}
     360
     361#content td b {
     362    display: block;
     363}
     364
     365#content td.b, #content td.b a {
     366    font-weight: bold;
     367}
     368
     369#content table {
     370    background-color: #7090C0;
     371}
     372
     373#content td {
     374    padding: 2px;
     375    vertical-align: middle;
     376    text-align: center;
     377    background-color: #F7FDFF;
     378}
     379
     380#content th {
     381    padding: 2px;
     382    text-align: center;
     383    background-color: #BED0E5;
     384}
     385
     386#content .bemerkungen {
     387    vertical-align: middle;
     388    text-align: justify;
     389}
     390
     391
     392
     393/**********************************************************************\
     394| CENTRAL COMMON STYLES: BILDBOXEN ("Imageboxen")                      |
     395+----------------------------------------------------------------------+
     396|
    296397** Bildboxen ("Imageboxen")
    297398** Das Bildboxen-Konzept wird auf ausnahmslos allen Inhalts- und Extraseiten
     
    307408** .center .bildtext-bildbreite, damit zentrale Texte genauso breit wie die
    308409** Bilder werden.
    309 */
     410|
     411\**********************************************************************/
    310412
    311413#content .box, .content .box {
     
    381483}
    382484
     485
     486/* ehemaliger Spezialstyle auf der Startseite,
     487   jetzt genutzt nur auf der Lehrerinfo-Seite fuer Bildunterschrift. */
     488div.desc-right {
     489    /* rechts gefloatetes thumbnail mit Beschreibungstext */
     490    float: right;
     491    margin: 0pt 0pt 2em 2em;
     492/*  width: 236px; */
     493/*  border: 1px solid #7090C0;
     494    background-color: #EBEBEB; */
     495    border: 1px solid #094099;
     496    padding: 1em;
     497}
     498
     499div.desc-right img {
     500}
     501
     502div.desc-right p {
     503    /* Damit der Text nicht über die ganze Fensterbreite geht,
     504       <p style="width: Bildbreite;"> nötig. */
     505    margin: 1em 0 0 0; padding: 0;
     506    font-size: 90%;
     507    text-align: left;
     508}
    383509
    384510
  • shared/css/details.css

    r20 r33  
     1/***
     2 *** v5.8. FRESH UP:
     3 *** Der Inhalt dieser Datei wurde in das CSS common.css
     4 *** übertragen. Es gibt nun keine Homepageseite mehr, die
     5 *** dieses CSS einbindet.
     6 *** -- sven, 20.08.2008
     7 ***
     8 ***/
     9
    110
    211/*------------------------------------------*
  • shared/css/fresh-iefixing.css

    • Property svn:keywords set to Id
    r20 r33  
    1010**            bezueglich Lösungen für transparente PNGs und die Navigation
    1111 *
    12  * Man beachte die aktuellen Statistiken, hier aus April/Mai/Juni 2007:
    13  *
    14  * 40.60%  Gecko-Engine (z.B. Firefox) und KHTML (Konqueror, Safari)
    15  * 31.90%  Internet Explorer 6
    16  * 16.50%  Internet Explorer 7
    17  *  3.39%  Opera
    18  *  1.01%  Internet Explorer 5
    19  *  1.85%  Bots (z.B. Suchmaschinen)
    20  *
    21  * Für gerade mal 30% der Homepagepagebesucher wurden die folgenden Zeilen
    22  * ganz exklusiv geschrieben und unglaubliche Verrenkungen im HTML-Sourcecode
    23  * vorgenommen. Für 30% der Homeepagebesucher, eine Gruppe, die sich dadurch
    24  * auszeichnet, dass sie von unheimlicher Dummheit und Ignoranz gezeichnet ist.
    25  * Natürlich wissen diese DAUs nicht, was sie da machen. Denn wie man sieht,
    26  * schadet ihr Verhalten nicht nur ihnen, sondern auch vielen anderen.
     12 * Man beachte den Verlauf der Statistiken:
     13 *
     14 *                             April/Mai/Juni 07   02.08   05.08  08.08
     15 * Firefox (Gecko)          |            40.60%   |  38% |   39% |  47%
     16 * Internet Explorer 5      |             1.01%   | 0.3% |    0% |   0%
     17 * Internet Explorer 6      |            31.90%   |  26% |   26% |  22%
     18 * Internet Explorer 7      |            16.50%   |  23% |   23% |  22%
     19 * Opera, Safari, KHTML     |             3.90%   |   9% |    7% |   9%
     20 * Bots (Suchmaschinen)     |             1.85%   |      |       |
     21 *
     22 * Die Tendenz geht bei IE-Benutzern eindeutig Richtung IE7 (wenn auch,
     23 * widererwarten langsam), insgesamt aber noch mehr richtung Alternativbrowser.
     24 * So wurde letztes Jahr in diesem CSS an dieser Stelle gesagt:
     25 *
     26 ** Für gerade mal 30% der Homepagepagebesucher wurden die folgenden Zeilen
     27 ** ganz exklusiv geschrieben und unglaubliche Verrenkungen im HTML-Sourcecode
     28 ** vorgenommen. Für 30% der Homeepagebesucher, eine Gruppe, die sich dadurch
     29 ** auszeichnet, dass sie von unheimlicher Dummheit und Ignoranz gezeichnet ist.
     30 ** Natürlich wissen diese DAUs nicht, was sie da machen. Denn wie man sieht,
     31 ** schadet ihr Verhalten nicht nur ihnen, sondern auch vielen anderen.
     32 *
     33 * Heute lässt sich resümieren: Jetzt sind es nur noch 20%. ;-)
     34 *
     35 * $Id$
    2736 *
    2837 */
     
    4756    window.attachEvent("onresize", fixwidth);
    4857}(this))}
     58
     59/* Sprachlinks */
     60#lang strong {
     61    background-image: none;
     62    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/langbg-on.menu.png', enabled='true', sizingMethod='crop');
     63}
     64
     65#lang a {
     66    background-image: none;
     67    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/langbg.menu.png', enabled='true', sizingMethod='crop');
     68    cursor: pointer;
     69}
     70
     71#lang a:hover {
     72    background-image: none;
     73    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/langbg-hot.menu.png', enabled='true', sizingMethod='crop');
     74}
    4975
    5076#menu a {
  • shared/css/fresh.css

    • Property svn:keywords set to
      Id
      Revision
      Author
      Date
    r32 r33  
    1 /***************************************************************************\
    2 |       _         _         _                                               |
    3 |      /\ \     /\ \      / /\          technikum29.de                      |
    4 |      \_\ \   /  \ \    / /  \         Screendesign der Version 5.7        |
    5 |      /\__ \ / /\ \ \  / / /\ \                                            |
    6 |     / /_ \ \\/_/\ \ \/_/ /\ \ \       Seit Version 5.7 default-css fuer   |
    7 |    / / /\ \ \   / / /\ \ \_\ \ \      die Homepage. screen.css steht      |
    8 |   / / /  \/_/  / / /  \ \/__\ \ \     jedoch immer noch als gleichwertige |
    9 |  / / /        / / /  _ \_____\ \ \    Alternative zur Verfuegung.         |
    10 | / / /        / / /_/\_\       \ \ \                                       |
    11 |/_/ /        / /_____/ /        \ \ \  Alle "Spezialstyles" fuer einzelne  |
    12 |\_\/         \________/          \_\/  Inhaltsseiten sind in common.css    |
    13 |                                       mit dem ehemal. print.css           |
    14 |                                       zusammengefasst.                    |
    15 |                                                                           |
    16 | $Id::                                                                   $ |
    17 |                                                                           |
    18 | IE6-Workarounds sind hauptsaechlich in fresh-iefixing.css festgehalten!   |
    19 \***************************************************************************/
    20 
    21 /*
    22 ** Changelog seit v5.7:
    23 **   v5.7FINAL: eingeführt
    24 **   v5.7.1:    Schriftgröße runtergesetzt, Menü l3 nun ständig angezeigt
    25 **   v5.7.5:    Kosmetische Verbesserungen (Sourcecode), Verallgemeinerungen
    26 **              für Textabstand zu links floatenden Bildern, Restrukturierung
    27 **              Navibereich, Transfer von allgemeinen Teilen (bildboxen) zu
    28 **              common.css, Styleswticher, etc.
    29 **   v5.7.6:    opacity:.99; für Safari2-Bug
    30 **   v5.7.21:   Seitenmindesthöhe vergrößert
    31 **   v5.8.0:    Extraseitenstyles hinzugefügt.
    32 **
    33 **
    34 **
    35 */
    36 
    37 
    38 /*
    39 ** "fresh" -- das klingt nach Freiheit, Frische, Vitalitaet, ein Design, was
    40 ** alte Zoepfe abschneidet trotzdem aestetisch schoen ist. So oder so aehnlich
    41 ** war es auch in der ersten Version geplant -- was in dieser hier vorliegenden
    42 ** Endfassung davon uebrig geblieben ist, haben viele Leute unabhaengig von-
    43 ** einander auf den Punkt gebracht: Konservativ. Jedes einzige der "frischen"
    44 ** Elemente wurde in einer zaehen, langen Woche Stueck fuer Stueck entfernt
    45 ** und durch etwas ersetzt, was in seiner Ganzheit nun von einigen Leuten als
    46 ** schlichtweg "haesslich", von anderen als "konservativ" und "altbacken" be-
    47 ** zeichnet wird. Eigentlich trifft nur eins zu: Es trifft vermutl. im Grossen
    48 ** und ganzen die Vorstellungen des "Kunden", wenn auch jede Hoffnung auf das,
    49 ** was man von einem "Redesign" erhoffen koennte, weitgehend gestorben ist.
    50 ** So bleibt nur noch der Name, den ich - entgegen jedem Frust - aus Hoffnung
    51 ** heraus nicht in "conservative.css" geaendert habe. Denn auch Rueckschritt
    52 ** kann Frische bringen, und, um mit den Worten der Leute zu schliessen, die
    53 ** das Design als "neutral" und "nicht schlecht" empfunden haben, es passt doch
    54 ** zu einem Museum auch ein bisschen.
    55 ** In diesem Sinne viel Spass beim Lesen eines Stylesheets, was meinem Empfinden
    56 ** nach fuer ein solches Aussehen ueberpropertional umfangreich ist.
    57 **  -- Sven, 15.07.2007 23:00
    58 */
    59 
     1/***********************************************************************************\
     2**                             ,---.-,                                             **
     3**     ___          ,----,    '   ,'  '.    technikum29.de                         **
     4**   ,--.'|_      .'   .' \  /   /      \   Screendesign der Version 5.8           **
     5**   |  | :,'   ,----,'    |.   ;  ,/.  :                                          **
     6**   :  : ' :   |    :  .  ;'   |  | :  ;   Seit Version 5.7 ist fresh.css das     **
     7** .;__,'  /    ;    |.'  / '   |  ./   :   Standarddesign der Homepage.           **
     8** |  |   |     `----'/  ;  |   :       ,   screen.css steht jedoch immer noch     **
     9** :__,'| :       /  ;  /    \   \      |   als gleichwertige Alternative zur      **
     10**   '  : |__    ;  /  /-,    `---`---  ;   Verfuegung.                            **
     11**   |  | '.'|  /  /  /.`|       |   |  |                                          **
     12**   ;  :    ;./__;      :       '   :  ;   "Spezialstyles" fuer einzelne          **
     13**   |  ,   / |   :    .'        |   |  '   Inhaltsseiten sind in common.css       **
     14**    ---`-'  ;   | .'           ;   |.'    zusammengefasst.                       **
     15**            `---'              '---'                                             **
     16**                                          Workarounds fuer den IE6 sind haupt-   **
     17**                                          saechlich in fresh-iefixing.css        **
     18** This is $Revision::    $ from            festgehalten, fuer den IE7 hier.       **
     19** $Author::         $, latest change at                                           **
     20** $Date:: 2006-07-22 21:42:37 -0700 (Sat, Jul 2006)$                              **
     21**                                                                                 **
     22**    Alle technikum29-CSS sind valide CSS3: http://tinyurl.com/t29-css-valid      **
     23**                                                                                 **
     24*************************************************************************************
     25**                                                                                 **
     26** Changelog seit v5.7                                                             **
     27**                                                                                 **
     28**   v5.7FINAL: eingeführt                                                         **
     29**   v5.7.1:    Schriftgröße runtergesetzt, Menü l3 nun ständig angezeigt          **
     30**   v5.7.5:    Kosmetische Verbesserungen (Sourcecode), Verallgemeinerungen       **
     31**              für Textabstand zu links floatenden Bildern, Restrukturierung      **
     32**              Navibereich, Transfer von allgemeinen Teilen (bildboxen) zu        **
     33**              common.css, Styleswticher, etc.                                    **
     34**   v5.7.6:    opacity:.99; für Safari2-Bug                                       **
     35**   v5.7.21:   Seitenmindesthöhe vergrößert                                       **
     36**   v5.8.0:    Extraseiten-Hintergründe hinzugefügt. Generalüberholung des        **
     37**              gesamten Stylesheets, Kommentare aufgeräumt, Menünavigation        **
     38**              verschönert (:focus-Effekt jetzt identisch zu :hover). Neuer       **
     39**              Beginn des Stylesheets, Neues Design fuer Sprachlinks              **
     40**              (Registerkartenimitate)                                            **
     41**                                                                                 **
     42*************************************************************************************
     43**                                                                                 **
     44** Ueber dieses Design                                                             **
     45**                                                                                 **
     46** Dieses Design hat seit der Idee viele Veränderungen durchgemacht. So wundert    **
     47** wenig, wie ich damals davon gesprochen habe:                                    **
     48**                                                                                 **
     49*** "fresh" -- das klingt nach Freiheit, Frische, Vitalitaet, ein Design, was      **
     50*** alte Zoepfe abschneidet trotzdem aestetisch schoen ist. So oder so aehnlich    **
     51*** war es auch in der ersten Version geplant -- was in dieser hier vorliegenden   **
     52*** Endfassung davon uebrig geblieben ist, haben viele Leute unabhaengig von-      **
     53*** einander auf den Punkt gebracht: Konservativ. Jedes einzige der "frischen"     **
     54*** Elemente wurde in einer zaehen, langen Woche Stueck fuer Stueck entfernt       **
     55*** und durch etwas ersetzt, was in seiner Ganzheit nun von einigen Leuten als     **
     56*** schlichtweg "haesslich", von anderen als "konservativ" und "altbacken" be-     **
     57*** zeichnet wird. Eigentlich trifft nur eins zu: Es trifft vermutl. im Grossen    **
     58*** und ganzen die Vorstellungen des "Kunden", wenn auch jede Hoffnung auf das,    **
     59*** was man von einem "Redesign" erhoffen koennte, weitgehend gestorben ist.       **
     60*** So bleibt nur noch der Name, den ich - entgegen jedem Frust - aus Hoffnung     **
     61*** heraus nicht in "conservative.css" geaendert habe. Denn auch Rueckschritt      **
     62*** kann Frische bringen, und, um mit den Worten der Leute zu schliessen, die      **
     63*** das Design als "neutral" und "nicht schlecht" empfunden haben, es passt doch   **
     64*** zu einem Museum auch ein bisschen.                                             **
     65*** In diesem Sinne viel Spass beim Lesen eines Stylesheets, was meinem Empfinden  **
     66*** nach fuer ein solches Aussehen ueberpropertional umfangreich ist.              **
     67***  -- Sven, 15.07.2007 23:00                                                     **
     68**                                                                                 **
     69**                                                                                 **
     70*************************************************************************************
     71**                                                                                 **
     72** Table of contents                                                               **
     73**                                                                                 **
     74** Da dieses CSS recht lang ist (dieser aussergewoehnlich lange Kommentar am       **
     75** Anfang tut dazu sein uebriges), wurde es in verschiedene nummerierte Abschnitte **
     76** eingeteilt:              (typische tags)                                        **
     77**                                                                                 **
     78**   1. banner              (h1, #h1-subtitle)                                     **
     79**   2. general             (#wrapper, #page, #sidebar, #footer)                   **
     80**   3. sidebar             (#sidebar, #lang)                                      **
     81**   4. menu                (#menu, #menu ul.l[123].a, #menu li em, ...)           **
     82**   4. content             (h2, p, a, a:hover, a:focus, ul.nav)                   **
     83**   5. footer              (#footer, #footer li a, #copyright)                    **
     84**                                                                                 **
     85\***********************************************************************************/
    6086
    6187body {
     
    75101          height: 2px; overflow: hidden; }
    76102
    77 /*
    78 ** Table of contents:
    79 **   1. Banner
    80 **   2. General page layout (#wrapper, #page, #menu, #content,...)
    81 **   3. Sidebar (Menu, language link,...)
    82 **   4. Common content
    83 **   5. Footer (Relations, copyright)
    84 **
    85 */
    86 
    87 
    88 /******************************************************************************
    89 **  1. Banner
    90 */
     103
     104/***********************************************************************************\
     105**   _     _                                   Der Banner besteht aus dem System   **
     106** /| |   | |__   __ _ _ __  _ __   ___ _ __    <h1><a class="[lang]" href="...>   **
     107**  | |   | '_ \ / _` | '_ \| '_ \ / _ \ '__|    <span>technikum29</span></a></h1> **
     108**  | |_  | |_) | (_| | | | | | | |  __/ |     und ggf. weiteren Elementen wie     **
     109**  |_(_) |_.__/ \__,_|_| |_|_| |_|\___|_|     einem Folgenden #subtitle.          **
     110**                                             [lang] besteht aus (de,en,dev,none) **
     111\***********************************************************************************/
    91112
    92113h1 {
    93114    margin: 0; padding: 0;
    94     height: 98px;
     115    height: 110px; /* vor schattenversuch: 98px */
    95116    text-align: center;
    96     background-color: #5E7FAD;
     117    /*background-color: #5E7FAD;*/ /* war gesetzt vor schattenversuch */
     118    /* Schatten (seit v5.8):
     119       Der reale Banner ist nur 96px hoch, px 97 bis 110 sind transparent auslaufender
     120       Schatten. Per Z-Index koennen Elemente (siehe Sprachlink) mit diesem Schatten
     121       arbeiten.
     122    */
    97123    background-repeat: repeat-x;
    98     background-image: url(../img/fresh.design/freshbanner.bg.png);
    99 }
     124    background-image: url(../img/fresh.design/freshbanner-shaded.bg.png);
     125    position: relative; /* fuer z-index */
     126    /* IE6 und 7 haben einen z-index-Bug, der das Layout unmoeglich macht.
     127       z-index bei h1 nicht setzen is eine Kompromissloesung */
     128}
     129
     130/* CSS-Hack: Alle modernen Browser ausser IE7 */
     131html>/**/body h1 { z-index: 3; }
     132
    100133
    101134h1 a {
     
    149182}
    150183
    151 
    152 /******************************************************************************
    153 **  2. General Page Layout (#sidebar, #content, #page,...)
    154 **
    155 **  An dieser Stelle nur allgemeine grundlegende Bereiche beschreiben, kein
    156 **  Design.
    157 */
     184/***********************************************************************************\
     185**  ____                                      _   Das General Page Layout um-      **
     186** |___ \      __ _  ___ _ __   ___ _ __ __ _| |  schliesst #sidebar, #content,    **
     187**   __) |    / _` |/ _ \ '_ \ / _ \ '__/ _` | |  #page, ..., also allgemeine      **
     188**  / __/ _  | (_| |  __/ | | |  __/ | | (_| | |  grundlegende Seitenbereiche, die **
     189** |_____(_)  \__, |\___|_| |_|\___|_|  \__,_|_|  positioniert werden. Hier werden **
     190**            |___/                               auch Navigationsleistenhinter-   **
     191**                                                gruende definiert.               **
     192\***********************************************************************************/
    158193
    159194#wrapper {
     
    244279    */
    245280    position: absolute;
    246     right: 0; top: 98px;
     281    /* Der Banner ohne Schatten ist 97px lang. */
     282    right: 0; top: 97px;
    247283    width: 210px;
    248     padding: 10px 20px 0 0;
     284    padding: 0 20px 0 0;
    249285}
    250286
     
    255291    /* problematishce Sache. VOrher stand font-size:105% ausgeklammert, d.h. 100% wurde genutzt.
    256292       Afaik soll sogar ein Schriftwechsler implementiert werden.
    257    
    258293    */
    259294    line-height: 125%; /* 1.5em sieht auch nett aus */
     
    273308}
    274309
    275 html>body #content { height: auto; }
    276 
    277310.extra #wrapper #content {
    278311    /* Extraseiten: Keine Mindesthoehe! */
    279312    min-height: inherit;
    280     height: inherit;
     313    height: 50px; /* IE7 bug: inherit geht nicht. */
     314}
     315
     316html>body #content, html>body .extra #wrapper #content {
     317    height: auto;
    281318}
    282319
     
    287324}
    288325
    289 /******************************************************************************
    290 **  3. Sidebar: Menue, Languagelink, Footnote
    291 */
     326/************************************************************************************\
     327**  _____        _     _      _                 In diesem Abschnitt werden Elemente **
     328** |___ /    ___(_) __| | ___| |__   __ _ _ __  der Sidebar ausgezeichnet, u.a. das **
     329**   |_ \   / __| |/ _` |/ _ \ '_ \ / _` | '__| Sprachlinksystem sowie die          **
     330**  ___) |  \__ \ | (_| |  __/ |_) | (_| | |    Fussnoten.                          **
     331** |____(_) |___/_|\__,_|\___|_.__/ \__,_|_|    Das Menü ist erst Bestandteil von   **
     332**                                              Punkt 4.                            **
     333\************************************************************************************/
    292334
    293335#sidebar {
     336    /* Fuer Positionsangaben siehe #sidebar weiter oben unter 2.content */
    294337    font-size: 12px;
    295338    /*background-color: #fafafa; geregelt als img für #wrapper */
     
    297340}
    298341
    299 /* Sprachlink */
     342/* Sprachlink-Box */
     343#lang {
     344    position: relative; /* fuer absolute Positioniereung drinnen */
     345    height: 41px;
     346}
     347
     348/* Zugängliche ausgeschriebene Kommentare ausblenden */
     349#lang span {
     350    display: none;
     351}
     352
     353/* Sprachlink-Liste, nur der Semantik wegen eine Liste */
    300354#lang ul, #lang li {
    301355    list-style: none;
     
    304358}
    305359
    306 #lang {
    307     /* Link auf englische/deutsche Version, auffällig  */
    308     margin: 12px 0 20px 0;
    309 }
    310 
     360/* Sprachlink- sowie Anzeige der jetzigen Sprache: */
     361#lang a, #lang strong {
     362    /* Dimensionen fuer den Link + Schriftformatierung */
     363    display: block;
     364    position: absolute;
     365    width: 108px;
     366    /* Höhe beträgt 41px, aber damit Schrift nicht wegen der 6px
     367       (in den Banner geschoben) blöd aussieht, diese 6px in der
     368       Box wieder kompensieren: */
     369    height: 35px; /* Eigentlich 41, -6px padding = 35px */
     370    line-height: 35px;
     371
     372    text-align: center;
     373    background-position: bottom right;
     374    background-repeat: no-repeat;
     375}
     376
     377/* englischsprachige(r) Link/Anzeige: */
     378#lang .en {
     379    /* rechts neben dem deutschsprachigen */
     380    left: 102px;
     381}
     382
     383/* Anzeige der jetzigen Sprache: */
     384#lang strong {
     385    /* In den Banner "reinschieben", damit Tab-Aussehen zustande kommt */
     386    top: -6px;
     387    left: 0px;
     388    z-index: 4; /* ueber <h1> darstellen, also ueber Schatten */
     389
     390    /* Das blaue Bild hat die Höhe 41px, davon sind 6px im Banner.
     391       Damit Text auch mittig ist: */
     392    padding-top: 6px;
     393
     394    color: white;
     395    background-image: url(../img/fresh.design/langbg-on.menu.png);
     396}
     397
     398/* Link auf andere Sprache: */
     399#lang a {
     400    top: 0; left: 0;
     401    z-index: 2; /* unter <h1> darstellen, also unter Schatten */
     402    background-image: url(../img/fresh.design/langbg.menu.png);
     403
     404    text-decoration: none;
     405    color: black;
     406}
     407
     408/* Geehoverter Link auf andere Sprache: */
     409#lang a:hover {
     410    background-image: url(../img/fresh.design/langbg-hot.menu.png);
     411    z-index: 5; /* nach ganz oben. */
     412}
     413
     414
     415/*
    311416#lang a, #lang span {
    312417    display: block;
     
    314419    padding: 5px 12px 5px 20px;
    315420    background-color: #fff;
    316     /*background-image: url(../img/fresh.design/langbg.menu.png);*/
     421    **background-image: url(../img/fresh.design/langbg.menu.png);**
    317422    text-decoration: none;
    318423    border: 1px solid #5D7EAB;
    319 }
    320 
    321 #lang span {
    322     /* Bevor Entscheidung fuer Sprachlinkdesign getroffen wurde, ausblenden */
    323     display: none;
    324424}
    325425
     
    329429    background: #f0c194 url(../img/fresh.design/orangebg.menu.png) repeat-x;
    330430}
     431*/
    331432
    332433/* Schriftgroesseneinstellung/Styleswitcher */
     
    348449}
    349450
    350 
    351 
    352 /* Menue */
     451/* Fussnote fuer die Sidebar*/
     452
     453#sidebar-footnote {
     454    /* Container, der in #content steckt und rechts in der Seitenleiste
     455       angeordnet wird und z.B. benutzt werden kann, um auf den Hintergrund
     456       einzugehen. */
     457    position: absolute;
     458    /* Position relativ zum inneren padding von #content! */
     459    bottom: 0;
     460    right: -230px;
     461    width: 230px;
     462}
     463
     464#sidebar-footnote a {
     465    display: block;
     466    padding: 1em;
     467    text-align: center;
     468}
     469
     470/***********************************************************************************\
     471**  _  _                                                                           **
     472** | || |     _ __ ___   ___ _ __  _   _    Das Menue mit allen Submenues, den     **
     473** | || |_   | '_ ` _ \ / _ \ '_ \| | | |   aktiven/inaktiven Seiten und Menues    **
     474** |__   _|  | | | | | |  __/ | | | |_| |   wird an dieser Stelle ausgezeichnet.   **
     475**    |_|(_) |_| |_| |_|\___|_| |_|\__,_|                                          **
     476**                                                                                 **
     477\***********************************************************************************/
     478
     479/* Menü level 1 (Hauptmenü) */
    353480#menu ul.l1, #menu li {
    354     /* Menue Level1, Hauptmenue */
    355481    list-style: none;
    356482    margin: 0; padding: 0;
     
    365491}
    366492
    367 /* Beschreibung aller allgemeinen Links */
     493/* Beschreibung aller allgemeinen Links. Das simple Linkschema lautet:
     494    a    = echter link
     495    em   = Kategorienüberschrift
     496    a.on = Seite, auf der man ist (kein Link)
     497*/
    368498#menu a, #menu em {
    369     /* a=link, em=Kategorieueberschrift, a.on=hier ist man */
    370499    text-decoration: none;
    371500    display: block;
     
    374503}
    375504
    376 /* Beschreibung der Elemente der Hauptkategorie */
     505/*111111111111111111111111111111111111111111111111111111111111111111111111111111111*\
     506**11                  HAUPT_KATEGORIE -- MENU LEVEL 1                            11**
     507\*111111111111111111111111111111111111111111111111111111111111111111111111111111111*/
     508
     509/* Beschreibung der Elemente der Hauptkategorie.
     510   Diese umfassen die Überschriften für Unterkategorien (l2), also em.l2,
     511   sowie alle Links auf der Ebene der Hauptkategorie (l1), also li.l1 a.
     512   li.l1 a.on bzw. #menu a.on wird hier "nur wegen der margin-top-dominanz"
     513   aufgelistet bzw. "muss das hier teilweise überschreiben, siehe weiter unten".
     514*/
    377515#menu em.l2, #menu li.l1 a:link, #menu li.l1 a:visited, #menu li.l1 a.on {
    378     /* die zwei Ueberschriften fuer Hauptunterkategorien &      ^--- a.on nur wegen margin-top-dominanz!
    379        Ausserdem die Links der Hauptkategorie
    380        Achtung: #menu a.on muss das hier teilweise ueberschreiben, siehe
    381                 weiter unten
    382     */
    383516    margin-top: 15px !important; /* wird sonst von #menu a:link ueberschrieben */
    384517    /*text-align: right;*/
     
    396529
    397530/* Allgemeiner Orange-Hover-Effekt (muss unter li.l1 a stehen) */
    398 #menu a:hover, #menu li.l1 a:hover {
     531#menu a:hover, #menu li.l1 a:hover, #menu a:focus, #menu li.l1 a:focus, #menu li.l1 a:active {
    399532    /* alle gehoverten Links */
    400533    background-color: #F0C494; /*#f0d994*/
     
    406539}
    407540
    408 #menu li.l1 a:hover {
     541/* Für Links aus der Hauptkategorie: */
     542#menu li.l1 a:hover, #menu li.l1 a:focus {
    409543    /* Um 1px Rahmen wieder zu ueberschreiben */
    410544    border-width: 2px;
     
    413547}
    414548
    415 #menu li.long a:hover, #menu li.long3 a:hover {
    416     /* fuer mehrzeilige (lange) Links langer Hintergrund */
    417     /* long3 wird zwar bis jetzt nicht mehr genutzt, aber egal. */
     549/* Für mehrzeilige (lange) Links: */
     550#menu li.long a:hover, #menu li.long3 a:hover, #menu li.long3 a:focus {
     551    /* (in der Höhe) langer Hintergrund: */
    418552    background-image: url(../img/fresh.design/orangebg-long.menu.png);
    419553}
    420554
     555/*222222222222222222222222222222222222222222222222222222222222222222222222222222222*\
     556**22                  UNTER_KATEGORIE -- MENU LEVEL 2                            22**
     557\*222222222222222222222222222222222222222222222222222222222222222222222222222222222*/
     558
     559
     560/* Hauptunterkategorie bzw. erstes Unterkategorienlevel bzw. "level 2": */
    421561#menu ul.l2 {
    422     /* Erstes Unterkategorielevel Abstand von erstem Link
    423        kompensieren um direkten Anschluss an die Ueberschrift
    424        zu gewaehrleisten */
     562    /* Abstand von erstem Link kompensieren um direkten Anschluss
     563       an die Ueberschrift zu gewaehrleisten */
    425564    /*margin-top: -2px;*/
    426565    padding: 7px 0;
    427566}
    428567
     568/* Gehoverte und/oder aktive (=da ist man) Hauptunterkategorie: */
    429569#menu li.l2:hover ul.l2, #menu li div.on ul.l2 {
    430     /* Unterkategorien gehovert/aktiv - allgemein - Hintergrundfarbe */
     570    /* Hintergrundfarbe (halbtransparent): */
    431571    /*background-color: #DEE5EE;*/
    432572    background-image: url(../img/fresh.design/catl1-bg.menu.png);
    433573}
    434574
     575/* Links in der ersten Hauptunterkategorie (Links vom "level 2"): */
    435576#menu ul.l2 a {
    436     /* Ein bisschen Abstand fuer normale Links */
     577    /* Mehr Abstand oben und unten: */
    437578    margin-top: 1px;
    438579    margin-bottom: 1px;
    439580}
    440581
     582/* "Besuchte-Seiten-Haeckchen" -- einfaches, aber mächtiges Feature,
     583   war leider nicht gewollt. */
    441584/*
    442 Besuchte-Seiten-Haeckchen letzendlich voellig entfernt :(
    443585#menu ul.l2 a:visited span {
    444586    * Link-Span fuer Haeckchen fuer bereits besuchte
     
    454596*/
    455597
     598/* Erzeugung der allgemeinen Listenpfeilchen aller Links in Level 2 und 3: */
    456599#menu ul.l2 a:link span, #menu ul.l2 a:visited span, #menu li.l3 em span {
    457     /* Allgemeine Listenpunkte (kleine blaue Pfeile) */
     600    /* kleine blaue Pfeile: */
    458601    display: block;
    459602    position: absolute;
     
    466609}
    467610
    468 html>body #menu ul.l2 a:hover span { /* IE darf nicht mitmachen, der positioniert anders */
    469     /* position:absolute geht nach border, und der ist jetzt 1px breit */
     611/* Gehoverte Links: Position der Listenpfeilchen */
     612html>body #menu ul.l2 a:hover span, html>body #menu ul.l2 a:focus span {
     613    /* position:absolute geht nach border, und der ist jetzt 1px breit.
     614       Also muss die Position beim Hovern korrigiert werden. Der IE
     615       sieht das anders, für ihn also nicht korrigieren. */
    470616    top: -1px; left: -1px;
    471617}
    472618
     619/* nicht mehr Pfeil, also stehen lassen. *//*
    473620#menu ul.l2 a:focus span {
    474     /* Ausblenden bei focus -> da kommt der schwarze grosse Pfeil */
     621    ** Ausblenden bei focus -> da kommt der schwarze grosse Pfeil **
    475622    display: none;
    476 }
    477 
    478 /* Beschreibung der Elemente zur 3. Unterkategorie */
     623}*/
     624
     625/*333333333333333333333333333333333333333333333333333333333333333333333333333333333*\
     626**33               UNTER_UNTER_KATEGORIE -- MENU LEVEL 3                         33**
     627\*333333333333333333333333333333333333333333333333333333333333333333333333333333333*/
     628
     629
     630/* Beschreibung der Elemente zur UnterUnterkategorie (level 3): */
    479631#menu li.l3 div {
    480     /* Abstand 3. Unterkategorie zu anderen Punkten */
     632    /* Abstand der 3. Unterkategorie zu anderen Punkten: */
    481633    margin: 10px 0;
    482634}
    483635
     636/* Überschriften der UnterUnterkategorie (level 3): */
    484637#menu li.l3 em {
    485     /* Ueberschriften der Unterkategorien Level3 */
    486638    font-weight: bold;
    487639    font-style: normal;
    488640    color: #224B88;
    489     /* siehe auch z.317 direkt hier drueber wegen allgemeinen Listenpunkten */
    490     /* -> nein. keine allgemeinen Listenpunkte mehr. Nur noch runtergehende */
    491 }
    492 
     641    background-image: url(../img/fresh.design/catl2-bg.menu.png);
     642}
     643
     644/* Gehoverte oder aktive (=da ist man) Überschrift der UnterUnterkategorie (level 3)*/
     645#menu li.l3:hover em, #menu li.l3 div.on em {
     646    /* Ueberschrift der Unterkategorien Level3 -- gehovert oder aktiv */
     647    /*border-bottom: 1px solid #d4d4d4;*/ /* Border ruckelt -- wozu zum Teufel border? */
     648    background-image: url(../img/fresh.design/headl2-bg.menu.png);
     649    color: #000;
     650}
     651
     652/* Erzeugung der Runterpfeilchen für Überschriften des level 3: */
     653#menu li.l3 em span, #menu li.l3 div.on em span {
     654    /* Siehe Erzeugung der allgemeinen Listenpfeilchen -- diese Eigenschaften
     655       werden hier geerbt. */
     656    /* Icon ist immer runtergefahren */
     657    background-image: url(../img/fresh.design/subarrow.menu.png);
     658    background-position: 4px 10px;
     659}
     660
     661/* Beschreibung des Blocks der UnterUnterkategorie (level 3): */
    493662#menu li.l3 ul {
    494     /* Unterkategorien Level3 */
    495663    display: block;
    496664    /*margin-top: -2px;*/
     
    502670}
    503671
     672/* Gehoverter oder aktiver (=da ist man) Block der UnterUnterkategorie (level 3): */
    504673#menu li.l3:hover ul, #menu li.l3 div.on ul {
    505     opacity: .99; /* Safari2-Bug: opacity:1 blendet das Ding komplett aus! */
    506 }
    507 
    508 #menu li.l3 em {
    509     background-image: url(../img/fresh.design/catl2-bg.menu.png);
    510 }
    511 
    512 #menu li.l3:hover em, #menu li.l3 div.on em {
    513     /* Ueberschrift der Unterkategorien Level3 -- gehovert oder aktiv */
    514     /*border-bottom: 1px solid #d4d4d4;*/ /* Border ruckelt -- wozu zum Teufel border? */
    515     background-image: url(../img/fresh.design/headl2-bg.menu.png);
    516     color: #000;
    517 }
    518 
    519 #menu li.l3 em span, #menu li.l3 div.on em span {
    520     /* Icon ist immer runtergefahren */
    521     background-image: url(../img/fresh.design/subarrow.menu.png);
    522     background-position: 4px 10px;
    523 }
    524 
    525 #menu a.on, #menu a.on:hover, #menu a:focus, #menu li.l1 a.on, #menu li.l1 a:focus { /* #menu a.on.l1, #menu a.on.l1:hover */
     674    /* Beim hovern komplett darstellen. */
     675    opacity: .99;
     676    /* 99% = Workaround um Safari2-Bug: opacity:1 blendet das Ding komplett aus! */
     677}
     678
     679/*<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<==<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=*\
     680**=>                  SCHWARZE PFEILE BEI AKTIVEN SEITEN                         <=**
     681\*=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=>=*/
     682
     683/* hier entfernt: #menu a:focus, #menu li.l1 a:focus, bei Focus nicht Pfeil
     684   anzeigen (wegen unterschiedlichen Höhen!) sondern bei dem orangen bg bleiben. */
     685#menu a.on, #menu a.on:hover, #menu li.l1 a.on {
    526686    /* Formatierung des Dings, wo man gerade ist */
    527687    /* Dort soll ein schwarzer Pfeil links raushaengen */
     
    535695    height: 19px;
    536696    /* gegen allgemeines #menu a:hover */
    537     background-color: inherit !important;
     697    background-color: transparent !important; /* IE7 bug: inherit geht nicht. */
    538698    border: none !important;
    539699}
    540700
    541 #menu li.long a.on, #menu li.long a.on:hover, #menu li.long a:focus {
     701#menu li.long a.on, #menu li.long a.on:hover { /*, #menu li.long a:focus {*/
    542702    /* Zweizeilige oder dreizeilige Elemente */
    543703    background-image: url(../img/fresh.design/blackarrow-long.menu.png);
     
    547707}
    548708
    549 #menu li.long3 a.on, #menu li.long3 a.on:hover, #menu li.long3 a:focus {
     709#menu li.long3 a.on, #menu li.long3 a.on:hover { /*, #menu li.long3 a:focus { */
    550710    /* Dreizeilige Elemente */
    551711    background-image: url(../img/fresh.design/blackarrow-long3.menu.png);
     
    553713}
    554714
    555 #sidebar-footnote {
    556     /* Container, der in #content steckt und rechts in der Seitenleiste
    557        angeordnet wird und z.B. benutzt werden kann, um auf den Hintergrund
    558        einzugehen. */
    559     position: absolute;
    560     /* Position relativ zum inneren padding von #content! */
    561     bottom: 0;
    562     right: -230px;
    563     width: 230px;
    564 }
    565 
    566 #sidebar-footnote a {
    567     display: block;
    568     padding: 1em;
    569     text-align: center;
    570 }
    571 
    572 
    573 /******************************************************************************
    574 **  4. Common Content
    575 */
     715 /***********************************************************************************\
     716 **  ____                  _             _    Alle Auszeichnungen, die den Inhalt   **
     717 ** | ___|  ___ ___  _ __ | |_ ___ _ __ | |_  (#content, #page oder .content)       **
     718 ** |___ \ / __/ _ \| '_ \| __/ _ \ '_ \| __  betreffen und (nur) dort gelten,      **
     719 **  ___) | (_| (_) | | | | ||  __/ | | | |_  werden in dem folgenden Bereich       **
     720 ** |____(_)___\___/|_| |_|\__\___|_| |_|\__| notiert.                              **
     721 **                                                                                 **
     722 \***********************************************************************************/
    576723
    577724h2 {
     
    595742}
    596743
    597 /*
    598   Links mit Pfeilen: a.go & a.arrow
    599   entweder mit Bildern oder mit &raquo;-Dooppelpfeil
    600 */
    601 
     744/*>> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> *\
     745**>>                DOPPEL-PFEILCHEN BEI LINKS UND LISTEN                        <<**
     746**>>                           a.go & a.arrow                                    <<**
     747\* << << << << << << << << << << << << << << << << << << << << << << << << << << <<*/
     748
     749/* Alternative Form, Bilder sehen aber schöner aus: */
    602750/*a.arrow:before, a.go:before {
    603751    content: "»";
     
    637785
    638786/*  Navigationslisten: <ul class="nav">/<ul id="nav">
    639     werden im Prinzip nur von Extraseiten (/de/geraete) verwendet
     787    werden im Prinzip nur von Extraseiten (/de/geraete) verwendet,
     788    und da es seit v5.8 auch die in dem Sinne nicht mehr gibt, sind
     789    diese Listen OBSOLET.
    640790*/
    641791
     
    667817}
    668818
    669 
    670 /******************************************************************************
    671 **  5. FOOTER, COPYRIGHT
    672 */
    673 
     819/***********************************************************************************\
     820**   __     __             _                                                       **
     821**  / /_   / _| ___   ___ | |_ ___ _ __   Der Footer (#footer) sowie der           **
     822** | '_ \ | |_ / _ \ / _ \| __/ _ \ '__|  obligatorische Copyright-Hinweis werden  **
     823** | (_) ||  _| (_) | (_) | ||  __/ |     hier ausgezeichnet. Der Footer kann seit **
     824**  \___(_)_|  \___/ \___/ \__\___|_|     v5.8 mehrere Backlinks enthalten.        **
     825**                                                                                 **
     826\***********************************************************************************/
     827
     828/* Seitenrelationenleiste ganz unten: */
    674829#footer {
    675     /* Seitenrelationenleiste ganz unten */
    676830    clear: both; padding: 0;
    677831    font-size: 12px;
     
    693847* html #footer { height: 58px; } /* Damit IE keinen Quatsch macht */
    694848
    695 #footer .border {
    696     /* Legacy zwecks Kompatibilitaet zu screen.css */
     849/* .border: Legacy zwecks Kompatibilitaet zu screen.css
     850    span:   Dummyelement für IE6-Kompatibilität (vgl. fresh-iefixing.css) */
     851#footer .border, #footer span {
    697852    display: none;
    698853}
    699854
    700855#footer ul, #footer li {
     856    /* Alle Listen-Eigenschaften abschalten. */
    701857    list-style: none;
    702858    margin: 0; padding: 0;
     
    749905}
    750906
    751 #footer span {
    752     /* Dummyelement für IE6-Kompatibilität */
    753     display: none;
    754 }
    755 
     907/* Copyright-Hinweis. */
    756908#copyright  {
    757909    background-color: #fff; /* um bodybg auszublenden */
     
    765917}
    766918
    767 
    768 /* EOF */
     919/***********************************************************************************\
     920**              __                                                                 **
     921**   ___  ___  / _|  eof -- end of file.                                           **
     922**  / _ \/ _ \| |_   Bitte beachten sie: Das technikum29-Design unterliegt dem     **
     923** |  __/ (_) |  _|  Copyright. Wenden sie sich bei Anfrage auf Benutzung bitte    **
     924**  \___|\___/|_|    an development $$ technikum29.de ($$ durch ein @ ersetzen)    **
     925**                                                                                 **
     926\***********************************************************************************/
  • shared/css/screen.css

    • Property svn:keywords set to
      Id
      Revision
      Author
      Date
    r20 r33  
    1111 *                                                                *
    1212 *  ab Version v5.7 ist fresh.css das neue Standardcss fuer Bild- *
    13  *  schirmanzeige. Das Screen-Design ist allerdings fuer "kleine" *
     13 *  schirmanzeige. Das Screen-Design ist zwar fuer "kleine"      *
    1414 *  Anzeigebereiche (Breite < 900px) besser geeignet, soll jedoch *
    1515 *  nicht mehr benutzt werden. Trotzdem steht es als mehr oder    *
     
    1717 *  kompatibilitaet zur Verfuegung und laesst sich mit der        *
    1818 *  Browserfunktion zum CSS-Wechseln aktivieren.                  *
     19 *  Internet Explorer der Version 5 werden automatisch auf dieses *
     20 *  Design umgestellt (Anteil der IE5s im Jahr 2008 an den        *
     21 *  Homepagebesuchern: 0% IE5 25% IE6, 25% IE7).                  *
     22 *                                                                *
    1923 *  fuer v5.7 wurde diese Datei so angepasst, dass sie sowohl fuer*
    2024 *  alte Quelltexte als auch neue gleichzeitig nutzbar ist. In der*
    21  *  Uebergangsphase, wo /en noch alt ist, ist dies noetig.        *
    22  *  IEs der Version 5 werden automatisch auf dieses Design        *
    23  *  umgestellt                                                    *
     25 *  Uebergangsphase, wo /en noch alt ist, war dies noetig.        *
    2426 *                                       12.07.07 2:15 v5.7BETA   *
     27 *  $Id::                                                      $  *
    2528  \**************************************************************/
    2629
     
    2932**   v5.7FINAL: Changelog gestartet
    3033**   v5.7.5:    Diverse Anpassungen für besseres Aussehen
     34**   v5.8:      Einige Fixes, damit das Design zumindest noch
     35**              benutzbar waere.
    3136**
    3237**
     
    121126}
    122127
    123 div#lang {
     128div#lang a {
    124129    /* <div> mit Sprachauswahl (z.b. "englische Version") */
    125130    position: absolute;
     
    128133    width: 160px; height: 13px;
    129134    margin: 0; padding: 1px;
     135}
     136
     137div#lang ul, div#lang li {
     138    list-style: none;
     139    display: inline;
     140    margin: 0;
     141    padding: 0;
     142}
     143
     144div#lang span, div#lang strong {
     145    display: none;
    130146}
    131147
     
    440456    /* Wer wirklich auf Screen umschaltet, ist kein Idiot, der einen Copyright-Vermerk braucht */
    441457    display: none;
    442     /*margin: 0;
    443     border-top: 1px solid white;
    444     padding-top: 10px;
    445     padding-bottom: 10px;
    446     background: #5F80AE url(../img/screen.design/body.bg.png) repeat-y top left;
    447     color: #fff;
    448     text-align: center;
    449 }
    450 
    451 #copyright a {
    452     color: #fff;
    453 }*/
     458}
    454459
    455460/* EOF */
Note: See TracChangeset for help on using the changeset viewer.
© 2008 - 2013 technikum29 • Sven Köppel • Some rights reserved
Powered by Trac
Expect where otherwise noted, content on this site is licensed under a Creative Commons 3.0 License