yamlcss 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/.travis.yml +12 -0
- data/Gemfile +10 -0
- data/Gemfile.lock +56 -0
- data/LICENSE.txt +59 -0
- data/Rakefile +23 -0
- data/Readme.md +120 -0
- data/VERSIONS.md +5 -0
- data/bin/yamlcss +6 -0
- data/lib/yamlcss.rb +22 -0
- data/lib/yamlcss/engine.rb +7 -0
- data/lib/yamlcss/generator.rb +84 -0
- data/lib/yamlcss/version.rb +4 -0
- data/vendor/assets/stylesheets/_iehacks.scss +3 -0
- data/vendor/assets/stylesheets/_yaml.scss +3 -0
- data/yaml/Gruntfile.js +199 -0
- data/yaml/License.txt +36 -0
- data/yaml/Readme.md +64 -0
- data/yaml/changelog.md +307 -0
- data/yaml/config.rb +25 -0
- data/yaml/demos/css/custom-grids.css +27 -0
- data/yaml/demos/css/flexible-columns.css +26 -0
- data/yaml/demos/css/flexible-grids.css +26 -0
- data/yaml/demos/css/rtl-support.css +31 -0
- data/yaml/demos/css/screen/screen-custom-grids.css +41 -0
- data/yaml/demos/css/screen/screen-rtl-support.css +182 -0
- data/yaml/demos/custom-grid.html +129 -0
- data/yaml/demos/flexible-columns.html +124 -0
- data/yaml/demos/flexible-grid.html +142 -0
- data/yaml/demos/rtl-support.html +127 -0
- data/yaml/docs/assets/css/icons/external_link.png +0 -0
- data/yaml/docs/assets/css/icons/hcalendar.png +0 -0
- data/yaml/docs/assets/css/icons/hcard.png +0 -0
- data/yaml/docs/assets/css/icons/icon-geo.png +0 -0
- data/yaml/docs/assets/css/icons/icon-hatom.png +0 -0
- data/yaml/docs/assets/css/icons/icon-haudio.png +0 -0
- data/yaml/docs/assets/css/icons/icon-hcalendar-add.png +0 -0
- data/yaml/docs/assets/css/icons/icon-hcalendar-download.png +0 -0
- data/yaml/docs/assets/css/icons/icon-hcalendar.png +0 -0
- data/yaml/docs/assets/css/icons/icon-hcard-add.png +0 -0
- data/yaml/docs/assets/css/icons/icon-hcard-download.png +0 -0
- data/yaml/docs/assets/css/icons/icon-hcard.png +0 -0
- data/yaml/docs/assets/css/icons/icon-hresume.png +0 -0
- data/yaml/docs/assets/css/icons/icon-rel-tag.png +0 -0
- data/yaml/docs/assets/css/icons/icon-xfn.png +0 -0
- data/yaml/docs/assets/css/icons/xfn/xfn-child.png +0 -0
- data/yaml/docs/assets/css/icons/xfn/xfn-colleague-met.png +0 -0
- data/yaml/docs/assets/css/icons/xfn/xfn-colleague.png +0 -0
- data/yaml/docs/assets/css/icons/xfn/xfn-friend-met.png +0 -0
- data/yaml/docs/assets/css/icons/xfn/xfn-friend.png +0 -0
- data/yaml/docs/assets/css/icons/xfn/xfn-me.png +0 -0
- data/yaml/docs/assets/css/icons/xfn/xfn-parent.png +0 -0
- data/yaml/docs/assets/css/icons/xfn/xfn-small.png +0 -0
- data/yaml/docs/assets/css/icons/xfn/xfn-spouse.png +0 -0
- data/yaml/docs/assets/css/icons/xfn/xfn-sweetheart-met.png +0 -0
- data/yaml/docs/assets/css/icons/xfn/xfn-sweetheart.png +0 -0
- data/yaml/docs/assets/css/layout-min.css +3 -0
- data/yaml/docs/assets/css/layout.css +3262 -0
- data/yaml/docs/assets/images/demo-custom-grid.png +0 -0
- data/yaml/docs/assets/images/demo-flex-column.png +0 -0
- data/yaml/docs/assets/images/demo-flex-grid.png +0 -0
- data/yaml/docs/assets/images/demo-rtl.png +0 -0
- data/yaml/docs/assets/images/yaml-solo-transparent-small.png +0 -0
- data/yaml/docs/assets/images/yaml-solo-transparent.png +0 -0
- data/yaml/docs/assets/js/domscript.js +209 -0
- data/yaml/docs/assets/js/jquery.gridbuilder.js +131 -0
- data/yaml/docs/assets/js/snippet/ZeroClipboard.swf +0 -0
- data/yaml/docs/assets/js/snippet/jquery.snippet.css +116 -0
- data/yaml/docs/assets/js/snippet/jquery.snippet.js +782 -0
- data/yaml/docs/assets/js/snippet/jquery.snippet.min.css +40 -0
- data/yaml/docs/assets/js/snippet/jquery.snippet.min.js +12 -0
- data/yaml/docs/assets/js/snippet/snippet.css +296 -0
- data/yaml/docs/index.html +3845 -0
- data/yaml/lib/html5shiv/html5shiv-printshiv.js +11 -0
- data/yaml/lib/html5shiv/html5shiv.js +8 -0
- data/yaml/lib/jquery-1.10.1.min.js +6 -0
- data/yaml/lib/jquery-migrate-1.2.1.min.js +2 -0
- data/yaml/package.json +20 -0
- data/yaml/sass/docs/assets/css/_screen.scss +786 -0
- data/yaml/sass/docs/assets/css/layout.scss +28 -0
- data/yaml/sass/static-build/add-ons/accessible-tabs/tabs.scss +15 -0
- data/yaml/sass/static-build/add-ons/microformats/microformats.scss +18 -0
- data/yaml/sass/static-build/add-ons/rtl-support/core/base-rtl.scss +20 -0
- data/yaml/sass/static-build/add-ons/rtl-support/forms/gray-theme-rtl.scss +16 -0
- data/yaml/sass/static-build/add-ons/rtl-support/navigation/hlist-rtl.scss +18 -0
- data/yaml/sass/static-build/add-ons/rtl-support/navigation/vlist-rtl.scss +18 -0
- data/yaml/sass/static-build/add-ons/rtl-support/screen/typography-rtl.scss +16 -0
- data/yaml/sass/static-build/core/base.scss +19 -0
- data/yaml/sass/static-build/core/iehacks.scss +19 -0
- data/yaml/sass/static-build/forms/gray-theme.scss +14 -0
- data/yaml/sass/static-build/navigation/hlist.scss +16 -0
- data/yaml/sass/static-build/navigation/vlist.scss +16 -0
- data/yaml/sass/static-build/print/print.scss +15 -0
- data/yaml/sass/static-build/screen/grid-960gs-12.scss +15 -0
- data/yaml/sass/static-build/screen/grid-960gs-16.scss +15 -0
- data/yaml/sass/static-build/screen/grid-blueprint.scss +15 -0
- data/yaml/sass/static-build/screen/grid-fluid-12col.scss +15 -0
- data/yaml/sass/static-build/screen/screen-FULLPAGE-layout.scss +15 -0
- data/yaml/sass/static-build/screen/screen-PAGE-layout.scss +15 -0
- data/yaml/sass/static-build/screen/typography.scss +16 -0
- data/yaml/sass/yaml-sass/_yaml-var-globals.scss +39 -0
- data/yaml/sass/yaml-sass/_yaml-var-typography.scss +80 -0
- data/yaml/sass/yaml-sass/add-ons/accessible-tabs/_tabs.scss +139 -0
- data/yaml/sass/yaml-sass/add-ons/accessible-tabs/jquery.tabs.js +266 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/_microformats.scss +179 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/external_link.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/hcalendar.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/hcard.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-geo.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hatom.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-haudio.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hcalendar-add.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hcalendar-download.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hcalendar.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hcard-add.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hcard-download.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hcard.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hresume.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-rel-tag.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-xfn.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-child.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-colleague-met.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-colleague.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-friend-met.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-friend.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-me.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-parent.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-small.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-spouse.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-sweetheart-met.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-sweetheart.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/rtl-support/core/_base-rtl.scss +177 -0
- data/yaml/sass/yaml-sass/add-ons/rtl-support/forms/_gray-theme-rtl.scss +34 -0
- data/yaml/sass/yaml-sass/add-ons/rtl-support/navigation/_hlist-rtl.scss +42 -0
- data/yaml/sass/yaml-sass/add-ons/rtl-support/navigation/_vlist-rtl.scss +45 -0
- data/yaml/sass/yaml-sass/add-ons/rtl-support/screen/_typography-rtl.scss +30 -0
- data/yaml/sass/yaml-sass/add-ons/syncheight/jquery.syncheight.js +112 -0
- data/yaml/sass/yaml-sass/core/_base.scss +15 -0
- data/yaml/sass/yaml-sass/core/_iehacks.scss +426 -0
- data/yaml/sass/yaml-sass/core/base-modules/_accessibility.scss +48 -0
- data/yaml/sass/yaml-sass/core/base-modules/_columns.scss +27 -0
- data/yaml/sass/yaml-sass/core/base-modules/_float-handling.scss +32 -0
- data/yaml/sass/yaml-sass/core/base-modules/_forms-core.scss +296 -0
- data/yaml/sass/yaml-sass/core/base-modules/_grids-core.scss +55 -0
- data/yaml/sass/yaml-sass/core/base-modules/_normalization.scss +165 -0
- data/yaml/sass/yaml-sass/core/base-modules/_print-core.scss +36 -0
- data/yaml/sass/yaml-sass/core/js/yaml-focusfix.js +70 -0
- data/yaml/sass/yaml-sass/forms/_gray-theme.scss +475 -0
- data/yaml/sass/yaml-sass/mixins/_yaml-mixins-core.scss +248 -0
- data/yaml/sass/yaml-sass/navigation/_hlist.scss +106 -0
- data/yaml/sass/yaml-sass/navigation/_vlist.scss +129 -0
- data/yaml/sass/yaml-sass/print/_print.scss +61 -0
- data/yaml/sass/yaml-sass/screen/_grid-960gs-12.scss +4 -0
- data/yaml/sass/yaml-sass/screen/_grid-960gs-16.scss +4 -0
- data/yaml/sass/yaml-sass/screen/_grid-blueprint.scss +4 -0
- data/yaml/sass/yaml-sass/screen/_grid-fluid-12col.scss +4 -0
- data/yaml/sass/yaml-sass/screen/_screen-FULLPAGE-layout.scss +171 -0
- data/yaml/sass/yaml-sass/screen/_screen-PAGE-layout.scss +165 -0
- data/yaml/sass/yaml-sass/screen/_typography.scss +485 -0
- data/yaml/yaml/add-ons/accessible-tabs/jquery.tabs.js +266 -0
- data/yaml/yaml/add-ons/accessible-tabs/tabs.css +136 -0
- data/yaml/yaml/add-ons/microformats/icons/external_link.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/hcalendar.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/hcard.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-geo.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-hatom.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-haudio.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-hcalendar-add.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-hcalendar-download.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-hcalendar.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-hcard-add.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-hcard-download.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-hcard.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-hresume.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-rel-tag.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-xfn.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-child.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-colleague-met.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-colleague.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-friend-met.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-friend.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-me.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-parent.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-small.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-spouse.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-sweetheart-met.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-sweetheart.png +0 -0
- data/yaml/yaml/add-ons/microformats/microformats.css +167 -0
- data/yaml/yaml/add-ons/rtl-support/core/base-rtl.css +167 -0
- data/yaml/yaml/add-ons/rtl-support/core/base-rtl.min.css +3 -0
- data/yaml/yaml/add-ons/rtl-support/forms/gray-theme-rtl.css +44 -0
- data/yaml/yaml/add-ons/rtl-support/navigation/hlist-rtl.css +48 -0
- data/yaml/yaml/add-ons/rtl-support/navigation/vlist-rtl.css +54 -0
- data/yaml/yaml/add-ons/rtl-support/screen/typography-rtl.css +38 -0
- data/yaml/yaml/add-ons/syncheight/jquery.syncheight.js +112 -0
- data/yaml/yaml/core/base.css +705 -0
- data/yaml/yaml/core/base.min.css +3 -0
- data/yaml/yaml/core/iehacks.css +468 -0
- data/yaml/yaml/core/iehacks.min.css +3 -0
- data/yaml/yaml/core/js/yaml-focusfix.js +70 -0
- data/yaml/yaml/forms/gray-theme.css +676 -0
- data/yaml/yaml/navigation/hlist.css +109 -0
- data/yaml/yaml/navigation/vlist.css +144 -0
- data/yaml/yaml/print/print.css +42 -0
- data/yaml/yaml/screen/grid-960gs-12.css +164 -0
- data/yaml/yaml/screen/grid-960gs-16.css +212 -0
- data/yaml/yaml/screen/grid-blueprint.css +308 -0
- data/yaml/yaml/screen/grid-fluid-12col.css +164 -0
- data/yaml/yaml/screen/screen-FULLPAGE-layout.css +184 -0
- data/yaml/yaml/screen/screen-PAGE-layout.css +196 -0
- data/yaml/yaml/screen/typography.css +486 -0
- data/yamlcss.gemspec +30 -0
- metadata +314 -0
@@ -0,0 +1,15 @@
|
|
1
|
+
@import "../yaml-var-globals",
|
2
|
+
"../mixins/yaml-mixins-core";
|
3
|
+
|
4
|
+
@media all {
|
5
|
+
@import "base-modules/normalization",
|
6
|
+
"base-modules/float-handling",
|
7
|
+
"base-modules/columns",
|
8
|
+
"base-modules/grids-core",
|
9
|
+
"base-modules/forms-core",
|
10
|
+
"base-modules/accessibility";
|
11
|
+
}
|
12
|
+
|
13
|
+
@media print {
|
14
|
+
@import "base-modules/print-core";
|
15
|
+
}
|
@@ -0,0 +1,426 @@
|
|
1
|
+
@charset "utf-8";
|
2
|
+
// "Yet Another Multicolumn Layout" - YAML CSS Framework
|
3
|
+
// (en) YAML core stylesheet - structure-independent bugfixes of IE/Win CSS-bugs
|
4
|
+
// (de) YAML Basis-Stylesheet - Strukturunabhängige Bugfixes von CSS-Bugs des IE/Win
|
5
|
+
|
6
|
+
@import "../_yaml-var-globals";
|
7
|
+
|
8
|
+
@media all {
|
9
|
+
|
10
|
+
/**
|
11
|
+
* (en) Debugging:When you see a green background, IE is getting this stylesheet
|
12
|
+
* (de) Fehlersuche:Hintergrund leuchtet grün, wenn das Stylesheet korrekt geladen wurde
|
13
|
+
*
|
14
|
+
* @debug
|
15
|
+
* @app-yaml-default disabled
|
16
|
+
*/
|
17
|
+
|
18
|
+
/* body { background:#0f0; background-image:none; } */
|
19
|
+
|
20
|
+
/**
|
21
|
+
* Correct inline positioning for unknown HTML5 elements in IE 6 & 7
|
22
|
+
*
|
23
|
+
* @workaround
|
24
|
+
* @affected IE6, IE7
|
25
|
+
* @css-for IE6, IE7
|
26
|
+
* @valid no
|
27
|
+
*/
|
28
|
+
|
29
|
+
/*------------------------------------------------------------------------------------------------------*/
|
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
|
+
*/
|
40
|
+
|
41
|
+
body { o\verflow:visible; }
|
42
|
+
|
43
|
+
/**
|
44
|
+
* (en) HTML5 - default media element styles
|
45
|
+
* (de) HTML5 - Standard Eigenschaften für Media-Elemente
|
46
|
+
*/
|
47
|
+
|
48
|
+
article,aside,details,figcaption,figure,
|
49
|
+
footer,header,main,nav,section {
|
50
|
+
zoom:1;
|
51
|
+
}
|
52
|
+
|
53
|
+
audio,
|
54
|
+
canvas,
|
55
|
+
video {
|
56
|
+
*display: inline;
|
57
|
+
*zoom: 1;
|
58
|
+
}
|
59
|
+
|
60
|
+
/**
|
61
|
+
* (en) enable bicubic interpolation of images on scaling
|
62
|
+
* (de) aktiviert bikubische Interpolation beim Skalieren von Bildern
|
63
|
+
*/
|
64
|
+
img {
|
65
|
+
-ms-interpolation-mode: bicubic;
|
66
|
+
zoom: 1;
|
67
|
+
}
|
68
|
+
|
69
|
+
/*------------------------------------------------------------------------------------------------------*/
|
70
|
+
|
71
|
+
/**
|
72
|
+
* (en) Fixes IE5.x and IE6 overflow behavior of textarea and input elements elements
|
73
|
+
* (de) Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen
|
74
|
+
*
|
75
|
+
* @workaround
|
76
|
+
* @affected IE 5.x/Win, IE6
|
77
|
+
* @css-for IE 5.x/Win, IE6
|
78
|
+
* @valid no
|
79
|
+
*/
|
80
|
+
|
81
|
+
* html iframe,
|
82
|
+
* html frame { overflow:auto; }
|
83
|
+
* html input,
|
84
|
+
* html frameset { overflow:hidden; }
|
85
|
+
* html textarea { overflow:scroll; overflow-x:hidden; }
|
86
|
+
|
87
|
+
/*------------------------------------------------------------------------------------------------------*/
|
88
|
+
|
89
|
+
/**
|
90
|
+
* (en) Stability fixes with 'position:relative'
|
91
|
+
* (de) Stabilitätsverbesserungen durch 'position:relative'
|
92
|
+
*
|
93
|
+
* Essential for correct scaling in IE7 (body). IE5 must get static positioned body instead.
|
94
|
+
* Helpful to fix several possible problems in older IE versions (#main).
|
95
|
+
*
|
96
|
+
* @bugfix
|
97
|
+
* @affected IE 5.x/Win, IE6, IE7
|
98
|
+
* @css-for IE 5.x/Win, IE6, IE7
|
99
|
+
* @valid yes
|
100
|
+
*/
|
101
|
+
|
102
|
+
body, #main { position:relative; }
|
103
|
+
* html body { position:static; }
|
104
|
+
|
105
|
+
/*------------------------------------------------------------------------------------------------------*/
|
106
|
+
|
107
|
+
/**
|
108
|
+
* (en) Clearfix adjustents for containing floats in IE
|
109
|
+
* (de) Clearfix-Anpassung für diverse IE-Versionen
|
110
|
+
*
|
111
|
+
* @workaround
|
112
|
+
* @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
|
113
|
+
* @affected IE 5.x/Win, IE6, IE7
|
114
|
+
* @css-for IE 5.x/Win, IE6, IE7
|
115
|
+
* @valid yes
|
116
|
+
*/
|
117
|
+
|
118
|
+
.ym-clearfix { zoom:1; } /* hasLayout aktivieren */
|
119
|
+
|
120
|
+
/*------------------------------------------------------------------------------------------------------*/
|
121
|
+
|
122
|
+
/**
|
123
|
+
* (en) Bugfix for partially displayed column separators
|
124
|
+
* (de) Bugfix für unvollständige Darstellung der Spalteninhalte / Spaltentrenner
|
125
|
+
*
|
126
|
+
* @bugfix
|
127
|
+
* @affected IE 5.x/Win, IE6
|
128
|
+
* @css-for IE 5.x/Win, IE6
|
129
|
+
* @valid yes
|
130
|
+
*/
|
131
|
+
|
132
|
+
* html .ym-col1,
|
133
|
+
* html .ym-col2,
|
134
|
+
* html .ym-col3 { position:relative; }
|
135
|
+
|
136
|
+
/*------------------------------------------------------------------------------------------------------*/
|
137
|
+
|
138
|
+
/**
|
139
|
+
* (en) Preventing several css bugs by forcing "hasLayout"
|
140
|
+
* (de) Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout"
|
141
|
+
*
|
142
|
+
* @workaround
|
143
|
+
* @affected IE 5.x/Win, IE6, IE7
|
144
|
+
* @css-for IE 5.x/Win, IE6, IE7
|
145
|
+
* @valid no
|
146
|
+
*/
|
147
|
+
|
148
|
+
body { height:1%; }
|
149
|
+
.ym-wrapper, .ym-wbox, #header, #nav, #main, #footer { zoom:1; } /* IE6 & IE7 */
|
150
|
+
* html .ym-wrapper, * html .ym-wbox { height:1%; hei\ght:auto; } /* IE 5.x & IE6 | IE6 only */
|
151
|
+
* html #header, * html #nav, * html #main, * html #footer { width:100%; wid\th:auto; } /* IE 5.x & IE6 | IE6 only */
|
152
|
+
|
153
|
+
/* trigger hasLayout to force containing content */
|
154
|
+
.ym-gbox, .ym-gbox-left, .ym-gbox-right { height:1%; }
|
155
|
+
|
156
|
+
/*------------------------------------------------------------------------------------------------------*/
|
157
|
+
|
158
|
+
/**
|
159
|
+
* Disappearing List-Background Bug
|
160
|
+
* @see http://www.positioniseverything.net/explorer/ie-listbug.html
|
161
|
+
*
|
162
|
+
* @bugfix
|
163
|
+
* @affected IE 5.x/Win, IE6
|
164
|
+
* @css-for IE 5.x/Win, IE6
|
165
|
+
* @valid yes
|
166
|
+
*/
|
167
|
+
|
168
|
+
* html ul, * html ol, * html dl { position:relative; }
|
169
|
+
|
170
|
+
/*------------------------------------------------------------------------------------------------------*/
|
171
|
+
|
172
|
+
/**
|
173
|
+
* List-Numbering Bug
|
174
|
+
*
|
175
|
+
* @bugfix
|
176
|
+
* @affected IE 5.x/Win, IE6, IE7
|
177
|
+
* @css-for IE 5.x/Win, IE6, IE7
|
178
|
+
* @valid yes
|
179
|
+
*/
|
180
|
+
|
181
|
+
body ol li { display:list-item; }
|
182
|
+
|
183
|
+
/*------------------------------------------------------------------------------------------------------*/
|
184
|
+
|
185
|
+
/**
|
186
|
+
* Browser-based image scaling (not)
|
187
|
+
*
|
188
|
+
* @workaround
|
189
|
+
* @affected IE 5.x/Win, IE6
|
190
|
+
* @css-for IE 5.x/Win, IE6
|
191
|
+
* @valid yes
|
192
|
+
*/
|
193
|
+
|
194
|
+
* html .flexible {
|
195
|
+
zoom: 1;
|
196
|
+
}
|
197
|
+
|
198
|
+
/**
|
199
|
+
* Form related bugfixes
|
200
|
+
*
|
201
|
+
* @bugfix
|
202
|
+
* @affected IE 5.x/Win, IE6, IE7
|
203
|
+
* @css-for IE 5.x/Win, IE6, IE7
|
204
|
+
* @valid no
|
205
|
+
*/
|
206
|
+
|
207
|
+
button, input { *overflow: visible !important; }
|
208
|
+
table button, table input { *overflow: auto; }
|
209
|
+
|
210
|
+
fieldset, legend { position:relative; }
|
211
|
+
|
212
|
+
/*------------------------------------------------------------------------------------------------------*/
|
213
|
+
|
214
|
+
/**
|
215
|
+
* Global adjustments/fixes for YAML's form module
|
216
|
+
*
|
217
|
+
* @workaround
|
218
|
+
* @affected IE 5.x/Win, IE6, IE7
|
219
|
+
* @css-for IE 5.x/Win, IE6, IE7
|
220
|
+
* @valid no
|
221
|
+
*/
|
222
|
+
|
223
|
+
.ym-form,
|
224
|
+
.ym-form div,
|
225
|
+
.ym-form div * { zoom:1; }
|
226
|
+
|
227
|
+
.ym-form {
|
228
|
+
// default form element width
|
229
|
+
input,
|
230
|
+
textarea {
|
231
|
+
width:68%;
|
232
|
+
padding-left: 1% !important;
|
233
|
+
padding-right: 1% !important;
|
234
|
+
}
|
235
|
+
select {
|
236
|
+
width:70%;
|
237
|
+
padding-left: 1% !important;
|
238
|
+
padding-right: 1% !important;
|
239
|
+
}
|
240
|
+
|
241
|
+
// default form wrapper width
|
242
|
+
.ym-fbox-wrap {
|
243
|
+
display: block;
|
244
|
+
overflow: hidden;
|
245
|
+
margin-right: -5px;
|
246
|
+
}
|
247
|
+
}
|
248
|
+
|
249
|
+
.ym-fbox-wrap,
|
250
|
+
.ym-full {
|
251
|
+
input,
|
252
|
+
textarea {
|
253
|
+
width:98%;
|
254
|
+
margin-right: -3px;
|
255
|
+
}
|
256
|
+
|
257
|
+
select {
|
258
|
+
width:100%;
|
259
|
+
margin-right: -3px;
|
260
|
+
}
|
261
|
+
}
|
262
|
+
|
263
|
+
/* ie6 support helper class */
|
264
|
+
* html .ym-form {
|
265
|
+
.ym-fbox-check input {
|
266
|
+
display: inline !important;
|
267
|
+
width: auto !important;
|
268
|
+
background: transparent !important;
|
269
|
+
border: 0 none !important;
|
270
|
+
padding: 0 !important;
|
271
|
+
}
|
272
|
+
|
273
|
+
.ym-fbox-wrap {
|
274
|
+
.ym-fbox-check input {
|
275
|
+
margin-left: 0;
|
276
|
+
}
|
277
|
+
}
|
278
|
+
}
|
279
|
+
|
280
|
+
/*------------------------------------------------------------------------------------------------------*/
|
281
|
+
|
282
|
+
/**
|
283
|
+
* (en) Workaround for 'collapsing margin at #col3' when using CSS-property clear
|
284
|
+
* Left margin of #col3 collapses when using clear:both in 1-3-2 (or 2-3-1) layout and right column is the
|
285
|
+
* longest and left column is the shortest one. For IE6 and IE7 a special workaround was developed
|
286
|
+
* in YAML.
|
287
|
+
*
|
288
|
+
* (de) Workaround für 'kollabierenden Margin an #col3' bei Verwendung der CSS-Eigenschaft clear
|
289
|
+
* Der linke Margin von #col3 kollabiert bei der Verwendung von clear:both im 1-3-2 (oder 2-3-1) Layout
|
290
|
+
* wenn gleichzeitig die linke Spalte die kürzeste und die rechte die längste ist. Im IE6 und IE7 lässt
|
291
|
+
* sich der Bug durch eine speziell für YAML entwickelten Workaround umgehen.
|
292
|
+
*
|
293
|
+
* @workaround
|
294
|
+
* @affected IE 5.x/Win, IE6, IE7
|
295
|
+
* @css-for IE 5.x/Win, IE6, IE7
|
296
|
+
* @valid no
|
297
|
+
*/
|
298
|
+
|
299
|
+
html .ym-ie-clearing {
|
300
|
+
/* (en) Only a small help for debugging */
|
301
|
+
/* (de) Nur eine kleine Hilfe zur Fehlersuche */
|
302
|
+
position:static;
|
303
|
+
|
304
|
+
/* (en) Make container visible in IE */
|
305
|
+
/* (de) Container sichtbar machen im IE */
|
306
|
+
display:block;
|
307
|
+
|
308
|
+
/* (en) No fix possible in IE5.x, normal clearing used instead */
|
309
|
+
/* (de) Kein Fix im IE5.x möglich, daher normales Clearing */
|
310
|
+
\clear:both;
|
311
|
+
|
312
|
+
/* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7*/
|
313
|
+
/* (de) IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7 */
|
314
|
+
width:100%;
|
315
|
+
line-height: 0;
|
316
|
+
font-size:0px;
|
317
|
+
margin:-2px 0 -1em 1px;
|
318
|
+
}
|
319
|
+
|
320
|
+
* html .ym-ie-clearing { margin:-2px 0 -1em 0; }
|
321
|
+
.ym-cbox { margin-bottom:-2px; }
|
322
|
+
|
323
|
+
/* (en) avoid horizontal scrollbars in IE7 in borderless layouts because of negative margins */
|
324
|
+
/* (de) Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 */
|
325
|
+
html { margin-right:1px; }
|
326
|
+
* html { margin-right:0; }
|
327
|
+
|
328
|
+
/* (en) Bugfix:Essential for IE7 */
|
329
|
+
/* (de) Bugfix:Notwendig im IE7 */
|
330
|
+
.ym-col3 { position:relative; }
|
331
|
+
|
332
|
+
/*------------------------------------------------------------------------------------------------------*/
|
333
|
+
|
334
|
+
/**
|
335
|
+
* IE/Win Guillotine Bug
|
336
|
+
* @see http://www.positioniseverything.net/explorer/guillotine.html
|
337
|
+
*
|
338
|
+
* @workaround
|
339
|
+
* @affected IE 5.x/Win, IE6
|
340
|
+
* @css-for IE 5.x/Win, IE6
|
341
|
+
* @valid yes
|
342
|
+
*/
|
343
|
+
|
344
|
+
}
|
345
|
+
|
346
|
+
@media screen, projection {
|
347
|
+
|
348
|
+
/**
|
349
|
+
* (en) IE-Adjustments for content columns and subtemplates
|
350
|
+
* (de) IE-Anpassung für Spaltencontainer und Subtemplates
|
351
|
+
*
|
352
|
+
* Doubled Float-Margin Bug
|
353
|
+
* @see http://positioniseverything.net/explorer/doubled-margin.html
|
354
|
+
*
|
355
|
+
* @bugfix
|
356
|
+
* @affected IE 5.x/Win, IE6
|
357
|
+
* @css-for IE 5.x/Win, IE6, IE7
|
358
|
+
* @valid yes
|
359
|
+
*/
|
360
|
+
.ym-col1, .ym-col2 { display:inline; }
|
361
|
+
|
362
|
+
/* Fix for:"Linking to anchors in elements within the containing block" Problem in IE5.x & IE 6.0 */
|
363
|
+
.ym-grid { overflow:hidden; display:block; }
|
364
|
+
* html .ym-grid { overflow:visible; }
|
365
|
+
|
366
|
+
.ym-gl,
|
367
|
+
.ym-gr { display: inline; }
|
368
|
+
|
369
|
+
/* transform CSS tables back into floats */
|
370
|
+
.ym-equalize .ym-gl {
|
371
|
+
float:left; display:inline;
|
372
|
+
padding-bottom:32767px;
|
373
|
+
margin-bottom:-32767px;
|
374
|
+
}
|
375
|
+
|
376
|
+
.ym-equalize .ym-gr {
|
377
|
+
float:right; margin-left:-5px; display:inline;
|
378
|
+
padding-bottom:32767px;
|
379
|
+
margin-bottom:-32767px;
|
380
|
+
}
|
381
|
+
|
382
|
+
.no-ie-padding .ym-gl,
|
383
|
+
.no-ie-padding .ym-gr {
|
384
|
+
padding-bottom:0;
|
385
|
+
margin-bottom:0;
|
386
|
+
}
|
387
|
+
|
388
|
+
/*------------------------------------------------------------------------------------------------------*/
|
389
|
+
|
390
|
+
/**
|
391
|
+
* Internet Explorer and the Expanding Box Problem
|
392
|
+
* @see http://www.positioniseverything.net/explorer/expandingboxbug.html
|
393
|
+
*
|
394
|
+
* @workaround
|
395
|
+
* @affected IE 5.x/Win, IE6
|
396
|
+
* @css-for IE 5.x/Win, IE6
|
397
|
+
* @valid yes
|
398
|
+
*/
|
399
|
+
|
400
|
+
* html .ym-cbox-left,
|
401
|
+
* html .ym-cbox-right,
|
402
|
+
* html .ym-cbox { word-wrap:break-word; }
|
403
|
+
|
404
|
+
/* avoid growing widths */
|
405
|
+
* html .ym-gbox,
|
406
|
+
* html .ym-gbox-left,
|
407
|
+
* html .ym-gbox-right { word-wrap:break-word; o\verflow:hidden; }
|
408
|
+
}
|
409
|
+
|
410
|
+
@media print {
|
411
|
+
|
412
|
+
/**
|
413
|
+
* (en) Avoid unneeded page breaks of .ym-col3 content in print layout and containing floats.
|
414
|
+
* (de) Vermeiden von unnötigen Seitenumbrüchen beim Ausdruck der Spalte .ym-col3 und Einschluss von Floats.
|
415
|
+
*
|
416
|
+
* @bugfix
|
417
|
+
* @affected IE7
|
418
|
+
* @css-for IE 5.x/Win, IE6, IE7
|
419
|
+
* @valid yes
|
420
|
+
*/
|
421
|
+
|
422
|
+
.ym-gbox,
|
423
|
+
.ym-gbox-left,
|
424
|
+
.ym-gbox-right,
|
425
|
+
.ym-col3 { height:1%; }
|
426
|
+
}
|
@@ -0,0 +1,48 @@
|
|
1
|
+
@if $ym-base-accessibility == true {
|
2
|
+
/**
|
3
|
+
* @section Accessibility Module
|
4
|
+
*
|
5
|
+
* (en) skip links and hidden content
|
6
|
+
* (de) Skip-Links und versteckte Inhalte
|
7
|
+
*/
|
8
|
+
|
9
|
+
|
10
|
+
/* (en) classes for invisible elements in the base layout */
|
11
|
+
/* (de) Klassen für unsichtbare Elemente im Basislayout */
|
12
|
+
.ym-skip,
|
13
|
+
.ym-hideme,
|
14
|
+
.ym-print {
|
15
|
+
position:absolute;
|
16
|
+
top:-32768px;
|
17
|
+
left:-32768px; // LTR
|
18
|
+
}
|
19
|
+
|
20
|
+
/* (en) make skip links visible when using tab navigation */
|
21
|
+
/* (de) Skip-Links für Tab-Navigation sichtbar schalten */
|
22
|
+
.ym-skip:focus,
|
23
|
+
.ym-skip:active {
|
24
|
+
position:static;
|
25
|
+
top:0;
|
26
|
+
left:0;
|
27
|
+
}
|
28
|
+
|
29
|
+
/* skiplinks:technical setup */
|
30
|
+
.ym-skiplinks {
|
31
|
+
position:absolute;
|
32
|
+
top:0px;
|
33
|
+
left:-32768px;
|
34
|
+
z-index:1000;
|
35
|
+
width:100%;
|
36
|
+
margin:0;
|
37
|
+
padding:0;
|
38
|
+
list-style-type:none;
|
39
|
+
|
40
|
+
.ym-skip:focus,
|
41
|
+
.ym-skip:active {
|
42
|
+
left:32768px;
|
43
|
+
outline:0 none;
|
44
|
+
position:absolute;
|
45
|
+
width:100%;
|
46
|
+
}
|
47
|
+
}
|
48
|
+
}
|