brighter_planet_layout 0.1.0 → 0.1.1
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/VERSION +1 -1
- data/app/helpers/brighter_planet_helper.rb +9 -0
- data/app/views/layouts/_footer.html.erb +50 -0
- data/app/views/layouts/_header.html.erb +22 -0
- data/app/views/layouts/brighter_planet.html.erb +22 -1
- data/brighter_planet_layout.gemspec +61 -0
- data/lib/brighter_planet_layout/railtie.rb +2 -0
- data/public/images/logo.png +0 -0
- data/public/stylesheets/brighter_planet.css +631 -1
- metadata +7 -2
data/VERSION
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
0.1.
|
|
1
|
+
0.1.1
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
<div id="footer">
|
|
2
|
+
<div id="shortcuts">
|
|
3
|
+
<h3>Shortcuts</h3>
|
|
4
|
+
<ul>
|
|
5
|
+
<li><%= link_to 'Home', 'http://brighterplanet.com' %></li>
|
|
6
|
+
<li><%= link_to 'Blog', 'http://blog.brighterplanet.com' %></li>
|
|
7
|
+
<li><%= link_to 'Prism', 'http://brighterplanet.com/applications/prism' %></li>
|
|
8
|
+
<li><%= link_to 'Dev', 'http://brighterplanet.github.com' %></li>
|
|
9
|
+
<li><%= link_to 'Keys', 'http://keys.brighterplanet.com' %></li>
|
|
10
|
+
<li><%= link_to 'Carbon', 'http://carbon.brighterplanet.com' %></li>
|
|
11
|
+
<li><%= link_to 'Data', 'http://data.brighterplanet.com' %></li>
|
|
12
|
+
<li><%= link_to 'Cards', 'http://cards.brighterplanet.com' %></li>
|
|
13
|
+
<li><%= link_to 'Footprint', 'http://profiles.brighterplanet.com' %></li>
|
|
14
|
+
</ul>
|
|
15
|
+
</div>
|
|
16
|
+
<div id="map">
|
|
17
|
+
<div id="slogan">
|
|
18
|
+
<h1>Brighter Planet</h1>
|
|
19
|
+
<p class="slogan">Carbon is everywhere</p>
|
|
20
|
+
<p class="description">Enterprise-grade cloud technology for climate intelligence.</p>
|
|
21
|
+
<p class="description"><%= link_to 'About us', 'http://brighterplanet.com/about' %> · <%= link_to 'Our blog', 'http://blog.brighterplanet.com' %></p>
|
|
22
|
+
</div>
|
|
23
|
+
<div id="middleware">
|
|
24
|
+
<div class="main">
|
|
25
|
+
<h3>Carbon middleware</h3>
|
|
26
|
+
<p>Real-time, scalable web services to enhance your business applications</p>
|
|
27
|
+
</div>
|
|
28
|
+
<ul class="links">
|
|
29
|
+
<li><%= link_to 'Learn about how carbon middleware works', '#FIXME' %></li>
|
|
30
|
+
<li><%= link_to 'Information for developers', 'http://brighterplanet.github.com' %></li>
|
|
31
|
+
</ul>
|
|
32
|
+
<ul class="industries">
|
|
33
|
+
<li class="prism"><%= link_to '<strong>Prism</strong> carbon analytics for the payments industry'.html_safe, '#FIXME' %></li>
|
|
34
|
+
<li class="alpha"><%= link_to '<strong>Alpha</strong> for the shipping and logistics industry'.html_safe, '#FIXME' %></li>
|
|
35
|
+
<li class="beta"><%= link_to '<strong>Beta</strong> customer carbon information for the travel industry'.html_safe, '#FIXME' %></li>
|
|
36
|
+
</ul>
|
|
37
|
+
</div>
|
|
38
|
+
<div id="consumer">
|
|
39
|
+
<div id="cards">
|
|
40
|
+
<h4><a href="#FIXME">Credit and debit cards</a></h4>
|
|
41
|
+
<p>Powered by Bank of America, Visa, and Brighter Planet's carbon middleware technology</p>
|
|
42
|
+
</div>
|
|
43
|
+
<div id="profiler">
|
|
44
|
+
<h4><a href="#FIXME">Carbon profiler</a></h4>
|
|
45
|
+
<p>The world's most advanced carbon footprint calculator, powered by carbon middleware</p>
|
|
46
|
+
</div>
|
|
47
|
+
<p><%= link_to 'See other apps powered by carbon middleware', '#FIXME' %></p>
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
<div id="header">
|
|
2
|
+
<h1><%= image_tag 'logo.png' :alt => "Brighter Planet" %></h1>
|
|
3
|
+
<ul>
|
|
4
|
+
<li><%= link_to 'Home', 'http://brighterplanet.com' %></li>
|
|
5
|
+
<li><%= link_to 'About us', 'http://brighterplanet.com/about' %></li>
|
|
6
|
+
<li><%= link_to 'Dev hub', 'http://brighterplanet.com' %></li>
|
|
7
|
+
</ul>
|
|
8
|
+
</div>
|
|
9
|
+
|
|
10
|
+
<div id="title">
|
|
11
|
+
<%= render :partial => 'layouts/title' %>
|
|
12
|
+
</div>
|
|
13
|
+
|
|
14
|
+
<div id="flash">
|
|
15
|
+
<% if error = flash[:error] %>
|
|
16
|
+
<p class="flash error"><%= error %></p>
|
|
17
|
+
<% elsif notice = flash[:notice] %>
|
|
18
|
+
<p class="flash notice"><%= notice %></p>
|
|
19
|
+
<% end %>
|
|
20
|
+
</div>
|
|
21
|
+
|
|
22
|
+
|
|
@@ -1 +1,22 @@
|
|
|
1
|
-
|
|
1
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
2
|
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr" id="brighterplanet-com">
|
|
3
|
+
<title>Keyring</title>
|
|
4
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
5
|
+
<meta http-equiv="Content-Language" content="en" />
|
|
6
|
+
<%= stylesheet_link_tag 'brighter_planet', 'application' %>
|
|
7
|
+
<%= csrf_meta_tag %>
|
|
8
|
+
</head>
|
|
9
|
+
<body>
|
|
10
|
+
|
|
11
|
+
<%= render :partial => 'layouts/header' %>
|
|
12
|
+
|
|
13
|
+
<div id="content">
|
|
14
|
+
<%= yield %>
|
|
15
|
+
</div>
|
|
16
|
+
|
|
17
|
+
<%= render_or_nothing :partial => 'layouts/bottom' %>
|
|
18
|
+
|
|
19
|
+
<%= render :partial => 'layouts/footer' %>
|
|
20
|
+
|
|
21
|
+
</body>
|
|
22
|
+
</html>
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
# Generated by jeweler
|
|
2
|
+
# DO NOT EDIT THIS FILE DIRECTLY
|
|
3
|
+
# Instead, edit Jeweler::Tasks in rakefile, and run the gemspec command
|
|
4
|
+
# -*- encoding: utf-8 -*-
|
|
5
|
+
|
|
6
|
+
Gem::Specification.new do |s|
|
|
7
|
+
s.name = %q{brighter_planet_layout}
|
|
8
|
+
s.version = "0.1.1"
|
|
9
|
+
|
|
10
|
+
s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
|
|
11
|
+
s.authors = ["Andy Rossmeissl"]
|
|
12
|
+
s.date = %q{2010-07-06}
|
|
13
|
+
s.description = %q{Layouts, partials, stylesheets, and images}
|
|
14
|
+
s.email = %q{andy@rossmeissl.net}
|
|
15
|
+
s.extra_rdoc_files = [
|
|
16
|
+
"LICENSE",
|
|
17
|
+
"README.rdoc"
|
|
18
|
+
]
|
|
19
|
+
s.files = [
|
|
20
|
+
".document",
|
|
21
|
+
".gitignore",
|
|
22
|
+
"LICENSE",
|
|
23
|
+
"README.rdoc",
|
|
24
|
+
"Rakefile",
|
|
25
|
+
"VERSION",
|
|
26
|
+
"app/helpers/brighter_planet_helper.rb",
|
|
27
|
+
"app/views/layouts/_footer.html.erb",
|
|
28
|
+
"app/views/layouts/_header.html.erb",
|
|
29
|
+
"app/views/layouts/brighter_planet.html.erb",
|
|
30
|
+
"brighter_planet_layout.gemspec",
|
|
31
|
+
"lib/brighter_planet_layout.rb",
|
|
32
|
+
"lib/brighter_planet_layout/railtie.rb",
|
|
33
|
+
"public/images/logo.png",
|
|
34
|
+
"public/stylesheets/brighter_planet.css",
|
|
35
|
+
"test/helper.rb",
|
|
36
|
+
"test/test_brighter_planet_layout.rb"
|
|
37
|
+
]
|
|
38
|
+
s.homepage = %q{http://github.com/brighterplanet/brighter_planet_layout}
|
|
39
|
+
s.rdoc_options = ["--charset=UTF-8"]
|
|
40
|
+
s.require_paths = ["lib"]
|
|
41
|
+
s.rubygems_version = %q{1.3.6}
|
|
42
|
+
s.summary = %q{Layout assets for Brighter Planet sites}
|
|
43
|
+
s.test_files = [
|
|
44
|
+
"test/helper.rb",
|
|
45
|
+
"test/test_brighter_planet_layout.rb"
|
|
46
|
+
]
|
|
47
|
+
|
|
48
|
+
if s.respond_to? :specification_version then
|
|
49
|
+
current_version = Gem::Specification::CURRENT_SPECIFICATION_VERSION
|
|
50
|
+
s.specification_version = 3
|
|
51
|
+
|
|
52
|
+
if Gem::Version.new(Gem::RubyGemsVersion) >= Gem::Version.new('1.2.0') then
|
|
53
|
+
s.add_development_dependency(%q<thoughtbot-shoulda>, [">= 0"])
|
|
54
|
+
else
|
|
55
|
+
s.add_dependency(%q<thoughtbot-shoulda>, [">= 0"])
|
|
56
|
+
end
|
|
57
|
+
else
|
|
58
|
+
s.add_dependency(%q<thoughtbot-shoulda>, [">= 0"])
|
|
59
|
+
end
|
|
60
|
+
end
|
|
61
|
+
|
|
@@ -2,7 +2,9 @@ module BrighterPlanetLayout
|
|
|
2
2
|
class Railtie < Rails::Railtie
|
|
3
3
|
initializer 'brighter_planet_layout.add_paths' do |app|
|
|
4
4
|
app.paths.app.views << File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'app', 'views'))
|
|
5
|
+
app.paths.app.helpers << File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'app', 'helpers'))
|
|
5
6
|
app.paths.public.stylesheets << File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'public', 'stylesheets'))
|
|
7
|
+
app.paths.public.images << File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'public', 'images'))
|
|
6
8
|
end
|
|
7
9
|
end
|
|
8
10
|
end
|
|
Binary file
|
|
@@ -1 +1,631 @@
|
|
|
1
|
-
|
|
1
|
+
/*------------*/
|
|
2
|
+
|
|
3
|
+
@font-face {
|
|
4
|
+
font-family: 'Brighter Planet';
|
|
5
|
+
src: url('fonts/KievitWebPro.eot');
|
|
6
|
+
src: local('☺'), url("/stylesheets/fonts/KievitWebPro.woff") format("woff"), url("fonts/KievitOT-Regular.otf") format("opentype");
|
|
7
|
+
font-weight: normal;
|
|
8
|
+
font-style: normal;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
@font-face {
|
|
12
|
+
font-family: 'Brighter Planet';
|
|
13
|
+
src: url('fonts/KievitWebPro-Bold.eot');
|
|
14
|
+
src: local('☺'), url("fonts/KievitWebPro-Bold.woff") format("woff"), url("fonts/KievitOT-Bold.otf") format("opentype");
|
|
15
|
+
font-weight: bold;
|
|
16
|
+
font-style: normal;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
@font-face {
|
|
20
|
+
font-family: 'Brighter Planet';
|
|
21
|
+
src: url('fonts/KievitWebPro-BoldIta.eot');
|
|
22
|
+
src: local('☺'), url("fonts/KievitWebPro-BoldIta.woff") format("woff"), url("fonts/KievitOT-BoldItalic.otf") format("opentype");
|
|
23
|
+
font-weight: bold;
|
|
24
|
+
font-style: italic;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
@font-face {
|
|
28
|
+
font-family: 'Brighter Planet';
|
|
29
|
+
src: url('fonts/KievitWebPro-Ita.eot');
|
|
30
|
+
src: local('☺'), url("fonts/KievitWebPro-Ita.woff") format("woff"), url("fonts/KievitOT-Italic.otf") format("opentype");
|
|
31
|
+
font-weight: normal;
|
|
32
|
+
font-style: italic;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
/* ---------- */
|
|
36
|
+
|
|
37
|
+
body {
|
|
38
|
+
margin: 0;
|
|
39
|
+
font-size: 13px;
|
|
40
|
+
background: #222 url(images/bg.png) repeat-y;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
body, input, select {
|
|
44
|
+
font-family: "Brighter Planet", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd {
|
|
48
|
+
margin: 0;
|
|
49
|
+
padding: 0;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
#header {
|
|
53
|
+
background-image:
|
|
54
|
+
-webkit-gradient(
|
|
55
|
+
linear,
|
|
56
|
+
left top,
|
|
57
|
+
left bottom,
|
|
58
|
+
color-stop(0, rgb(100,100,100)),
|
|
59
|
+
color-stop(0.16, rgb(77,77,77)),
|
|
60
|
+
color-stop(0.75, rgb(48,48,48)),
|
|
61
|
+
color-stop(1, rgb(28,28,28))
|
|
62
|
+
);
|
|
63
|
+
background-image:
|
|
64
|
+
-moz-linear-gradient(
|
|
65
|
+
center top,
|
|
66
|
+
rgb(100,100,100) 0%,
|
|
67
|
+
rgb(77,77,77) 16%,
|
|
68
|
+
rgb(48,48,48) 75%,
|
|
69
|
+
rgb(28,28,28) 100%
|
|
70
|
+
);
|
|
71
|
+
overflow: auto;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
#header h1 {
|
|
75
|
+
height: 34px;
|
|
76
|
+
float: left;
|
|
77
|
+
width: 129px;
|
|
78
|
+
margin: 13px;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
#header ul {
|
|
82
|
+
list-style: none;
|
|
83
|
+
overflow: auto;
|
|
84
|
+
margin: 0 0 0 165px;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
#header ul li {
|
|
88
|
+
border-left: 1px solid black;
|
|
89
|
+
float: left;
|
|
90
|
+
width: 120px;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
#header ul li a {
|
|
94
|
+
border-left: 1px solid #555;
|
|
95
|
+
display: block;
|
|
96
|
+
text-align: center;
|
|
97
|
+
text-transform: uppercase;
|
|
98
|
+
text-decoration: none;
|
|
99
|
+
color: silver;
|
|
100
|
+
font-size: 13px;
|
|
101
|
+
line-height: 1;
|
|
102
|
+
text-shadow: -1px -1px 0px black;
|
|
103
|
+
padding: 23.5px 0;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
#header li:last-child {
|
|
107
|
+
border-right: 1px solid #555;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
#header li:last-child a {
|
|
111
|
+
border-right: 1px solid black;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
#header ul li a:hover {
|
|
115
|
+
background: rgba(0,0,0,0.1);
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
#title {
|
|
119
|
+
background-color: #5FBBFF;
|
|
120
|
+
background-repeat: no-repeat;
|
|
121
|
+
background-position: 20px 20%;
|
|
122
|
+
padding: 20px 0 0 165px;
|
|
123
|
+
height: 70px;
|
|
124
|
+
border-bottom: 1px solid #0070C4;
|
|
125
|
+
-moz-box-shadow: inset 0 10px 10px rgba(0,0,0,0.1);
|
|
126
|
+
-webkit-box-shadow: inset 0 10px 10px rgba(0,0,0,0.1);
|
|
127
|
+
box-shadow: inset 0 10px 10px rgba(0,0,0,0.1);
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
#title h1, #title h2 {
|
|
131
|
+
font-size: 18px;
|
|
132
|
+
text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
#title h2 {
|
|
136
|
+
color: #333;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
#content, #flash {
|
|
140
|
+
background: #f1f1f1;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
#flash {
|
|
144
|
+
padding: 0 0 15px;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
#content {
|
|
148
|
+
padding: 15px 15px 50px;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
#content>p {
|
|
152
|
+
margin: 0 15px 10px 150px;
|
|
153
|
+
max-width: 600px;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
#content h1 {
|
|
157
|
+
font-size: 18px;
|
|
158
|
+
margin: 0 10px 20px 150px;
|
|
159
|
+
text-shadow: 1px 1px 0 white;
|
|
160
|
+
color: #333;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
#content h2 {
|
|
164
|
+
font-size: 18px;
|
|
165
|
+
margin: 25px 10px 20px 150px;
|
|
166
|
+
text-shadow: 1px 1px 0 white;
|
|
167
|
+
color: gray;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
#content form dl dt {
|
|
171
|
+
float: left;
|
|
172
|
+
width: 140px;
|
|
173
|
+
text-align: right;
|
|
174
|
+
margin: 0 10px 0 0;
|
|
175
|
+
padding: 10px 0 0;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
#content form dl dt .field_with_errors label, #content form dl dt.label .field_with_errors {
|
|
179
|
+
color: #F16262;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
#content form dl dt label, #content form dl dt.label {
|
|
183
|
+
color: #444;
|
|
184
|
+
text-shadow: 1px 1px 0 white;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
#content form dl dd {
|
|
188
|
+
margin: 0 15px 10px 150px;
|
|
189
|
+
position: relative;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
#content form dl dd input[type=text], #content form dl dd input[type=password] {
|
|
193
|
+
font-size: 21px;
|
|
194
|
+
padding: 4px;
|
|
195
|
+
width: 100%;
|
|
196
|
+
max-width: 600px;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
#content form dl dd select {
|
|
200
|
+
font-size: 21px;
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
#content form p.action {
|
|
204
|
+
margin: 20px 0 0 150px;
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
#content form p.action input[type=submit] {
|
|
208
|
+
background-image:
|
|
209
|
+
-webkit-gradient(
|
|
210
|
+
linear,
|
|
211
|
+
left top,
|
|
212
|
+
left bottom,
|
|
213
|
+
color-stop(0, rgb(100,100,100)),
|
|
214
|
+
color-stop(0.16, rgb(77,77,77)),
|
|
215
|
+
color-stop(0.75, rgb(48,48,48)),
|
|
216
|
+
color-stop(1, rgb(28,28,28))
|
|
217
|
+
);
|
|
218
|
+
background-image:
|
|
219
|
+
-moz-linear-gradient(
|
|
220
|
+
center top,
|
|
221
|
+
rgb(100,100,100) 0%,
|
|
222
|
+
rgb(77,77,77) 16%,
|
|
223
|
+
rgb(48,48,48) 75%,
|
|
224
|
+
rgb(28,28,28) 100%
|
|
225
|
+
);
|
|
226
|
+
-moz-border-radius: 3px;
|
|
227
|
+
-webkit-border-radius: 3px;
|
|
228
|
+
border: none;
|
|
229
|
+
border-radius: 3px;
|
|
230
|
+
padding: 5px;
|
|
231
|
+
color: #ddd;
|
|
232
|
+
text-decoration: none;
|
|
233
|
+
text-shadow: -1px -1px 0 black;
|
|
234
|
+
text-align: center;
|
|
235
|
+
font-size: 18px;
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
p.new, div.destroy {
|
|
239
|
+
margin: 15px 15px 0 150px;
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
p.new a {
|
|
243
|
+
color: blue;
|
|
244
|
+
text-decoration: none;
|
|
245
|
+
text-transform: uppercase;
|
|
246
|
+
text-shadow: 1px 1px 0 white;
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
p.new a:before {
|
|
250
|
+
content: "✚";
|
|
251
|
+
font-size: 30px;
|
|
252
|
+
margin: 0 5px 0 0;
|
|
253
|
+
vertical-align: -3px;
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
p.new a:hover:before {
|
|
257
|
+
color: #333;
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
div.destroy input[type=submit] {
|
|
261
|
+
background-image:
|
|
262
|
+
-webkit-gradient(
|
|
263
|
+
linear,
|
|
264
|
+
left top,
|
|
265
|
+
left bottom,
|
|
266
|
+
color-stop(0, rgb(255,66,66)),
|
|
267
|
+
color-stop(0.15, rgb(245,19,19)),
|
|
268
|
+
color-stop(0.75, rgb(204,10,10)),
|
|
269
|
+
color-stop(1, rgb(143,6,6))
|
|
270
|
+
);
|
|
271
|
+
background-image:
|
|
272
|
+
-moz-linear-gradient(
|
|
273
|
+
center top,
|
|
274
|
+
rgb(255,66,66) 0%,
|
|
275
|
+
rgb(245,19,19) 15%,
|
|
276
|
+
rgb(204,10,10) 75%,
|
|
277
|
+
rgb(143,6,6) 100%
|
|
278
|
+
);
|
|
279
|
+
-moz-border-radius: 3px;
|
|
280
|
+
-webkit-border-radius: 3px;
|
|
281
|
+
border: none;
|
|
282
|
+
border-radius: 3px;
|
|
283
|
+
padding: 5px;
|
|
284
|
+
color: #ddd;
|
|
285
|
+
text-decoration: none;
|
|
286
|
+
text-shadow: -1px -1px 0 black;
|
|
287
|
+
text-align: center;
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
#content>p.back {
|
|
291
|
+
margin: 10px 15px 10px 150px;
|
|
292
|
+
border-top: 1px solid silver;
|
|
293
|
+
padding: 10px 0 0;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
p.back:before {
|
|
297
|
+
content: "← "
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
p.back a {
|
|
301
|
+
color: blue;
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
p.flash {
|
|
305
|
+
margin: 0 15px 0 165px;
|
|
306
|
+
padding: 10px;
|
|
307
|
+
position: relative;
|
|
308
|
+
color: white;
|
|
309
|
+
font-size: 15px;
|
|
310
|
+
}
|
|
311
|
+
|
|
312
|
+
p.flash.error {
|
|
313
|
+
background: #F16262;
|
|
314
|
+
border-left: 1px solid #C11A1A;
|
|
315
|
+
border-bottom: 1px solid #C11A1A;
|
|
316
|
+
border-right: 1px solid #C11A1A;
|
|
317
|
+
text-shadow: -1px -1px 0 #C11A1A;
|
|
318
|
+
}
|
|
319
|
+
|
|
320
|
+
p.flash.notice {
|
|
321
|
+
background: silver;
|
|
322
|
+
border-left: 1px solid gray;
|
|
323
|
+
border-bottom: 1px solid gray;
|
|
324
|
+
border-right: 1px solid gray;
|
|
325
|
+
text-shadow: -1px -1px 0 gray;
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
p.flash:before {
|
|
329
|
+
position: absolute;
|
|
330
|
+
left: -35px;
|
|
331
|
+
top: -7px;
|
|
332
|
+
line-height: 45px;
|
|
333
|
+
font-size: 40px;
|
|
334
|
+
text-shadow: 1px 1px 0 silver;
|
|
335
|
+
}
|
|
336
|
+
|
|
337
|
+
p.flash.error:before {
|
|
338
|
+
content: "⚠";
|
|
339
|
+
color: #F16262;
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
#footer #shortcuts {
|
|
343
|
+
background-image:
|
|
344
|
+
-webkit-gradient(
|
|
345
|
+
linear,
|
|
346
|
+
left top,
|
|
347
|
+
left bottom,
|
|
348
|
+
color-stop(0, rgb(77,77,77)),
|
|
349
|
+
color-stop(1, rgb(48,48,48))
|
|
350
|
+
);
|
|
351
|
+
background-image:
|
|
352
|
+
-moz-linear-gradient(
|
|
353
|
+
center top,
|
|
354
|
+
rgb(77,77,77) 0%,
|
|
355
|
+
rgb(48,48,48) 100%
|
|
356
|
+
);
|
|
357
|
+
overflow: auto;
|
|
358
|
+
font-size: 11px;
|
|
359
|
+
}
|
|
360
|
+
|
|
361
|
+
#footer #shortcuts h3 {
|
|
362
|
+
float: left;
|
|
363
|
+
width: 150px;
|
|
364
|
+
text-align: right;
|
|
365
|
+
color: silver;
|
|
366
|
+
text-shadow: -1px -1px 0px black;
|
|
367
|
+
padding: 1px 0 0;
|
|
368
|
+
font-size: 12px;
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
#footer #shortcuts h3:after {
|
|
372
|
+
content: " →";
|
|
373
|
+
}
|
|
374
|
+
|
|
375
|
+
#footer #shortcuts ul {
|
|
376
|
+
list-style: none;
|
|
377
|
+
overflow: auto;
|
|
378
|
+
margin: 0 0 0 165px;
|
|
379
|
+
}
|
|
380
|
+
|
|
381
|
+
#footer #shortcuts ul li {
|
|
382
|
+
border-left: 1px solid black;
|
|
383
|
+
float: left;
|
|
384
|
+
width: 80px;
|
|
385
|
+
}
|
|
386
|
+
|
|
387
|
+
#footer #shortcuts ul li a {
|
|
388
|
+
border-left: 1px solid #555;
|
|
389
|
+
display: block;
|
|
390
|
+
text-align: center;
|
|
391
|
+
text-transform: uppercase;
|
|
392
|
+
text-decoration: none;
|
|
393
|
+
color: silver;
|
|
394
|
+
line-height: 1;
|
|
395
|
+
text-shadow: -1px -1px 0px black;
|
|
396
|
+
padding: 5px 0;
|
|
397
|
+
}
|
|
398
|
+
|
|
399
|
+
#footer #shortcuts li:last-child {
|
|
400
|
+
border-right: 1px solid #555;
|
|
401
|
+
}
|
|
402
|
+
|
|
403
|
+
#footer #shortcuts li:last-child a {
|
|
404
|
+
border-right: 1px solid black;
|
|
405
|
+
}
|
|
406
|
+
|
|
407
|
+
#footer #shortcuts ul li a:hover {
|
|
408
|
+
background: rgba(0,0,0,0.1);
|
|
409
|
+
}
|
|
410
|
+
|
|
411
|
+
#footer #map {
|
|
412
|
+
-moz-box-shadow: inset 0 10px 10px rgba(0,0,0,0.1);
|
|
413
|
+
-webkit-box-shadow: inset 0 10px 10px rgba(0,0,0,0.1);
|
|
414
|
+
box-shadow: inset 0 10px 10px rgba(0,0,0,0.1);
|
|
415
|
+
text-shadow: 1px 1px 0 black;
|
|
416
|
+
overflow: auto;
|
|
417
|
+
padding: 0 0 45px 0;
|
|
418
|
+
}
|
|
419
|
+
|
|
420
|
+
#footer #map #slogan {
|
|
421
|
+
margin: 25px 10px 0 10px;
|
|
422
|
+
width: 150px;
|
|
423
|
+
float: left;
|
|
424
|
+
}
|
|
425
|
+
|
|
426
|
+
#footer #map #slogan h1 {
|
|
427
|
+
font-size: 16px;
|
|
428
|
+
color: #2DB56A;
|
|
429
|
+
font-weight: normal;
|
|
430
|
+
}
|
|
431
|
+
|
|
432
|
+
#footer #map #slogan p.slogan {
|
|
433
|
+
color: silver;
|
|
434
|
+
}
|
|
435
|
+
|
|
436
|
+
#footer #map #slogan p.description {
|
|
437
|
+
font-size: 11px;
|
|
438
|
+
color: gray;
|
|
439
|
+
margin: 5px 0 0;
|
|
440
|
+
}
|
|
441
|
+
|
|
442
|
+
#footer #map #slogan p.description a {
|
|
443
|
+
color: silver;
|
|
444
|
+
}
|
|
445
|
+
|
|
446
|
+
#footer #map #middleware {
|
|
447
|
+
float: left;
|
|
448
|
+
width: 320px;
|
|
449
|
+
margin: 25px 80px 0 0;
|
|
450
|
+
font-size: 11px;
|
|
451
|
+
}
|
|
452
|
+
|
|
453
|
+
#footer #map #middleware h3 {
|
|
454
|
+
color: silver;
|
|
455
|
+
text-transform: uppercase;
|
|
456
|
+
font-weight: normal;
|
|
457
|
+
font-size: 11px;
|
|
458
|
+
}
|
|
459
|
+
|
|
460
|
+
#footer #map #middleware p {
|
|
461
|
+
color: gray;
|
|
462
|
+
}
|
|
463
|
+
|
|
464
|
+
#footer #map #middleware ul.links {
|
|
465
|
+
list-style: none;
|
|
466
|
+
border-top: 1px solid #222;
|
|
467
|
+
padding: 10px 0 0;
|
|
468
|
+
}
|
|
469
|
+
|
|
470
|
+
#footer #map #middleware ul.links li {
|
|
471
|
+
margin: 0 0 7px;
|
|
472
|
+
}
|
|
473
|
+
|
|
474
|
+
#footer #map #middleware ul.links li:before {
|
|
475
|
+
content: "▶";
|
|
476
|
+
display: block;
|
|
477
|
+
float: left;
|
|
478
|
+
width: 1em;
|
|
479
|
+
background: #555;
|
|
480
|
+
color: #222;
|
|
481
|
+
padding: 0 0 1px 2px;
|
|
482
|
+
line-height: 14px;
|
|
483
|
+
margin: 0 5px 0 0;
|
|
484
|
+
-moz-border-radius: 3px;
|
|
485
|
+
-webkit-border-radius: 3px;
|
|
486
|
+
border-radius: 3px;
|
|
487
|
+
text-shadow: none;
|
|
488
|
+
font-size: 13px;
|
|
489
|
+
-moz-box-shadow: black 1px 1px 0;
|
|
490
|
+
}
|
|
491
|
+
|
|
492
|
+
#footer #map #middleware ul.links li a {
|
|
493
|
+
color: gray;
|
|
494
|
+
}
|
|
495
|
+
|
|
496
|
+
#footer #map #middleware ul.industries {
|
|
497
|
+
list-style: none;
|
|
498
|
+
margin: 25px 0 0;
|
|
499
|
+
color: gray;
|
|
500
|
+
border-left: 1px solid black;
|
|
501
|
+
border-top: 1px solid black;
|
|
502
|
+
border-bottom: 1px solid #222;
|
|
503
|
+
border-right: 1px solid #222;
|
|
504
|
+
-moz-border-radius: 5px;
|
|
505
|
+
-webkit-border-radius: 5px;
|
|
506
|
+
border-radius: 5px;
|
|
507
|
+
}
|
|
508
|
+
|
|
509
|
+
#footer #map #middleware ul.industries li {
|
|
510
|
+
background: #050505;
|
|
511
|
+
border-top: 1px solid black;
|
|
512
|
+
border-bottom: 1px solid #222;
|
|
513
|
+
}
|
|
514
|
+
|
|
515
|
+
#footer #map #middleware ul.industries li:first-child {
|
|
516
|
+
border-top: none;
|
|
517
|
+
-moz-border-radius: 5px 5px 0 0;
|
|
518
|
+
-webkit-border-radius: 5px 5px 0 0;
|
|
519
|
+
border-radius: 5px 5px 0 0;
|
|
520
|
+
}
|
|
521
|
+
|
|
522
|
+
#footer #map #middleware ul.industries li:last-child {
|
|
523
|
+
border-bottom: none;
|
|
524
|
+
-moz-border-radius: 0 0 5px 5px;
|
|
525
|
+
-webkit-border-radius: 0 0 5px 5px;
|
|
526
|
+
border-radius: 0 0 5px 5px;
|
|
527
|
+
}
|
|
528
|
+
|
|
529
|
+
#footer #map #middleware ul.industries li a {
|
|
530
|
+
padding: 7px 7px 7px 32px;
|
|
531
|
+
background-repeat: no-repeat;
|
|
532
|
+
background-position: 5px 50%;
|
|
533
|
+
display: block;
|
|
534
|
+
text-decoration: none;
|
|
535
|
+
color: gray;
|
|
536
|
+
}
|
|
537
|
+
|
|
538
|
+
#footer #map #middleware ul.industries a:hover {
|
|
539
|
+
background-color: black;
|
|
540
|
+
}
|
|
541
|
+
|
|
542
|
+
#footer #map #middleware ul.industries li a strong {
|
|
543
|
+
color: silver;
|
|
544
|
+
text-transform: uppercase;
|
|
545
|
+
font-weight: normal;
|
|
546
|
+
text-decoration: underline;
|
|
547
|
+
padding: 0 2px 0 0;
|
|
548
|
+
}
|
|
549
|
+
|
|
550
|
+
#footer #map #middleware ul.industries li.prism a {
|
|
551
|
+
background-image: url(images/prism.png);
|
|
552
|
+
}
|
|
553
|
+
|
|
554
|
+
#footer #map #middleware .main {
|
|
555
|
+
padding: 0 0 10px 80px;
|
|
556
|
+
background: url(images/gears.png) no-repeat;
|
|
557
|
+
min-height: 52px;
|
|
558
|
+
border-bottom: 1px solid black;
|
|
559
|
+
}
|
|
560
|
+
|
|
561
|
+
|
|
562
|
+
#footer #map #consumer {
|
|
563
|
+
float: left;
|
|
564
|
+
width: 320px;
|
|
565
|
+
background: url(images/cards.png) no-repeat;
|
|
566
|
+
min-height: 200px;
|
|
567
|
+
}
|
|
568
|
+
|
|
569
|
+
#footer #map #consumer #cards {
|
|
570
|
+
margin: 28px 0 0;
|
|
571
|
+
padding: 0 0 30px 160px;
|
|
572
|
+
font-size: 11px;
|
|
573
|
+
border-bottom: 1px solid black;
|
|
574
|
+
}
|
|
575
|
+
|
|
576
|
+
#footer #map #consumer h4 {
|
|
577
|
+
color: silver;
|
|
578
|
+
font-weight: normal;
|
|
579
|
+
text-transform: uppercase;
|
|
580
|
+
margin: 0 0 5px 0;
|
|
581
|
+
}
|
|
582
|
+
|
|
583
|
+
#footer #map #consumer h4 a {
|
|
584
|
+
color: silver;
|
|
585
|
+
text-decoration: none;
|
|
586
|
+
}
|
|
587
|
+
|
|
588
|
+
#footer #map #consumer p {
|
|
589
|
+
color: gray;
|
|
590
|
+
}
|
|
591
|
+
|
|
592
|
+
#footer #map #consumer #profiler {
|
|
593
|
+
border-top: 1px solid #333;
|
|
594
|
+
padding: 0 90px 15px 0;
|
|
595
|
+
font-size: 11px;
|
|
596
|
+
background: url(images/emitters.png) no-repeat 100% 10px;
|
|
597
|
+
min-height: 61px;
|
|
598
|
+
border-bottom: 1px solid black;
|
|
599
|
+
}
|
|
600
|
+
|
|
601
|
+
#footer #map #consumer #profiler h4 {
|
|
602
|
+
padding: 15px 0 0;
|
|
603
|
+
}
|
|
604
|
+
|
|
605
|
+
#footer #map #consumer>p {
|
|
606
|
+
border-top: 1px solid #333;
|
|
607
|
+
padding: 10px 0 0;
|
|
608
|
+
font-size: 11px;
|
|
609
|
+
}
|
|
610
|
+
|
|
611
|
+
#footer #map #consumer a {
|
|
612
|
+
color: gray;
|
|
613
|
+
}
|
|
614
|
+
|
|
615
|
+
#footer #map #consumer>p:before {
|
|
616
|
+
content: "▶";
|
|
617
|
+
display: block;
|
|
618
|
+
float: left;
|
|
619
|
+
width: 1em;
|
|
620
|
+
background: #555;
|
|
621
|
+
color: #222;
|
|
622
|
+
padding: 0 0 1px 2px;
|
|
623
|
+
line-height: 14px;
|
|
624
|
+
margin: 0 5px 0 0;
|
|
625
|
+
-moz-border-radius: 3px;
|
|
626
|
+
-webkit-border-radius: 3px;
|
|
627
|
+
border-radius: 3px;
|
|
628
|
+
text-shadow: none;
|
|
629
|
+
font-size: 13px;
|
|
630
|
+
-moz-box-shadow: black 1px 1px 0;
|
|
631
|
+
}
|
metadata
CHANGED
|
@@ -5,8 +5,8 @@ version: !ruby/object:Gem::Version
|
|
|
5
5
|
segments:
|
|
6
6
|
- 0
|
|
7
7
|
- 1
|
|
8
|
-
-
|
|
9
|
-
version: 0.1.
|
|
8
|
+
- 1
|
|
9
|
+
version: 0.1.1
|
|
10
10
|
platform: ruby
|
|
11
11
|
authors:
|
|
12
12
|
- Andy Rossmeissl
|
|
@@ -45,9 +45,14 @@ files:
|
|
|
45
45
|
- README.rdoc
|
|
46
46
|
- Rakefile
|
|
47
47
|
- VERSION
|
|
48
|
+
- app/helpers/brighter_planet_helper.rb
|
|
49
|
+
- app/views/layouts/_footer.html.erb
|
|
50
|
+
- app/views/layouts/_header.html.erb
|
|
48
51
|
- app/views/layouts/brighter_planet.html.erb
|
|
52
|
+
- brighter_planet_layout.gemspec
|
|
49
53
|
- lib/brighter_planet_layout.rb
|
|
50
54
|
- lib/brighter_planet_layout/railtie.rb
|
|
55
|
+
- public/images/logo.png
|
|
51
56
|
- public/stylesheets/brighter_planet.css
|
|
52
57
|
- test/helper.rb
|
|
53
58
|
- test/test_brighter_planet_layout.rb
|