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.
- 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,110 +0,0 @@
|
|
|
1
|
-
/* "Yet Another Multicolumn Layout" v3.3.1 (c) by Dirk Jesse (http://www.yaml.de)
|
|
2
|
-
* $Revision: 495 $ $Date: 2011-06-18 12:24:44 +0200 (Sa, 18 Jun 2011) $ */
|
|
3
|
-
@media all {
|
|
4
|
-
body {
|
|
5
|
-
o\verflow: visible; }
|
|
6
|
-
* html {
|
|
7
|
-
iframe, frame {
|
|
8
|
-
overflow: auto; }
|
|
9
|
-
input, frameset {
|
|
10
|
-
overflow: hidden; }
|
|
11
|
-
textarea {
|
|
12
|
-
overflow: scroll;
|
|
13
|
-
overflow-x: hidden; } }
|
|
14
|
-
body, #main {
|
|
15
|
-
position: relative; }
|
|
16
|
-
* html body {
|
|
17
|
-
position: static; }
|
|
18
|
-
.clearfix {
|
|
19
|
-
height: 1%; }
|
|
20
|
-
.slidebox {
|
|
21
|
-
position: relative;
|
|
22
|
-
margin-right: -1000px;
|
|
23
|
-
height: 1%; }
|
|
24
|
-
* html {
|
|
25
|
-
#col1, #col2, #col3 {
|
|
26
|
-
position: relative; } }
|
|
27
|
-
body {
|
|
28
|
-
height: 1%; }
|
|
29
|
-
.page_margins, .page, #header, #nav, #main, #footer {
|
|
30
|
-
zoom: 1; }
|
|
31
|
-
* html {
|
|
32
|
-
.page_margins, .page {
|
|
33
|
-
height: 1%;
|
|
34
|
-
hei\ght: auto; }
|
|
35
|
-
#header, #nav, #main, #footer {
|
|
36
|
-
width: 100%;
|
|
37
|
-
wid\th: auto; } }
|
|
38
|
-
.subc, .subcl, .subcr {
|
|
39
|
-
height: 1%; }
|
|
40
|
-
* html {
|
|
41
|
-
ul, ol, dl {
|
|
42
|
-
position: relative; } }
|
|
43
|
-
body ol li {
|
|
44
|
-
display: list-item; }
|
|
45
|
-
fieldset, legend {
|
|
46
|
-
position: relative; }
|
|
47
|
-
html #ie_clearing {
|
|
48
|
-
position: static;
|
|
49
|
-
display: block;
|
|
50
|
-
\clear: both;
|
|
51
|
-
width: 100%;
|
|
52
|
-
font-size: 0;
|
|
53
|
-
margin: -2px 0 -1em 1px; }
|
|
54
|
-
* html #ie_clearing {
|
|
55
|
-
margin: -2px 0 -1em 0; }
|
|
56
|
-
#col3_content {
|
|
57
|
-
margin-bottom: -2px; }
|
|
58
|
-
html {
|
|
59
|
-
margin-right: 1px; }
|
|
60
|
-
* html {
|
|
61
|
-
margin-right: 0; }
|
|
62
|
-
#col3 {
|
|
63
|
-
position: relative; }
|
|
64
|
-
* html body a {
|
|
65
|
-
background-color: transparent;
|
|
66
|
-
&:hover {
|
|
67
|
-
background-color: transparent; } } }
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
@media screen,projection {
|
|
71
|
-
#col1, #col2, .c20l, .c25l, .c33l, .c38l, .c40l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l, .c20r, .c25r, .c33r, .c38r, .c40r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {
|
|
72
|
-
display: inline; }
|
|
73
|
-
* html .equalize {
|
|
74
|
-
overflow: visible;
|
|
75
|
-
display: block;
|
|
76
|
-
.subcolumns {
|
|
77
|
-
overflow: visible;
|
|
78
|
-
display: block; } }
|
|
79
|
-
.equalize {
|
|
80
|
-
overflow: hidden;
|
|
81
|
-
display: block;
|
|
82
|
-
.subcolumns {
|
|
83
|
-
overflow: hidden;
|
|
84
|
-
display: block; }
|
|
85
|
-
.c20l, .c40l, .c60l, .c80l, .c25l, .c33l, .c38l, .c50l, .c62l, .c66l, .c75l {
|
|
86
|
-
float: left;
|
|
87
|
-
display: inline;
|
|
88
|
-
padding-bottom: 32767px;
|
|
89
|
-
margin-bottom: -32767px; }
|
|
90
|
-
.c20r, .c40r, .c60r, .c80r, .c25r, .c33r, .c38r, .c50r, .c62r, .c66r, .c75r {
|
|
91
|
-
float: right;
|
|
92
|
-
margin-left: -5px;
|
|
93
|
-
display: inline;
|
|
94
|
-
padding-bottom: 32767px;
|
|
95
|
-
margin-bottom: -32767px; } }
|
|
96
|
-
.no-ie-padding {
|
|
97
|
-
.c20l, .c40l, .c60l, .c80l, .c20r, .c40r, .c60r, .c80r, .c25l, .c33l, .c38l, .c50l, .c62l, .c66l, .c75l, .c25r, .c33r, .c38r, .c50r, .c62r, .c66r, .c75r {
|
|
98
|
-
padding-bottom: 0;
|
|
99
|
-
margin-bottom: 0; } }
|
|
100
|
-
* html {
|
|
101
|
-
#col1_content, #col2_content, #col3_content {
|
|
102
|
-
word-wrap: break-word; }
|
|
103
|
-
.subc, .subcl, .subcr {
|
|
104
|
-
word-wrap: break-word;
|
|
105
|
-
o\verflow: hidden; } } }
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
@media print {
|
|
109
|
-
.subc, .subcl, .subcr, .col3 {
|
|
110
|
-
height: 1%; } }
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
|
|
3
|
-
*
|
|
4
|
-
* (en) Horizontal list navigation "Shiny Buttons"
|
|
5
|
-
* (de) Horizontale Navigationsliste "Shiny Buttons"
|
|
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 all {
|
|
18
|
-
.hlist {
|
|
19
|
-
/* (en) containing floats in IE */
|
|
20
|
-
/* (de) Einfassen der Floats im IE */
|
|
21
|
-
width: 100%;
|
|
22
|
-
overflow: hidden;
|
|
23
|
-
/* (en) containing floats in all other browsers */
|
|
24
|
-
/* (de) Einfassen der Floats in allen anderen Browsern */
|
|
25
|
-
float: left;
|
|
26
|
-
display: inline;
|
|
27
|
-
/* (en|de) Bugfix:IE - collapsing horizontal margins */
|
|
28
|
-
position: relative;
|
|
29
|
-
/* (en) Repeat the main color from the image */
|
|
30
|
-
/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
|
|
31
|
-
background: silver inline-image("shiny_buttons/background.png", 'image/png') repeat-x center right;
|
|
32
|
-
border-top: 1px #333 solid;
|
|
33
|
-
border-bottom: 1px #333 solid;
|
|
34
|
-
line-height: 0;
|
|
35
|
-
ul {
|
|
36
|
-
margin: 0;
|
|
37
|
-
padding: 0;
|
|
38
|
-
/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
|
|
39
|
-
display: inline;
|
|
40
|
-
float: left;
|
|
41
|
-
/* LTR */
|
|
42
|
-
/* (en) Left margin of the first button */
|
|
43
|
-
/* (de) Abstand des ersten Buttons vom linken Rand */
|
|
44
|
-
border-left: 1px #aaa solid;
|
|
45
|
-
border-right: 1px #fff solid;
|
|
46
|
-
li {
|
|
47
|
-
border-left: 1px #fff solid;
|
|
48
|
-
border-right: 1px #aaa solid;
|
|
49
|
-
/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
|
|
50
|
-
display: inline;
|
|
51
|
-
float: left;
|
|
52
|
-
/* LTR */
|
|
53
|
-
font-size: 1.0em;
|
|
54
|
-
line-height: 1em;
|
|
55
|
-
list-style-type: none;
|
|
56
|
-
margin: 0;
|
|
57
|
-
padding: 0;
|
|
58
|
-
a, strong {
|
|
59
|
-
background: transparent;
|
|
60
|
-
color: #000;
|
|
61
|
-
display: block;
|
|
62
|
-
font-size: 1em;
|
|
63
|
-
font-weight: bold;
|
|
64
|
-
margin: 0;
|
|
65
|
-
padding: 0.5em 0.8em 0.5em 0.8em;
|
|
66
|
-
text-decoration: none;
|
|
67
|
-
width: auto; }
|
|
68
|
-
a {
|
|
69
|
-
&:focus, &:hover, &:active {
|
|
70
|
-
background: #eee;
|
|
71
|
-
color: #333;
|
|
72
|
-
text-decoration: none;
|
|
73
|
-
outline: 0 none; } }
|
|
74
|
-
&.active {
|
|
75
|
-
/* (en) Repeat the main color from the image */
|
|
76
|
-
/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
|
|
77
|
-
background: #272727 inline-image("shiny_buttons/background_active.png", 'image/png') repeat-x center right;
|
|
78
|
-
border-left: 1px #444 solid;
|
|
79
|
-
border-right: 1px #888 solid;
|
|
80
|
-
strong {
|
|
81
|
-
background: transparent;
|
|
82
|
-
color: #fff;
|
|
83
|
-
text-decoration: none; }
|
|
84
|
-
a {
|
|
85
|
-
&:focus, &:hover, &:active {
|
|
86
|
-
background: transparent;
|
|
87
|
-
color: #fff;
|
|
88
|
-
text-decoration: none; } } } } } } }
|
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
|
|
3
|
-
*
|
|
4
|
-
* (en) Horizontal list navigation based on "Sliding Door II" from von "A List Apart"
|
|
5
|
-
* (de) Horizontale Navigationsliste basierend auf "Sliding Door II" von "A List Apart"
|
|
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 all {
|
|
18
|
-
.hlist {
|
|
19
|
-
/* (en) This image is mainly transparent */
|
|
20
|
-
/* (de) Dieses Bild ist größtenteils transparent */
|
|
21
|
-
background: transparent inline-image("sliding_door/round/bg.gif", 'image/gif') repeat-x bottom;
|
|
22
|
-
float: left;
|
|
23
|
-
width: 100%;
|
|
24
|
-
ul {
|
|
25
|
-
margin: 0;
|
|
26
|
-
padding: 0;
|
|
27
|
-
line-height: 1em;
|
|
28
|
-
list-style: none;
|
|
29
|
-
white-space: nowrap; }
|
|
30
|
-
li {
|
|
31
|
-
/* (en) Repeat the main color from the image */
|
|
32
|
-
/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
|
|
33
|
-
list-style-type: none !important;
|
|
34
|
-
background: #e0ecf8 inline-image("sliding_door/round/left.png", 'image/png') no-repeat top left;
|
|
35
|
-
border-bottom: 1px solid #000;
|
|
36
|
-
float: left;
|
|
37
|
-
/* LTR */
|
|
38
|
-
margin: 0;
|
|
39
|
-
padding: 0 0 0 3px; }
|
|
40
|
-
a, strong {
|
|
41
|
-
/* (en) This image is mainly transparent */
|
|
42
|
-
/* (de) Dieses Bild ist größtenteils transparent */
|
|
43
|
-
background: transparent inline-image("sliding_door/round/right.png", 'image/png') no-repeat top right;
|
|
44
|
-
color: #667;
|
|
45
|
-
display: block;
|
|
46
|
-
font-weight: normal;
|
|
47
|
-
padding: 5px 11px 3px 8px;
|
|
48
|
-
text-decoration: none;
|
|
49
|
-
text-transform: none;
|
|
50
|
-
/**
|
|
51
|
-
* @bugfix
|
|
52
|
-
* @affected IE5.x, IE6
|
|
53
|
-
* @css-for all browsers
|
|
54
|
-
* @valid yes
|
|
55
|
-
*/
|
|
56
|
-
width: auto;
|
|
57
|
-
/* only IE 5.x */
|
|
58
|
-
width/**/: .1em;
|
|
59
|
-
/* only IE 6.0 */ }
|
|
60
|
-
a {
|
|
61
|
-
&:link, &:visited {
|
|
62
|
-
background-color: transparent;
|
|
63
|
-
color: #667; } }
|
|
64
|
-
> ul {
|
|
65
|
-
a, strong {
|
|
66
|
-
width: auto; } }
|
|
67
|
-
ul li {
|
|
68
|
-
&:focus, &:hover, &:active {
|
|
69
|
-
/* (en) Repeat the main color from the image */
|
|
70
|
-
/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
|
|
71
|
-
background-color: #c4d0dc;
|
|
72
|
-
background-position: 0 -150px; }
|
|
73
|
-
&:focus a, &:hover a, &:active a {
|
|
74
|
-
background-position: 100% -150px; } }
|
|
75
|
-
a {
|
|
76
|
-
&:focus, &:hover, &:active {
|
|
77
|
-
background: transparent inline-image("sliding_door/round/right.png", 'image/png') no-repeat top right;
|
|
78
|
-
color: #223;
|
|
79
|
-
outline: 0 none;
|
|
80
|
-
text-decoration: none; } }
|
|
81
|
-
ul li.active {
|
|
82
|
-
/* (en) Repeat the main color from the image */
|
|
83
|
-
/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
|
|
84
|
-
background: white inline-image("sliding_door/round/left_on.png", 'image/png') no-repeat top left;
|
|
85
|
-
border: 0 none;
|
|
86
|
-
&:focus, &:hover, &:active {
|
|
87
|
-
/* (en) Repeat the main color from the image */
|
|
88
|
-
/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
|
|
89
|
-
background: white inline-image("sliding_door/round/left_on.png", 'image/png') no-repeat top left;
|
|
90
|
-
border: 0 none; } }
|
|
91
|
-
li.active strong {
|
|
92
|
-
/* (en) This image is mainly transparent */
|
|
93
|
-
/* (de) Dieses Bild ist größtenteils transparent */
|
|
94
|
-
background: transparent inline-image("sliding_door/round/right_on.png", 'image/png') no-repeat top right;
|
|
95
|
-
color: #334;
|
|
96
|
-
font-weight: bold;
|
|
97
|
-
padding-bottom: 4px;
|
|
98
|
-
padding-top: 5px; } }
|
|
99
|
-
/**
|
|
100
|
-
* @bugfix
|
|
101
|
-
* @affected IE5.x, IE6
|
|
102
|
-
* @css-for all browsers
|
|
103
|
-
* @valid yes
|
|
104
|
-
*/
|
|
105
|
-
/* for other browsers */ }
|
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
|
|
3
|
-
*
|
|
4
|
-
* (en) Vertical list navigation "vlist"
|
|
5
|
-
* (de) Vertikale Navigationsliste "vlist"
|
|
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 all {
|
|
18
|
-
/* title */
|
|
19
|
-
h6.vlist {
|
|
20
|
-
font-family: Arial, Helvetica, sans-serif;
|
|
21
|
-
font-weight: bold;
|
|
22
|
-
font-size: 100%;
|
|
23
|
-
width: 90%;
|
|
24
|
-
padding: 3px 0px 3px 10%;
|
|
25
|
-
/* LTR */
|
|
26
|
-
margin: 0;
|
|
27
|
-
color: #444;
|
|
28
|
-
background-color: #fff;
|
|
29
|
-
border-top: 2px #ddd solid;
|
|
30
|
-
border-bottom: 4px #888 solid; }
|
|
31
|
-
.vlist {
|
|
32
|
-
width: 100%;
|
|
33
|
-
overflow: hidden;
|
|
34
|
-
margin: 0 0 1.5em 0;
|
|
35
|
-
list-style-type: none;
|
|
36
|
-
border-bottom: 2px #ddd solid;
|
|
37
|
-
ul {
|
|
38
|
-
list-style-type: none;
|
|
39
|
-
margin: 0;
|
|
40
|
-
padding: 0; }
|
|
41
|
-
li {
|
|
42
|
-
float: left;
|
|
43
|
-
/* LTR */
|
|
44
|
-
width: 100%;
|
|
45
|
-
margin: 0;
|
|
46
|
-
padding: 0; }
|
|
47
|
-
a, strong, span {
|
|
48
|
-
display: block;
|
|
49
|
-
padding: 3px 0px 3px 10%;
|
|
50
|
-
text-decoration: none;
|
|
51
|
-
border-bottom: 1px #ddd solid; }
|
|
52
|
-
a {
|
|
53
|
-
color: #444;
|
|
54
|
-
&:visited {
|
|
55
|
-
color: #444; } }
|
|
56
|
-
li {
|
|
57
|
-
span {
|
|
58
|
-
display: block;
|
|
59
|
-
font-weight: bold;
|
|
60
|
-
border-bottom: 1px #ddd solid; }
|
|
61
|
-
&.active {
|
|
62
|
-
color: #fff;
|
|
63
|
-
background-color: #800;
|
|
64
|
-
font-weight: bold; }
|
|
65
|
-
a, strong, span {
|
|
66
|
-
width: 90%;
|
|
67
|
-
padding-left: 10%; }
|
|
68
|
-
a {
|
|
69
|
-
&:focus, &:hover, &:active {
|
|
70
|
-
background-color: #a88;
|
|
71
|
-
color: #fff;
|
|
72
|
-
outline: 0 none; } }
|
|
73
|
-
ul li {
|
|
74
|
-
a, strong, span {
|
|
75
|
-
width: 80%;
|
|
76
|
-
padding-left: 20%; }
|
|
77
|
-
a {
|
|
78
|
-
background-color: #f8f8f8;
|
|
79
|
-
color: #333;
|
|
80
|
-
&:visited {
|
|
81
|
-
background-color: #f8f8f8;
|
|
82
|
-
color: #333; }
|
|
83
|
-
&:focus, &:hover, &:active {
|
|
84
|
-
background-color: #a88;
|
|
85
|
-
color: #fff; } }
|
|
86
|
-
ul li {
|
|
87
|
-
a, strong, span {
|
|
88
|
-
width: 70%;
|
|
89
|
-
padding-left: 30%; }
|
|
90
|
-
a {
|
|
91
|
-
background-color: #f0f0f0;
|
|
92
|
-
color: #222;
|
|
93
|
-
&:visited {
|
|
94
|
-
background-color: #f0f0f0;
|
|
95
|
-
color: #222; }
|
|
96
|
-
&:focus, &:hover, &:active {
|
|
97
|
-
background-color: #a88;
|
|
98
|
-
color: #fff; } }
|
|
99
|
-
ul li {
|
|
100
|
-
a, strong, span {
|
|
101
|
-
width: 60%;
|
|
102
|
-
padding-left: 40%; }
|
|
103
|
-
a {
|
|
104
|
-
background-color: #e8e8e8;
|
|
105
|
-
color: #111;
|
|
106
|
-
&:visited {
|
|
107
|
-
background-color: #e8e8e8;
|
|
108
|
-
color: #111; }
|
|
109
|
-
&:focus, &:hover, &:active {
|
|
110
|
-
background-color: #a88;
|
|
111
|
-
color: #fff; } } } } } } }
|
|
112
|
-
/* active list element */
|
|
113
|
-
/* Level 1 */
|
|
114
|
-
/* LTR */
|
|
115
|
-
/* Level 2 */
|
|
116
|
-
/* LTR */
|
|
117
|
-
/* Level 3 */
|
|
118
|
-
/* LTR */
|
|
119
|
-
/* Level 4 */
|
|
120
|
-
/* LTR */ }
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
|
|
3
|
-
*
|
|
4
|
-
* (en) IE adjustment stylesheet for YAML vlist navigation
|
|
5
|
-
* Import this file within the IE-patch-file if needed in your layout
|
|
6
|
-
*
|
|
7
|
-
* (de) IE Anpassungs-Stylesheet für YAML vlist-Navigation
|
|
8
|
-
* Einbindung ins Layout erfolgt über den Import innerhalb des IE-Anspassungs-Stylesheet
|
|
9
|
-
*
|
|
10
|
-
* @copyright Copyright 2005-2011, Dirk Jesse
|
|
11
|
-
* @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
|
|
12
|
-
* YAML-C (http://www.yaml.de/en/license/license-conditions.html)
|
|
13
|
-
* @link http://www.yaml.de
|
|
14
|
-
* @package yaml
|
|
15
|
-
* @version 3.3.1
|
|
16
|
-
* @revision $Revision:392 $
|
|
17
|
-
* @lastmodified $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
|
|
18
|
-
*/
|
|
19
|
-
|
|
20
|
-
@media screen, projection {
|
|
21
|
-
/**
|
|
22
|
-
* Box Model Bug
|
|
23
|
-
* (en) Adjustment of width values for list elements of the menu in IE 5.x/Win.
|
|
24
|
-
* Note:If IE6 is running in quirks mode, it also needs 100% values!
|
|
25
|
-
*
|
|
26
|
-
* (de) Korrektur der Breitenangaben der Listenelemente des Submenüs im IE 5.x/Win.
|
|
27
|
-
* Hinweis:Befindet sich der IE6 im Quirks Mode, so benötigt er ebenfalls 100%-Werte !
|
|
28
|
-
*
|
|
29
|
-
* @bugfix
|
|
30
|
-
* @affected IE 5.x/Win (IE6 in Quirks-Mode)
|
|
31
|
-
* @css-for IE 5.x/Win, IE6
|
|
32
|
-
* @valid no
|
|
33
|
-
*/
|
|
34
|
-
/* title */
|
|
35
|
-
* html {
|
|
36
|
-
h6.vlist {
|
|
37
|
-
width: 100%;
|
|
38
|
-
w\idth: 90%; }
|
|
39
|
-
.vlist li {
|
|
40
|
-
a, strong, span {
|
|
41
|
-
width: 100%;
|
|
42
|
-
w\idth: 90%; }
|
|
43
|
-
ul li {
|
|
44
|
-
a, strong, span {
|
|
45
|
-
width: 100%;
|
|
46
|
-
w\idth: 80%; }
|
|
47
|
-
ul li {
|
|
48
|
-
a, strong, span {
|
|
49
|
-
width: 100%;
|
|
50
|
-
w\idth: 70%; }
|
|
51
|
-
ul li {
|
|
52
|
-
a, strong, span {
|
|
53
|
-
width: 100%;
|
|
54
|
-
w\idth: 60%; } } } } } }
|
|
55
|
-
/* level 1 */
|
|
56
|
-
/* level 2 */
|
|
57
|
-
/* level 3 */
|
|
58
|
-
/* level 4 */ }
|