layout_yullio_generator 0.9.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (20) hide show
  1. data/USAGE +47 -0
  2. data/layout_yullio_generator.rb +62 -0
  3. data/lib/layout_yullio.rb +1 -0
  4. data/lib/layout_yullio/version.rb +9 -0
  5. data/templates/layout.rhtml +60 -0
  6. data/templates/mollio-yui/css/mollio-yui.css +280 -0
  7. data/templates/mollio_version1.1/css/images/2nd_nav_bg.gif +0 -0
  8. data/templates/mollio_version1.1/css/images/body_bg.gif +0 -0
  9. data/templates/mollio_version1.1/css/images/content_wrap_bg.gif +0 -0
  10. data/templates/mollio_version1.1/css/images/content_wrap_e_bg.gif +0 -0
  11. data/templates/mollio_version1.1/css/images/featurebox2_bg.gif +0 -0
  12. data/templates/mollio_version1.1/css/images/featurebox_bg.gif +0 -0
  13. data/templates/mollio_version1.1/css/images/header_bg.gif +0 -0
  14. data/templates/mollio_version1.1/css/images/sprites.gif +0 -0
  15. data/templates/mollio_version1.1/css/images/td_bg.gif +0 -0
  16. data/templates/mollio_version1.1/js/common.js +21 -0
  17. data/templates/partial.rhtml +5 -0
  18. data/templates/plugins/yullio/init.rb +14 -0
  19. data/templates/yui_0.12.1/build/reset-fonts-grids/reset-fonts-grids.css +4 -0
  20. metadata +72 -0
data/USAGE ADDED
@@ -0,0 +1,47 @@
1
+ layout_yullio generates the layout template using Yahoo! UI Library
2
+ (YUI) Grids CSS and Mollio CSS/HTML templates.
3
+
4
+ Although Mollio itself has preset layouts, YUI's Grids are more flexible
5
+ and provide a larger number of possible layouts.
6
+
7
+ This generator places a copy of YUI Grids (actually, "rest-fonts-grids"
8
+ build') and Mollio into your Rails app. It also places a 'yullio' plugin
9
+ under your plugins/ library.
10
+
11
+ For the generator to work, simply supply the name of the controller
12
+ for which you want to generate the layout. An optional parameter specifies
13
+ the name of the partial (called "the Secondary Block" in Yahoo! terms).
14
+ By default, it will be called "secondary", and the corresponding partial,
15
+ _secondary.rhtml, will be generated and placed under your
16
+ app/views/controller_name/ directory.
17
+
18
+ To list all available YUI layouts and their designs is beyond the scope
19
+ of this usage description. But there are three major "overall page width"
20
+ types: #doc, #doc2, and #doc3, and seven secondary column layouts,
21
+ from .yui-t1 to .yui-t7. By default, the generator will set to #doc3
22
+ (100% fluid) and .yui-t1 (two columns, narrow on left, 160 px).
23
+
24
+ To change the layout, simply put these two lines in your controller:
25
+
26
+ class MyController < ApplicationController
27
+ ...
28
+ yullio_page_width :doc
29
+ yullio_column_template :yui_t2
30
+ ...
31
+
32
+ This sets the layout to use #doc page width and .yui-t2 column template.
33
+ Note here the dash ("-") is replaced with an underline ("_"), since Ruby
34
+ doesn't allow dash for symbols.
35
+
36
+ Note that no code for the nesting grids is generated for you. You must
37
+ place them by yourself in your views. They're beyond the scope of the
38
+ layout.
39
+
40
+ For more information on Mollio CSS/HTML templates, please refer to
41
+ http://www.mollio.org/ .
42
+
43
+ For YUI Grids, please refer to http://developer.yahoo.com/yui/grids/
44
+
45
+ Yullio Layout Generator is prepared by hlb (Hsueh Liang-bin, a member
46
+ of WaSP ILG) and lukhnos (author of ObjectiveFlickr). This generator
47
+ is released under the BSD License.
data/layout_yullio_generator.rb ADDED
@@ -0,0 +1,62 @@
1
+ class LayoutYullioGenerator < Rails::Generator::NamedBase
2
+ MOLLIO = 'mollio_version1.1'
3
+ MOLLIO_YUI = 'mollio-yui'
4
+ YUI = 'yui_0.12.1'
5
+
6
+ def initialize(*runtime_args)
7
+ super(*runtime_args)
8
+
9
+ @controller = singular_name
10
+ @partial = args.shift || "secondary"
11
+ end
12
+
13
+ def banner
14
+ "Usage: #{$0} layout_yullio ControllerName secondary_partial"
15
+ end
16
+
17
+ private
18
+ def fjoin(array, fn=nil)
19
+ x = array.clone
20
+ File.join(fn ? x << fn : x)
21
+ end
22
+
23
+ def manifest
24
+ record do |m|
25
+ # directories to put things in
26
+ psm = ['public', 'stylesheets', 'mollio-yui']
27
+ psmi = ['public', 'stylesheets', 'mollio-yui', 'images']
28
+ psyr = ['public', 'stylesheets', 'yui', 'reset-fonts-grids']
29
+ pjm = ['public', 'javascripts', 'mollio']
30
+ avl = ['app', 'views', 'layouts']
31
+ avc = ['app', 'views', @controller]
32
+ vpy = ['vendor', 'plugins', 'yullio']
33
+
34
+ # source directories
35
+ css = [MOLLIO_YUI, 'css']
36
+ js = [MOLLIO, 'js']
37
+ img = [MOLLIO, 'css', 'images']
38
+ yahoo = [YUI, 'build', 'reset-fonts-grids']
39
+ plugin = ['plugins', 'yullio']
40
+
41
+ m.directory fjoin(psm)
42
+ m.directory fjoin(psmi)
43
+ m.directory fjoin(psyr)
44
+ m.directory fjoin(pjm)
45
+ m.directory fjoin(avl)
46
+ m.directory fjoin(avc)
47
+ m.directory fjoin(vpy)
48
+
49
+ m.file fjoin(css, 'mollio-yui.css'), fjoin(psm, 'mollio-yui.css')
50
+ m.file fjoin(js, 'common.js'), fjoin(pjm, 'common.js')
51
+ m.file fjoin(yahoo, 'reset-fonts-grids.css'), fjoin(psyr, 'reset-fonts-grids.css')
52
+ m.file fjoin(plugin, 'init.rb'), fjoin(vpy, 'init.rb')
53
+
54
+ imgfiles = %w(2nd_nav_bg.gif body_bg.gif content_wrap_bg.gif content_wrap_e_bg.gif featurebox2_bg.gif featurebox_bg.gif header_bg.gif sprites.gif td_bg.gif)
55
+ imgfiles.each { |x| m.file fjoin(img, x), fjoin(psmi, x) }
56
+
57
+ m.template 'layout.rhtml', fjoin(avl, "#{@controller}.rhtml"), :assigns => { :partial => @partial }
58
+ m.template 'partial.rhtml', fjoin(avc, "_#{@partial}.rhtml"), :assigns => {:name => @partial }
59
+ end
60
+ end
61
+ end
62
+
data/lib/layout_yullio.rb ADDED
@@ -0,0 +1 @@
1
+ Dir[File.join(File.dirname(__FILE__), 'layout_yullio/**/*.rb')].sort.each { |lib| require lib }
data/lib/layout_yullio/version.rb ADDED
@@ -0,0 +1,9 @@
1
+ module LayoutYullio #:nodoc:
2
+ module VERSION #:nodoc:
3
+ MAJOR = 0
4
+ MINOR = 9
5
+ TINY = 0
6
+
7
+ STRING = [MAJOR, MINOR, TINY].join('.')
8
+ end
9
+ end
data/templates/layout.rhtml ADDED
@@ -0,0 +1,60 @@
1
+ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2
+ <html>
3
+ <head>
4
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5
+ <title><%%= controller.action_name %></title>
6
+
7
+ <%%= stylesheet_link_tag "yui/reset-fonts-grids/reset-fonts-grids" %>
8
+ <%%= stylesheet_link_tag "mollio-yui/mollio-yui", :media => "screen" %>
9
+ <%%= javascript_include_tag :defaults %>
10
+ <%%= javascript_include_tag "mollio/common" %>
11
+ </head>
12
+
13
+ <body>
14
+ <div id="<%%= yullio_page_width %>" class="<%%= yullio_column_template %>">
15
+ <!-- #hd {{{ -->
16
+ <div id="hd">
17
+ <div id="header">
18
+ <div id="site-name">Your Site Name Here</div>
19
+ <div id="search">
20
+ </div>
21
+ <ul id="nav">
22
+ </ul>
23
+ </div>
24
+
25
+ <p>HEADER TEXT: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.</p>
26
+ </div>
27
+ <!-- END: #hd }}} -->
28
+
29
+ <!-- #bd {{{ -->
30
+ <div id="bd">
31
+ <!-- #yui-main {{{ -->
32
+ <div id="yui-main">
33
+ <div class="yui-b">
34
+ <div id="content">
35
+ <%%= yield %>
36
+ </div>
37
+ </div>
38
+ </div>
39
+ <!-- END: #yui-main }}} -->
40
+
41
+ <!-- .yui-b {{{ -->
42
+ <%% if yullio_column_template != 'yui-t7' %>
43
+ <div class="yui-b">
44
+ <div id="utility">
45
+ <%%= render :partial => <%= "\"#{partial}\""%>%>
46
+ </div>
47
+ </div>
48
+ <%% end %>
49
+ <!-- END: .yui-b }}} -->
50
+ </div>
51
+ <!-- END: #bd }}} -->
52
+ <!-- #ft {{{ -->
53
+ <div id="ft">
54
+ <p>FOOTER: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.</p>
55
+ </div>
56
+ <!-- END: #ft }}} -->
57
+ </div>
58
+ </body>
59
+ </html>
60
+
data/templates/mollio-yui/css/mollio-yui.css ADDED
@@ -0,0 +1,280 @@
1
+ /*
2
+ LEGAL
3
+ =====
4
+ Copyright: Daemon Pty Limited 2006, http://www.daemon.com.au
5
+ Community: Mollio http://www.mollio.org $
6
+ License: Released Under the "Common Public License 1.0",
7
+ http://www.opensource.org/licenses/cpl.php
8
+ License: Released Under the "Creative Commons License",
9
+ http://creativecommons.org/licenses/by/2.5/
10
+ License: Released Under the "GNU Creative Commons License",
11
+ http://creativecommons.org/licenses/GPL/2.0/
12
+
13
+ Patch for YUI by hlb (Hsueh Liang-bin)
14
+ */
15
+
16
+ /* THE BIG GUYS */
17
+ * {margin:0;padding:0}
18
+ body {
19
+ /* font-size: 85%; */
20
+ padding: 0 0 20px;background: #fff url("images/body_bg.gif") repeat-x 0 100%;color:#333;
21
+ }
22
+
23
+ /* LINKS */
24
+ a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer}
25
+ a:link {color:#c00}
26
+ a:visited {color:#999}
27
+ a:hover,a:active {color:#069}
28
+
29
+ /* FORMS */
30
+ form {margin: 0 0 1.5em}
31
+ input {margin: 2px 0}
32
+ fieldset {border: none}
33
+ label {display:block;padding: 5px 0}
34
+ label br {clear:left}
35
+
36
+ /* FORMS - general classes */
37
+ input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}
38
+
39
+ /* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
40
+ form.f-wrap-1 {width:100%;padding: .5em 0;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;border-top: 1px solid #d7d7d7;position:relative}
41
+ form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
42
+ form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
43
+ form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}
44
+
45
+ /* hide from IE mac \*/
46
+ form.f-wrap-1 label {float:none}
47
+ /* end hiding from IE5 mac */
48
+
49
+ form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}
50
+
51
+ form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
52
+ form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
53
+ form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
54
+ form.f-wrap-1 div.req b {color:#c00;font-size:140%}
55
+ form.f-wrap-1 label select {width: 15.5em}
56
+ form.f-wrap-1 label textarea.f-comments {width: 20em}
57
+ form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
58
+ form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}
59
+
60
+ form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
61
+ form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
62
+ form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
63
+ form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
64
+ form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
65
+
66
+ form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
67
+ form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}
68
+
69
+ /* TYPOGRAPHY */
70
+ p, ul, ol {margin: 0 0 1.5em}
71
+ h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em}
72
+ h1 {font-size: 196%;margin-top:.6em}
73
+ h2 {font-size: 136%}
74
+ h3 {font-size: 126%}
75
+ h4 {font-size: 116%}
76
+ h5 {font-size: 106%}
77
+ h6 {font-size: 96%}
78
+ .highlight {color:#E17000}
79
+ .subdued {color:#999}
80
+ .error {color:#c00;font-weight:bold}
81
+ .success {color:#390;font-weight:bold}
82
+ .caption {color:#999;font-size:11px}
83
+ .date {font-weight: bold; font-size:82%;color:#bbb;display:block;letter-spacing: 1px}
84
+ small {font-size:11px}
85
+
86
+ /* LISTS */
87
+ ul {margin: .3em 0 1.5em 0;list-style-type:none}
88
+ ul.related {margin-top: -1em}
89
+ ol {margin: .5em .5em 1.5em}
90
+ ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
91
+ li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites.gif") no-repeat 0 0}
92
+ li.doc {background-position: 3px -500px}
93
+ ul.nomarker li {background:none;padding-left:0}
94
+
95
+ dl {margin: 0 0 1em 0}
96
+ dt {font-weight:bold;margin-top: 1.3em}
97
+ dl dl {margin: 0 0 1.5em 30px}
98
+
99
+ /* GENERAL */
100
+ img {border:none}
101
+ hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
102
+ .clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px}
103
+
104
+ /* LAYOUT - HEADER */
105
+ #header {background: #666 url("images/sprites.gif") repeat-x 0 100%;margin: 0 0 25px;padding: 0 0 8px}
106
+
107
+ #header #site-name {font-size: 265%;letter-spacing: -.05em;margin:0 0 0 40px;padding:3px 0;color:#ccc;border:none}
108
+
109
+ /* NAV - top horizontal nav */
110
+ #nav, #nav ul {padding: 0;margin: 0;list-style: none}
111
+ #nav {font-weight:bold;height:2.09em;font-weight: bold;font-size: 96%;margin: 0 105px 0 40px}
112
+ #nav li {position:relative;background: #999;float: left;width: 10em;display:block;margin: 0;border-bottom: 3px solid #666;border-right: 3px solid #252525;padding:0}
113
+ #nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 0.48em 10px 0.24em}
114
+ #nav a:hover {color:#000}
115
+
116
+ #nav li ul {border-left: 1px solid #c00;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: -999em}
117
+ #nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}
118
+
119
+ #nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
120
+ #nav li li.last {border-bottom:none}
121
+ #nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:14em}
122
+ #nav li li a:hover {color:#fff;background:#c00}
123
+
124
+ #nav li.active {background: #c00;border-bottom: 3px solid #c00}
125
+ #nav li.active ul {border:none;background: #c00 url("images/featurebox2_bg.gif") no-repeat 100% 100%}
126
+ #nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
127
+ #nav li.active a:hover {color:#000}
128
+
129
+ #nav li.active li {border:none;border-top: 1px solid #c15c5c;border-bottom: 1px solid #870000}
130
+ #nav li.active li.last {border-bottom: none}
131
+ #nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
132
+ #nav li.active li a:hover {background: #666 url("images/sprites.gif") repeat-x 0 99%;color:#fff}
133
+
134
+ #nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background: #666 url("images/sprites.gif") repeat-x 0 99%}
135
+
136
+ /* hide from IE mac \*/
137
+ #nav li {width:auto}
138
+ /* end hiding from IE5 mac */
139
+
140
+ /* SEARCH */
141
+ #search {color:#fff;font-weight:bold;position:absolute;top:10px;right:110px;left:auto;width:18em}
142
+ #search form {margin:0}
143
+ #search input {width:8em;margin: 0 0 -1px;height:1.2em}
144
+ #search label {padding:5px 0 0;display:inline}
145
+ #search input.f-submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}
146
+
147
+ /* POWERED BY - mollio logo in this case */
148
+ #poweredby {width:96px;height:63px;position:absolute;top:-102px;right:0}
149
+
150
+ /* LAYOUT - main body of page */
151
+ #wrap {min-width:770px;max-width:1200px;margin: 0 auto;position:relative}
152
+ #content-wrap {position:relative;width:100%}
153
+ #utility {width: 88%;border-top: 5px solid #999;padding-bottom: 40px; float: right; }
154
+ #sidebar {width: 80%; border-top: 5px solid #999;padding-top: 1px;padding-bottom: 40px}
155
+
156
+ #content {margin: 0 30px}
157
+ #content #breadcrumb {margin-top:-5px;font-size:93%;font-weight:bold}
158
+ #content #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none}
159
+ #content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline}
160
+
161
+ .featurebox {color:#333;padding: 15px 20px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%}
162
+ .featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #c00;color:#c00}
163
+ .featurebox p {border:none;margin: 0 0 1em;color:#444}
164
+ .featurebox a {font-weight:bold}
165
+
166
+ .thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;background:#fff}
167
+ .thumbnail img {border: 1px solid #000}
168
+
169
+ .pagination {background: #f2f2f2;color:#666;padding: 4px 2px 8px 7px;border: 1px solid #ddd;margin: 0 0 1.5em}
170
+ .pagination p {position:relative;text-align:right}
171
+ .pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
172
+ .pagination p a:hover {background:#c00;color:#fff}
173
+ .pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
174
+ .pagination * {margin:0}
175
+ .pagination h4 {margin-top:-1.45em;padding:0;border:none}
176
+
177
+ #resultslist-wrap {margin: 0 0 1.5em;font-size:92%}
178
+ #resultslist-wrap dt, #resultslist-wrap dl {margin: 0}
179
+ #resultslist-wrap dt {font: bold 85% arial;padding: 3px 0}
180
+ #resultslist-wrap li {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial}
181
+ #resultslist-wrap li dd {font-weight: normal;font-size: 73%; }
182
+ #resultslist-wrap li dl {margin:0}
183
+ #resultslist-wrap dd {line-height:1.3}
184
+ #resultslist-wrap dd.filetype, #resultslist-wrap dd.date {color:#999;display:inline;padding-right:.5em}
185
+
186
+ /* TABLES */
187
+ .table1 {border: 2px solid #900;border-collapse:collapse;width:100%}
188
+ .table1 td {background: #fff url("images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
189
+ .table1 th {text-align:left;border: 1px solid #fff}
190
+ .table1 thead th {color:#fff;font-size:145%;background: #900 url("images/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
191
+ .table1 tbody th {color:#fff;font-size:115%;background: #88b8db url("images/sprites.gif") repeat-x 0 -1400px;padding: 6px}
192
+ .table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("images/sprites.gif") repeat-x 0 -1500px;padding: 6px}
193
+
194
+ /* TABLES - calendar */
195
+ .calendar {width:200px;font-size:92%}
196
+ .calendar td {text-align:center;border: 1px solid #ddd}
197
+ .calendar th {text-align:center}
198
+ .calendar thead th {padding: 3px 2px}
199
+ .calendar tbody th {padding: 2px}
200
+ .calendar tbody th.sub {padding: 2px}
201
+
202
+ /* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
203
+ a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("images/sprites.gif") no-repeat 5px -500px;padding-left:21px}
204
+ a.morelink:hover {background: transparent url("images/sprites.gif") 5px -400px}
205
+ .morelink span {position:absolute;left:-9999px;width:900px}
206
+
207
+ /* CODE - formatting for code inserted into body - more here: http://dizque.lacalabaza.net/temp/lipt/ */
208
+ ol.code {font-family: monospace;position:relative}
209
+ ol.code li {color: #666;margin-bottom: 1px}
210
+ ol.code code {color: #000;display: block}
211
+ ol.code .cmt {color: #4077d2}
212
+ li.tab0 code {padding-left: 4em}
213
+ li.tab1 code {padding-left: 8em}
214
+ li.tab2 code {padding-left: 12em}
215
+ li.tab3 code {padding-left: 16em}
216
+ li.tab4 code {padding-left: 20em}
217
+ li.tab5 code {padding-left: 24em}
218
+ ol.code li {background: #f3f3f3 url("images/td_bg.gif") no-repeat 100% 100%}
219
+ p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em}
220
+
221
+ /* SECONDARY NAVIGATION - vertical navigation */
222
+ #nav-secondary, #nav-secondary ul {position:static;}
223
+ #nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#fff}
224
+ #nav-secondary {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
225
+ #nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px;background: #fff url("images/sprites.gif") no-repeat 10px -695px;font-weight: bold;font-size: 86%;display:block}
226
+ #nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer}
227
+ #nav-secondary a:link {color:#000}
228
+ #nav-secondary a:visited {color:#000}
229
+ #nav-secondary a:hover {color:#c00;background: #fee url("images/sprites.gif") no-repeat 10px -695px}
230
+ #nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00}
231
+ #nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}
232
+
233
+ /* SECONDARY NAVIGATION - 2nd TIER */
234
+ #nav-secondary ul {margin: 0 0 1em 23px;padding:0}
235
+ #nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: url("images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
236
+ #nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00}
237
+ #nav-secondary li.active li {border: none;margin:0}
238
+
239
+ #nav-secondary li.active li.active a:link,
240
+ #nav-secondary li.active li.active a:visited,
241
+ #nav-secondary li.active li.active a:hover,
242
+ #nav-secondary li.active li.active a:active {font-weight:bold}
243
+
244
+ /* SECONDARY NAVIGATION - 3rd TIER */
245
+ #nav-secondary ul ul {margin: 0 0 1em 13px;padding:0}
246
+ #nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {width:117px}
247
+ #nav-secondary li.active li.active li a:link,
248
+ #nav-secondary li.active li.active li a:visited,
249
+ #nav-secondary li.active li.active li a:hover,
250
+ #nav-secondary li.active li.active li a:active {font-weight:normal}
251
+ #nav-secondary li.active li.active li.active a:link,
252
+ #nav-secondary li.active li.active li.active a:visited,
253
+ #nav-secondary li.active li.active li.active a:hover,
254
+ #nav-secondary li.active li.active li.active a:active {font-weight:bold}
255
+
256
+ /* SECONDARY NAVIGATION - 4th TIER */
257
+ #nav-secondary ul ul ul {margin: 0 0 1em 13px;padding:0}
258
+ #nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {width:104px}
259
+ #nav-secondary li.active li.active li.active li a:link,
260
+ #nav-secondary li.active li.active li.active li a:visited,
261
+ #nav-secondary li.active li.active li.active li a:hover,
262
+ #nav-secondary li.active li.active li.active li a:active {font-weight:normal}
263
+ #nav-secondary li.active li.active li.active li.active a:link,
264
+ #nav-secondary li.active li.active li.active li.active a:visited,
265
+ #nav-secondary li.active li.active li.active li.active a:hover,
266
+ #nav-secondary li.active li.active li.active li.active a:active {font-weight:bold}
267
+
268
+ /* LAYOUT - FOOTER */
269
+ #footer {clear:both;border-top: 1px solid #E3E8EE;padding: 10px 0 30px;font-size:86%;color:#999}
270
+ #footer p {margin:0}
271
+ #footer a:link {color:#999}
272
+
273
+ /* YUI */
274
+ #doc3 { margin: auto; }
275
+ .yui-t2 #bd #yui-main .yui-b {background: transparent url("images/content_wrap_bg.gif") repeat-y -175px 0}
276
+ .yui-t4 #bd #yui-main {background: transparent url("images/content_wrap_e_bg.gif") repeat-y 100% 0}
277
+ .yui-t4 #utility {background: transparent url("images/content_wrap_e_bg.gif") repeat-y 100% 0; float: left; }
278
+ .yui-t4 .yui-gc #content { margin: 0 30px 0 0; }
279
+ h1,h2,h3,h4,h5,h6 { font-weight: bold; }
280
+ strong { font-weight: bold; }
data/templates/mollio_version1.1/js/common.js ADDED
@@ -0,0 +1,21 @@
1
+ /*
2
+ son of suckerfish menu script from:
3
+ http://www.htmldog.com/articles/suckerfish/dropdowns/
4
+ */
5
+
6
+ sfHover = function() {
7
+ var sfEls = document.getElementById("nav").getElementsByTagName("LI");
8
+ for (var i=0; i<sfEls.length; i++) {
9
+ sfEls[i].onmouseover=function() {
10
+ this.className+=" sfhover";
11
+ this.style.zIndex=200; //this line added to force flyout to be above relatively positioned stuff in IE
12
+ }
13
+ sfEls[i].onmouseout=function() {
14
+ this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
15
+ }
16
+ }
17
+ }
18
+ if (window.attachEvent) window.attachEvent("onload", sfHover);
19
+
20
+
21
+
data/templates/partial.rhtml ADDED
@@ -0,0 +1,5 @@
1
+ <p>Put the content for partial template _<%= name %>.rhtml here</p>
2
+
3
+ <p>
4
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat dolor, id aliquam leo tortor eget odio. Pellentesque orci arcu, eleifend at, iaculis sit amet, posuere eu, lorem. Aliquam erat volutpat. Phasellus vulputate. Vivamus id erat. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nunc gravida. Ut euismod, tortor eget convallis ullamcorper, arcu odio egestas pede, ut ornare urna elit vitae mauris. Aenean ullamcorper eros a lacus. Curabitur egestas tempus lectus. Donec et lectus et purus dapibus feugiat. Sed sit amet diam. Etiam ipsum leo, facilisis ac, rutrum nec, dignissim quis, tellus. Sed eleifend.
5
+ </p>
data/templates/plugins/yullio/init.rb ADDED
@@ -0,0 +1,14 @@
1
+ class ActionController::Base
2
+ def self.yullio_page_width(x)
3
+ self.class_eval "def yullio_page_width; \"#{x.to_s}\"; end"
4
+ end
5
+
6
+ def self.yullio_column_template(x)
7
+ self.class_eval "def yullio_column_template; \"#{x.to_s.gsub(/_/, '-')}\"; end"
8
+ end
9
+
10
+ yullio_page_width(:doc)
11
+ yullio_column_template(:yui_t1)
12
+
13
+ helper_method :yullio_page_width, :yullio_column_template
14
+ end
data/templates/yui_0.12.1/build/reset-fonts-grids/reset-fonts-grids.css ADDED
@@ -0,0 +1,4 @@
1
+ /*Copyright (c) 2006,Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version 0.12.1*/
2
+ /*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
3
+ /*fonts.css*/body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
4
+ /*grids.css*/body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.3em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;min-width:950px;}#doc3{margin:auto 10px;width:auto;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-g .yui-u,.yui-g .yui-g,.yui-gc .yui-u,.yui-gc .yui-g .yui-u,.yui-ge .yui-u,.yui-gf .yui-u{float:right;display:inline;}.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g{width:49.1%;}.yui-g .yui-g .yui-u,.yui-gc .yui-g .yui-u{width:48.1%;}.yui-gb .yui-u,.yui-gc .yui-u,.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge .yui-u{width:24%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-gf div.first{width:24%;}.yui-ge div.first{width:74.2%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}
metadata ADDED
@@ -0,0 +1,72 @@
1
+ --- !ruby/object:Gem::Specification
2
+ rubygems_version: 0.9.0
3
+ specification_version: 1
4
+ name: layout_yullio_generator
5
+ version: !ruby/object:Gem::Version
6
+ version: 0.9.0
7
+ date: 2006-12-25 00:00:00 -05:00
8
+ summary: description of gem
9
+ require_paths:
10
+ - lib
11
+ email: your contact email for bug fixes and info
12
+ homepage: http://layout_yullio.rubyforge.org
13
+ rubyforge_project: layout_yullio
14
+ description: description of gem
15
+ autorequire:
16
+ default_executable:
17
+ bindir: bin
18
+ has_rdoc: true
19
+ required_ruby_version: !ruby/object:Gem::Version::Requirement
20
+ requirements:
21
+ - - ">"
22
+ - !ruby/object:Gem::Version
23
+ version: 0.0.0
24
+ version:
25
+ platform: ruby
26
+ signing_key:
27
+ cert_chain:
28
+ post_install_message:
29
+ authors:
30
+ - lukhnos
31
+ files:
32
+ - USAGE
33
+ - layout_yullio_generator.rb
34
+ - lib/layout_yullio.rb
35
+ - lib/layout_yullio/version.rb
36
+ - templates/layout.rhtml
37
+ - templates/partial.rhtml
38
+ - templates/plugins/yullio/init.rb
39
+ - templates/mollio-yui/css/mollio-yui.css
40
+ - templates/mollio_version1.1/css/images/2nd_nav_bg.gif
41
+ - templates/mollio_version1.1/css/images/body_bg.gif
42
+ - templates/mollio_version1.1/css/images/content_wrap_bg.gif
43
+ - templates/mollio_version1.1/css/images/content_wrap_e_bg.gif
44
+ - templates/mollio_version1.1/css/images/featurebox2_bg.gif
45
+ - templates/mollio_version1.1/css/images/featurebox_bg.gif
46
+ - templates/mollio_version1.1/css/images/header_bg.gif
47
+ - templates/mollio_version1.1/css/images/sprites.gif
48
+ - templates/mollio_version1.1/css/images/td_bg.gif
49
+ - templates/mollio_version1.1/js/common.js
50
+ - templates/yui_0.12.1/build/reset-fonts-grids/reset-fonts-grids.css
51
+ test_files: []
52
+
53
+ rdoc_options: []
54
+
55
+ extra_rdoc_files: []
56
+
57
+ executables: []
58
+
59
+ extensions: []
60
+
61
+ requirements: []
62
+
63
+ dependencies:
64
+ - !ruby/object:Gem::Dependency
65
+ name: hoe
66
+ version_requirement:
67
+ version_requirements: !ruby/object:Gem::Version::Requirement
68
+ requirements:
69
+ - - ">="
70
+ - !ruby/object:Gem::Version
71
+ version: 1.1.6
72
+ version: