cyaml 0.0.35 → 0.0.42
Sign up to get free protection for your applications and to get access to all the features.
- data/README.mkdn +1 -1
- data/stylesheets/cyaml/add-ons/accessible-tabs/tabs.sass +113 -0
- data/stylesheets/cyaml/add-ons/microformats/microformats.sass +115 -0
- data/stylesheets/cyaml/add-ons/rtl-support/core/base-rtl.min.sass +23 -0
- data/stylesheets/cyaml/add-ons/rtl-support/core/base-rtl.sass +61 -0
- data/stylesheets/cyaml/add-ons/rtl-support/navigation/hlist-rtl.sass +46 -0
- data/stylesheets/cyaml/add-ons/rtl-support/navigation/vlist-rtl.sass +45 -0
- data/stylesheets/cyaml/add-ons/rtl-support/screen/typography-rtl.sass +27 -0
- data/stylesheets/cyaml/core/base.min.sass +282 -0
- data/stylesheets/cyaml/core/base.sass +434 -0
- data/stylesheets/cyaml/core/iehacks.min.sass +118 -0
- data/stylesheets/cyaml/core/iehacks.sass +327 -0
- data/stylesheets/cyaml/forms/gray-theme.sass +499 -0
- data/stylesheets/cyaml/navigation/hlist.sass +110 -0
- data/stylesheets/cyaml/navigation/vlist.sass +120 -0
- data/stylesheets/cyaml/print/print.sass +49 -0
- data/stylesheets/cyaml/screen/grid-960-12.sass +95 -0
- data/stylesheets/cyaml/screen/grid-960-16.sass +119 -0
- data/stylesheets/cyaml/screen/screen-FULLPAGE-layout.sass +163 -0
- data/stylesheets/cyaml/screen/screen-PAGE-layout.sass +148 -0
- data/stylesheets/cyaml/screen/typography.sass +317 -0
- data/templates/project/add-ons/microformats/icons/external_link.png +0 -0
- data/templates/project/add-ons/microformats/icons/hcalendar.png +0 -0
- data/templates/project/add-ons/microformats/icons/hcard.png +0 -0
- data/templates/project/add-ons/microformats/icons/icon-geo.png +0 -0
- data/templates/project/add-ons/microformats/icons/icon-hatom.png +0 -0
- data/templates/project/add-ons/microformats/icons/icon-haudio.png +0 -0
- data/templates/project/add-ons/microformats/icons/icon-hcalendar-add.png +0 -0
- data/templates/project/add-ons/microformats/icons/icon-hcalendar-download.png +0 -0
- data/templates/project/add-ons/microformats/icons/icon-hcalendar.png +0 -0
- data/templates/project/add-ons/microformats/icons/icon-hcard-add.png +0 -0
- data/templates/project/add-ons/microformats/icons/icon-hcard-download.png +0 -0
- data/templates/project/add-ons/microformats/icons/icon-hcard.png +0 -0
- data/templates/project/add-ons/microformats/icons/icon-hresume.png +0 -0
- data/templates/project/add-ons/microformats/icons/icon-rel-tag.png +0 -0
- data/templates/project/add-ons/microformats/icons/icon-xfn.png +0 -0
- data/templates/project/add-ons/microformats/icons/xfn/xfn-child.png +0 -0
- data/templates/project/add-ons/microformats/icons/xfn/xfn-colleague-met.png +0 -0
- data/templates/project/add-ons/microformats/icons/xfn/xfn-colleague.png +0 -0
- data/templates/project/add-ons/microformats/icons/xfn/xfn-friend-met.png +0 -0
- data/templates/project/add-ons/microformats/icons/xfn/xfn-friend.png +0 -0
- data/templates/project/add-ons/microformats/icons/xfn/xfn-me.png +0 -0
- data/templates/project/add-ons/microformats/icons/xfn/xfn-parent.png +0 -0
- data/templates/project/add-ons/microformats/icons/xfn/xfn-small.png +0 -0
- data/templates/project/add-ons/microformats/icons/xfn/xfn-spouse.png +0 -0
- data/templates/project/add-ons/microformats/icons/xfn/xfn-sweetheart-met.png +0 -0
- data/templates/project/add-ons/microformats/icons/xfn/xfn-sweetheart.png +0 -0
- data/templates/project/application.html.haml +68 -48
- data/templates/project/application_new.html.haml +97 -0
- data/templates/project/basemod.scss +6 -62
- data/templates/project/default_includes.scss +14 -29
- data/templates/project/{javascripts/ftod.js → ftod.js} +0 -0
- data/templates/project/index.html.haml +84 -37
- data/templates/project/lib/jquery-1.7.1.min.js +4 -0
- data/templates/project/manifest.rb +5 -6
- data/templates/project/{javascripts/minmax.js → minmax.js} +0 -0
- data/templates/project/yaml/add-ons/accessible-tabs/jquery.tabs.js +314 -0
- data/templates/project/yaml/add-ons/syncheight/jquery.syncheight.js +88 -0
- data/templates/project/yaml/core/yaml-focusfix.js +72 -0
- metadata +66 -42
- data/stylesheets/cyaml/add-ons/accessible-tabs/tabs.scss +0 -111
- data/stylesheets/cyaml/add-ons/microformats/microformats.scss +0 -118
- data/stylesheets/cyaml/add-ons/rtl-support/core/base-rtl.scss +0 -67
- data/stylesheets/cyaml/add-ons/rtl-support/core/iehacks-rtl.scss +0 -49
- data/stylesheets/cyaml/add-ons/rtl-support/core/slim_base-rtl.scss +0 -25
- data/stylesheets/cyaml/add-ons/rtl-support/core/slim_iehacks-rtl.scss +0 -7
- data/stylesheets/cyaml/add-ons/rtl-support/navigation/nav_shinybuttons-rtl.scss +0 -44
- data/stylesheets/cyaml/add-ons/rtl-support/navigation/nav_slidingdoor-rtl.scss +0 -38
- data/stylesheets/cyaml/add-ons/rtl-support/navigation/nav_vlist-rtl.scss +0 -46
- data/stylesheets/cyaml/core/base.scss +0 -258
- data/stylesheets/cyaml/core/iehacks.scss +0 -315
- data/stylesheets/cyaml/core/slim_base.scss +0 -152
- data/stylesheets/cyaml/core/slim_iehacks.scss +0 -110
- data/stylesheets/cyaml/navigation/nav_shinybuttons.scss +0 -88
- data/stylesheets/cyaml/navigation/nav_slidingdoor.scss +0 -105
- data/stylesheets/cyaml/navigation/nav_vlist.scss +0 -120
- data/stylesheets/cyaml/patches/patch_nav_vlist.scss +0 -58
- data/stylesheets/cyaml/print/print_003_draft.scss +0 -67
- data/stylesheets/cyaml/print/print_020_draft.scss +0 -70
- data/stylesheets/cyaml/print/print_023_draft.scss +0 -87
- data/stylesheets/cyaml/print/print_100_draft.scss +0 -68
- data/stylesheets/cyaml/print/print_103_draft.scss +0 -87
- data/stylesheets/cyaml/print/print_120_draft.scss +0 -82
- data/stylesheets/cyaml/print/print_123_draft.scss +0 -86
- data/stylesheets/cyaml/print/print_draft.scss +0 -52
- data/stylesheets/cyaml/screen/content.scss +0 -228
- data/stylesheets/cyaml/screen/content_table.scss +0 -43
- data/stylesheets/cyaml/screen/forms.scss +0 -320
- data/templates/project/citrin.html.haml +0 -50
- data/templates/project/javascripts/lib/jquery-1.6.1.js +0 -8937
- data/templates/project/javascripts/lib/jquery-1.6.1.min.js +0 -18
- 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; } }
|