modui-rails 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- data/.gitignore +18 -0
- data/.rvmrc +1 -0
- data/Gemfile +4 -0
- data/README.md +24 -0
- data/lib/modui/rails.rb +6 -0
- data/lib/modui/rails/engine.rb +6 -0
- data/lib/modui/rails/version.rb +5 -0
- data/modui-rails.gemspec +21 -0
- data/vendor/assets/stylesheets/modui.css.scss +278 -0
- metadata +87 -0
data/.gitignore
ADDED
data/.rvmrc
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
rvm use 1.9.2@skinny-rails --create
|
data/Gemfile
ADDED
data/README.md
ADDED
@@ -0,0 +1,24 @@
|
|
1
|
+
# modui
|
2
|
+
|
3
|
+
A Modern User Interface bundled in a Rails 3.1+ Engine. It's incredibly lightweight and optimized for simple CRUD interfaces.
|
4
|
+
|
5
|
+
## Installation
|
6
|
+
|
7
|
+
* Add `modui-rails` to your Gemfile
|
8
|
+
* Run `bundle`
|
9
|
+
* Add the following line to the file `app/assets/javascripts/application.js` (or other [sprockets](https://github.com/sstephenson/sprockets) manifest):
|
10
|
+
|
11
|
+
``` javascript
|
12
|
+
//= require modui
|
13
|
+
```
|
14
|
+
|
15
|
+
## Support
|
16
|
+
|
17
|
+
* Rails 3 with Engines support is necessary, so you'll need Rails 3.1+.
|
18
|
+
* Styling is in SCSS, so you'll want to include `sass-rails` in your Gemfile.
|
19
|
+
* Browser support is limited to Webkit, IE9+ and modern versions of FireFox.
|
20
|
+
|
21
|
+
## License
|
22
|
+
|
23
|
+
* Freely distributable and licensed under the [MIT license](http://kjohnston.mit-license.org/license.html).
|
24
|
+
* Copyright (c) 2012 Kenny Johnston [![endorse](http://api.coderwall.com/kjohnston/endorsecount.png)](http://coderwall.com/kjohnston)
|
data/lib/modui/rails.rb
ADDED
data/modui-rails.gemspec
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
# -*- encoding: utf-8 -*-
|
2
|
+
require File.expand_path('../lib/modui/rails/version', __FILE__)
|
3
|
+
|
4
|
+
Gem::Specification.new do |gem|
|
5
|
+
gem.authors = ["Kenny Johnston"]
|
6
|
+
gem.email = ["kjohnston.ca@gmail.com"]
|
7
|
+
gem.description = %q{A Modern User Interface for Rails 3.1 and up.}
|
8
|
+
gem.summary = %q{A Modern User Interface for Rails 3.1 and up.}
|
9
|
+
gem.homepage = "https://github.com/kjohnston/modui-rails"
|
10
|
+
|
11
|
+
gem.executables = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
|
12
|
+
gem.files = `git ls-files`.split("\n")
|
13
|
+
gem.test_files = `git ls-files -- {test,spec,features}/*`.split("\n")
|
14
|
+
gem.name = "modui-rails"
|
15
|
+
gem.require_paths = ["lib"]
|
16
|
+
gem.version = Modui::Rails::VERSION
|
17
|
+
|
18
|
+
gem.add_dependency "railties", ">= 3.0.0"
|
19
|
+
gem.add_development_dependency "bundler", "~> 1.1.1"
|
20
|
+
gem.add_development_dependency "rake", "~> 0.9.2.2"
|
21
|
+
end
|
@@ -0,0 +1,278 @@
|
|
1
|
+
* {
|
2
|
+
padding: 0;
|
3
|
+
margin: 0;
|
4
|
+
font-family: Helvetica;
|
5
|
+
}
|
6
|
+
|
7
|
+
html, body {
|
8
|
+
font-family: Helvetica;
|
9
|
+
font-size: 14px;
|
10
|
+
}
|
11
|
+
|
12
|
+
body {
|
13
|
+
padding: 30px;
|
14
|
+
min-width: 640px;
|
15
|
+
}
|
16
|
+
|
17
|
+
h1, h2, h3, h4, h5, h6 {
|
18
|
+
font-family: "Lucida Grande", Helvetica;
|
19
|
+
margin: 0 0 1em 0;
|
20
|
+
color: #555;
|
21
|
+
}
|
22
|
+
|
23
|
+
p {
|
24
|
+
font: normal 14px/20px Helvetica;
|
25
|
+
margin: 0 20px 18px 20px;
|
26
|
+
}
|
27
|
+
|
28
|
+
a, a:active, a:hover, a:visited {
|
29
|
+
color: #467cad;
|
30
|
+
font-size: 14px;
|
31
|
+
}
|
32
|
+
|
33
|
+
a {
|
34
|
+
text-decoration: none;
|
35
|
+
}
|
36
|
+
|
37
|
+
a:hover {
|
38
|
+
text-decoration: underline;
|
39
|
+
}
|
40
|
+
|
41
|
+
a.button {
|
42
|
+
padding: 3px 10px;
|
43
|
+
border-radius: 6px;
|
44
|
+
border: 1px solid #aaa;
|
45
|
+
text-decoration: none;
|
46
|
+
text-shadow: 0 1px 1px #fff;
|
47
|
+
background-color: #cccccc;
|
48
|
+
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#cccccc));
|
49
|
+
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
|
50
|
+
color: #555;
|
51
|
+
font: bold 13px/13px Helvetica;
|
52
|
+
}
|
53
|
+
|
54
|
+
a.button:hover {
|
55
|
+
color: #fff;
|
56
|
+
background-color: #467cad;
|
57
|
+
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#699fd0), to(#467cad));
|
58
|
+
background-image: -moz-linear-gradient(top, #699fd0, #467cad);
|
59
|
+
text-shadow: none;
|
60
|
+
}
|
61
|
+
|
62
|
+
#header {
|
63
|
+
overflow: auto;
|
64
|
+
padding: 0 0 10px 0;
|
65
|
+
|
66
|
+
h1 {
|
67
|
+
float: left;
|
68
|
+
font-size: 20px;
|
69
|
+
}
|
70
|
+
|
71
|
+
#header-links {
|
72
|
+
float: right;
|
73
|
+
margin: 5px 0 0 0;
|
74
|
+
}
|
75
|
+
|
76
|
+
}
|
77
|
+
|
78
|
+
#content {
|
79
|
+
display: table;
|
80
|
+
width: 100%;
|
81
|
+
|
82
|
+
.wrapper {
|
83
|
+
border: 1px solid #eee;
|
84
|
+
padding: 2px;
|
85
|
+
background-color: #eee;
|
86
|
+
border-radius: 2px;
|
87
|
+
|
88
|
+
nav {
|
89
|
+
border: 1px solid #ccc;
|
90
|
+
background-color: #fff;
|
91
|
+
|
92
|
+
a {
|
93
|
+
display:block;
|
94
|
+
font: bold 13px/36px Tahoma, "Lucida Sans", Helvetica;
|
95
|
+
background-color: #f5f5f5;
|
96
|
+
color: #8A8A8A;
|
97
|
+
text-decoration: none;
|
98
|
+
padding: 4px 12px;
|
99
|
+
border-bottom: 1px solid #ccc;
|
100
|
+
letter-spacing: 1px;
|
101
|
+
}
|
102
|
+
|
103
|
+
a:last-child {
|
104
|
+
border: none;
|
105
|
+
}
|
106
|
+
|
107
|
+
a.selected, a:hover {
|
108
|
+
background-color: #333;
|
109
|
+
color: #fff;
|
110
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#699fd0", endColorstr="#467cad");
|
111
|
+
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#699fd0), to(#467cad));
|
112
|
+
background-image: -moz-linear-gradient(top, #699fd0, #467cad);
|
113
|
+
}
|
114
|
+
}
|
115
|
+
}
|
116
|
+
|
117
|
+
#sidebar {
|
118
|
+
display: table-cell;
|
119
|
+
vertical-align: top;
|
120
|
+
width: 220px;
|
121
|
+
}
|
122
|
+
|
123
|
+
#main {
|
124
|
+
display: table-cell;
|
125
|
+
padding-left: 30px;
|
126
|
+
|
127
|
+
section {
|
128
|
+
border: 1px solid #ccc;
|
129
|
+
background-color: #fff;
|
130
|
+
overflow: auto;
|
131
|
+
|
132
|
+
.section-header {
|
133
|
+
color: #8A8A8A;
|
134
|
+
height: 40px;
|
135
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebebeb", endColorstr="#d1d1d1");
|
136
|
+
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebebeb), to(#d1d1d1));
|
137
|
+
background-image: -moz-linear-gradient(top, #ebebeb, #d1d1d1);
|
138
|
+
border-bottom: 1px solid #ccc;
|
139
|
+
padding: 0 0 0 15px;
|
140
|
+
|
141
|
+
h2 {
|
142
|
+
float: left;
|
143
|
+
font: bold 20px/40px Helvetica;
|
144
|
+
text-shadow: 0 1px 1px #fff;
|
145
|
+
margin: 0;
|
146
|
+
}
|
147
|
+
|
148
|
+
.section-controls {
|
149
|
+
float: right;
|
150
|
+
margin: 10px 15px 0 0;
|
151
|
+
|
152
|
+
a.button {
|
153
|
+
margin-left: 10px;
|
154
|
+
}
|
155
|
+
}
|
156
|
+
}
|
157
|
+
|
158
|
+
.section-content {
|
159
|
+
p:first-child, form:first-child {
|
160
|
+
margin-top: 20px;
|
161
|
+
}
|
162
|
+
|
163
|
+
table {
|
164
|
+
width: 100%;
|
165
|
+
border-collapse: collapse;
|
166
|
+
|
167
|
+
tr {
|
168
|
+
border-bottom: 1px solid #ccc;
|
169
|
+
}
|
170
|
+
|
171
|
+
tr:nth-child(odd) {
|
172
|
+
background-color:#F8F8F8;
|
173
|
+
}
|
174
|
+
|
175
|
+
tr:nth-child(even) {
|
176
|
+
background-color:#fff;
|
177
|
+
}
|
178
|
+
|
179
|
+
tr:last-child {
|
180
|
+
border: none;
|
181
|
+
}
|
182
|
+
|
183
|
+
tr:hover {
|
184
|
+
background-color: #FCF4DD;
|
185
|
+
}
|
186
|
+
|
187
|
+
th, td {
|
188
|
+
padding: 6px 8px;
|
189
|
+
border-right: 1px solid #ccc;
|
190
|
+
}
|
191
|
+
|
192
|
+
th:first-child, td:first-child {
|
193
|
+
padding-left: 15px;
|
194
|
+
}
|
195
|
+
|
196
|
+
th:last-child, td:last-child {
|
197
|
+
padding-right: 15px;
|
198
|
+
border: none;
|
199
|
+
}
|
200
|
+
|
201
|
+
th {
|
202
|
+
color: #333;
|
203
|
+
background-color: #eee;
|
204
|
+
}
|
205
|
+
|
206
|
+
th:first-child {
|
207
|
+
text-align: left;
|
208
|
+
}
|
209
|
+
|
210
|
+
td {
|
211
|
+
color: #555;
|
212
|
+
text-align: center;
|
213
|
+
}
|
214
|
+
|
215
|
+
td:first-child {
|
216
|
+
text-align: left;
|
217
|
+
}
|
218
|
+
|
219
|
+
td.controls {
|
220
|
+
text-align: right;
|
221
|
+
}
|
222
|
+
|
223
|
+
td.controls a {
|
224
|
+
padding: 0 0 0 10px;
|
225
|
+
}
|
226
|
+
}
|
227
|
+
}
|
228
|
+
}
|
229
|
+
|
230
|
+
.wrapper {
|
231
|
+
margin: 0 0 30px 0;
|
232
|
+
}
|
233
|
+
}
|
234
|
+
|
235
|
+
}
|
236
|
+
|
237
|
+
|
238
|
+
form {
|
239
|
+
margin: 0 20px;
|
240
|
+
|
241
|
+
label {
|
242
|
+
font: bold 14px/18px Helvetica;
|
243
|
+
display: block;
|
244
|
+
color: #555;
|
245
|
+
margin-bottom: 4px;
|
246
|
+
}
|
247
|
+
|
248
|
+
.full {
|
249
|
+
float: left;
|
250
|
+
width: 99%;
|
251
|
+
}
|
252
|
+
|
253
|
+
.half {
|
254
|
+
float: left;
|
255
|
+
width: 45%;
|
256
|
+
}
|
257
|
+
|
258
|
+
.half.first {
|
259
|
+
margin-right: 9%;
|
260
|
+
}
|
261
|
+
|
262
|
+
.full input, .half input, .full textarea, .half textarea {
|
263
|
+
padding: 4px;
|
264
|
+
color: #555;
|
265
|
+
width: 100%;
|
266
|
+
margin: 0 0 18px 0;
|
267
|
+
border: 1px solid #999;
|
268
|
+
}
|
269
|
+
|
270
|
+
input, textarea {
|
271
|
+
font-size: 14px;
|
272
|
+
}
|
273
|
+
|
274
|
+
textarea {
|
275
|
+
width: 99%;
|
276
|
+
}
|
277
|
+
|
278
|
+
}
|
metadata
ADDED
@@ -0,0 +1,87 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: modui-rails
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.0.1
|
5
|
+
prerelease:
|
6
|
+
platform: ruby
|
7
|
+
authors:
|
8
|
+
- Kenny Johnston
|
9
|
+
autorequire:
|
10
|
+
bindir: bin
|
11
|
+
cert_chain: []
|
12
|
+
date: 2012-03-17 00:00:00.000000000Z
|
13
|
+
dependencies:
|
14
|
+
- !ruby/object:Gem::Dependency
|
15
|
+
name: railties
|
16
|
+
requirement: &2196432960 !ruby/object:Gem::Requirement
|
17
|
+
none: false
|
18
|
+
requirements:
|
19
|
+
- - ! '>='
|
20
|
+
- !ruby/object:Gem::Version
|
21
|
+
version: 3.0.0
|
22
|
+
type: :runtime
|
23
|
+
prerelease: false
|
24
|
+
version_requirements: *2196432960
|
25
|
+
- !ruby/object:Gem::Dependency
|
26
|
+
name: bundler
|
27
|
+
requirement: &2196432460 !ruby/object:Gem::Requirement
|
28
|
+
none: false
|
29
|
+
requirements:
|
30
|
+
- - ~>
|
31
|
+
- !ruby/object:Gem::Version
|
32
|
+
version: 1.1.1
|
33
|
+
type: :development
|
34
|
+
prerelease: false
|
35
|
+
version_requirements: *2196432460
|
36
|
+
- !ruby/object:Gem::Dependency
|
37
|
+
name: rake
|
38
|
+
requirement: &2196432000 !ruby/object:Gem::Requirement
|
39
|
+
none: false
|
40
|
+
requirements:
|
41
|
+
- - ~>
|
42
|
+
- !ruby/object:Gem::Version
|
43
|
+
version: 0.9.2.2
|
44
|
+
type: :development
|
45
|
+
prerelease: false
|
46
|
+
version_requirements: *2196432000
|
47
|
+
description: A Modern User Interface for Rails 3.1 and up.
|
48
|
+
email:
|
49
|
+
- kjohnston.ca@gmail.com
|
50
|
+
executables: []
|
51
|
+
extensions: []
|
52
|
+
extra_rdoc_files: []
|
53
|
+
files:
|
54
|
+
- .gitignore
|
55
|
+
- .rvmrc
|
56
|
+
- Gemfile
|
57
|
+
- README.md
|
58
|
+
- lib/modui/rails.rb
|
59
|
+
- lib/modui/rails/engine.rb
|
60
|
+
- lib/modui/rails/version.rb
|
61
|
+
- modui-rails.gemspec
|
62
|
+
- vendor/assets/stylesheets/modui.css.scss
|
63
|
+
homepage: https://github.com/kjohnston/modui-rails
|
64
|
+
licenses: []
|
65
|
+
post_install_message:
|
66
|
+
rdoc_options: []
|
67
|
+
require_paths:
|
68
|
+
- lib
|
69
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
70
|
+
none: false
|
71
|
+
requirements:
|
72
|
+
- - ! '>='
|
73
|
+
- !ruby/object:Gem::Version
|
74
|
+
version: '0'
|
75
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
76
|
+
none: false
|
77
|
+
requirements:
|
78
|
+
- - ! '>='
|
79
|
+
- !ruby/object:Gem::Version
|
80
|
+
version: '0'
|
81
|
+
requirements: []
|
82
|
+
rubyforge_project:
|
83
|
+
rubygems_version: 1.8.10
|
84
|
+
signing_key:
|
85
|
+
specification_version: 3
|
86
|
+
summary: A Modern User Interface for Rails 3.1 and up.
|
87
|
+
test_files: []
|