notjustagrid 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- data/.gitignore +4 -0
- data/.rvmrc +41 -0
- data/Gemfile +4 -0
- data/README.md +31 -0
- data/Rakefile +1 -0
- data/lib/generators/notjustagrid/install/install_generator.rb +30 -0
- data/lib/notjustagrid/engine.rb +5 -0
- data/lib/notjustagrid/version.rb +4 -0
- data/lib/notjustagrid.rb +4 -0
- data/notjustagrid.gemspec +28 -0
- data/vendor/assets/images/notjustagrid/icons/icon-cancel.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-delete.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-document-mini.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-document-tiny.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-document.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-edit.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-email-mini.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-email-tiny.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-email.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-error-large.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-error.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-excel-mini.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-excel-tiny.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-excel.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-pdf-mini.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-pdf-tiny.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-pdf.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-powerpoint-mini.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-powerpoint-tiny.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-powerpoint.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-question-large.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-question.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-rss-mini.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-rss-tiny.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-rss.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-share-mini.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-share-tiny.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-share.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-success-large.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-success.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-video-mini.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-video-tiny.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-video.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-view.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-warning-large.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-warning.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-word-mini.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-word-tiny.png +0 -0
- data/vendor/assets/images/notjustagrid/icons/icon-word.png +0 -0
- data/vendor/assets/images/notjustagrid/misc/colourcorner-even.gif +0 -0
- data/vendor/assets/images/notjustagrid/misc/colourcorner-odd.gif +0 -0
- data/vendor/assets/images/notjustagrid/misc/formgreenback.gif +0 -0
- data/vendor/assets/images/notjustagrid/misc/formgreyback.gif +0 -0
- data/vendor/assets/images/notjustagrid/misc/formredback.gif +0 -0
- data/vendor/assets/images/notjustagrid/misc/formyellowback.gif +0 -0
- data/vendor/assets/images/notjustagrid/misc/greycorner-even.gif +0 -0
- data/vendor/assets/images/notjustagrid/misc/greycorner-odd.gif +0 -0
- data/vendor/assets/images/notjustagrid/misc/transoverlay-glossy.png +0 -0
- data/vendor/assets/images/notjustagrid/misc/transoverlay-matte.png +0 -0
- data/vendor/assets/images/notjustagrid/misc/transoverlay-mattesoft.png +0 -0
- data/vendor/assets/images/notjustagrid/misc/typegrid.gif +0 -0
- data/vendor/assets/stylesheets/forms.scss.erb +264 -0
- data/vendor/assets/stylesheets/grid1200.scss +54 -0
- data/vendor/assets/stylesheets/grid1380.scss +54 -0
- data/vendor/assets/stylesheets/grid1500.scss +54 -0
- data/vendor/assets/stylesheets/grid960.scss +54 -0
- data/vendor/assets/stylesheets/helpers.scss +128 -0
- data/vendor/assets/stylesheets/reset.scss +66 -0
- data/vendor/assets/stylesheets/src/forms.css +62 -0
- data/vendor/assets/stylesheets/src/grid1200.css +17 -0
- data/vendor/assets/stylesheets/src/grid1380.css +17 -0
- data/vendor/assets/stylesheets/src/grid1500.css +17 -0
- data/vendor/assets/stylesheets/src/grid960.css +17 -0
- data/vendor/assets/stylesheets/src/helpers.css +36 -0
- data/vendor/assets/stylesheets/src/reset.css +20 -0
- data/vendor/assets/stylesheets/src/tables.css +50 -0
- data/vendor/assets/stylesheets/src/type.css +41 -0
- data/vendor/assets/stylesheets/src/ux.css +37 -0
- data/vendor/assets/stylesheets/tables.scss.erb +126 -0
- data/vendor/assets/stylesheets/type.scss +168 -0
- data/vendor/assets/stylesheets/ux.scss.erb +175 -0
- metadata +165 -0
data/.gitignore
ADDED
data/.rvmrc
ADDED
@@ -0,0 +1,41 @@
|
|
1
|
+
#!/usr/bin/env bash
|
2
|
+
|
3
|
+
# This is an RVM Project .rvmrc file, used to automatically load the ruby
|
4
|
+
# development environment upon cd'ing into the directory
|
5
|
+
|
6
|
+
# First we specify our desired <ruby>[@<gemset>], the @gemset name is optional.
|
7
|
+
environment_id="ruby-1.9.2-p290@notjustagrid"
|
8
|
+
|
9
|
+
#
|
10
|
+
# First we attempt to load the desired environment directly from the environment
|
11
|
+
# file. This is very fast and efficient compared to running through the entire
|
12
|
+
# CLI and selector. If you want feedback on which environment was used then
|
13
|
+
# insert the word 'use' after --create as this triggers verbose mode.
|
14
|
+
#
|
15
|
+
if [[ -d "${rvm_path:-$HOME/.rvm}/environments" \
|
16
|
+
&& -s "${rvm_path:-$HOME/.rvm}/environments/$environment_id" ]]
|
17
|
+
then
|
18
|
+
\. "${rvm_path:-$HOME/.rvm}/environments/$environment_id"
|
19
|
+
|
20
|
+
if [[ -s ".rvm/hooks/after_use" ]]
|
21
|
+
then
|
22
|
+
. ".rvm/hooks/after_use"
|
23
|
+
fi
|
24
|
+
else
|
25
|
+
# If the environment file has not yet been created, use the RVM CLI to select.
|
26
|
+
if ! rvm --create "$environment_id"
|
27
|
+
then
|
28
|
+
echo "Failed to create RVM environment ''."
|
29
|
+
fi
|
30
|
+
fi
|
31
|
+
|
32
|
+
#
|
33
|
+
# If you use an RVM gemset file to install a list of gems (*.gems), you can have
|
34
|
+
# it be automatically loaded. Uncomment the following and adjust the filename if
|
35
|
+
# necessary.
|
36
|
+
#
|
37
|
+
# filename=".gems"
|
38
|
+
# if [[ -s "$filename" ]] ; then
|
39
|
+
# rvm gemset import "$filename" | grep -v already | grep -v listed | grep -v complete | sed '/^$/d'
|
40
|
+
# fi
|
41
|
+
|
data/Gemfile
ADDED
data/README.md
ADDED
@@ -0,0 +1,31 @@
|
|
1
|
+
# Not Just A Grid
|
2
|
+
|
3
|
+
Notjustagrid is an awesome CSS framework. I like using it and decided to create a Rubygem version of it.
|
4
|
+
|
5
|
+
## Rails 3.1
|
6
|
+
|
7
|
+
Notjustagrid is a Rails engine and vendors the framework files. Just add it to your Gemfile and `bundle install`
|
8
|
+
|
9
|
+
gem 'notjustagrid'
|
10
|
+
|
11
|
+
Then you need to require the files you want in the `application.css` manifest
|
12
|
+
|
13
|
+
*= require reset
|
14
|
+
*= require grid960
|
15
|
+
.
|
16
|
+
.
|
17
|
+
.
|
18
|
+
|
19
|
+
A better option would be to create a `notjustagrid.css` manifest that requires the files you want and then just require that file in `application.css`
|
20
|
+
|
21
|
+
## Rails 3.0
|
22
|
+
|
23
|
+
Install the gem into your Rails application and then run the install generator to copy the assets.
|
24
|
+
|
25
|
+
rails generate notjustagrid:install
|
26
|
+
|
27
|
+
## Credits
|
28
|
+
|
29
|
+
The [Not Just A Grid](http://notjustagrid.com) framework is maintained by [Al Redpath](http://twitter.com/notjustagrid) / [Outrageous Creations!](http://www.outrageouscreations.com)
|
30
|
+
|
31
|
+
The Notjustagrid Rubygem is maintained by [Evan Machnic](http://twitter.com/emachnic)
|
data/Rakefile
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
require "bundler/gem_tasks"
|
@@ -0,0 +1,30 @@
|
|
1
|
+
require 'rails'
|
2
|
+
|
3
|
+
module Notjustagrid
|
4
|
+
module Generators
|
5
|
+
class InstallGenerator < ::Rails::Generators::Base
|
6
|
+
desc "This generator install Notjustagrid #{Notjustagrid::NJAG_VERSION} assets"
|
7
|
+
source_root File.expand_path('../../../../../vendor/assets', __FILE__)
|
8
|
+
|
9
|
+
def copy_notjustagrid
|
10
|
+
say_status("copying", "Notjustagrid (#{Notjustagrid::NJAG_VERSION})", :green)
|
11
|
+
|
12
|
+
say_status("copying", "stylesheets", :green)
|
13
|
+
directory('stylesheets/src', 'public/stylesheets')
|
14
|
+
# copy_file 'stylesheets/src/forms.css', 'public/stylesheets/forms.css'
|
15
|
+
# copy_file 'stylesheets/src/grid1200.css', 'public/stylesheets/grid1200.css'
|
16
|
+
# copy_file 'stylesheets/src/grid1380.css', 'public/stylesheets/grid1380.css'
|
17
|
+
# copy_file 'stylesheets/src/grid1500.css', 'public/stylesheets/grid1500.css'
|
18
|
+
# copy_file 'stylesheets/src/grid960.css', 'public/stylesheets/grid960.css'
|
19
|
+
# copy_file 'stylesheets/src/helpers.css', 'public/stylesheets/helpers.css'
|
20
|
+
# copy_file 'stylesheets/src/reset.css', 'public/stylesheets/reset.css'
|
21
|
+
# copy_file 'stylesheets/src/tables.css', 'public/stylesheets/tables.css'
|
22
|
+
# copy_file 'stylesheets/src/type.css', 'public/stylesheets/type.css'
|
23
|
+
# copy_file 'stylesheets/src/ux.css', 'public/stylesheets/ux.css'
|
24
|
+
|
25
|
+
say_status("copying", "images", :green)
|
26
|
+
directory('images/notjustagrid', 'public/images/notjustagrid')
|
27
|
+
end
|
28
|
+
end
|
29
|
+
end
|
30
|
+
end if ::Rails.version < '3.1'
|
data/lib/notjustagrid.rb
ADDED
@@ -0,0 +1,28 @@
|
|
1
|
+
# -*- encoding: utf-8 -*-
|
2
|
+
$:.push File.expand_path("../lib", __FILE__)
|
3
|
+
require "notjustagrid/version"
|
4
|
+
|
5
|
+
Gem::Specification.new do |s|
|
6
|
+
s.name = "notjustagrid"
|
7
|
+
s.version = Notjustagrid::VERSION
|
8
|
+
s.authors = ["Evan Machnic"]
|
9
|
+
s.email = ["emachnic@broadmac.net"]
|
10
|
+
s.homepage = "http://notjustagrid.com"
|
11
|
+
s.summary = %q{The notjustagrid CSS framework in a gem}
|
12
|
+
s.description = %q{Make it easy to install notjustagrid into your Rails app}
|
13
|
+
|
14
|
+
s.rubyforge_project = "notjustagrid"
|
15
|
+
|
16
|
+
s.add_dependency 'rake', '~> 0.9.2'
|
17
|
+
s.add_dependency 'rails', '~> 3.0'
|
18
|
+
s.add_development_dependency 'sass', '~> 3.1.7'
|
19
|
+
|
20
|
+
s.files = `git ls-files`.split("\n")
|
21
|
+
s.test_files = `git ls-files -- {test,spec,features}/*`.split("\n")
|
22
|
+
s.executables = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
|
23
|
+
s.require_paths = ["lib"]
|
24
|
+
|
25
|
+
# specify any dependencies here; for example:
|
26
|
+
# s.add_development_dependency "rspec"
|
27
|
+
# s.add_runtime_dependency "rest-client"
|
28
|
+
end
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -0,0 +1,264 @@
|
|
1
|
+
/* Not Just a Grid v1.1 - June 2011 - (c) 2011 Al Redpath / Outrageous Creations! Licenced under an MIT Licence */
|
2
|
+
/* ---------------------------------------------------------------------------- */
|
3
|
+
/* vertical form styling ------------------------------------------------------ */
|
4
|
+
/* ---------------------------------------------------------------------------- */
|
5
|
+
|
6
|
+
.vertical_form {
|
7
|
+
font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
|
8
|
+
letter-spacing: 1px;
|
9
|
+
fieldset {
|
10
|
+
border: 1px solid #888;
|
11
|
+
margin: 10px 0;
|
12
|
+
padding: 10px 20px 10px 20px;
|
13
|
+
-moz-border-radius: 10px;
|
14
|
+
-webkit-border-radius: 10px;
|
15
|
+
border-radius: 10px;
|
16
|
+
&.fieldsetbuttons {
|
17
|
+
padding: 10px 10px 10px 20px;
|
18
|
+
div {
|
19
|
+
text-align: right; } } }
|
20
|
+
legend {
|
21
|
+
margin: 0;
|
22
|
+
border: 1px solid #888;
|
23
|
+
padding: 3px 6px;
|
24
|
+
background: #eeeeee url(<%= asset_path 'notjustagrid/misc/transoverlay-matte.png' %>) repeat-x;
|
25
|
+
-moz-border-radius: 5px;
|
26
|
+
-webkit-border-radius: 5px;
|
27
|
+
border-radius: 5px;
|
28
|
+
text-transform: uppercase;
|
29
|
+
letter-spacing: 2px; }
|
30
|
+
label {
|
31
|
+
display: block;
|
32
|
+
margin: 10px 0 5px 0; }
|
33
|
+
ul {
|
34
|
+
margin: 0;
|
35
|
+
padding: 0; }
|
36
|
+
li {
|
37
|
+
list-style: none;
|
38
|
+
margin: 0;
|
39
|
+
padding: 0; }
|
40
|
+
div.form_input_notes {
|
41
|
+
font-size: 12px;
|
42
|
+
margin: 0 0 10px 10px; } }
|
43
|
+
|
44
|
+
/* ---------------------------------------------------------------------------- */
|
45
|
+
/* Horizontal form styling ---------------------------------------------------- */
|
46
|
+
/* ---------------------------------------------------------------------------- */
|
47
|
+
|
48
|
+
.horizontal_form {
|
49
|
+
font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
|
50
|
+
letter-spacing: 1px;
|
51
|
+
fieldset {
|
52
|
+
border: 1px solid #888;
|
53
|
+
margin: 10px 0;
|
54
|
+
padding: 10px 20px 10px 20px;
|
55
|
+
-moz-border-radius: 10px;
|
56
|
+
-webkit-border-radius: 10px;
|
57
|
+
border-radius: 10px;
|
58
|
+
&.fieldsetbuttons {
|
59
|
+
padding: 10px 10px 10px 20px;
|
60
|
+
div {
|
61
|
+
text-align: right; } } }
|
62
|
+
legend {
|
63
|
+
margin: 0;
|
64
|
+
border: 1px solid #888;
|
65
|
+
padding: 3px 6px;
|
66
|
+
background: #eeeeee url(<%= asset_path 'notjustagrid/misc/transoverlay-matte.png' %>) repeat-x;
|
67
|
+
-moz-border-radius: 5px;
|
68
|
+
-webkit-border-radius: 5px;
|
69
|
+
border-radius: 5px;
|
70
|
+
text-transform: uppercase;
|
71
|
+
letter-spacing: 2px; }
|
72
|
+
label {
|
73
|
+
float: left;
|
74
|
+
margin: 0 5px 0 0;
|
75
|
+
width: 100px;
|
76
|
+
text-align: right; }
|
77
|
+
ul {
|
78
|
+
margin: 0;
|
79
|
+
padding: 0; }
|
80
|
+
li {
|
81
|
+
list-style: none;
|
82
|
+
vertical-align: middle;
|
83
|
+
margin: 10px 0;
|
84
|
+
clear: left; }
|
85
|
+
div.form_input_notes {
|
86
|
+
font-size: 12px;
|
87
|
+
display: inline; } }
|
88
|
+
|
89
|
+
/* ---------------------------------------------------------------------------- */
|
90
|
+
/* Input field styling -------------------------------------------------------- */
|
91
|
+
/* ---------------------------------------------------------------------------- */
|
92
|
+
|
93
|
+
.normalfield, .requiredfield {
|
94
|
+
border: 1px solid #ccc;
|
95
|
+
border-top: 1px solid #444;
|
96
|
+
border-left: 1px solid #444;
|
97
|
+
font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
|
98
|
+
letter-spacing: 1px;
|
99
|
+
padding: 3px 2px 3px 2px; }
|
100
|
+
|
101
|
+
.normalfield {
|
102
|
+
background: white url(<%= asset_path 'notjustagrid/misc/formgreyback.gif' %>) repeat-x; }
|
103
|
+
|
104
|
+
.requiredfield {
|
105
|
+
background: #fafad8 url(<%= asset_path 'notjustagrid/misc/formyellowback.gif' %>) repeat-x top right; }
|
106
|
+
|
107
|
+
.fielderror {
|
108
|
+
border: 1px solid #ff4444;
|
109
|
+
background: #fee9eb url(<%= asset_path 'notjustagrid/misc/formredback.gif' %>) repeat-x top right; }
|
110
|
+
|
111
|
+
.fieldgood {
|
112
|
+
background: #e0ffc7 url(<%= asset_path 'notjustagrid/misc/formgreenback.gif' %>) repeat-x; }
|
113
|
+
|
114
|
+
.requiredfield:focus, .fielderror:focus, .normalfield:forus {
|
115
|
+
border: 1px solid #444444;
|
116
|
+
-webkit-box-shadow: 0 0 7px rgba(0, 144, 255, 0.7);
|
117
|
+
-moz-box-shadow: 0 0 7px rgba(0, 144, 255, 0.7);
|
118
|
+
box-shadow: 0 0 7px rgba(0, 144, 255, 0.7); }
|
119
|
+
|
120
|
+
.requiredfield:focus {
|
121
|
+
background: #fafad8 url(<%= asset_path 'notjustagrid/misc/formyellowback.gif' %>) repeat-x top right; }
|
122
|
+
|
123
|
+
.normalfield:focus {
|
124
|
+
background: #e0ffc7 url(<%= asset_path 'notjustagrid/misc/formgreenback.gif' %>) repeat-x; }
|
125
|
+
|
126
|
+
.fielderror:focus {
|
127
|
+
border: 1px solid #ff4444;
|
128
|
+
background: #fee9eb url(<%= asset_path 'notjustagrid/misc/formredback.gif' %>) repeat-x top right; }
|
129
|
+
|
130
|
+
.smallfield {
|
131
|
+
font: 10px;
|
132
|
+
padding: 2px 1px 2px 1px; }
|
133
|
+
|
134
|
+
.largefield {
|
135
|
+
font: 16px; }
|
136
|
+
|
137
|
+
/* ---------------------------------------------------------------------------- */
|
138
|
+
/* Styled Buttons ------------------------------------------------------------- */
|
139
|
+
/* ---------------------------------------------------------------------------- */
|
140
|
+
|
141
|
+
.styled_button {
|
142
|
+
background: #222222 url(<%= asset_path 'notjustagrid/misc/transoverlay-matte.png' %>) repeat-x;
|
143
|
+
font: bold 12px "Trebuchet MS", Arial, Helvetica,sans-serif;
|
144
|
+
text-transform: uppercase;
|
145
|
+
text-decoration: none;
|
146
|
+
line-height: 30px;
|
147
|
+
letter-spacing: 1px;
|
148
|
+
color: #fff;
|
149
|
+
padding: 0 10px 0 10px;
|
150
|
+
margin: 0 3px;
|
151
|
+
height: 30px;
|
152
|
+
border: 1px solid rgba(0, 0, 0, 0.4);
|
153
|
+
border-top: 1px solid rgba(255, 255, 255, 0.4);
|
154
|
+
border-left: 1px solid rgba(255, 255, 255, 0.4);
|
155
|
+
border-radius: 15px;
|
156
|
+
-moz-border-radius: 15px;
|
157
|
+
-webkit-border-radius: 15px;
|
158
|
+
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
|
159
|
+
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
|
160
|
+
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
|
161
|
+
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
|
162
|
+
position: relative;
|
163
|
+
cursor: pointer;
|
164
|
+
&:visited {
|
165
|
+
background: #222222 url(<%= asset_path 'notjustagrid/misc/transoverlay-matte.png' %>) repeat-x;
|
166
|
+
font: bold 12px "Trebuchet MS", Arial, Helvetica,sans-serif;
|
167
|
+
text-transform: uppercase;
|
168
|
+
text-decoration: none;
|
169
|
+
line-height: 30px;
|
170
|
+
letter-spacing: 1px;
|
171
|
+
color: #fff;
|
172
|
+
padding: 0 10px 0 10px;
|
173
|
+
margin: 0 3px;
|
174
|
+
height: 30px;
|
175
|
+
border: 1px solid rgba(0, 0, 0, 0.4);
|
176
|
+
border-top: 1px solid rgba(255, 255, 255, 0.4);
|
177
|
+
border-left: 1px solid rgba(255, 255, 255, 0.4);
|
178
|
+
border-radius: 15px;
|
179
|
+
-moz-border-radius: 15px;
|
180
|
+
-webkit-border-radius: 15px;
|
181
|
+
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
|
182
|
+
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
|
183
|
+
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
|
184
|
+
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
|
185
|
+
position: relative;
|
186
|
+
cursor: pointer; } }
|
187
|
+
|
188
|
+
a.styled_button {
|
189
|
+
color: #fff;
|
190
|
+
height: 30px;
|
191
|
+
line-height: 30px;
|
192
|
+
padding: 5px 10px;
|
193
|
+
&:visited {
|
194
|
+
color: #fff;
|
195
|
+
height: 30px;
|
196
|
+
line-height: 30px;
|
197
|
+
padding: 5px 10px; }
|
198
|
+
&:hover, &:active {
|
199
|
+
color: #fff;
|
200
|
+
white-space: nowrap; } }
|
201
|
+
|
202
|
+
.cancel_button.styled_button:after, .confirm_button.styled_button:after, .question_button.styled_button:after, .delete_button.styled_button:after, .edit_button.styled_button:after, .view_button.styled_button:after {
|
203
|
+
position: absolute;
|
204
|
+
padding-top: 7px;
|
205
|
+
right: 5px; }
|
206
|
+
|
207
|
+
.cancel_button.styled_button, .confirm_button.styled_button, .question_button.styled_button, .delete_button.styled_button, .edit_button.styled_button, .view_button.styled_button {
|
208
|
+
padding-right: 25px; }
|
209
|
+
|
210
|
+
.cancel_button.styled_button:after {
|
211
|
+
content: url(<%= asset_path 'notjustagrid/icons/icon-cancel.png' %>); }
|
212
|
+
|
213
|
+
.confirm_button.styled_button:after {
|
214
|
+
content: url(<%= asset_path 'notjustagrid/icons/icon-success.png' %>); }
|
215
|
+
|
216
|
+
.question_button.styled_button:after {
|
217
|
+
content: url(<%= asset_path 'notjustagrid/icons/icon-question.png' %>); }
|
218
|
+
|
219
|
+
.delete_button.styled_button:after {
|
220
|
+
content: url(<%= asset_path 'notjustagrid/icons/icon-delete.png' %>); }
|
221
|
+
|
222
|
+
.edit_button.styled_button:after {
|
223
|
+
content: url(<%= asset_path 'notjustagrid/icons/icon-edit.png' %>); }
|
224
|
+
|
225
|
+
.view_button.styled_button:after {
|
226
|
+
content: url(<%= asset_path 'notjustagrid/icons/icon-view.png' %>); }
|
227
|
+
|
228
|
+
.green.styled_button {
|
229
|
+
background-color: #afc243; }
|
230
|
+
|
231
|
+
.red.styled_button {
|
232
|
+
background-color: #e33100; }
|
233
|
+
|
234
|
+
.blue.styled_button {
|
235
|
+
background-color: #6c93b3; }
|
236
|
+
|
237
|
+
.grey.styled_button {
|
238
|
+
background-color: #ddd;
|
239
|
+
color: #666;
|
240
|
+
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
|
241
|
+
&:visited {
|
242
|
+
background-color: #ddd;
|
243
|
+
color: #666;
|
244
|
+
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8); } }
|
245
|
+
|
246
|
+
.green.styled_button:hover {
|
247
|
+
background-color: #98a83a; }
|
248
|
+
|
249
|
+
.red.styled_button:hover {
|
250
|
+
background-color: #bf2900; }
|
251
|
+
|
252
|
+
.blue.styled_button:hover {
|
253
|
+
background-color: #5c7d98; }
|
254
|
+
|
255
|
+
.grey.styled_button:hover {
|
256
|
+
background-color: #ccc;
|
257
|
+
color: #666;
|
258
|
+
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8); }
|
259
|
+
|
260
|
+
@-moz-document url-prefix() {
|
261
|
+
button {
|
262
|
+
&.delete_button.styled_button:after, &.question_button.styled_button:after, &.confirm_button.styled_button:after, &.cancel_button.styled_button:after, &.edit_button.styled_button:after, &.view_button.styled_button:after {
|
263
|
+
padding-top: 1px;
|
264
|
+
right: 15px; } } }
|
@@ -0,0 +1,54 @@
|
|
1
|
+
/* Not Just a Grid v1.1 - June 2011 - (c) 2011 Al Redpath / Outrageous Creations! Licenced under an MIT Licence*/
|
2
|
+
|
3
|
+
#container {
|
4
|
+
width: 1200px;
|
5
|
+
position: relative;
|
6
|
+
margin: auto; }
|
7
|
+
|
8
|
+
.full, .half, .threequarter, .quarter, .third, .twothird, .fifth, .twofifth, .threefifth, .fourfifth, .sixth, .fivesixth {
|
9
|
+
float: left;
|
10
|
+
display: inline;
|
11
|
+
margin: 0 10px 0 10px;
|
12
|
+
padding: 0; }
|
13
|
+
|
14
|
+
.full {
|
15
|
+
width: 1180px; }
|
16
|
+
|
17
|
+
.half {
|
18
|
+
width: 580px; }
|
19
|
+
|
20
|
+
.threequarter {
|
21
|
+
width: 880px; }
|
22
|
+
|
23
|
+
.quarter {
|
24
|
+
width: 280px; }
|
25
|
+
|
26
|
+
.third {
|
27
|
+
width: 380px; }
|
28
|
+
|
29
|
+
.twothird {
|
30
|
+
width: 780px; }
|
31
|
+
|
32
|
+
.fifth {
|
33
|
+
width: 220px; }
|
34
|
+
|
35
|
+
.twofifth {
|
36
|
+
width: 460px; }
|
37
|
+
|
38
|
+
.threefifth {
|
39
|
+
width: 700px; }
|
40
|
+
|
41
|
+
.fourfifth {
|
42
|
+
width: 940px; }
|
43
|
+
|
44
|
+
.sixth {
|
45
|
+
width: 180px; }
|
46
|
+
|
47
|
+
.fivesixth {
|
48
|
+
width: 980px; }
|
49
|
+
|
50
|
+
.first {
|
51
|
+
margin-left: 0; }
|
52
|
+
|
53
|
+
.last {
|
54
|
+
margin-right: 0; }
|