ISPConfig3 devel
view | history | commit | commitdiff
redray
2008-10-25 56dfe60128f99d4199154f7df443723b07c13480
commit | author | age
56dfe6 1 @charset "UTF-8";
R 2 /**
3  * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
4  *
5  * (en) YAML core stylesheet - structure-independent bugfixes of IE/Win CSS-bugs
6  * (de) YAML Basis-Stylesheet - Strukturunabhängige Bugfixes von CSS-Bugs des IE/Win
7  *
8  * Don't make any changes in this file!
9  * Your changes should be added to a separate patch-file.
10  *
11  * @copyright       Copyright 2005-2008, Dirk Jesse
12  * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
13  *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
14  * @link            http://www.yaml.de
15  * @package         yaml
16  * @version         3.0.6
17  * @revision        $Revision: 202 $
18  * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
19  * @appdef yaml
20  */
21
22 @media all
23 {
24   /**
25    * (en) Debugging: When you see a green background, IE is getting this stylesheet
26    * (de) Fehlersuche: Hintergrund leuchtet grün, wenn das Stylesheet korrekt geladen wurde
27    *
28    * @debug
29    * @app-yaml-default disabled
30    */
31
32   /* body { background: #0f0; background-image: none; }  */
33
34   /*------------------------------------------------------------------------------------------------------*/
35
36   /**
37    * (en) Forcing vertical scrollbars is not needed in IE (only for Firefox/Netscape/Safari)
38    * (de) Erzwingen vertikaler Scrollbalken im IE nicht benötigt (nur im Firefox/Netscape/Safari)
39    *
40    * @workaround
41    * @affected   IE 5.x/Win, IE6, IE7
42    * @css-for    IE 5.x/Win, IE6, IE7
43    * @valid      yes
44    */
45
46   html { height: auto; margin-bottom:0; }
47
48   /*------------------------------------------------------------------------------------------------------*/
49
50   /**
51    * (en) Fixes IE5.x and IE6 overflow behavior of textarea and input elements elements
52    * (de) Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen
53    *
54    * @workaround
55    * @affected   IE 5.x/Win, IE6
56    * @css-for    IE 5.x/Win, IE6
57    * @valid      no
58    */
59
60   * html textarea { overflow:scroll; overflow-x: hidden; }
61   * html input { overflow: hidden; }
62   
63   /*------------------------------------------------------------------------------------------------------*/
64
65   /**
66    * (en) Stability fixes with 'position:relative' 
67    * (de) Stabilitätsverbesserungen durch 'position:relative'
68    *
69    * @bugfix
70    * @affected   IE 5.x/Win, IE6, IE7
71    * @css-for    IE 5.x/Win, IE6, IE7
72    * @valid      yes
73    */
74
75   body { position:relative; }  /* Essential in IE7 for correct layout scaling ... */
76   * html body { position:static; }  /* ... but not for IE5.x and IE6 */
77   #main { position: relative; } /* helpful for several problems in older IE versions*/
78
79   /*------------------------------------------------------------------------------------------------------*/
80
81   /**
82    * (en) Clearfix Method for containing floats in IE
83    * (de) Clearfix-Anpassung für diverse IE-Versionen
84    *
85    * @workaround
86    * @see        http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/#comment28
87    * @affected   IE 5.x/Win, IE6, IE7
88    * @css-for    IE 5.x/Win, IE6, IE7
89    * @valid      yes
90    */
91
92
93   .clearfix { display: inline-block; }  /* ... especial for IE7 */
94   .clearfix { display: block; }      /* ... für IE5,IE6,IE7 */
95   * html .clearfix { height: 1%; }   /* ... für IE5 + IE6/Win | hasLayout aktivieren */
96
97   /*------------------------------------------------------------------------------------------------------*/
98
99   /**
100    * (en) Adjustment of .floatbox class for IE
101    * (de) Anpassung der .floatbox-Klasse für IE
102    *
103    * @workaround
104    * @affected   IE 5.x/Win, IE6
105    * @css-for    IE 5.x/Win, IE6
106    * @valid      yes
107    */
108
109   * html .floatbox { width:100%; }
110   
111   /*------------------------------------------------------------------------------------------------------*/
112
113   /**
114    * (en) Special class for oversized content element
115    * (de) Spezielle Klasse für übergroße Inhaltselemente
116    *
117    * @workaround
118    * @affected   IE 5.x/Win, IE6
119    * @css-for    IE 5.x/Win, IE6
120    * @valid      yes
121    */
122   
123   .slidebox {
124     position:relative;
125     margin-right: -1000px;
126     height: 1%;
127   }
128
129   /*------------------------------------------------------------------------------------------------------*/
130
131   /**
132    * (en): Bugfix for partially displayed column separators
133    * (de): Bugfix für unvollständige Darstellung der Spalteninhalte / Spaltentrenner
134    *
135    * @bugfix
136    * @affected   IE 5.x/Win, IE6
137    * @css-for    IE 5.x/Win, IE6
138    * @valid      yes
139    */
140
141   * html #col1,
142   * html #col2, 
143   * html #col3 { position:relative; } 
144
145   /*------------------------------------------------------------------------------------------------------*/
146
147   /**
148    * (en) Preventing several css bugs by forcing "hasLayout"
149    * (de) Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout"
150    *
151    * @workaround
152    * @affected   IE 5.x/Win, IE6, IE7
153    * @css-for    IE 5.x/Win, IE6, IE7
154    * @valid      no
155    */
156    
157   body { height: 1%; }
158   #page_margins, #page, #header, #nav, #main, #footer { zoom:1; }             /* IE6 & IE7    */
159   #page_margins, #page { height: 1%; }                                        /* IE 5.x       */
160   * html #header, * html #nav, * html #main, * html #footer { width: 100%; }  /* IE 5.x & IE6 */
161   * html #header, * html #nav, * html #main, * html #footer { wid\th: auto; } /* IE 6         */
162
163   /*------------------------------------------------------------------------------------------------------*/
164
165   /**
166    * Disappearing List-Background Bug
167    * @see        http://www.positioniseverything.net/explorer/ie-listbug.html
168    *
169    * @bugfix
170    * @affected   IE 5.x/Win, IE6
171    * @css-for    IE 5.x/Win, IE6
172    * @valid      yes
173    */
174   * html ul, * html ol, * html dl { position: relative; }
175
176   /*------------------------------------------------------------------------------------------------------*/
177
178   /**
179    * List-Numbering Bug
180    *
181    * @bugfix
182    * @affected   IE 5.x/Win, IE6, IE7
183    * @css-for    IE 5.x/Win, IE6, IE7
184    * @valid      yes
185    */
186   body ol li { display:list-item; }
187   
188   /*------------------------------------------------------------------------------------------------------*/
189
190   /**
191    * (en) Workaround for 'collapsing margin at #col3' when using CSS-property clear
192    *      Left margin of #col3 collapses when using clear:both in 1-3-2 (or 2-3-1) layout and right column is the
193    *      longest and left column is the shortest one. For IE6 and IE7 a special workaround was developed
194    *      in YAML.
195    *
196    * (de) Workaround für 'kollabierenden Margin an #col3' bei Verwendung der CSS-Eigenschaft clear
197    *      Der linke Margin von #col3 kollabiert bei der Verwendung von clear:both im 1-3-2 (oder 2-3-1) Layout
198    *      wenn gleichzeitig die rechte Spalte die kürzeste und die rechte die Längste ist. Im IE6 und IE7 lässt
199    *      sich der Bug durch eine speziell für YAML entwickelten Workaround umgehen.
200    *
201    * @workaround
202    * @affected   IE 5.x/Win, IE6, IE7
203    * @css-for    IE 5.x/Win, IE6, IE7
204    * @valid      no
205    */
206
207   #ie_clearing {
208     /* (en) Only a small help for debugging */
209     /* (de) Nur eine kleine Hilfe zur Fehlersuche */
210     position:static;
211
212     /* (en) Make container visible in IE */
213     /* (de) Container sichtbar machen im IE */
214     display:block;
215
216     /* (en) No fix possible in IE5.x, normal clearing used instead */
217     /* (de) Kein Fix im IE5.x möglich, daher normales Clearing */
218     \clear:both;
219
220     /* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7*/
221     /* (de) IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7 */
222     width: 100%;
223     font-size:0px;
224     margin: -2px 0 -1em 1px;
225   }
226
227   * html #ie_clearing { margin: -2px 0 -1em 0; }
228   #col3_content {margin-bottom:-2px; }
229
230   /* (en) avoid horizontal scrollbars in IE7 in borderless layouts because of negative margins */
231   /* (de) Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 */
232   html { margin-right: 1px; }
233   * html { margin-right: 0 }
234
235
236   /* (en) Bugfix: Essential for IE7 */
237   /* (de) Bugfix: Notwendig im IE7 */
238   #col3 { position:relative; z-index: -1; }
239
240   /*------------------------------------------------------------------------------------------------------*/
241
242   /**
243    * IE/Win Guillotine Bug
244    * @see        http://www.positioniseverything.net/explorer/guillotine.html
245    *
246    * @workaround
247    * @affected   IE 5.x/Win, IE6
248    * @css-for    IE 5.x/Win, IE6
249    * @valid      yes
250    */
251
252   * html body a, * html body a:hover { background-color: transparent; }
253
254 }
255
256 @media screen, projection
257 {
258   /**
259    * (en) IE-Adjustments for content columns and subtemplates
260    * (de) IE-Anpassung für Spaltencontainer und Subtemplates
261    *
262    * Doubled Float-Margin Bug
263    * @see        http://positioniseverything.net/explorer/doubled-margin.html
264    *
265    * @bugfix
266    * @affected   IE 5.x/Win, IE6
267    * @css-for    IE 5.x/Win, IE6, IE7
268    * @valid      yes
269    */
270
271   #col1,  #col2 { display:inline; }
272
273   .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l,
274   .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r { display:inline; }
275
276   /*------------------------------------------------------------------------------------------------------*/
277
278   /**
279    * Internet Explorer and the Expanding Box Problem
280    * @see http://www.positioniseverything.net/explorer/expandingboxbug.html
281    *
282    * @workaround
283    * @affected   IE 5.x/Win, IE6
284    * @css-for    IE 5.x/Win, IE6
285    * @valid      yes
286    */
287
288   * html #col1_content, 
289   * html #col2_content, 
290   * html #col3_content { word-wrap: break-word; }
291
292   * html .subcolumns .subc,
293   * html .subcolumns .subcl,
294   * html .subcolumns .subcr { word-wrap: break-word; overflow:hidden; }
295 }
296
297 @media print
298 {
299   /**
300    * (en) Avoid unneeded page breaks of #col3 content in print layout.
301    * (de) Vermeiden von unnötigen Seitenumbrüchen beim Ausdruck der Spalte #col3.
302    *
303    * @bugfix
304    * @affected   IE7
305    * @css-for    IE 5.x/Win, IE6, IE7
306    * @valid      yes
307    */
308
309   #col3 { height: 1%; }
310 }