source: t29-www/shared/css/fresh-iefixing.css @ 168

Last change on this file since 168 was 138, checked in by sven, 14 years ago

Neues Header-Design eingebunden

  • Wesentliche Definitionen in /shared/css/fresh.css (mit dem Versuch, so wenig externe Seiten wie moeglich damit zu beeinflussen)
  • Korrekturen damit zerschossener Stellen in common.css
  • fresh-iefixing: Statistiken aktualisiert, aber Testen im IE6 steht noch aus...
  • gmaps-impressum: Anmerkung, dass es nur aufm Server funktioniert. Ein Alert kommt zwar trotzdem noch, aber ein Versuch war es wert.
  • auto-bildbreite: Dem IE6 gesagt, dass er es lassen soll (ungetestet)
  • /en/inc/head.inc.shtm: Auto-Bildbreite schon mal eingebunden (auch wenn es noch nirgends verwendet wird)
  • broadcasting: Auffaelligen Typo beseitigt

Im Englischen steht neben den Uebersetzungen auch die Ueberschrifts-
Anpassung nach dem neuen Deutschen Text an.

-- sven @ workstation

  • Property svn:keywords set to Id
File size: 10.2 KB
Line 
1/*
2 * technikum29 fresh design (seit v5.7)
3 * Spezialcss fuer IE6, ueber Conditional Comments eingebunden
4 * IE5 wird per Conditional Comment automatisch auf das alte Design umgestellt
5 *
6**   Für das größte Stückchen Softwarescheiße, welches die Welt
7**   je erlebt hat, dieses exklusive CSS mit Microsoft-proprietärem
8**   Schrott.
9**         -- Sven, 13.07.2007, 00:45, nach stundenlangem Rumgefrickel
10**            bezueglich Lösungen für transparente PNGs und die Navigation
11 *
12 * Man beachte den Verlauf der Statistiken:
13 *
14 *                             April/Mai/Juni 07   02.08   05.08  08.08  07.09  01.10
15 * Firefox (Gecko)          |            40.60%   |  38% |   39% |  47% |  42% |  48%
16 * Internet Explorer 5      |             1.01%   | 0.3% |    0% |   0% |   0% |   0%
17 * Internet Explorer 6      |            31.90%   |  26% |   26% |  22% |  17% |   9%
18 * Internet Explorer 7 & 8  |            16.50%   |  23% |   23% |  22% |  29% |  27%
19 * Opera, Safari, KHTML     |             3.90%   |   9% |    7% |   9% |  11% |  16%
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 * (2008) Heute lässt sich resümieren: Jetzt sind es nur noch 20%. ;-)
34 *
35 * (2009) Mittlerweile gibt es den Internet Explorer 8 (ich hab ihn selbst noch
36 *   nie getestet), der zur Zeit etwa 8% der Besucher ausmacht. Die IE6-Benutzer
37 *   sind aber doch zaeh und wechseln nur sehr, sehr langsam (etwa 1% pro Monat).
38 *
39 * $Id: fresh-iefixing.css 138 2010-01-04 02:34:11Z sven $
40 *
41 */
42
43/* #wrapper: min-width im IE simulieren */
44html{behavior:expression(function(element){
45    /* scripting hack, funktioniert "leider" erst im ie5.5. Und zerstört
46       nebenbei mein Syntaxhighlighting */
47    runtimeStyle.behavior = "none"; /* trash this expression */
48    var minWidth = 1000; /* Siehe fresh.css, gegen Zeile 136 (Selektor #wrapper) */
49
50    function fixwidth() {
51        /* Mindestbreite bei kleinen Monitoren sichern */
52        if(document.body.offsetWidth < minWidth) { // entspricht quasi window.innerWidth
53            document.all.wrapper.style.width = minWidth+"px";
54            //document.all.wrapper.style.overflow = "visible"; // bringt eigentlich nichts
55        } /*else... - da stuerzt er immer ab */
56    } // damit mein syntaxhighlighting glücklich ist : (nichts)
57
58    if (document.readyState == "complete") fixwidth();
59    else window.attachEvent("onload", fixwidth);
60    window.attachEvent("onresize", fixwidth);
61}(this))}
62
63/* Sprachlinks */
64#lang strong {
65    background-image: none;
66    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/langbg-on.menu.png', enabled='true', sizingMethod='crop');
67}
68
69#lang a {
70    background-image: none;
71    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/langbg.menu.png', enabled='true', sizingMethod='crop');
72    cursor: pointer;
73}
74
75#lang a:hover {
76    background-image: none;
77    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/langbg-hot.menu.png', enabled='true', sizingMethod='crop');
78}
79
80#menu a {
81    /* border: 2px solid red !important;*/
82}
83
84#menu ul.l2 a:link span, #menu ul.l2 a:visited span, #menu li.l3 em span {
85    /* Listenpunkte, mal schaun ob der IE das auf die Reihe kriegt */
86    top: 7px; left: -14px; /* IEs top:0 geht relativ zum padding-left... */
87    background-image: none;
88    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/arrowbg.menu.png', enabled='true', sizingMethod='crop');
89    /*border: 1px solid red;*/
90}
91
92/* Hauptueberschriften */
93#menu em.l1, #menu li.l1 a:link, #menu li.l1 a:visited, #menu li.l1 a.on {
94    background-image: none;
95    height: 10px; overflow: visible; /* Kleiner Hack, weil der Filter eine Groessenangabe braucht */
96    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/headl1-bg.menu.png', enabled='true', sizingMethod='scale');
97}
98
99/* (Hauptüberschriften) gehovert, um Bg zurückzukriegen */
100#menu li.l1 a:hover {
101    background-image: url(../img/fresh.design/orangebg.menu.png);
102    filter: none;
103}
104
105/* Gehoverte/aktive Kategorie */
106#menu li.l2 div.on ul.l2 {
107    background-image: none;
108    height: 10px; overflow: visible; /* Kleiner Hack, weil der Filter eine Groessenangabe braucht */
109    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/catl1-bg.menu.png', enabled='true', sizingMethod='scale');
110    /* Das :hover klappt nicht mal ansatzweise. Aufgegeben. */
111}
112
113/* Unterkategorieüberschriften */
114#menu li.l3 div.on em {
115    /* Überschrift eines aktiven Untermenüs, wo man ist. Volle Formatierung. */
116    background-image: none !important;
117    height: 10px; overflow: visible; /* Kleiner Hack, weil der Filter eine Groessenangabe braucht */
118    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/headl2-bg.menu.png', enabled='true', sizingMethod='scale') !important;
119}
120
121#menu li.l3 em span {
122    /* Immer einen ausgeklappten Pfeil zeigen, weil das Submenü eh immer angezeigt wird. */
123    background-image: none;
124    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/subarrow.menu.png', enabled='true', sizingMethod='crop');
125    left: -16px; top: 10px;
126}
127
128/* Hier das, was bei dem Versuch übrig blieb, wenigstens für die Sublisten ein
129   :hover-Effekt nachbauen (letztendlich mit onclick, wie man sieht). Doch das
130   fuehrte dazu, dass man die Links in den Boxen nicht mehr anklicken kann.
131   Der gleiche Grund, weswegen es kein Hintergrundbild mehr gibt.
132   Auch das kriegt der Krüppel nicht hin.
133*/
134/*#menu li.l3 em {
135    cursor: pointer;
136    m: expression(this.onclick = new Function("this.parentElement.className='on';"));
137}
138#menu div.on em {
139   cursor: pointer;
140   *m: expression(this.onclick = new Function("this.parentElement.className='';"));*
141}*/
142
143#menu li.l3 div {
144    /* Seit v5.7.1 ständiges Vorhandensein der Boxen, im IE ohne Hover-Effekt */
145    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/headl2-bg.menu.png', enabled='true', sizingMethod='scale'); *//* <- IE ist halt einfach zu blöd. */
146    background-color: #E0E6EE;
147    position: relative;
148}
149
150#menu li.l3 em {
151    /* Weil das Hover nicht geht, das ganze wenigstens etwas kenntlich machen */
152    /* Bzw. seit v5.7.1 ständiges Anzeigen der Boxen */
153    color: #000;
154    border-bottom: 1px solid #ccc;
155    background: none;
156}
157
158#menu li.l3 ul {
159    /* Menü immer anzeigen -- HOVER geht einfach nicht. */
160    /* Und wird seit v5.7.1 auch nur noch beschränkt gewünscht. Toll, was,
161       so viel Aufwand, um es 20 Tage später wieder rückgängig zu machen, hm?
162    */
163    display: block;
164    margin-top: -2px;
165    padding: 5px 0 5px 10px;
166    background: none;
167}
168
169/* Hintergrund der Unter(unter)kategorien */
170#menu li.l3 div.on ul {
171    /* Hintergrund dritte Navigation */
172    background-image: none !important;
173    /* Filter führt dazu, dass man andere Links der Box nicht anklicken kann... */
174    /*height: 10px; overflow: visible; * Kleiner Hack, weil der Filter eine Groessenangabe braucht */
175    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/catl2-bg.menu.png', enabled='true', sizingMethod='scale') !important;*/
176    background-color: #D2DDEE;
177}
178
179#menu li.l3 div.on ul {
180    /* IE-Bug: Hintergrund "wackelt" -- Jeenas Empfehlung :-) */
181    position: relative;
182}
183
184
185/* Schwarzer Pfeil eine Zeile */
186#menu a.on, #menu a.on:hover, #menu li.l1 a.on, #menu li.l1 a.on:hover { 
187    background-image: none;
188    background-color: transparent !important; /* Hintergrundfarbenbug bei li.l1 */
189    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/blackarrow.menu.png', enabled='true', sizingMethod='crop');
190    height: 19px; /* direkt von fresh.css nur um den height: 10px-wert oben zu überschreiben */
191}
192
193/** Schwarzer Pfeil zwei Zeilen. */
194#menu li.long a.on, #menu li.long a.on:hover {
195    background-image: none;
196    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/blackarrow-long.menu.png', enabled='true', sizingMethod='crop');
197    height: 32px;
198}
199
200/* Schwarzer Pfeil drei Zeilen */
201#menu li.long3 a.on, #menu li.long3 a.on:hover {
202    background-image: none;
203    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/blackarrow-long3.menu.png', enabled='true', sizingMethod='crop');
204    height: 48px;
205    /*border: 2px solid green !important;*/
206}
207
208/* Schrecklicher IE-Bug: Einfach ueberall Boxen ziehen. Sieht ganz
209   fantastisch aus, wo man viel sowas verwendet: <div class="box center bordered">
210   Also müssen .bordered-Elemente mit diesem ekelhaften Hack formatiert werden.
211   Einfach schrecklich.
212   Hinzugefuegt am 03.02.2008 fuer v5.7.17, .bordered zur Zeit nur genutzt auf
213   Lehrerinfoseite.
214*/
215
216.bordered {
217        position: relative;
218}
219
220
221/* FOOTER */
222#footer li a span {
223    overflow: hidden;
224    position: absolute;
225    display: block !important;
226    height: 29px;
227    width: 12px;
228    top: 05px;
229}
230
231#footer li a {
232    background-image: none !important;
233}
234
235#footer li.prev a span {
236    left: 0;
237    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/white-left.footer.png', enabled='true', sizingMethod='crop');
238}
239
240#footer li.next a span {
241    right: 0;
242    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/white-right.footer.png', enabled='true', sizingMethod='crop');
243}
244
245#footer li.up a span {
246    right: 0;
247    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/white-up.footer.png', enabled='true', sizingMethod='crop');
248}
Note: See TracBrowser for help on using the repository browser.
© 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