cyaml 0.0.35 → 0.0.42

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.
Files changed (92) hide show
  1. data/README.mkdn +1 -1
  2. data/stylesheets/cyaml/add-ons/accessible-tabs/tabs.sass +113 -0
  3. data/stylesheets/cyaml/add-ons/microformats/microformats.sass +115 -0
  4. data/stylesheets/cyaml/add-ons/rtl-support/core/base-rtl.min.sass +23 -0
  5. data/stylesheets/cyaml/add-ons/rtl-support/core/base-rtl.sass +61 -0
  6. data/stylesheets/cyaml/add-ons/rtl-support/navigation/hlist-rtl.sass +46 -0
  7. data/stylesheets/cyaml/add-ons/rtl-support/navigation/vlist-rtl.sass +45 -0
  8. data/stylesheets/cyaml/add-ons/rtl-support/screen/typography-rtl.sass +27 -0
  9. data/stylesheets/cyaml/core/base.min.sass +282 -0
  10. data/stylesheets/cyaml/core/base.sass +434 -0
  11. data/stylesheets/cyaml/core/iehacks.min.sass +118 -0
  12. data/stylesheets/cyaml/core/iehacks.sass +327 -0
  13. data/stylesheets/cyaml/forms/gray-theme.sass +499 -0
  14. data/stylesheets/cyaml/navigation/hlist.sass +110 -0
  15. data/stylesheets/cyaml/navigation/vlist.sass +120 -0
  16. data/stylesheets/cyaml/print/print.sass +49 -0
  17. data/stylesheets/cyaml/screen/grid-960-12.sass +95 -0
  18. data/stylesheets/cyaml/screen/grid-960-16.sass +119 -0
  19. data/stylesheets/cyaml/screen/screen-FULLPAGE-layout.sass +163 -0
  20. data/stylesheets/cyaml/screen/screen-PAGE-layout.sass +148 -0
  21. data/stylesheets/cyaml/screen/typography.sass +317 -0
  22. data/templates/project/add-ons/microformats/icons/external_link.png +0 -0
  23. data/templates/project/add-ons/microformats/icons/hcalendar.png +0 -0
  24. data/templates/project/add-ons/microformats/icons/hcard.png +0 -0
  25. data/templates/project/add-ons/microformats/icons/icon-geo.png +0 -0
  26. data/templates/project/add-ons/microformats/icons/icon-hatom.png +0 -0
  27. data/templates/project/add-ons/microformats/icons/icon-haudio.png +0 -0
  28. data/templates/project/add-ons/microformats/icons/icon-hcalendar-add.png +0 -0
  29. data/templates/project/add-ons/microformats/icons/icon-hcalendar-download.png +0 -0
  30. data/templates/project/add-ons/microformats/icons/icon-hcalendar.png +0 -0
  31. data/templates/project/add-ons/microformats/icons/icon-hcard-add.png +0 -0
  32. data/templates/project/add-ons/microformats/icons/icon-hcard-download.png +0 -0
  33. data/templates/project/add-ons/microformats/icons/icon-hcard.png +0 -0
  34. data/templates/project/add-ons/microformats/icons/icon-hresume.png +0 -0
  35. data/templates/project/add-ons/microformats/icons/icon-rel-tag.png +0 -0
  36. data/templates/project/add-ons/microformats/icons/icon-xfn.png +0 -0
  37. data/templates/project/add-ons/microformats/icons/xfn/xfn-child.png +0 -0
  38. data/templates/project/add-ons/microformats/icons/xfn/xfn-colleague-met.png +0 -0
  39. data/templates/project/add-ons/microformats/icons/xfn/xfn-colleague.png +0 -0
  40. data/templates/project/add-ons/microformats/icons/xfn/xfn-friend-met.png +0 -0
  41. data/templates/project/add-ons/microformats/icons/xfn/xfn-friend.png +0 -0
  42. data/templates/project/add-ons/microformats/icons/xfn/xfn-me.png +0 -0
  43. data/templates/project/add-ons/microformats/icons/xfn/xfn-parent.png +0 -0
  44. data/templates/project/add-ons/microformats/icons/xfn/xfn-small.png +0 -0
  45. data/templates/project/add-ons/microformats/icons/xfn/xfn-spouse.png +0 -0
  46. data/templates/project/add-ons/microformats/icons/xfn/xfn-sweetheart-met.png +0 -0
  47. data/templates/project/add-ons/microformats/icons/xfn/xfn-sweetheart.png +0 -0
  48. data/templates/project/application.html.haml +68 -48
  49. data/templates/project/application_new.html.haml +97 -0
  50. data/templates/project/basemod.scss +6 -62
  51. data/templates/project/default_includes.scss +14 -29
  52. data/templates/project/{javascripts/ftod.js → ftod.js} +0 -0
  53. data/templates/project/index.html.haml +84 -37
  54. data/templates/project/lib/jquery-1.7.1.min.js +4 -0
  55. data/templates/project/manifest.rb +5 -6
  56. data/templates/project/{javascripts/minmax.js → minmax.js} +0 -0
  57. data/templates/project/yaml/add-ons/accessible-tabs/jquery.tabs.js +314 -0
  58. data/templates/project/yaml/add-ons/syncheight/jquery.syncheight.js +88 -0
  59. data/templates/project/yaml/core/yaml-focusfix.js +72 -0
  60. metadata +66 -42
  61. data/stylesheets/cyaml/add-ons/accessible-tabs/tabs.scss +0 -111
  62. data/stylesheets/cyaml/add-ons/microformats/microformats.scss +0 -118
  63. data/stylesheets/cyaml/add-ons/rtl-support/core/base-rtl.scss +0 -67
  64. data/stylesheets/cyaml/add-ons/rtl-support/core/iehacks-rtl.scss +0 -49
  65. data/stylesheets/cyaml/add-ons/rtl-support/core/slim_base-rtl.scss +0 -25
  66. data/stylesheets/cyaml/add-ons/rtl-support/core/slim_iehacks-rtl.scss +0 -7
  67. data/stylesheets/cyaml/add-ons/rtl-support/navigation/nav_shinybuttons-rtl.scss +0 -44
  68. data/stylesheets/cyaml/add-ons/rtl-support/navigation/nav_slidingdoor-rtl.scss +0 -38
  69. data/stylesheets/cyaml/add-ons/rtl-support/navigation/nav_vlist-rtl.scss +0 -46
  70. data/stylesheets/cyaml/core/base.scss +0 -258
  71. data/stylesheets/cyaml/core/iehacks.scss +0 -315
  72. data/stylesheets/cyaml/core/slim_base.scss +0 -152
  73. data/stylesheets/cyaml/core/slim_iehacks.scss +0 -110
  74. data/stylesheets/cyaml/navigation/nav_shinybuttons.scss +0 -88
  75. data/stylesheets/cyaml/navigation/nav_slidingdoor.scss +0 -105
  76. data/stylesheets/cyaml/navigation/nav_vlist.scss +0 -120
  77. data/stylesheets/cyaml/patches/patch_nav_vlist.scss +0 -58
  78. data/stylesheets/cyaml/print/print_003_draft.scss +0 -67
  79. data/stylesheets/cyaml/print/print_020_draft.scss +0 -70
  80. data/stylesheets/cyaml/print/print_023_draft.scss +0 -87
  81. data/stylesheets/cyaml/print/print_100_draft.scss +0 -68
  82. data/stylesheets/cyaml/print/print_103_draft.scss +0 -87
  83. data/stylesheets/cyaml/print/print_120_draft.scss +0 -82
  84. data/stylesheets/cyaml/print/print_123_draft.scss +0 -86
  85. data/stylesheets/cyaml/print/print_draft.scss +0 -52
  86. data/stylesheets/cyaml/screen/content.scss +0 -228
  87. data/stylesheets/cyaml/screen/content_table.scss +0 -43
  88. data/stylesheets/cyaml/screen/forms.scss +0 -320
  89. data/templates/project/citrin.html.haml +0 -50
  90. data/templates/project/javascripts/lib/jquery-1.6.1.js +0 -8937
  91. data/templates/project/javascripts/lib/jquery-1.6.1.min.js +0 -18
  92. data/templates/project/patch_my_layout.scss +0 -73
@@ -1,86 +0,0 @@
1
- /**
2
- * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
3
- *
4
- * (en) print stylesheet
5
- * (de) Druck-Stylesheet
6
- *
7
- * @copyright Copyright 2005-2011, Dirk Jesse
8
- * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
9
- * YAML-C (http://www.yaml.de/en/license/license-conditions.html)
10
- * @link http://www.yaml.de
11
- * @package yaml
12
- * @version 3.3.1
13
- * @revision $Revision:392 $
14
- * @lastmodified $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
15
- */
16
-
17
- @media print {
18
- /**
19
- * @section basic layout preparation
20
- * @see http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
21
- */
22
- /* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers */
23
- /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */
24
- body {
25
- font-size: 10pt; }
26
- /* (en) Hide unneeded container of the screenlayout in print layout */
27
- /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
28
- #topnav, #nav, #search, nav {
29
- display: none; }
30
- /*------------------------------------------------------------------------------------------------------*/
31
- /* (en) Avoid page breaks right after headings */
32
- /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
33
- h1, h2, h3, h4, h5, h6 {
34
- page-break-after: avoid; }
35
- /*------------------------------------------------------------------------------------------------------*/
36
- /**
37
- * @section column selection
38
- * (en) individually switch on/off any content column for printing
39
- * (de) (De)aktivierung der Contentspalten für den Ausdruck
40
- *
41
- * @see http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
42
- */
43
- #col1, #col1_content, #col2, #col2_content {
44
- float: none;
45
- width: 100%;
46
- margin: 0;
47
- padding: 0;
48
- border: 0; }
49
- #col3, #col3_content {
50
- width: 100%;
51
- margin: 0;
52
- padding: 0;
53
- border: 0; }
54
- /*------------------------------------------------------------------------------------------------------*/
55
- /* Optional Column Labels | Optionale Spaltenauszeichnung
56
- #col1_content:before { content:" [ left | middle | right column ]"; }
57
- #col2_content:before { content:" [ left | middle | right column ]"; }
58
- #col3_content:before { content:" [ left | middle | right column ]"; }
59
-
60
- #col1_content:before, #col2_content:before, #col3_content:before {
61
- content:"";
62
- color:#888;
63
- background:inherit;
64
- display:block;
65
- font-weight:bold;
66
- font-size:1.5em;
67
- }
68
- */
69
- /*------------------------------------------------------------------------------------------------------*/
70
- /* (en) optional output of acronyms and abbreviations*/
71
- /* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */
72
- /*
73
- abbr[title]:after,
74
- acronym[title]:after { content:'(' attr(title) ')'; }
75
- */
76
- /*------------------------------------------------------------------------------------------------------*/
77
- /* (en) optional URL output of hyperlinks in print layout */
78
- /* (de) optionale Ausgabe der URLs von Hyperlinks */
79
- /*
80
- a[href]:after {
81
- content:" <URL:"attr(href)">";
82
- color:#444;
83
- background:inherit;
84
- font-style:italic;
85
- }
86
- */ }
@@ -1,52 +0,0 @@
1
- /**
2
- * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
3
- *
4
- * (en) print stylesheet
5
- * (de) Druck-Stylesheet
6
- *
7
- * @copyright Copyright 2005-2011, Dirk Jesse
8
- * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
9
- * YAML-C (http://www.yaml.de/en/license/license-conditions.html)
10
- * @link http://www.yaml.de
11
- * @package yaml
12
- * @version 3.3.1
13
- * @revision $Revision:302 $
14
- * @lastmodified $Date:2008-12-14 11:23:55 +0100 (So, 14. Dez 2008) $
15
- */
16
-
17
- @media print {
18
- /**
19
- * @section basic layout preparation
20
- * @see http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
21
- */
22
- /* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers */
23
- /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */
24
- body {
25
- font-size: 10pt; }
26
- /* (en) Hide unneeded container of the screenlayout in print layout */
27
- /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
28
- #topnav, #nav, #search, nav {
29
- display: none; }
30
- /*------------------------------------------------------------------------------------------------------*/
31
- /* (en) Avoid page breaks right after headings */
32
- /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
33
- h1, h2, h3, h4, h5, h6 {
34
- page-break-after: avoid; }
35
- /*------------------------------------------------------------------------------------------------------*/
36
- /* (en) optional output of acronyms and abbreviations*/
37
- /* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */
38
- /*
39
- abbr[title]:after,
40
- acronym[title]:after { content:'(' attr(title) ')'; }
41
- */
42
- /*------------------------------------------------------------------------------------------------------*/
43
- /* (en) optional URL output of hyperlinks in print layout */
44
- /* (de) optionale Ausgabe der URLs von Hyperlinks */
45
- /*
46
- a[href]:after {
47
- content:" <URL:"attr(href)">";
48
- color:#444;
49
- background:inherit;
50
- font-style:italic;
51
- }
52
- */ }
@@ -1,228 +0,0 @@
1
- /**
2
- * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
3
- *
4
- * (en) Uniform design of standard content elements
5
- * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
6
- *
7
- * @copyright Copyright 2005-2011, Dirk Jesse
8
- * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
9
- * YAML-C (http://www.yaml.de/en/license/license-conditions.html)
10
- * @link http://www.yaml.de
11
- * @package yaml
12
- * @version 3.3.1
13
- * @revision $Revision:392 $
14
- * @lastmodified $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
15
- * @appdef yaml
16
- */
17
-
18
- @media all {
19
- /**
20
- * Fonts
21
- *
22
- * (en) global settings of font-families and font-sizes
23
- * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
24
- *
25
- * @section content-global-settings
26
- */
27
- /* (en) reset font size for all elements to standard (16 Pixel) */
28
- /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
29
- html * {
30
- font-size: 100.01%; }
31
- /**
32
- * (en) reset monospaced elements to font size 16px in all browsers
33
- * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
34
- *
35
- * @see: http://webkit.org/blog/67/strange-medium/
36
- */
37
- textarea, pre, code, kbd, samp, var, tt {
38
- font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier; }
39
- /* (en) base layout gets standard font size 12px */
40
- /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
41
- body {
42
- font-family: Arial, Helvetica, sans-serif;
43
- font-size: 75.00%;
44
- color: #444; }
45
- /*--- Headings | Überschriften ------------------------------------------------------------------------*/
46
- h1, h2, h3, h4, h5, h6 {
47
- font-family: "Times New Roman", Times, serif;
48
- font-weight: normal;
49
- color: #222;
50
- margin: 0 0 0.25em 0; }
51
- h1 {
52
- font-size: 250%; }
53
- /* 30px */
54
- h2 {
55
- font-size: 200%; }
56
- /* 24px */
57
- h3 {
58
- font-size: 150%; }
59
- /* 18px */
60
- h4 {
61
- font-size: 133.33%; }
62
- /* 16px */
63
- h5, h6 {
64
- font-size: 116.67%; }
65
- /* 14px */
66
- /* 14px */
67
- /* --- Lists | Listen -------------------------------------------------------------------------------- */
68
- ul, ol, dl {
69
- line-height: 1.5em;
70
- margin: 0 0 1em 1em; }
71
- ul {
72
- list-style-type: disc;
73
- ul {
74
- list-style-type: circle;
75
- margin-bottom: 0; } }
76
- ol {
77
- list-style-type: decimal;
78
- ol {
79
- list-style-type: lower-latin;
80
- margin-bottom: 0; } }
81
- li {
82
- margin-left: 0.8em;
83
- line-height: 1.5em; }
84
- dt {
85
- font-weight: bold; }
86
- dd {
87
- margin: 0 0 1em 0.8em; }
88
- /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
89
- p {
90
- line-height: 1.5em;
91
- margin: 0 0 1em 0; }
92
- blockquote, cite, q {
93
- font-family: Georgia, "Times New Roman", Times, serif;
94
- font-style: italic; }
95
- blockquote {
96
- margin: 0 0 1em 1.6em;
97
- color: #666; }
98
- strong, b {
99
- font-weight: bold; }
100
- em, i {
101
- font-style: italic; }
102
- big {
103
- font-size: 116.667%; }
104
- small {
105
- font-size: 91.667%; }
106
- pre {
107
- line-height: 1.5em;
108
- margin: 0 0 1em 0;
109
- font-size: 100%; }
110
- code, kbd, tt, samp, var {
111
- font-size: 100%; }
112
- pre, code {
113
- color: #800; }
114
- kbd, samp, var, tt {
115
- color: #666;
116
- font-weight: bold; }
117
- var, dfn {
118
- font-style: italic; }
119
- acronym, abbr {
120
- border-bottom: 1px #aaa dotted;
121
- font-variant: small-caps;
122
- letter-spacing: .07em;
123
- cursor: help; }
124
- sub {
125
- vertical-align: sub;
126
- font-size: smaller; }
127
- sup {
128
- vertical-align: super;
129
- font-size: smaller; }
130
- hr {
131
- color: #fff;
132
- background: transparent;
133
- margin: 0 0 0.5em 0;
134
- padding: 0 0 0.5em 0;
135
- border: 0;
136
- border-bottom: 1px #eee solid; }
137
- /*--- Links ----------------------------------------------------------------------------------------- */
138
- a {
139
- color: #4D87C7;
140
- background: transparent;
141
- text-decoration: none;
142
- &:visited {
143
- color: #036; }
144
- &:focus {
145
- text-decoration: underline;
146
- color: #000;
147
- background: #fff;
148
- outline: 3px #f93 solid; }
149
- &:hover, &:active {
150
- color: #182E7A;
151
- text-decoration: underline;
152
- outline: 0 none; } }
153
- /* (en) maximum constrast for tab focus - change with great care */
154
- /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
155
- /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */
156
- p {
157
- &.icaption_left {
158
- float: left;
159
- display: inline;
160
- margin: 0 1em 0.15em 0; }
161
- &.icaption_right {
162
- float: right;
163
- display: inline;
164
- margin: 0 0 0.15em 1em; }
165
- &.icaption_left img, &.icaption_right img {
166
- padding: 0;
167
- border: 1px #888 solid; }
168
- &.icaption_left strong, &.icaption_right strong {
169
- display: block;
170
- overflow: hidden;
171
- margin-top: 2px;
172
- padding: 0.3em 0.5em;
173
- background: #eee;
174
- font-weight: normal;
175
- font-size: 91.667%; } }
176
- /**
177
- * ------------------------------------------------------------------------------------------------- #
178
- *
179
- * Generic Content Classes
180
- *
181
- * (en) standard classes for positioning and highlighting
182
- * (de) Standardklassen zur Positionierung und Hervorhebung
183
- *
184
- * @section content-generic-classes
185
- */
186
- .highlight {
187
- color: #c30; }
188
- .dimmed {
189
- color: #888; }
190
- .info {
191
- background: #f8f8f8;
192
- color: #666;
193
- padding: 10px;
194
- margin-bottom: 0.5em;
195
- font-size: 91.7%; }
196
- .note {
197
- background: #efe;
198
- color: #040;
199
- border: 2px #484 solid;
200
- padding: 10px;
201
- margin-bottom: 1em; }
202
- .important {
203
- background: #ffe;
204
- color: #440;
205
- border: 2px #884 solid;
206
- padding: 10px;
207
- margin-bottom: 1em; }
208
- .warning {
209
- background: #fee;
210
- color: #400;
211
- border: 2px #844 solid;
212
- padding: 10px;
213
- margin-bottom: 1em; }
214
- .float_left {
215
- float: left;
216
- display: inline;
217
- margin-right: 1em;
218
- margin-bottom: 0.15em; }
219
- .float_right {
220
- float: right;
221
- display: inline;
222
- margin-left: 1em;
223
- margin-bottom: 0.15em; }
224
- .center {
225
- display: block;
226
- text-align: center;
227
- margin: 0.5em auto; }
228
- }
@@ -1,43 +0,0 @@
1
- /**
2
- * ------------------------------------------------------------------------------------------------- #
3
- *
4
- * Tables | Tabellen
5
- *
6
- * (en) Generic classes for table-width and design definition
7
- * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
8
- *
9
- * @section content-tables
10
- */
11
- table {
12
- width: auto;
13
- border-collapse: collapse;
14
- margin-bottom: 0.5em;
15
- border-top: 2px #888 solid;
16
- border-bottom: 2px #888 solid;
17
- caption {
18
- font-variant: small-caps; }
19
- &.full {
20
- width: 100%; }
21
- &.fixed {
22
- table-layout: fixed; } }
23
- th, td {
24
- padding: 0.5em; }
25
- thead th {
26
- color: #000;
27
- border-bottom: 2px #800 solid; }
28
- tbody {
29
- th {
30
- background: #e0e0e0;
31
- color: #333;
32
- &[scope="row"], &.sub {
33
- background: #f0f0f0; }
34
- border-bottom: 1px solid #fff;
35
- text-align: left; }
36
- td {
37
- border-bottom: 1px solid #eee; }
38
- tr:hover {
39
- th[scope="row"], tbody th.sub {
40
- background: #f0e8e8; }
41
- td {
42
- background: #fff8f8; } } }
43
-
@@ -1,320 +0,0 @@
1
- /**
2
- * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
3
- *
4
- * (en) CSS-component for creating vertical forms
5
- * (de) CSS-Baustein zur Erstellung von Formularen mit untereinander angeordneten Elementen
6
- *
7
- * @note Many thanks to Ansgar Hein (http://www.anatom5.de) for contribution
8
- *
9
- * @copyright Copyright 2005-2011, Dirk Jesse
10
- * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
11
- * YAML-C (http://www.yaml.de/en/license/license-conditions.html)
12
- * @link http://www.yaml.de
13
- * @package yaml
14
- * @version 3.3.1
15
- * @revision $Revision: 501 $
16
- * @lastmodified $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
17
- */
18
-
19
- @media screen, projection {
20
- /**
21
- * YAML Forms - visual styling
22
- *
23
- * (en) visual form styling area
24
- * (de) Festlegung des optischen Erscheinungsbildes
25
- */
26
- .yform {
27
- background: #f4f4f4;
28
- border: 1px #ddd solid;
29
- margin: 0 0 1em 0;
30
- padding: 10px;
31
- fieldset {
32
- border: 1px #ddd solid;
33
- background: #fafafa;
34
- margin: 0 0 1em 0;
35
- padding: 0.5em; }
36
- legend {
37
- font-size: 125%;
38
- font-weight: normal;
39
- color: #000; }
40
- label {
41
- color: #666; }
42
- input, textarea, select, optgroup {
43
- font-family: Arial, Helvetica, sans-serif;
44
- /* proportional fonts for all form elements */ }
45
- .type-text {
46
- input, textarea {
47
- border: 1px solid #ddd; } }
48
- .type-select select {
49
- border: 1px solid #ddd; }
50
- div {
51
- &.type-text input:focus, select:focus, textarea:focus, &.type-text input:hover, select:hover, textarea:hover, &.type-text input:active, select:active, textarea:active {
52
- border: 1px #a66 solid;
53
- background: #fff; } }
54
- .type-button input {
55
- border-top: 1px #ddd solid;
56
- border-left: 1px #ddd solid;
57
- border-right: 1px #444 solid;
58
- border-bottom: 1px #444 solid;
59
- color: #000;
60
- background: #454545 inline-image("button_gray.png", 'image/png') top left repeat-x;
61
- padding: 5px 1em;
62
- &[type=reset] {
63
- color: #300;
64
- background: #661717 inline-image("button_red.png", 'image/png') top left repeat-x; }
65
- &[type=submit] {
66
- color: #330;
67
- background: #5e5607 inline-image("button_yellow.png", 'image/png') top left repeat-x; }
68
- &.reset {
69
- color: #300;
70
- background: #661717 inline-image("button_red.png", 'image/png') top left repeat-x; }
71
- &.submit {
72
- color: #330;
73
- background: #5e5607 inline-image("button_yellow.png", 'image/png') top left repeat-x; } }
74
- div.type-button input {
75
- &:focus, &:hover, &:active {
76
- border-top: 1px #444 solid;
77
- border-left: 1px #444 solid;
78
- border-right: 1px #ddd solid;
79
- border-bottom: 1px #ddd solid;
80
- color: #fff;
81
- background: #555; }
82
- &.reset {
83
- &:focus, &:hover, &:active {
84
- background: #800;
85
- color: #fff; } }
86
- &.submit {
87
- &:focus, &:hover, &:active {
88
- background: #880;
89
- color: #fff; } } }
90
- overflow: hidden;
91
- fieldset {
92
- display: block;
93
- zoom: 1; }
94
- label {
95
- display: block;
96
- cursor: pointer; }
97
- legend {
98
- background: transparent;
99
- border: 0;
100
- padding: 0 0.5em; }
101
- .message {
102
- display: block;
103
- margin-bottom: 0.5em;
104
- color: #666; }
105
- input[type=hidden] {
106
- display: none !important; }
107
- sup {
108
- color: #800;
109
- font-weight: bold; } }
110
- /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
111
- /* Styling of custom styled buttons | Gestaltung von individuell gestalteten Buttons */
112
- /* optional button styling for IE6 using classes */
113
- /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
114
- /*------------------------------------------------------------------------------------------------------*/
115
- /**
116
- * Vertical-Forms - technical base (standard)
117
- *
118
- * |-------------------------------|
119
- * | fieldset |
120
- * |-------------------------------|
121
- * | label |
122
- * | input / select / textarea |
123
- * |-------------------------------|
124
- * | /fieldset |
125
- * |-------------------------------|
126
- *
127
- * (en) Styling of forms where both label and input/select/textarea are styled with display:block;
128
- * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
129
- *
130
- * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
131
- */
132
- /* General form styling | Allgemeine Formatierung des Formulars */
133
- /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
134
- /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
135
- /* per row float clearing | zeilenweises Float-Clearing */
136
- fieldset:after {
137
- clear: both;
138
- content: ".";
139
- display: block;
140
- font-size: 0;
141
- height: 0;
142
- visibility: hidden; }
143
- .yform {
144
- div {
145
- &.type-text:after, &.type-select:after, &.type-check:after, &.type-button:after {
146
- clear: both;
147
- content: ".";
148
- display: block;
149
- font-size: 0;
150
- height: 0;
151
- visibility: hidden; }
152
- &.type-text, &.type-select, &.type-check {
153
- display: block;
154
- margin: 0.5em 0;
155
- padding: 3px 0.5em;
156
- position: relative;
157
- zoom: 1; }
158
- &.type-button {
159
- display: block;
160
- margin: 0.5em 0;
161
- padding: 3px 0.5em;
162
- position: relative;
163
- zoom: 1;
164
- padding: 3px 0em; } }
165
- .type-text {
166
- input, textarea {
167
- display: block;
168
- position: relative;
169
- padding: 0.3em 0.3em;
170
- width: 58.5%; } }
171
- .type-select select {
172
- display: block;
173
- position: relative;
174
- padding: 0.3em 2px 0.3em 1px;
175
- width: 60%;
176
- cursor: pointer;
177
- optgroup {
178
- font-style: normal;
179
- font-weight: bold; } }
180
- .type-check {
181
- input {
182
- cursor: pointer; }
183
- label {
184
- display: inline; } }
185
- .type-button input {
186
- cursor: pointer;
187
- overflow: visible;
188
- /* Fixes IE7 auto-padding bug */
189
- width: auto; }
190
- div {
191
- &.error {
192
- border: 1px #a00 dashed;
193
- background: #faf4f4;
194
- padding: 0.5em;
195
- label {
196
- color: #000;
197
- font-weight: bold; }
198
- .message {
199
- color: #800; } }
200
- &.type-check input {
201
- &:focus, &:hover, &:active {
202
- border: 0 none; } } } }
203
- /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
204
- /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
205
- /* Styling of buttons | Gestaltung von Buttons */
206
- /* Styling of error-messages | Fehlermeldungen */
207
- /* avoid jumping checkboxes & radiobuttons in IE8 */
208
- /*------------------------------------------------------------------------------------------------------*/
209
- /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
210
- .full div {
211
- &.type-text {
212
- input, textarea {
213
- width: 95.5%;
214
- margin-right: -3px; } }
215
- &.type-select select {
216
- width: 97.0%;
217
- margin-right: -3px; } }
218
- /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
219
- * html .full div {
220
- &.type-text {
221
- input, textarea {
222
- width: 95.5%; } }
223
- &.type-select select {
224
- width: 97.0%; } }
225
- /*------------------------------------------------------------------------------------------------------*/
226
- /**
227
- * Columnar forms display - technical base (optional)
228
- *
229
- * |-------------------------------------------|
230
- * | fieldset |
231
- * |-------------------------------------------|
232
- * | |
233
- * | label | input / select / textarea |
234
- * | |
235
- * |-------------------------------------------|
236
- * | /fieldset |
237
- * |-------------------------------------------|
238
- *
239
- * (en) Styling of forms where label floats left of form-elements
240
- * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
241
- *
242
- * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
243
- */
244
- /* Columnar display | Spalten-Darstellung */
245
- .columnar {
246
- .type-text label, .type-select label {
247
- float: left;
248
- width: 30%;
249
- /* Can be fixed width too | Kann auch eine fixe Angabe sein */ }
250
- div {
251
- &.type-check input, &.error .message {
252
- margin-left: 30%; } }
253
- fieldset div.type-button {
254
- padding-left: 30%; } }
255
- /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
256
- fieldset.columnar div.type-button {
257
- padding-left: 30%; }
258
- .columnar div {
259
- &.type-text {
260
- input, textarea {
261
- float: left;
262
- width: 67.8%;
263
- margin-right: -3px; } }
264
- &.type-select select {
265
- float: left;
266
- width: 69.4%;
267
- margin-right: -3px; } }
268
- /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
269
- * html .columnar div {
270
- &.type-text {
271
- input, textarea {
272
- width: 67.2%; } }
273
- &.type-select select {
274
- width: 68.8%; } }
275
- /*------------------------------------------------------------------------------------------------------*/
276
- /**
277
- * Global fixes for YAML's form construction set
278
- *
279
- * @workaround
280
- * @affected IE 5.x/Win, IE6, IE7
281
- * @css-for IE 5.x/Win, IE6, IE7
282
- * @valid no
283
- */
284
- .yform {
285
- zoom: 1;
286
- div {
287
- zoom: 1;
288
- * {
289
- zoom: 1; } }
290
- padding-top: 0\9;
291
- fieldset {
292
- padding: 0 5px\9;
293
- padding-top: 1em\9; }
294
- legend {
295
- position: absolute\9;
296
- top: -0.5em \9;
297
- *left: 0\9; }
298
- fieldset {
299
- position: relative\9;
300
- overflow: visible\9;
301
- margin-top: 1.5em\9;
302
- zoom: 1; }
303
- legend {
304
- *padding: 0 5px; }
305
- fieldset {
306
- *padding-top: 1.5em; } }
307
- /**
308
- * Forms Fieldset/Legend-Bug in IE
309
- * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
310
- *
311
- * @workaround
312
- * @affected IE 5.x/Win, IE6, IE7, IE8
313
- * @css-for IE 5.x/Win, IE6, IE7, IE8
314
- * @valid no
315
- */
316
- /* all IE */
317
- /* IE5.x, IE6 & IE7 */
318
- /* IE5.x & IE6 */
319
- * html .yform {
320
- padding-top: 10px; } }