web-app-theme 0.6.0 → 0.6.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/README.md +2 -2
- data/VERSION +1 -1
- data/index.html +1 -1
- data/lib/generators/web_app_theme/themed/templates/view_sidebar.html.erb +1 -1
- data/stylesheets/themes/default/images/arrow.png +0 -0
- data/stylesheets/themes/default/images/boxbar-background.png +0 -0
- data/stylesheets/themes/default/images/button-background-active.png +0 -0
- data/stylesheets/themes/default/images/button-background.png +0 -0
- data/stylesheets/themes/default/images/menubar-background.png +0 -0
- data/stylesheets/themes/default/style.css +290 -102
- data/stylesheets/themes/red/style.css +274 -0
- data/web-app-theme.gemspec +7 -2
- metadata +9 -4
- data/stylesheets/themes/activo/style.css +0 -466
|
@@ -0,0 +1,274 @@
|
|
|
1
|
+
.small { font-size:11px; }
|
|
2
|
+
.gray { color:#999999; }
|
|
3
|
+
.hightlight { background-color:#FFFFCC; }
|
|
4
|
+
|
|
5
|
+
a:link, a:visited, a:hover, a:active, h1, h2, h3 { color: #7A1818; }
|
|
6
|
+
a { -moz-outline: none; }
|
|
7
|
+
|
|
8
|
+
body {
|
|
9
|
+
color: #222;
|
|
10
|
+
background: #e5e5e5;
|
|
11
|
+
font-family: helvetica, arial, sans-serif;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
hr {
|
|
15
|
+
background: #f0f0ee;
|
|
16
|
+
color: #f0f0ee;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
#header {
|
|
20
|
+
background: #7A1818;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
#header h1 {
|
|
24
|
+
padding: 15px 0;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
#header h1 a:link, #header h1 a:active, #header h1 a:hover, #header h1 a:visited {
|
|
28
|
+
color: #FFF;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
#user-navigation {
|
|
32
|
+
top: auto;
|
|
33
|
+
bottom: 5px;
|
|
34
|
+
right: 25px;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
#main .block .content {
|
|
38
|
+
background: #FFF;
|
|
39
|
+
padding-top: 1px;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
#main .block .content h2 {
|
|
43
|
+
margin-left: 15px;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
#sidebar .block {
|
|
47
|
+
background: #FFF;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
#sidebar h3 {
|
|
51
|
+
background: #7A1818;
|
|
52
|
+
color: #FFF;
|
|
53
|
+
border-bottom: 10px solid #262626;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
#main-navigation ul li {
|
|
57
|
+
padding-left: 15px;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
#main-navigation ul li a {
|
|
61
|
+
padding: 8px 0;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
#main-navigation ul li.active {
|
|
65
|
+
padding: 0;
|
|
66
|
+
margin-left: 15px;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
#main-navigation ul li.active {
|
|
70
|
+
margin-left: 15px;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
#main-navigation ul li.active a {
|
|
74
|
+
padding: 8px 15px;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
#sidebar ul li a:link, #sidebar ul li a:visited {
|
|
78
|
+
background: #FFF;
|
|
79
|
+
border-bottom: 1px solid #F0F0EE;
|
|
80
|
+
text-decoration: none;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
#sidebar ul li a:hover, #sidebar ul li a:active {
|
|
84
|
+
background: #470E0E;
|
|
85
|
+
color: #FFF;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
#main-navigation {
|
|
89
|
+
background: #262626;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
#main-navigation ul li {
|
|
93
|
+
background: #262626;
|
|
94
|
+
margin-right: 0;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
#main-navigation ul li.active {
|
|
98
|
+
background: #e5e5e5;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
#main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active,
|
|
102
|
+
.secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active,
|
|
103
|
+
#user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
|
|
104
|
+
text-decoration: none;
|
|
105
|
+
color: #FFF;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
#user-navigation a.logout {
|
|
109
|
+
background: #cc0000;
|
|
110
|
+
padding: 2px 6px;
|
|
111
|
+
-moz-border-radius: 4px;
|
|
112
|
+
-webkit-border-radius: 3px;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.secondary-navigation li a:hover {
|
|
116
|
+
background: #470E0E;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
#main-navigation ul li.active a:link, #main-navigation ul li.active a:visited, #main-navigation ul li.active a:hover, #main-navigation ul li.active a:active {
|
|
120
|
+
color: #262626;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.secondary-navigation {
|
|
124
|
+
background: #7A1818;
|
|
125
|
+
border-bottom-color: #262626;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.secondary-navigation ul li.active, .secondary-navigation ul li.active a:hover {
|
|
129
|
+
background-color: #262626;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
#footer .block {
|
|
133
|
+
color: #FFF;
|
|
134
|
+
background: #262626;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
#footer .block p {
|
|
138
|
+
margin: 0;
|
|
139
|
+
padding: 10px;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
/* pagination */
|
|
143
|
+
|
|
144
|
+
.pagination em {
|
|
145
|
+
background: #262626;
|
|
146
|
+
color: #FFF;
|
|
147
|
+
border-color: #262626;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.pagination a {
|
|
151
|
+
color: #262626;
|
|
152
|
+
border-color: #262626;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
.pagination a:hover {
|
|
156
|
+
color: #FFF;
|
|
157
|
+
background: #262626;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
/* tables */
|
|
161
|
+
|
|
162
|
+
.table th {
|
|
163
|
+
background: #262626;
|
|
164
|
+
color: #FFF;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
.table td {
|
|
168
|
+
border-bottom:1px solid #F0F0EE;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
/* forms */
|
|
172
|
+
|
|
173
|
+
.form input.text_field, .form textarea.text_area {
|
|
174
|
+
width: 100%;
|
|
175
|
+
border: 1px solid #262626;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.form input.button {
|
|
179
|
+
background: #EEE;
|
|
180
|
+
color: #262626;
|
|
181
|
+
padding: 2px 5px;
|
|
182
|
+
border: 1px solid #262626;
|
|
183
|
+
cursor: pointer;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.form .description {
|
|
187
|
+
font-style: italic;
|
|
188
|
+
color: #8C8C8C;
|
|
189
|
+
font-size: .9em;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
/* flash-messages */
|
|
193
|
+
.flash .message {
|
|
194
|
+
-moz-border-radius: 3px;
|
|
195
|
+
-webkit-border-radius: 3px;
|
|
196
|
+
text-align:center;
|
|
197
|
+
margin: 0 auto 15px;
|
|
198
|
+
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
.flash .message p {
|
|
202
|
+
margin:8px;
|
|
203
|
+
}
|
|
204
|
+
.flash .error {
|
|
205
|
+
border: 1px solid #fbb;
|
|
206
|
+
background-color: #fdd;
|
|
207
|
+
}
|
|
208
|
+
.flash .warning {
|
|
209
|
+
border: 1px solid #fffaaa;
|
|
210
|
+
background-color: #ffffcc;
|
|
211
|
+
}
|
|
212
|
+
.flash .notice {
|
|
213
|
+
border: 1px solid #1FDF00;
|
|
214
|
+
background-color: #BBFFB6;
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
/* lists */
|
|
218
|
+
|
|
219
|
+
ul.list li {
|
|
220
|
+
border-bottom-color: #F0F0EE;
|
|
221
|
+
border-bottom-width: 1px;
|
|
222
|
+
border-bottom-style: solid;
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
ul.list li .item .avatar {
|
|
226
|
+
border-color: #F0F0EE;
|
|
227
|
+
border-width: 1px;
|
|
228
|
+
border-style: solid;
|
|
229
|
+
padding: 2px;
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
/* box */
|
|
233
|
+
|
|
234
|
+
#box .block {
|
|
235
|
+
background: #FFF;
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
#box .block h2 {
|
|
239
|
+
background: #7A1818;
|
|
240
|
+
color: #FFF;
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
|
|
244
|
+
/* rounded borders */
|
|
245
|
+
|
|
246
|
+
#main, #main-navigation, #main-navigation li, .secondary-navigation, #main .block, #sidebar .block, #sidebar h3, ul.list li,
|
|
247
|
+
#footer .block, .form input.button, #box .block, #box .block h2 {
|
|
248
|
+
-moz-border-radius-topleft: 4px;
|
|
249
|
+
-webkit-border-top-left-radius: 4px;
|
|
250
|
+
-moz-border-radius-topright: 4px;
|
|
251
|
+
-webkit-border-top-right-radius: 4px;
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
.secondary-navigation li.first a, .secondary-navigation ul li.first, .table th.first, .table th.first {
|
|
255
|
+
-moz-border-radius-topleft: 4px;
|
|
256
|
+
-webkit-border-top-left-radius: 4px;
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
.table th.last {
|
|
260
|
+
-moz-border-radius-topright: 4px;
|
|
261
|
+
-webkit-border-top-right-radius: 4px;
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
.secondary-navigation ul li.first {
|
|
265
|
+
-moz-border-radius-topleft: 4px;
|
|
266
|
+
-webkit-border-top-left-radius: 4px;
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
#sidebar, #sidebar .block, #main .block, #sidebar ul.navigation, ul.list li, #footer .block, .form input.button, #box .block {
|
|
270
|
+
-moz-border-radius-bottomleft: 4px;
|
|
271
|
+
-webkit-border-bottom-left-radius: 4px;
|
|
272
|
+
-moz-border-radius-bottomright: 4px;
|
|
273
|
+
-webkit-border-bottom-right-radius: 4px;
|
|
274
|
+
}
|
data/web-app-theme.gemspec
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Gem::Specification.new do |s|
|
|
7
7
|
s.name = %q{web-app-theme}
|
|
8
|
-
s.version = "0.6.
|
|
8
|
+
s.version = "0.6.1"
|
|
9
9
|
|
|
10
10
|
s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
|
|
11
11
|
s.authors = ["Andrea Franz"]
|
|
@@ -54,17 +54,22 @@ Gem::Specification.new do |s|
|
|
|
54
54
|
"lib/web_app_theme.rb",
|
|
55
55
|
"stylesheets/base.css",
|
|
56
56
|
"stylesheets/override.css",
|
|
57
|
-
"stylesheets/themes/activo/style.css",
|
|
58
57
|
"stylesheets/themes/amro/style.css",
|
|
59
58
|
"stylesheets/themes/bec-green/style.css",
|
|
60
59
|
"stylesheets/themes/bec/style.css",
|
|
61
60
|
"stylesheets/themes/blue/style.css",
|
|
61
|
+
"stylesheets/themes/default/images/arrow.png",
|
|
62
|
+
"stylesheets/themes/default/images/boxbar-background.png",
|
|
63
|
+
"stylesheets/themes/default/images/button-background-active.png",
|
|
64
|
+
"stylesheets/themes/default/images/button-background.png",
|
|
65
|
+
"stylesheets/themes/default/images/menubar-background.png",
|
|
62
66
|
"stylesheets/themes/default/style.css",
|
|
63
67
|
"stylesheets/themes/djime-cerulean/style.css",
|
|
64
68
|
"stylesheets/themes/drastic-dark/style.css",
|
|
65
69
|
"stylesheets/themes/kathleene/style.css",
|
|
66
70
|
"stylesheets/themes/olive/style.css",
|
|
67
71
|
"stylesheets/themes/orange/style.css",
|
|
72
|
+
"stylesheets/themes/red/style.css",
|
|
68
73
|
"stylesheets/themes/reidb-greenish/style.css",
|
|
69
74
|
"stylesheets/themes/warehouse/style.css",
|
|
70
75
|
"test/spec_helper.rb",
|
metadata
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: web-app-theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
hash:
|
|
4
|
+
hash: 5
|
|
5
5
|
prerelease: false
|
|
6
6
|
segments:
|
|
7
7
|
- 0
|
|
8
8
|
- 6
|
|
9
|
-
-
|
|
10
|
-
version: 0.6.
|
|
9
|
+
- 1
|
|
10
|
+
version: 0.6.1
|
|
11
11
|
platform: ruby
|
|
12
12
|
authors:
|
|
13
13
|
- Andrea Franz
|
|
@@ -66,17 +66,22 @@ files:
|
|
|
66
66
|
- lib/web_app_theme.rb
|
|
67
67
|
- stylesheets/base.css
|
|
68
68
|
- stylesheets/override.css
|
|
69
|
-
- stylesheets/themes/activo/style.css
|
|
70
69
|
- stylesheets/themes/amro/style.css
|
|
71
70
|
- stylesheets/themes/bec-green/style.css
|
|
72
71
|
- stylesheets/themes/bec/style.css
|
|
73
72
|
- stylesheets/themes/blue/style.css
|
|
73
|
+
- stylesheets/themes/default/images/arrow.png
|
|
74
|
+
- stylesheets/themes/default/images/boxbar-background.png
|
|
75
|
+
- stylesheets/themes/default/images/button-background-active.png
|
|
76
|
+
- stylesheets/themes/default/images/button-background.png
|
|
77
|
+
- stylesheets/themes/default/images/menubar-background.png
|
|
74
78
|
- stylesheets/themes/default/style.css
|
|
75
79
|
- stylesheets/themes/djime-cerulean/style.css
|
|
76
80
|
- stylesheets/themes/drastic-dark/style.css
|
|
77
81
|
- stylesheets/themes/kathleene/style.css
|
|
78
82
|
- stylesheets/themes/olive/style.css
|
|
79
83
|
- stylesheets/themes/orange/style.css
|
|
84
|
+
- stylesheets/themes/red/style.css
|
|
80
85
|
- stylesheets/themes/reidb-greenish/style.css
|
|
81
86
|
- stylesheets/themes/warehouse/style.css
|
|
82
87
|
- test/spec_helper.rb
|
|
@@ -1,466 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
activo
|
|
3
|
-
by David Francisco (dmfrancisc[at]gmail.com)
|
|
4
|
-
|
|
5
|
-
based on "Drastic Dark" by Juan Maria Martinez Arce (juan[at]insignia4u.com)
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
.small {
|
|
9
|
-
font-size: 11px;
|
|
10
|
-
font-style: normal;
|
|
11
|
-
font-weight: normal;
|
|
12
|
-
text-transform: none;
|
|
13
|
-
letter-spacing: normal;
|
|
14
|
-
line-height: 1.4em;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.gray {
|
|
18
|
-
color:#999999;
|
|
19
|
-
font-family: Georgia, serif;
|
|
20
|
-
font-size: 13px;
|
|
21
|
-
font-style: italic;
|
|
22
|
-
font-weight: normal;
|
|
23
|
-
text-transform: none;
|
|
24
|
-
letter-spacing: normal;
|
|
25
|
-
line-height: 1.6em;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.hightlight {
|
|
29
|
-
background-color: #ffff88;
|
|
30
|
-
font-weight: bold;
|
|
31
|
-
color: #36393d;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
a:link, a:visited, a:hover, a:active, h1, h2, h3 { color: #111; }
|
|
35
|
-
a { -moz-outline: none; }
|
|
36
|
-
|
|
37
|
-
body {
|
|
38
|
-
color: #111;
|
|
39
|
-
background: #f4f4f4;
|
|
40
|
-
font-family: helvetica, arial, sans-serif;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
hr {
|
|
44
|
-
background: #e2e2e2;
|
|
45
|
-
color: #e2e2e2;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
#header {
|
|
49
|
-
background: #261f1f;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
#header h1 {
|
|
53
|
-
padding: 15px 0;
|
|
54
|
-
font-size: 32px;
|
|
55
|
-
font-style: normal;
|
|
56
|
-
font-weight: bold;
|
|
57
|
-
text-transform: none;
|
|
58
|
-
letter-spacing: -1px;
|
|
59
|
-
line-height: 1.2em;
|
|
60
|
-
color: #fff;
|
|
61
|
-
text-shadow: #000 1px 1px 2px;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
#header h1 a:link, #header h1 a:active, #header h1 a:hover, #header h1 a:visited {
|
|
65
|
-
color: #fff;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
#user-navigation {
|
|
69
|
-
top: auto;
|
|
70
|
-
bottom: 5px;
|
|
71
|
-
right: 25px;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
#user-navigation a.logout {
|
|
75
|
-
background: #ccc;
|
|
76
|
-
padding: 1px 4px;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
#main {
|
|
80
|
-
width: 71%;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
#main .block {
|
|
84
|
-
padding-top: 0px;
|
|
85
|
-
background: #fff;
|
|
86
|
-
|
|
87
|
-
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
|
88
|
-
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
|
89
|
-
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
#main .block .content {
|
|
93
|
-
padding-top: 1px;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
#main .block .content h2 {
|
|
97
|
-
margin-left: 15px;
|
|
98
|
-
font-size: 22px;
|
|
99
|
-
font-style: normal;
|
|
100
|
-
font-weight: bold;
|
|
101
|
-
text-transform: none;
|
|
102
|
-
letter-spacing: -1px;
|
|
103
|
-
line-height: 1.2em;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
#main .block .content p {
|
|
107
|
-
font-size: 13px;
|
|
108
|
-
font-style: normal;
|
|
109
|
-
font-weight: normal;
|
|
110
|
-
text-transform: none;
|
|
111
|
-
letter-spacing: normal;
|
|
112
|
-
line-height: 1.45em;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
#sidebar .block h4 {
|
|
116
|
-
font-weight: bold;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
#sidebar .notice {
|
|
120
|
-
background: #fff;
|
|
121
|
-
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
|
122
|
-
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
|
123
|
-
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
#sidebar h3 {
|
|
127
|
-
color: #111;
|
|
128
|
-
border-bottom: 1px solid #c0c0c0;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
#main-navigation ul li {
|
|
132
|
-
padding-left: 15px;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
#main-navigation ul li a {
|
|
136
|
-
padding: 8px 0;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
#main-navigation ul li.active {
|
|
140
|
-
padding: 0;
|
|
141
|
-
margin-left: 15px;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
#main-navigation ul li.active {
|
|
145
|
-
margin-left: 15px;
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
#main-navigation ul li.active a {
|
|
149
|
-
padding: 8px 15px;
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
#sidebar ul li {
|
|
153
|
-
background-position: 15px 11px;
|
|
154
|
-
background-repeat: no-repeat;
|
|
155
|
-
background-image: url("http://dl.dropbox.com/u/1745359/activo/arrow.png");
|
|
156
|
-
border-bottom: 1px solid #e2e2e2;
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
#sidebar ul li a {
|
|
160
|
-
text-decoration: none;
|
|
161
|
-
margin-left: 20px;
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
#sidebar ul li a:link, #sidebar ul li a:visited {
|
|
165
|
-
text-decoration: none;
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
#main-navigation {
|
|
169
|
-
background-color: #f4f4f4;
|
|
170
|
-
background-image: url("http://dl.dropbox.com/u/1745359/activo/menubar-background.png");
|
|
171
|
-
background-repeat: repeat-x;
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
#main-navigation ul li {
|
|
175
|
-
margin-right: 0;
|
|
176
|
-
padding-left: 15px;
|
|
177
|
-
padding-right: 5px;
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
#main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active {
|
|
181
|
-
text-decoration: none;
|
|
182
|
-
color: #111;
|
|
183
|
-
padding: 8px 0;
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
.secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active,
|
|
187
|
-
#user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
|
|
188
|
-
text-decoration: none;
|
|
189
|
-
color: #111;
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
#main-navigation ul li.active a:link, #main-navigation ul li.active a:visited, #main-navigation ul li.active a:hover, #main-navigation ul li.active a:active {
|
|
193
|
-
color: #a4a4a4;
|
|
194
|
-
}
|
|
195
|
-
|
|
196
|
-
.secondary-navigation {
|
|
197
|
-
background-color: #f2f1ee;
|
|
198
|
-
border-bottom: none;
|
|
199
|
-
border-bottom-width: 5px;
|
|
200
|
-
background-image: url("http://dl.dropbox.com/u/1745359/activo/boxbar-background.png");
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
.secondary-navigation ul li.active, .secondary-navigation ul li.active a:hover {
|
|
204
|
-
background-color: #fff;
|
|
205
|
-
}
|
|
206
|
-
|
|
207
|
-
#footer .block {
|
|
208
|
-
text-align: center;
|
|
209
|
-
color: #bbbbb7;
|
|
210
|
-
background: #f4f4f4;
|
|
211
|
-
|
|
212
|
-
-webkit-box-shadow: none;
|
|
213
|
-
-moz-box-shadow: none;
|
|
214
|
-
box-shadow: none;
|
|
215
|
-
}
|
|
216
|
-
|
|
217
|
-
#footer .block p {
|
|
218
|
-
margin: 0;
|
|
219
|
-
padding: 0;
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
/* pagination */
|
|
223
|
-
|
|
224
|
-
.pagination a, .pagination span {
|
|
225
|
-
background-color: #f4f4f4;
|
|
226
|
-
background-image: url("http://dl.dropbox.com/u/1745359/activo/button-background.png");
|
|
227
|
-
color: #111;
|
|
228
|
-
text-align: center;
|
|
229
|
-
min-width: 15px;
|
|
230
|
-
margin-right: 5px;
|
|
231
|
-
padding: 6px;
|
|
232
|
-
border: 1px solid #c3c4ba;
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
.pagination em {
|
|
236
|
-
background: #261f1f;
|
|
237
|
-
color: #fff;
|
|
238
|
-
border: 1px solid #261f1f;
|
|
239
|
-
}
|
|
240
|
-
|
|
241
|
-
.pagination a {
|
|
242
|
-
color: #1a1a1a;
|
|
243
|
-
}
|
|
244
|
-
|
|
245
|
-
.pagination a:hover {
|
|
246
|
-
border: 1px solid #818171;
|
|
247
|
-
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
|
|
248
|
-
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
|
|
249
|
-
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
|
|
250
|
-
}
|
|
251
|
-
|
|
252
|
-
.pagination a:active {
|
|
253
|
-
background-image: url("http://dl.dropbox.com/u/1745359/activo/button-background-active.png");
|
|
254
|
-
outline: none;
|
|
255
|
-
}
|
|
256
|
-
|
|
257
|
-
/* tables */
|
|
258
|
-
|
|
259
|
-
.table th {
|
|
260
|
-
background: #eaeaea;
|
|
261
|
-
color: #222;
|
|
262
|
-
font-weight: normal;
|
|
263
|
-
}
|
|
264
|
-
|
|
265
|
-
.table td {
|
|
266
|
-
border-bottom: 1px solid #eaeaea;
|
|
267
|
-
}
|
|
268
|
-
|
|
269
|
-
.table tr.even {
|
|
270
|
-
background: #f8f8f8;
|
|
271
|
-
}
|
|
272
|
-
|
|
273
|
-
/* forms */
|
|
274
|
-
|
|
275
|
-
.form label.label {
|
|
276
|
-
color: #666666;
|
|
277
|
-
}
|
|
278
|
-
|
|
279
|
-
.form input.text_field, .form textarea.text_area {
|
|
280
|
-
width: 100%;
|
|
281
|
-
border: 1px solid #e2e2e2;
|
|
282
|
-
}
|
|
283
|
-
|
|
284
|
-
.form input:hover, .form textarea:hover {
|
|
285
|
-
-webkit-box-shadow: rgba(0,0,0,0.3) 0 0 3px;
|
|
286
|
-
-moz-box-shadow: rgba(0,0,0,0.3) 0 0 3px;
|
|
287
|
-
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
|
|
288
|
-
border: 1px solid #a2a294;
|
|
289
|
-
}
|
|
290
|
-
|
|
291
|
-
.form input:focus, .form textarea:focus {
|
|
292
|
-
border: 1px solid #a2a294;
|
|
293
|
-
}
|
|
294
|
-
|
|
295
|
-
.form input.button {
|
|
296
|
-
background: #e2e2e2;
|
|
297
|
-
border: 1px solid #c1c1c1;
|
|
298
|
-
padding: 2px 5px;
|
|
299
|
-
cursor: pointer;
|
|
300
|
-
color: #111;
|
|
301
|
-
font-weight: bold;
|
|
302
|
-
font-size: 11px;
|
|
303
|
-
}
|
|
304
|
-
|
|
305
|
-
.form input.button:hover {
|
|
306
|
-
border: 1px solid #666;
|
|
307
|
-
}
|
|
308
|
-
|
|
309
|
-
.form .description {
|
|
310
|
-
font-style: italic;
|
|
311
|
-
color: #8C8C8C;
|
|
312
|
-
font-size: .9em;
|
|
313
|
-
}
|
|
314
|
-
|
|
315
|
-
.form .navform a {
|
|
316
|
-
color: #cc0000;
|
|
317
|
-
}
|
|
318
|
-
|
|
319
|
-
/* buttons */
|
|
320
|
-
|
|
321
|
-
a.button, button.button {
|
|
322
|
-
background-color: #f4f4f4;
|
|
323
|
-
background-image: url("http://dl.dropbox.com/u/1745359/activo/button-background.png");
|
|
324
|
-
border: 1px solid #c3c4ba;
|
|
325
|
-
font-family: helvetica, arial, sans-serif;
|
|
326
|
-
font-weight: normal;
|
|
327
|
-
}
|
|
328
|
-
|
|
329
|
-
a.button:link, a.button:visited, a.button:hover, a.button:active, button.button:link, button.button:visited, button.button:hover, button.button:active {
|
|
330
|
-
font-weight: normal;
|
|
331
|
-
background-color: #f4f4f4;
|
|
332
|
-
}
|
|
333
|
-
|
|
334
|
-
a.button:hover, button.button:hover {
|
|
335
|
-
background-color: #eee;
|
|
336
|
-
border: 1px solid #818171;
|
|
337
|
-
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
|
|
338
|
-
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
|
|
339
|
-
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
|
|
340
|
-
}
|
|
341
|
-
|
|
342
|
-
a.button:active, button.button:active {
|
|
343
|
-
outline: none;
|
|
344
|
-
background-color: #ddd;
|
|
345
|
-
background-image: url("http://dl.dropbox.com/u/1745359/activo/button-background-active.png");
|
|
346
|
-
}
|
|
347
|
-
|
|
348
|
-
/* flash-messages */
|
|
349
|
-
.flash .message {
|
|
350
|
-
text-align:center;
|
|
351
|
-
margin: 0 auto 15px;
|
|
352
|
-
}
|
|
353
|
-
|
|
354
|
-
.flash .message p {
|
|
355
|
-
margin:8px;
|
|
356
|
-
}
|
|
357
|
-
.flash .error {
|
|
358
|
-
border: 1px solid #ffbbbb;
|
|
359
|
-
background-color: #ffdddd;
|
|
360
|
-
}
|
|
361
|
-
.flash .warning {
|
|
362
|
-
border: 1px solid #ffff88;
|
|
363
|
-
background-color: #ffffcc;
|
|
364
|
-
}
|
|
365
|
-
.flash .notice {
|
|
366
|
-
border: 1px solid #1fdf00;
|
|
367
|
-
background-color: #bbffb6;
|
|
368
|
-
}
|
|
369
|
-
|
|
370
|
-
/* lists */
|
|
371
|
-
|
|
372
|
-
ul.list li {
|
|
373
|
-
border-bottom-color: #e2e2e2;
|
|
374
|
-
border-bottom-width: 1px;
|
|
375
|
-
border-bottom-style: solid;
|
|
376
|
-
}
|
|
377
|
-
|
|
378
|
-
ul.list li .item .avatar {
|
|
379
|
-
border-color: #e2e2e2;
|
|
380
|
-
border-width: 1px;
|
|
381
|
-
border-style: solid;
|
|
382
|
-
padding: 2px;
|
|
383
|
-
}
|
|
384
|
-
|
|
385
|
-
/* box */
|
|
386
|
-
|
|
387
|
-
#box .block {
|
|
388
|
-
background: #fff;
|
|
389
|
-
|
|
390
|
-
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
|
391
|
-
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
|
392
|
-
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
|
393
|
-
}
|
|
394
|
-
|
|
395
|
-
#box .block h2 {
|
|
396
|
-
background: #261f1f;
|
|
397
|
-
color: #fff;
|
|
398
|
-
}
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
/* rounded borders */
|
|
402
|
-
|
|
403
|
-
#main, #main-navigation, #main-navigation li, .secondary-navigation, #main .block, #sidebar .block, #sidebar h3, ul.list li,
|
|
404
|
-
#footer .block, .form input.button, #box .block, #box .block h2 {
|
|
405
|
-
-moz-border-radius-topleft: 9px;
|
|
406
|
-
-webkit-border-top-left-radius: 9px;
|
|
407
|
-
-moz-border-radius-topright: 9px;
|
|
408
|
-
-webkit-border-top-right-radius: 9px;
|
|
409
|
-
}
|
|
410
|
-
|
|
411
|
-
.secondary-navigation li.first a, .secondary-navigation ul li.first {
|
|
412
|
-
-moz-border-radius-topleft: 9px;
|
|
413
|
-
-webkit-border-top-left-radius: 9px;
|
|
414
|
-
}
|
|
415
|
-
|
|
416
|
-
.secondary-navigation ul li.first {
|
|
417
|
-
-moz-border-radius-topleft: 9px;
|
|
418
|
-
-webkit-border-top-left-radius: 9px;
|
|
419
|
-
}
|
|
420
|
-
|
|
421
|
-
#sidebar, #sidebar .block, #main .block, #sidebar ul.navigation, ul.list li, #footer .block, .form input.button, #box .block {
|
|
422
|
-
-moz-border-radius-bottomleft: 9px;
|
|
423
|
-
-webkit-border-bottom-left-radius: 9px;
|
|
424
|
-
-moz-border-radius-bottomright: 9px;
|
|
425
|
-
-webkit-border-bottom-right-radius: 9px;
|
|
426
|
-
}
|
|
427
|
-
|
|
428
|
-
#main .block {
|
|
429
|
-
-moz-border-radius: 9px;
|
|
430
|
-
-webkit-border-radius: 9px;
|
|
431
|
-
border-radius: 9px;
|
|
432
|
-
}
|
|
433
|
-
|
|
434
|
-
#main-navigation, .secondary-navigation {
|
|
435
|
-
-moz-border-radius-topleft: 9px;
|
|
436
|
-
-webkit-border-top-left-radius: 9px;
|
|
437
|
-
border-top-left-radius: 9px;
|
|
438
|
-
|
|
439
|
-
-moz-border-radius-topright: 9px;
|
|
440
|
-
-webkit-border-top-right-radius: 9px;
|
|
441
|
-
border-top-right-radius: 9px;
|
|
442
|
-
}
|
|
443
|
-
|
|
444
|
-
a.button, button.button, .pagination a, .pagination span {
|
|
445
|
-
-moz-border-radius: 2px;
|
|
446
|
-
-webkit-border-radius: 2px;
|
|
447
|
-
border-radius: 2px;
|
|
448
|
-
}
|
|
449
|
-
|
|
450
|
-
.flash .message {
|
|
451
|
-
-moz-border-radius: 6px;
|
|
452
|
-
-webkit-border-radius: 6px;
|
|
453
|
-
border-radius: 6px;
|
|
454
|
-
}
|
|
455
|
-
|
|
456
|
-
.form input.button {
|
|
457
|
-
-moz-border-radius: 5px;
|
|
458
|
-
-webkit-border-radius: 5px;
|
|
459
|
-
border-radius: 5px;
|
|
460
|
-
}
|
|
461
|
-
|
|
462
|
-
#user-navigation a.logout {
|
|
463
|
-
-moz-border-radius: 4px;
|
|
464
|
-
-webkit-border-radius: 4px;
|
|
465
|
-
border-radius: 4px;
|
|
466
|
-
}
|