cyaml 0.0.21
Sign up to get free protection for your applications and to get access to all the features.
- data/README.mkdn +15 -0
- data/lib/cyaml.rb +1 -0
- data/stylesheets/_cyaml.scss +5 -0
- data/stylesheets/cyaml/core/base.sass +284 -0
- data/stylesheets/cyaml/core/iehacks.sass +309 -0
- data/stylesheets/cyaml/core/js/yaml-focusfix.js +63 -0
- data/stylesheets/cyaml/core/slim_base.sass +0 -0
- data/stylesheets/cyaml/core/slim_iehacks.sass +112 -0
- data/stylesheets/cyaml/mypart/_fonts.scss +53 -0
- data/stylesheets/cyaml/mypart/_handheld.scss +8 -0
- data/stylesheets/cyaml/mypart/_helpers.scss +60 -0
- data/stylesheets/cyaml/mypart/_media.scss +66 -0
- data/stylesheets/cyaml/mypart/_reset.scss +66 -0
- data/stylesheets/cyaml/mypart/_styles.scss +110 -0
- data/stylesheets/cyaml/navigation/nav_shinybuttons.sass +89 -0
- data/stylesheets/cyaml/navigation/nav_slidingdoor.sass +104 -0
- data/stylesheets/cyaml/navigation/nav_vlist.sass +121 -0
- data/stylesheets/cyaml/patches/patch_layout_draft.sass +27 -0
- data/stylesheets/cyaml/patches/patch_nav_vlist.sass +58 -0
- data/stylesheets/cyaml/print/print_003.sass +64 -0
- data/stylesheets/cyaml/print/print_020_draft.sass +67 -0
- data/stylesheets/cyaml/print/print_023_draft.sass +83 -0
- data/stylesheets/cyaml/print/print_100_draft.sass +65 -0
- data/stylesheets/cyaml/print/print_103_draft.sass +83 -0
- data/stylesheets/cyaml/print/print_120_draft.sass +78 -0
- data/stylesheets/cyaml/print/print_123_draft.sass +82 -0
- data/stylesheets/cyaml/print/print_draft.sass +50 -0
- data/stylesheets/cyaml/screen/content.sass +284 -0
- data/stylesheets/cyaml/screen/forms.sass +297 -0
- data/templates/project/application.html.haml +51 -0
- data/templates/project/basemod.scss +103 -0
- data/templates/project/citrin.html.haml +51 -0
- data/templates/project/images/button_gray.png +0 -0
- data/templates/project/images/button_red.png +0 -0
- data/templates/project/images/button_yellow.png +0 -0
- data/templates/project/images/shiny_buttons/background.png +0 -0
- data/templates/project/images/shiny_buttons/background_active.png +0 -0
- data/templates/project/images/sliding_door/round/bg.gif +0 -0
- data/templates/project/images/sliding_door/round/left.png +0 -0
- data/templates/project/images/sliding_door/round/left_on.png +0 -0
- data/templates/project/images/sliding_door/round/right.png +0 -0
- data/templates/project/images/sliding_door/round/right_on.png +0 -0
- data/templates/project/images/vlist/square/node.gif +0 -0
- data/templates/project/images/vlist/square/node_minus.gif +0 -0
- data/templates/project/images/vlist/square/node_plus.gif +0 -0
- data/templates/project/images/vlist/square/subnode.gif +0 -0
- data/templates/project/images/vlist/square/subnode_minus.gif +0 -0
- data/templates/project/images/vlist/square/subnode_plus.gif +0 -0
- data/templates/project/index.html.haml +49 -0
- data/templates/project/javascripts/ftod.js +50 -0
- data/templates/project/javascripts/lib/jquery-1.3.2.js +4376 -0
- data/templates/project/javascripts/lib/jquery-1.3.2.min.js +19 -0
- data/templates/project/javascripts/minmax.js +144 -0
- data/templates/project/manifest.rb +48 -0
- data/templates/project/patch_my_layout.scss +45 -0
- data/templates/project/project.scss +0 -0
- metadata +130 -0
data/README.mkdn
ADDED
@@ -0,0 +1,15 @@
|
|
1
|
+
Compass YAML
|
2
|
+
============
|
3
|
+
|
4
|
+
The YAML Framework converted to SASS and implemented as compass extension
|
5
|
+
|
6
|
+
Installation
|
7
|
+
============
|
8
|
+
|
9
|
+
From the command line:
|
10
|
+
|
11
|
+
sudo gem install cyaml
|
12
|
+
|
13
|
+
Or create a new project:
|
14
|
+
|
15
|
+
compass projectname -r cyaml -f cyaml
|
data/lib/cyaml.rb
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
Compass::Frameworks.register("cyaml", :path => "#{File.dirname(__FILE__)}/..")
|
@@ -0,0 +1,284 @@
|
|
1
|
+
@charset "UTF-8"
|
2
|
+
|
3
|
+
/**
|
4
|
+
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
|
5
|
+
*
|
6
|
+
* (en) YAML core stylesheet
|
7
|
+
* (de) YAML Basis-Stylesheet
|
8
|
+
*
|
9
|
+
* Don't make any changes in this file!
|
10
|
+
* Your changes should be placed in any css-file in your own stylesheet folder.
|
11
|
+
*
|
12
|
+
* @copyright Copyright 2005-2010, Dirk Jesse
|
13
|
+
* @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
|
14
|
+
* YAML-C (http://www.yaml.de/en/license/license-conditions.html)
|
15
|
+
* @link http://www.yaml.de
|
16
|
+
* @package yaml
|
17
|
+
* @version 3.2.1
|
18
|
+
* @revision $Revision: 454 $
|
19
|
+
* @lastmodified $Date: 2010-01-01 17:31:10 +0100 (Fr, 01. Jan 2010) $
|
20
|
+
|
21
|
+
@media all
|
22
|
+
/**
|
23
|
+
* @section browser reset
|
24
|
+
* @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
|
25
|
+
/* (en) Global reset of paddings and margins for all HTML elements
|
26
|
+
/* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente
|
27
|
+
*
|
28
|
+
margin: 0
|
29
|
+
padding: 0
|
30
|
+
/* (en) Correction:margin/padding reset caused too small select boxes.
|
31
|
+
/* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen.
|
32
|
+
option
|
33
|
+
padding-left: 0.4em
|
34
|
+
/* LTR
|
35
|
+
select
|
36
|
+
padding: 1px
|
37
|
+
/**
|
38
|
+
* (en) Global fix of the Italics bugs in IE 5.x and IE 6
|
39
|
+
* (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
|
40
|
+
*
|
41
|
+
* @bugfix
|
42
|
+
* @affected IE 5.x/Win, IE6
|
43
|
+
* @css-for IE 5.x/Win, IE6
|
44
|
+
* @valid yes
|
45
|
+
* html
|
46
|
+
body *
|
47
|
+
overflow: visible
|
48
|
+
iframe, frame
|
49
|
+
overflow: auto
|
50
|
+
frameset
|
51
|
+
overflow: hidden
|
52
|
+
body
|
53
|
+
/* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser
|
54
|
+
/* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen
|
55
|
+
font-size: 100.01%
|
56
|
+
/* (en) Standard values for colors and text alignment
|
57
|
+
/* (de) Vorgabe der Standardfarben und Textausrichtung
|
58
|
+
background: #fff
|
59
|
+
color: #000
|
60
|
+
text-align: left
|
61
|
+
/* LTR
|
62
|
+
/* (en) avoid visible outlines on DIV containers in Webkit browsers
|
63
|
+
/* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern
|
64
|
+
div
|
65
|
+
outline: 0 none
|
66
|
+
/* (en) Clear borders for <fieldset> and <img> elements
|
67
|
+
/* (de) Rahmen für <fieldset> und <img> Elemente löschen
|
68
|
+
fieldset, img
|
69
|
+
border: 0 solid
|
70
|
+
/* (en) new standard values for lists, blockquote and cite
|
71
|
+
/* (de) Neue Standardwerte für Listen & Zitate
|
72
|
+
ul, ol, dl
|
73
|
+
margin: 0 0 1em 1em
|
74
|
+
/* LTR
|
75
|
+
li
|
76
|
+
line-height: 1.5em
|
77
|
+
margin-left: 0.8em
|
78
|
+
/* LTR
|
79
|
+
dt
|
80
|
+
font-weight: bold
|
81
|
+
dd
|
82
|
+
margin: 0 0 1em 0.8em
|
83
|
+
/* LTR
|
84
|
+
blockquote
|
85
|
+
margin: 0 0 1em 0.8em
|
86
|
+
&:before, &:after
|
87
|
+
content: ""
|
88
|
+
/* LTR
|
89
|
+
q
|
90
|
+
&:before, &:after
|
91
|
+
content: ""
|
92
|
+
/*------------------------------------------------------------------------------------------------------
|
93
|
+
/**
|
94
|
+
* @section clearing methods
|
95
|
+
* @see http://yaml.de/en/documentation/basics/general.html
|
96
|
+
/* (en) clearfix method for clearing floats
|
97
|
+
/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen
|
98
|
+
.clearfix
|
99
|
+
&:after
|
100
|
+
clear: both
|
101
|
+
content: "."
|
102
|
+
display: block
|
103
|
+
font-size: 0
|
104
|
+
height: 0
|
105
|
+
visibility: hidden
|
106
|
+
display: block
|
107
|
+
/* (en) essential for Safari browser !!
|
108
|
+
/* (de) Diese Angabe benötigt der Safari-Browser zwingend !!
|
109
|
+
/* (en) alternative solution to contain floats
|
110
|
+
/* (de) Alternative Methode zum Einschließen von Float-Umgebungen
|
111
|
+
.floatbox
|
112
|
+
overflow: hidden
|
113
|
+
/* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css
|
114
|
+
/* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet
|
115
|
+
#ie_clearing
|
116
|
+
display: none
|
117
|
+
/*------------------------------------------------------------------------------------------------------
|
118
|
+
/**
|
119
|
+
* @section hidden elements | Versteckte Elemente
|
120
|
+
* @see http://www.yaml.de/en/documentation/basics/skip-links.html
|
121
|
+
*
|
122
|
+
* (en) skip links and hidden content
|
123
|
+
* (de) Skip-Links und versteckte Inhalte
|
124
|
+
/* (en) classes for invisible elements in the base layout
|
125
|
+
/* (de) Klassen für unsichtbare Elemente im Basislayout
|
126
|
+
.skip, .hideme, .print
|
127
|
+
position: absolute
|
128
|
+
top: -32768px
|
129
|
+
left: -32768px
|
130
|
+
/* LTR
|
131
|
+
/* (en) make skip links visible when using tab navigation
|
132
|
+
/* (de) Skip-Links für Tab-Navigation sichtbar schalten
|
133
|
+
.skip
|
134
|
+
&:focus, &:active
|
135
|
+
position: static
|
136
|
+
top: 0
|
137
|
+
left: 0
|
138
|
+
/* skiplinks:technical setup
|
139
|
+
#skiplinks
|
140
|
+
position: absolute
|
141
|
+
top: 0px
|
142
|
+
left: -32768px
|
143
|
+
z-index: 1000
|
144
|
+
width: 100%
|
145
|
+
margin: 0
|
146
|
+
padding: 0
|
147
|
+
list-style-type: none
|
148
|
+
a.skip
|
149
|
+
&:focus, &:active
|
150
|
+
left: 32768px
|
151
|
+
outline: 0 none
|
152
|
+
position: absolute
|
153
|
+
width: 100%
|
154
|
+
|
155
|
+
|
156
|
+
@media screen, projection
|
157
|
+
/**
|
158
|
+
* @section base layout | Basis Layout
|
159
|
+
* @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
|
160
|
+
*
|
161
|
+
* |-------------------------------|
|
162
|
+
* | #header |
|
163
|
+
* |-------------------------------|
|
164
|
+
* | #col1 | #col3 | #col2 |
|
165
|
+
* | 200 px | flexible | 200px |
|
166
|
+
* |-------------------------------|
|
167
|
+
* | #footer |
|
168
|
+
* |-------------------------------|
|
169
|
+
#header
|
170
|
+
position: relative
|
171
|
+
/* (en) Text Alignment for #topnav content
|
172
|
+
/* (de) Textausrichtung für #topnav Inhalte
|
173
|
+
#topnav
|
174
|
+
text-align: right
|
175
|
+
/* LTR
|
176
|
+
/* (en) Absolute positioning only within #header
|
177
|
+
/* (de) Absolute Positionierung erfolgt nur innerhalb von #header
|
178
|
+
#header
|
179
|
+
#topnav
|
180
|
+
position: absolute
|
181
|
+
top: 10px
|
182
|
+
right: 10px
|
183
|
+
/* LTR
|
184
|
+
clear: both
|
185
|
+
/* (en) Backup for correct positioning
|
186
|
+
/* (de) Absicherung korrekte Positionierung
|
187
|
+
#nav, #main, #footer
|
188
|
+
clear: both
|
189
|
+
#col1
|
190
|
+
float: left
|
191
|
+
width: 200px
|
192
|
+
#col2
|
193
|
+
float: right
|
194
|
+
width: 200px
|
195
|
+
#col3
|
196
|
+
width: auto
|
197
|
+
margin: 0 200px
|
198
|
+
/* (en) Preparation for absolute positioning within content columns
|
199
|
+
/* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten
|
200
|
+
#col1_content, #col2_content, #col3_content
|
201
|
+
position: relative
|
202
|
+
/*------------------------------------------------------------------------------------------------------
|
203
|
+
/**
|
204
|
+
* @section subtemplates
|
205
|
+
* @see http://www.yaml.de/en/documentation/practice/subtemplates.html
|
206
|
+
.subcolumns
|
207
|
+
width: 100%
|
208
|
+
overflow: hidden
|
209
|
+
/* (en) alternative class for optional support of old Mozilla/Netscape browers
|
210
|
+
/* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower
|
211
|
+
.subcolumns_oldgecko
|
212
|
+
width: 100%
|
213
|
+
float: left
|
214
|
+
.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l
|
215
|
+
float: left
|
216
|
+
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r
|
217
|
+
float: right
|
218
|
+
margin-left: -5px
|
219
|
+
.c20l, .c20r
|
220
|
+
width: 20%
|
221
|
+
.c40l, .c40r
|
222
|
+
width: 40%
|
223
|
+
.c60l, .c60r
|
224
|
+
width: 60%
|
225
|
+
.c80l, .c80r
|
226
|
+
width: 80%
|
227
|
+
.c25l, .c25r
|
228
|
+
width: 25%
|
229
|
+
.c33l, .c33r
|
230
|
+
width: 33.333%
|
231
|
+
.c50l, .c50r
|
232
|
+
width: 50%
|
233
|
+
.c66l, .c66r
|
234
|
+
width: 66.666%
|
235
|
+
.c75l, .c75r
|
236
|
+
width: 75%
|
237
|
+
.c38l, .c38r
|
238
|
+
width: 38.2%
|
239
|
+
.c62l, .c62r
|
240
|
+
width: 61.8%
|
241
|
+
.subc
|
242
|
+
padding: 0 0.5em
|
243
|
+
.subcl
|
244
|
+
padding: 0 1em 0 0
|
245
|
+
.subcr
|
246
|
+
padding: 0 0 0 1em
|
247
|
+
.equalize
|
248
|
+
overflow: visible
|
249
|
+
display: table
|
250
|
+
table-layout: fixed
|
251
|
+
.subcolumns
|
252
|
+
overflow: visible
|
253
|
+
display: table
|
254
|
+
table-layout: fixed
|
255
|
+
> div
|
256
|
+
display: table-cell
|
257
|
+
float: none
|
258
|
+
margin: 0
|
259
|
+
overflow: hidden
|
260
|
+
vertical-align: top
|
261
|
+
|
262
|
+
|
263
|
+
@media print
|
264
|
+
/**
|
265
|
+
* (en) float clearing for .floatbox and subtemplates. Uses display:table to avoid bugs in FF & IE
|
266
|
+
* (de) Float Clearing für .floatbox und die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
|
267
|
+
*
|
268
|
+
* @bugfix
|
269
|
+
* @since 3.0
|
270
|
+
* @affected FF2.0, FF3.0, IE7
|
271
|
+
* @css-for all browsers
|
272
|
+
* @valid yes
|
273
|
+
.subcolumns > div, .floatbox
|
274
|
+
overflow: visible
|
275
|
+
display: table
|
276
|
+
/* (en) make .print class visible
|
277
|
+
/* (de) .print-Klasse sichtbar schalten
|
278
|
+
.print
|
279
|
+
position: static
|
280
|
+
left: 0
|
281
|
+
/* (en) generic class to hide elements for print
|
282
|
+
/* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden
|
283
|
+
.noprint
|
284
|
+
display: none !important
|
@@ -0,0 +1,309 @@
|
|
1
|
+
@charset "UTF-8"
|
2
|
+
|
3
|
+
/**
|
4
|
+
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
|
5
|
+
*
|
6
|
+
* (en) YAML core stylesheet - structure-independent bugfixes of IE/Win CSS-bugs
|
7
|
+
* (de) YAML Basis-Stylesheet - Strukturunabhängige Bugfixes von CSS-Bugs des IE/Win
|
8
|
+
*
|
9
|
+
* Don't make any changes in this file!
|
10
|
+
* Your changes should be added to a separate patch-file.
|
11
|
+
*
|
12
|
+
* @copyright Copyright 2005-2010, Dirk Jesse
|
13
|
+
* @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
|
14
|
+
* YAML-C (http://www.yaml.de/en/license/license-conditions.html)
|
15
|
+
* @link http://www.yaml.de
|
16
|
+
* @package yaml
|
17
|
+
* @version 3.2.1
|
18
|
+
* @revision $Revision: 454 $
|
19
|
+
* @lastmodified $Date: 2010-01-01 17:31:10 +0100 (Fr, 01. Jan 2010) $
|
20
|
+
* @appdef yaml
|
21
|
+
|
22
|
+
@media all
|
23
|
+
/**
|
24
|
+
* (en) Debugging:When you see a green background, IE is getting this stylesheet
|
25
|
+
* (de) Fehlersuche:Hintergrund leuchtet grün, wenn das Stylesheet korrekt geladen wurde
|
26
|
+
*
|
27
|
+
* @debug
|
28
|
+
* @app-yaml-default disabled
|
29
|
+
/* body { background:#0f0; background-image:none; }
|
30
|
+
/*------------------------------------------------------------------------------------------------------
|
31
|
+
/**
|
32
|
+
* (en) No need to force scrollbars in older IE's - it even makes problems in IE6 when set
|
33
|
+
* (de) Scrollbar-Fix wird in alten IE's nicht benötigt, zudem verursacht der Fix Probleme im IE6
|
34
|
+
*
|
35
|
+
* @workaround
|
36
|
+
* @affected IE6, IE7
|
37
|
+
* @css-for IE6, IE7
|
38
|
+
* @valid no
|
39
|
+
body
|
40
|
+
o\verflow: visible
|
41
|
+
/*------------------------------------------------------------------------------------------------------
|
42
|
+
/**
|
43
|
+
* (en) Fixes IE5.x and IE6 overflow behavior of textarea and input elements elements
|
44
|
+
* (de) Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen
|
45
|
+
*
|
46
|
+
* @workaround
|
47
|
+
* @affected IE 5.x/Win, IE6
|
48
|
+
* @css-for IE 5.x/Win, IE6
|
49
|
+
* @valid no
|
50
|
+
* html
|
51
|
+
textarea
|
52
|
+
overflow: scroll
|
53
|
+
overflow-x: hidden
|
54
|
+
input
|
55
|
+
overflow: hidden
|
56
|
+
/*------------------------------------------------------------------------------------------------------
|
57
|
+
/**
|
58
|
+
* (en) Stability fixes with 'position:relative'
|
59
|
+
* (de) Stabilitätsverbesserungen durch 'position:relative'
|
60
|
+
*
|
61
|
+
* Essential for correct scaling in IE7 (body). IE5 must get static positioned body instead.
|
62
|
+
* Helpful to fix several possible problems in older IE versions (#main).
|
63
|
+
*
|
64
|
+
* @bugfix
|
65
|
+
* @affected IE 5.x/Win, IE6, IE7
|
66
|
+
* @css-for IE 5.x/Win, IE6, IE7
|
67
|
+
* @valid yes
|
68
|
+
body, #main
|
69
|
+
position: relative
|
70
|
+
* html body
|
71
|
+
position: static
|
72
|
+
/*------------------------------------------------------------------------------------------------------
|
73
|
+
/**
|
74
|
+
* (en) Clearfix adjustents for containing floats in IE
|
75
|
+
* (de) Clearfix-Anpassung für diverse IE-Versionen
|
76
|
+
*
|
77
|
+
* @workaround
|
78
|
+
* @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
|
79
|
+
* @affected IE 5.x/Win, IE6, IE7
|
80
|
+
* @css-for IE 5.x/Win, IE6, IE7
|
81
|
+
* @valid yes
|
82
|
+
.clearfix
|
83
|
+
height: 1%
|
84
|
+
/* hasLayout aktivieren
|
85
|
+
/*------------------------------------------------------------------------------------------------------
|
86
|
+
/**
|
87
|
+
* (en) Adjustment of .floatbox class for IE
|
88
|
+
* (de) Anpassung der .floatbox-Klasse für IE
|
89
|
+
*
|
90
|
+
* @workaround
|
91
|
+
* @affected IE 5.x/Win, IE6, IE7
|
92
|
+
* @css-for IE 5.x/Win, IE6, IE7
|
93
|
+
* @valid yes
|
94
|
+
.floatbox
|
95
|
+
width: 100%
|
96
|
+
/*------------------------------------------------------------------------------------------------------
|
97
|
+
/**
|
98
|
+
* (en) Special class for oversized content element
|
99
|
+
* (de) Spezielle Klasse für übergroße Inhaltselemente
|
100
|
+
*
|
101
|
+
* @workaround
|
102
|
+
* @affected IE 5.x/Win, IE6
|
103
|
+
* @css-for IE 5.x/Win, IE6
|
104
|
+
* @valid yes
|
105
|
+
.slidebox
|
106
|
+
position: relative
|
107
|
+
margin-right: -1000px
|
108
|
+
height: 1%
|
109
|
+
/*------------------------------------------------------------------------------------------------------
|
110
|
+
/**
|
111
|
+
* (en):Bugfix for partially displayed column separators
|
112
|
+
* (de):Bugfix für unvollständige Darstellung der Spalteninhalte / Spaltentrenner
|
113
|
+
*
|
114
|
+
* @bugfix
|
115
|
+
* @affected IE 5.x/Win, IE6
|
116
|
+
* @css-for IE 5.x/Win, IE6
|
117
|
+
* @valid yes
|
118
|
+
* html
|
119
|
+
#col1, #col2, #col3
|
120
|
+
position: relative
|
121
|
+
/*------------------------------------------------------------------------------------------------------
|
122
|
+
/**
|
123
|
+
* (en) Preventing several css bugs by forcing "hasLayout"
|
124
|
+
* (de) Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout"
|
125
|
+
*
|
126
|
+
* @workaround
|
127
|
+
* @affected IE 5.x/Win, IE6, IE7
|
128
|
+
* @css-for IE 5.x/Win, IE6, IE7
|
129
|
+
* @valid no
|
130
|
+
body
|
131
|
+
height: 1%
|
132
|
+
.page_margins, .page, #header, #nav, #main, #footer
|
133
|
+
zoom: 1
|
134
|
+
/* IE6 & IE7
|
135
|
+
* html
|
136
|
+
.page_margins, .page
|
137
|
+
height: 1%
|
138
|
+
hei\ght: auto
|
139
|
+
#header, #nav, #main, #footer
|
140
|
+
width: 100%
|
141
|
+
wid\th: auto
|
142
|
+
/* IE 5.x & IE6 | IE6 only
|
143
|
+
/* IE 5.x & IE6 | IE6 only
|
144
|
+
/* trigger hasLayout to force containing content
|
145
|
+
.subc, .subcl, .subcr
|
146
|
+
height: 1%
|
147
|
+
/*------------------------------------------------------------------------------------------------------
|
148
|
+
/**
|
149
|
+
* Disappearing List-Background Bug
|
150
|
+
* @see http://www.positioniseverything.net/explorer/ie-listbug.html
|
151
|
+
*
|
152
|
+
* @bugfix
|
153
|
+
* @affected IE 5.x/Win, IE6
|
154
|
+
* @css-for IE 5.x/Win, IE6
|
155
|
+
* @valid yes
|
156
|
+
* html
|
157
|
+
ul, ol, dl
|
158
|
+
position: relative
|
159
|
+
/*------------------------------------------------------------------------------------------------------
|
160
|
+
/**
|
161
|
+
* List-Numbering Bug
|
162
|
+
*
|
163
|
+
* @bugfix
|
164
|
+
* @affected IE 5.x/Win, IE6, IE7
|
165
|
+
* @css-for IE 5.x/Win, IE6, IE7
|
166
|
+
* @valid yes
|
167
|
+
body ol li
|
168
|
+
display: list-item
|
169
|
+
/**
|
170
|
+
* Form related bugfixes
|
171
|
+
*
|
172
|
+
* @bugfix
|
173
|
+
* @affected IE 5.x/Win, IE6, IE7
|
174
|
+
* @css-for IE 5.x/Win, IE6, IE7
|
175
|
+
* @valid no
|
176
|
+
fieldset, legend
|
177
|
+
position: relative
|
178
|
+
/*------------------------------------------------------------------------------------------------------
|
179
|
+
/**
|
180
|
+
* (en) Workaround for 'collapsing margin at #col3' when using CSS-property clear
|
181
|
+
* Left margin of #col3 collapses when using clear:both in 1-3-2 (or 2-3-1) layout and right column is the
|
182
|
+
* longest and left column is the shortest one. For IE6 and IE7 a special workaround was developed
|
183
|
+
* in YAML.
|
184
|
+
*
|
185
|
+
* (de) Workaround für 'kollabierenden Margin an #col3' bei Verwendung der CSS-Eigenschaft clear
|
186
|
+
* Der linke Margin von #col3 kollabiert bei der Verwendung von clear:both im 1-3-2 (oder 2-3-1) Layout
|
187
|
+
* wenn gleichzeitig die linke Spalte die kürzeste und die rechte die längste ist. Im IE6 und IE7 lässt
|
188
|
+
* sich der Bug durch eine speziell für YAML entwickelten Workaround umgehen.
|
189
|
+
*
|
190
|
+
* @workaround
|
191
|
+
* @affected IE 5.x/Win, IE6, IE7
|
192
|
+
* @css-for IE 5.x/Win, IE6, IE7
|
193
|
+
* @valid no
|
194
|
+
html #ie_clearing
|
195
|
+
/* (en) Only a small help for debugging
|
196
|
+
/* (de) Nur eine kleine Hilfe zur Fehlersuche
|
197
|
+
position: static
|
198
|
+
/* (en) Make container visible in IE
|
199
|
+
/* (de) Container sichtbar machen im IE
|
200
|
+
display: block
|
201
|
+
/* (en) No fix possible in IE5.x, normal clearing used instead
|
202
|
+
/* (de) Kein Fix im IE5.x möglich, daher normales Clearing
|
203
|
+
clear: both
|
204
|
+
/* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7
|
205
|
+
/* (de) IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7
|
206
|
+
width: 100%
|
207
|
+
font-size: 0px
|
208
|
+
margin: -2px 0 -1em 1px
|
209
|
+
* html #ie_clearing
|
210
|
+
margin: -2px 0 -1em 0
|
211
|
+
#col3_content
|
212
|
+
margin-bottom: -2px
|
213
|
+
/* (en) avoid horizontal scrollbars in IE7 in borderless layouts because of negative margins
|
214
|
+
/* (de) Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7
|
215
|
+
html
|
216
|
+
margin-right: 1px
|
217
|
+
* html
|
218
|
+
margin-right: 0
|
219
|
+
/* (en) Bugfix:Essential for IE7
|
220
|
+
/* (de) Bugfix:Notwendig im IE7
|
221
|
+
#col3
|
222
|
+
position: relative
|
223
|
+
/*------------------------------------------------------------------------------------------------------
|
224
|
+
/**
|
225
|
+
* IE/Win Guillotine Bug
|
226
|
+
* @see http://www.positioniseverything.net/explorer/guillotine.html
|
227
|
+
*
|
228
|
+
* @workaround
|
229
|
+
* @affected IE 5.x/Win, IE6
|
230
|
+
* @css-for IE 5.x/Win, IE6
|
231
|
+
* @valid yes
|
232
|
+
* html body a
|
233
|
+
background-color: transparent
|
234
|
+
&:hover
|
235
|
+
background-color: transparent
|
236
|
+
|
237
|
+
|
238
|
+
@media screen, projection
|
239
|
+
/**
|
240
|
+
* (en) IE-Adjustments for content columns and subtemplates
|
241
|
+
* (de) IE-Anpassung für Spaltencontainer und Subtemplates
|
242
|
+
*
|
243
|
+
* Doubled Float-Margin Bug
|
244
|
+
* @see http://positioniseverything.net/explorer/doubled-margin.html
|
245
|
+
*
|
246
|
+
* @bugfix
|
247
|
+
* @affected IE 5.x/Win, IE6
|
248
|
+
* @css-for IE 5.x/Win, IE6, IE7
|
249
|
+
* @valid yes
|
250
|
+
#col1, #col2, .c20l, .c25l, .c33l, .c38l, .c40l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l, .c20r, .c25r, .c33r, .c38r, .c40r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r
|
251
|
+
display: inline
|
252
|
+
/* Fix for:"Linking to anchors in elements within the containing block" Problem in IE5.x & IE 6.0
|
253
|
+
* html .equalize
|
254
|
+
overflow: visible
|
255
|
+
display: block
|
256
|
+
.subcolumns
|
257
|
+
overflow: visible
|
258
|
+
display: block
|
259
|
+
.equalize
|
260
|
+
overflow: hidden
|
261
|
+
display: block
|
262
|
+
.subcolumns
|
263
|
+
overflow: hidden
|
264
|
+
display: block
|
265
|
+
.c20l, .c40l, .c60l, .c80l, .c25l, .c33l, .c38l, .c50l, .c62l, .c66l, .c75l
|
266
|
+
float: left
|
267
|
+
display: inline
|
268
|
+
padding-bottom: 32767px
|
269
|
+
margin-bottom: -32767px
|
270
|
+
.c20r, .c40r, .c60r, .c80r, .c25r, .c33r, .c38r, .c50r, .c62r, .c66r, .c75r
|
271
|
+
float: right
|
272
|
+
margin-left: -5px
|
273
|
+
display: inline
|
274
|
+
padding-bottom: 32767px
|
275
|
+
margin-bottom: -32767px
|
276
|
+
/* transform CSS tables back into floats
|
277
|
+
.no-ie-padding
|
278
|
+
.c20l, .c40l, .c60l, .c80l, .c20r, .c40r, .c60r, .c80r, .c25l, .c33l, .c38l, .c50l, .c62l, .c66l, .c75l, .c25r, .c33r, .c38r, .c50r, .c62r, .c66r, .c75r
|
279
|
+
padding-bottom: 0
|
280
|
+
margin-bottom: 0
|
281
|
+
/*------------------------------------------------------------------------------------------------------
|
282
|
+
/**
|
283
|
+
* Internet Explorer and the Expanding Box Problem
|
284
|
+
* @see http://www.positioniseverything.net/explorer/expandingboxbug.html
|
285
|
+
*
|
286
|
+
* @workaround
|
287
|
+
* @affected IE 5.x/Win, IE6
|
288
|
+
* @css-for IE 5.x/Win, IE6
|
289
|
+
* @valid yes
|
290
|
+
* html
|
291
|
+
#col1_content, #col2_content, #col3_content
|
292
|
+
word-wrap: break-word
|
293
|
+
.subc, .subcl, .subcr
|
294
|
+
word-wrap: break-word
|
295
|
+
o\verflow: hidden
|
296
|
+
/* avoid growing widths
|
297
|
+
|
298
|
+
|
299
|
+
@media print
|
300
|
+
/**
|
301
|
+
* (en) Avoid unneeded page breaks of #col3 content in print layout.
|
302
|
+
* (de) Vermeiden von unnötigen Seitenumbrüchen beim Ausdruck der Spalte #col3.
|
303
|
+
*
|
304
|
+
* @bugfix
|
305
|
+
* @affected IE7
|
306
|
+
* @css-for IE 5.x/Win, IE6, IE7
|
307
|
+
* @valid yes
|
308
|
+
#col3
|
309
|
+
height: 1%
|