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

Last change on this file since 31 was 20, checked in by sven, 16 years ago

Migrierung der Homepage in das Subversionsrepositorium
======================================================

Schritt 2: Import des /shared-Verzeichnisses. Jetzt richtig.

File size: 8.7 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 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.
27 *
28 */
29
30/* #wrapper: min-width im IE simulieren */
31html{behavior:expression(function(element){
32    /* scripting hack, funktioniert "leider" erst im ie5.5. Und zerstört
33       nebenbei mein Syntaxhighlighting */
34    runtimeStyle.behavior = "none"; /* trash this expression */
35    var minWidth = 1000; /* Siehe fresh.css, gegen Zeile 136 (Selektor #wrapper) */
36
37    function fixwidth() {
38        /* Mindestbreite bei kleinen Monitoren sichern */
39        if(document.body.offsetWidth < minWidth) { // entspricht quasi window.innerWidth
40            document.all.wrapper.style.width = minWidth+"px";
41            //document.all.wrapper.style.overflow = "visible"; // bringt eigentlich nichts
42        } /*else... - da stuerzt er immer ab */
43    } // damit mein syntaxhighlighting glücklich ist : (nichts)
44
45    if (document.readyState == "complete") fixwidth();
46    else window.attachEvent("onload", fixwidth);
47    window.attachEvent("onresize", fixwidth);
48}(this))}
49
50#menu a {
51    /* border: 2px solid red !important;*/
52}
53
54#menu ul.l2 a:link span, #menu ul.l2 a:visited span, #menu li.l3 em span {
55    /* Listenpunkte, mal schaun ob der IE das auf die Reihe kriegt */
56    top: 7px; left: -14px; /* IEs top:0 geht relativ zum padding-left... */
57    background-image: none;
58    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/arrowbg.menu.png', enabled='true', sizingMethod='crop');
59    /*border: 1px solid red;*/
60}
61
62/* Hauptueberschriften */
63#menu em.l1, #menu li.l1 a:link, #menu li.l1 a:visited, #menu li.l1 a.on {
64    background-image: none;
65    height: 10px; overflow: visible; /* Kleiner Hack, weil der Filter eine Groessenangabe braucht */
66    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/headl1-bg.menu.png', enabled='true', sizingMethod='scale');
67}
68
69/* (Hauptüberschriften) gehovert, um Bg zurückzukriegen */
70#menu li.l1 a:hover {
71    background-image: url(../img/fresh.design/orangebg.menu.png);
72    filter: none;
73}
74
75/* Gehoverte/aktive Kategorie */
76#menu li.l2 div.on ul.l2 {
77    background-image: none;
78    height: 10px; overflow: visible; /* Kleiner Hack, weil der Filter eine Groessenangabe braucht */
79    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/catl1-bg.menu.png', enabled='true', sizingMethod='scale');
80    /* Das :hover klappt nicht mal ansatzweise. Aufgegeben. */
81}
82
83/* Unterkategorieüberschriften */
84#menu li.l3 div.on em {
85    /* Überschrift eines aktiven Untermenüs, wo man ist. Volle Formatierung. */
86    background-image: none !important;
87    height: 10px; overflow: visible; /* Kleiner Hack, weil der Filter eine Groessenangabe braucht */
88    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/headl2-bg.menu.png', enabled='true', sizingMethod='scale') !important;
89}
90
91#menu li.l3 em span {
92    /* Immer einen ausgeklappten Pfeil zeigen, weil das Submenü eh immer angezeigt wird. */
93    background-image: none;
94    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/subarrow.menu.png', enabled='true', sizingMethod='crop');
95    left: -16px; top: 10px;
96}
97
98/* Hier das, was bei dem Versuch übrig blieb, wenigstens für die Sublisten ein
99   :hover-Effekt nachbauen (letztendlich mit onclick, wie man sieht). Doch das
100   fuehrte dazu, dass man die Links in den Boxen nicht mehr anklicken kann.
101   Der gleiche Grund, weswegen es kein Hintergrundbild mehr gibt.
102   Auch das kriegt der Krüppel nicht hin.
103*/
104/*#menu li.l3 em {
105    cursor: pointer;
106    m: expression(this.onclick = new Function("this.parentElement.className='on';"));
107}
108#menu div.on em {
109   cursor: pointer;
110   *m: expression(this.onclick = new Function("this.parentElement.className='';"));*
111}*/
112
113#menu li.l3 div {
114    /* Seit v5.7.1 ständiges Vorhandensein der Boxen, im IE ohne Hover-Effekt */
115    /*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. */
116    background-color: #E0E6EE;
117    position: relative;
118}
119
120#menu li.l3 em {
121    /* Weil das Hover nicht geht, das ganze wenigstens etwas kenntlich machen */
122    /* Bzw. seit v5.7.1 ständiges Anzeigen der Boxen */
123    color: #000;
124    border-bottom: 1px solid #ccc;
125    background: none;
126}
127
128#menu li.l3 ul {
129    /* Menü immer anzeigen -- HOVER geht einfach nicht. */
130    /* Und wird seit v5.7.1 auch nur noch beschränkt gewünscht. Toll, was,
131       so viel Aufwand, um es 20 Tage später wieder rückgängig zu machen, hm?
132    */
133    display: block;
134    margin-top: -2px;
135    padding: 5px 0 5px 10px;
136    background: none;
137}
138
139/* Hintergrund der Unter(unter)kategorien */
140#menu li.l3 div.on ul {
141    /* Hintergrund dritte Navigation */
142    background-image: none !important;
143    /* Filter führt dazu, dass man andere Links der Box nicht anklicken kann... */
144    /*height: 10px; overflow: visible; * Kleiner Hack, weil der Filter eine Groessenangabe braucht */
145    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/catl2-bg.menu.png', enabled='true', sizingMethod='scale') !important;*/
146    background-color: #D2DDEE;
147}
148
149#menu li.l3 div.on ul {
150    /* IE-Bug: Hintergrund "wackelt" -- Jeenas Empfehlung :-) */
151    position: relative;
152}
153
154
155/* Schwarzer Pfeil eine Zeile */
156#menu a.on, #menu a.on:hover, #menu li.l1 a.on, #menu li.l1 a.on:hover { 
157    background-image: none;
158    background-color: transparent !important; /* Hintergrundfarbenbug bei li.l1 */
159    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/blackarrow.menu.png', enabled='true', sizingMethod='crop');
160    height: 19px; /* direkt von fresh.css nur um den height: 10px-wert oben zu überschreiben */
161}
162
163/** Schwarzer Pfeil zwei Zeilen. */
164#menu li.long a.on, #menu li.long a.on:hover {
165    background-image: none;
166    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/blackarrow-long.menu.png', enabled='true', sizingMethod='crop');
167    height: 32px;
168}
169
170/* Schwarzer Pfeil drei Zeilen */
171#menu li.long3 a.on, #menu li.long3 a.on:hover {
172    background-image: none;
173    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/blackarrow-long3.menu.png', enabled='true', sizingMethod='crop');
174    height: 48px;
175    /*border: 2px solid green !important;*/
176}
177
178/* Schrecklicher IE-Bug: Einfach ueberall Boxen ziehen. Sieht ganz
179   fantastisch aus, wo man viel sowas verwendet: <div class="box center bordered">
180   Also müssen .bordered-Elemente mit diesem ekelhaften Hack formatiert werden.
181   Einfach schrecklich.
182   Hinzugefuegt am 03.02.2008 fuer v5.7.17, .bordered zur Zeit nur genutzt auf
183   Lehrerinfoseite.
184*/
185
186.bordered {
187        position: relative;
188}
189
190
191/* FOOTER */
192#footer li a span {
193    overflow: hidden;
194    position: absolute;
195    display: block !important;
196    height: 29px;
197    width: 12px;
198    top: 05px;
199}
200
201#footer li a {
202    background-image: none !important;
203}
204
205#footer li.prev a span {
206    left: 0;
207    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/white-left.footer.png', enabled='true', sizingMethod='crop');
208}
209
210#footer li.next a span {
211    right: 0;
212    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/white-right.footer.png', enabled='true', sizingMethod='crop');
213}
214
215#footer li.up a span {
216    right: 0;
217    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/img/fresh.design/white-up.footer.png', enabled='true', sizingMethod='crop');
218}
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