cyaml 0.0.35 → 0.0.42

Sign up to get free protection for your applications and to get access to all the features.
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; } }