control_center 1.0.1 → 1.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (37) hide show
  1. data/app/assets/stylesheets/base.css +95 -0
  2. data/app/assets/stylesheets/codemirror.css +67 -0
  3. data/app/assets/stylesheets/control_center.css +289 -0
  4. data/app/assets/stylesheets/themes/amro/style.css +364 -0
  5. data/app/assets/stylesheets/themes/bec-green/style.css +290 -0
  6. data/app/assets/stylesheets/themes/bec/style.css +301 -0
  7. data/app/assets/stylesheets/themes/blue/style.css +287 -0
  8. data/app/assets/stylesheets/themes/default/style.css +373 -0
  9. data/app/assets/stylesheets/themes/djime-cerulean/style.css +305 -0
  10. data/app/assets/stylesheets/themes/kathleene/style.css +279 -0
  11. data/app/assets/stylesheets/themes/olive/style.css +345 -0
  12. data/app/assets/stylesheets/themes/orange/style.css +269 -0
  13. data/app/assets/stylesheets/themes/reidb-greenish/style.css +302 -0
  14. data/app/assets/stylesheets/themes/ruby/style.css +281 -0
  15. data/app/assets/stylesheets/themes/warehouse/style.css +391 -0
  16. data/app/views/application/_header_links.html.erb +2 -0
  17. data/app/views/application/_sidebar.html.haml +15 -0
  18. data/app/views/application/_sub_tabs.html.erb +0 -0
  19. data/app/views/application/_tabs.html.erb +3 -0
  20. data/app/views/layouts/control_center.html.erb +73 -0
  21. data/app/views/layouts/padrino.html.haml +30 -0
  22. data/public/stylesheets/base.css +95 -0
  23. data/public/stylesheets/codemirror.css +67 -0
  24. data/public/stylesheets/control_center.css +289 -0
  25. data/public/stylesheets/themes/amro/style.css +364 -0
  26. data/public/stylesheets/themes/bec-green/style.css +290 -0
  27. data/public/stylesheets/themes/bec/style.css +301 -0
  28. data/public/stylesheets/themes/blue/style.css +287 -0
  29. data/public/stylesheets/themes/default/style.css +373 -0
  30. data/public/stylesheets/themes/djime-cerulean/style.css +305 -0
  31. data/public/stylesheets/themes/kathleene/style.css +279 -0
  32. data/public/stylesheets/themes/olive/style.css +345 -0
  33. data/public/stylesheets/themes/orange/style.css +269 -0
  34. data/public/stylesheets/themes/reidb-greenish/style.css +302 -0
  35. data/public/stylesheets/themes/ruby/style.css +281 -0
  36. data/public/stylesheets/themes/warehouse/style.css +391 -0
  37. metadata +44 -5
@@ -0,0 +1,279 @@
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: #AF0000; }
6
+ a { -moz-outline: none; }
7
+
8
+ body {
9
+ color: #222;
10
+ background: #f0f0ee;
11
+ font-family: helvetica, arial, sans-serif;
12
+ }
13
+
14
+ hr {
15
+ background: #f0f0ee;
16
+ color: #f0f0ee;
17
+ }
18
+
19
+ #header {
20
+ background: #AF0000;
21
+ }
22
+
23
+ #header h1 {
24
+ padding: 20px 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: #AF0000;
52
+ color: #FFF;
53
+ border-bottom: 5px solid #2a0000;
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: #2a0000;
90
+ }
91
+
92
+ #main-navigation ul li {
93
+ background: #2a0000;
94
+ margin-right: 0;
95
+ }
96
+
97
+ #main-navigation ul li.active {
98
+ background: #f0f0ee;
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
+ .secondary-navigation li a:hover {
109
+ background: #470E0E;
110
+ }
111
+
112
+ #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 {
113
+ color: #2a0000;
114
+ }
115
+
116
+ .secondary-navigation {
117
+ background: #AF0000;
118
+ border-bottom-color: #2a0000;
119
+ }
120
+
121
+ .secondary-navigation ul li.active, .secondary-navigation ul li.active a:hover {
122
+ background-color: #2a0000;
123
+ }
124
+
125
+ #footer .block {
126
+ color: #FFF;
127
+ background: #2a0000;
128
+ }
129
+
130
+ #footer .block p {
131
+ margin: 0;
132
+ padding: 10px;
133
+ }
134
+
135
+ /* pagination */
136
+
137
+ .pagination span.current {
138
+ background: #2a0000;
139
+ color: #FFF;
140
+ border-color: #2a0000;
141
+ }
142
+
143
+ .pagination a {
144
+ color: #2a0000;
145
+ border-color: #2a0000;
146
+ }
147
+
148
+ .pagination a:hover {
149
+ color: #FFF;
150
+ background: #2a0000;
151
+ }
152
+
153
+ /* tables */
154
+
155
+ .table th {
156
+ background: #100000;
157
+ border-bottom: 3px solid #700000;
158
+ color: #FFF;
159
+ }
160
+
161
+ .table td {
162
+ border-bottom:1px solid #F0F0EE;
163
+ }
164
+
165
+ /* forms */
166
+
167
+ .form input.text_field, .form input.password_field, .form textarea.text_area {
168
+ width: 100%;
169
+ border: 1px solid #2a0000;
170
+ }
171
+
172
+ .form input.button {
173
+ padding: 5px 10px 5px 10px;
174
+ background-color:#AF0000;
175
+ text-decoration:none;
176
+ cursor: pointer;
177
+ color: #FFF;
178
+ font-size: 14px;
179
+ border:0px;
180
+ margin:0px;
181
+ }
182
+
183
+ .form .button:hover {
184
+ background: #2A0000;
185
+ }
186
+
187
+ .form .description {
188
+ font-style: italic;
189
+ color: #8C8C8C;
190
+ font-size: .9em;
191
+ }
192
+
193
+ /* flash-messages */
194
+ .flash .message {
195
+ -moz-border-radius: 3px;
196
+ -webkit-border-radius: 3px;
197
+ text-align:center;
198
+ margin: 0 auto 15px;
199
+
200
+ }
201
+
202
+ .flash .message p {
203
+ margin:8px;
204
+ }
205
+ .flash .error {
206
+ border: 1px solid #fbb;
207
+ background-color: #fdd;
208
+ }
209
+ .flash .warning {
210
+ border: 1px solid #fffaaa;
211
+ background-color: #ffffcc;
212
+ }
213
+ .flash .notice {
214
+ border: 1px solid #1FDF00;
215
+ background-color: #BBFFB6;
216
+ }
217
+
218
+ /* lists */
219
+
220
+ ul.list li {
221
+ border-bottom-color: #F0F0EE;
222
+ border-bottom-width: 1px;
223
+ border-bottom-style: solid;
224
+ }
225
+
226
+ ul.list li .item .avatar {
227
+ border-color: #F0F0EE;
228
+ border-width: 1px;
229
+ border-style: solid;
230
+ padding: 2px;
231
+ }
232
+
233
+ /* box */
234
+
235
+ #box .block {
236
+ background: #FFF;
237
+ }
238
+
239
+ #box .block h2 {
240
+ background: #AF0000;
241
+ color: #FFF;
242
+ }
243
+
244
+
245
+ /* rounded borders */
246
+
247
+ #main, #main-navigation, #main-navigation li, .secondary-navigation, #main .block, #sidebar .block, #sidebar h3, ul.list li,
248
+ #footer .block, .form input.button, #box .block, #box .block h2 {
249
+ -moz-border-radius-topleft: 4px;
250
+ -webkit-border-top-left-radius: 4px;
251
+ -moz-border-radius-topright: 4px;
252
+ -webkit-border-top-right-radius: 4px;
253
+ }
254
+
255
+ .secondary-navigation li.first a, .secondary-navigation ul li.first, .table th.first, .table th.first {
256
+ -moz-border-radius-topleft: 4px;
257
+ -webkit-border-top-left-radius: 4px;
258
+ }
259
+
260
+ .table th.last {
261
+ -moz-border-radius-topright: 4px;
262
+ -webkit-border-top-right-radius: 4px;
263
+ }
264
+
265
+ .secondary-navigation ul li.first {
266
+ -moz-border-radius-topleft: 4px;
267
+ -webkit-border-top-left-radius: 4px;
268
+ }
269
+
270
+ #sidebar, #sidebar .block, #main .block, #sidebar ul.navigation, ul.list li, #footer .block, .form input.button, #box .block {
271
+ -moz-border-radius-bottomleft: 4px;
272
+ -webkit-border-bottom-left-radius: 4px;
273
+ -moz-border-radius-bottomright: 4px;
274
+ -webkit-border-bottom-right-radius: 4px;
275
+ }
276
+
277
+ .secondary-navigation {
278
+ border-bottom-width: 5px;
279
+ }
@@ -0,0 +1,345 @@
1
+ .small {
2
+ font-size: 11px;
3
+ font-style: normal;
4
+ font-weight: normal;
5
+ text-transform: normal;
6
+ letter-spacing: normal;
7
+ line-height: 1.4em;
8
+ }
9
+
10
+ .gray {
11
+ color:#999999;
12
+ font-family: Georgia, serif;
13
+ font-size: 13px;
14
+ font-style: italic;
15
+ font-weight: normal;
16
+ text-transform: normal;
17
+ letter-spacing: normal;
18
+ line-height: 1.6em;
19
+ }
20
+
21
+ .hightlight {
22
+ background-color: #ffff88;
23
+ font-weight: bold;
24
+ color: #36393d;
25
+ }
26
+
27
+ a:link, a:visited, a:hover, a:active, h1, h2, h3 { color: #A3AB74; }
28
+ a { -moz-outline: none; }
29
+
30
+ body {
31
+ color: #222;
32
+ background: #EFF3E4;
33
+ font-family: helvetica,Arial,sans-serif;
34
+ }
35
+
36
+ hr {
37
+ background: #f0f0ee;
38
+ color: #f0f0ee;
39
+ }
40
+
41
+ p {
42
+ margin: 10px 0;
43
+
44
+ }
45
+
46
+ #header {
47
+ background: #5E634E;
48
+ }
49
+
50
+ #header h1 {
51
+ padding: 15px 0;
52
+ font-size: 28px;
53
+ font-style: normal;
54
+ font-weight: bold;
55
+ text-transform: normal;
56
+ letter-spacing: -1px;
57
+ line-height: 1.2em;
58
+ }
59
+
60
+ #header h1 a:link, #header h1 a:active, #header h1 a:hover, #header h1 a:visited {
61
+ color: #FFF;
62
+ }
63
+
64
+ #user-navigation {
65
+ top: auto;
66
+ bottom: 5px;
67
+ right: 25px;
68
+ }
69
+
70
+ #main .block .content {
71
+ background: #FFF;
72
+ padding-top: 1px;
73
+ }
74
+
75
+ #main .block .content h2 {
76
+ margin-left: 15px;
77
+ }
78
+
79
+ #main .block .content p {
80
+ font-size:13px;
81
+ line-height:1.45em;
82
+ }
83
+
84
+ #main .block .content h2 {
85
+ font-size:22px;
86
+ font-style:normal;
87
+ font-weight:bold;
88
+ letter-spacing:-1px;
89
+ line-height:1.2em;
90
+ margin-left:15px;
91
+ }
92
+
93
+ #sidebar .block {
94
+ background: #FFF;
95
+ }
96
+
97
+ #sidebar .notice {
98
+ background: #869453;
99
+ color: #fff;
100
+ }
101
+
102
+ #sidebar h3 {
103
+ background: #5E634E;
104
+ color: #FFF;
105
+ border-bottom: 6px solid #DACF77;
106
+ }
107
+
108
+ #main-navigation ul li {
109
+ padding-left: 15px;
110
+ }
111
+
112
+ #main-navigation ul li a {
113
+ padding: 8px 0;
114
+ }
115
+
116
+ #main-navigation ul li.active {
117
+ padding: 0;
118
+ margin-left: 15px;
119
+ }
120
+
121
+ #main-navigation ul li.active {
122
+ margin-left: 15px;
123
+ }
124
+
125
+ #main-navigation ul li.active a {
126
+ padding: 8px 15px;
127
+ }
128
+
129
+ #sidebar ul li a:link, #sidebar ul li a:visited {
130
+ background: #FFF;
131
+ border-bottom: 1px solid #F0F0EE;
132
+ text-decoration: none;
133
+ }
134
+
135
+ #sidebar ul li a:hover, #sidebar ul li a:active {
136
+ background: #ADBFD6;
137
+ color: #FFF;
138
+ }
139
+
140
+ #main-navigation {
141
+ background: #DACF77;
142
+ }
143
+
144
+ #main-navigation ul li {
145
+ background: #DACF77;
146
+ margin-right: 0;
147
+ }
148
+
149
+ #main-navigation ul li.active {
150
+ background: #EFF3E4;
151
+ }
152
+
153
+ #main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active,
154
+ .secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active,
155
+ #user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
156
+ text-decoration: none;
157
+ color: #FFF;
158
+ }
159
+
160
+ #user-navigation a.logout {
161
+ background: #cc0000;
162
+ padding: 2px 6px;
163
+ -moz-border-radius: 4px;
164
+ -webkit-border-radius: 3px;
165
+ }
166
+
167
+ .secondary-navigation li a:hover {
168
+ background: #ADBFD6;
169
+ }
170
+
171
+ #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 {
172
+ color: #262626;
173
+ }
174
+
175
+ .secondary-navigation {
176
+ background: #5E634E;
177
+ border-bottom: 6px solid #DACF77;
178
+ }
179
+
180
+ .secondary-navigation ul li.active, .secondary-navigation ul li.active a:hover {
181
+ background-color: #DACF77;
182
+ }
183
+
184
+ .secondary-navigation ul li a {
185
+ padding:8px 12px;
186
+ }
187
+
188
+ #footer .block {
189
+ color: #FFF;
190
+ background: #262626;
191
+ }
192
+
193
+ #footer .block p {
194
+ margin: 0;
195
+ padding: 10px;
196
+ }
197
+
198
+ /* pagination */
199
+
200
+ .pagination span.disabled {
201
+ color: #bbb;
202
+ border-color: #bbb;
203
+ }
204
+
205
+ .pagination span.current {
206
+ background: #869453;
207
+ color: #FFF;
208
+ border-color: #869453;
209
+ }
210
+
211
+ .pagination a, .pagination span {
212
+ color: #869453;
213
+ border-color: #869453;
214
+ }
215
+
216
+ .pagination a:hover {
217
+ color: #FFF;
218
+ background: #869453;
219
+ }
220
+
221
+ /* tables */
222
+
223
+ .table th {
224
+ background: #5E634E;
225
+ color: #FFF;
226
+ }
227
+
228
+ .table td {
229
+ border-bottom:1px solid #F0F0EE;
230
+ }
231
+
232
+ .table tr.even {
233
+ background: #EFF3E4;
234
+ }
235
+ /* forms */
236
+
237
+ .form input.text_field, .form input.password_field, .form textarea.text_area {
238
+ width: 100%;
239
+ border:1px solid #CFCFCF;
240
+ }
241
+
242
+ .form input.button {
243
+ padding: 5px 10px 5px 10px;
244
+ background-color:#5E634E;
245
+ text-decoration:none;
246
+ cursor: pointer;
247
+ color: #FFF;
248
+ font-size: 14px;
249
+ border:0px;
250
+ margin:0px;
251
+ }
252
+
253
+ .form .button:hover {
254
+ background: #ADBFD6;
255
+ }
256
+
257
+ .form .description {
258
+ font-style: italic;
259
+ color: #8C8C8C;
260
+ font-size: .9em;
261
+ }
262
+
263
+ /* flash-messages */
264
+ .flash .message {
265
+ -moz-border-radius: 3px;
266
+ -webkit-border-radius: 3px;
267
+ text-align:center;
268
+ margin: 0 auto 15px;
269
+
270
+ }
271
+
272
+ .flash .message p {
273
+ margin:8px;
274
+ }
275
+ .flash .error {
276
+ border: 1px solid #fbb;
277
+ background-color: #fdd;
278
+ }
279
+ .flash .warning {
280
+ border: 1px solid #fffaaa;
281
+ background-color: #ffffcc;
282
+ }
283
+ .flash .notice {
284
+ border: 1px solid #1FDF00;
285
+ background-color: #BBFFB6;
286
+ }
287
+
288
+ /* lists */
289
+
290
+ ul.list li {
291
+ border-bottom-color: #F0F0EE;
292
+ border-bottom-width: 1px;
293
+ border-bottom-style: solid;
294
+ }
295
+
296
+ ul.list li .item .avatar {
297
+ border-color: #F0F0EE;
298
+ border-width: 1px;
299
+ border-style: solid;
300
+ padding: 2px;
301
+ }
302
+
303
+ /* box */
304
+
305
+ #box .block {
306
+ background: #FFF;
307
+ }
308
+
309
+ #box .block h2 {
310
+ background: #869453;
311
+ color: #FFF;
312
+ }
313
+
314
+
315
+ /* rounded borders */
316
+
317
+ #main, #main-navigation, #main-navigation li, .secondary-navigation, #main .block, #sidebar .block, #sidebar h3, ul.list li,
318
+ #footer .block, .form input.button, #box .block, #box .block h2 {
319
+ -moz-border-radius-topleft: 4px;
320
+ -webkit-border-top-left-radius: 4px;
321
+ -moz-border-radius-topright: 4px;
322
+ -webkit-border-top-right-radius: 4px;
323
+ }
324
+
325
+ .secondary-navigation li.first a, .secondary-navigation ul li.first, .table th.first, .table th.first {
326
+ -moz-border-radius-topleft: 4px;
327
+ -webkit-border-top-left-radius: 4px;
328
+ }
329
+
330
+ .table th.last {
331
+ -moz-border-radius-topright: 4px;
332
+ -webkit-border-top-right-radius: 4px;
333
+ }
334
+
335
+ .secondary-navigation ul li.first {
336
+ -moz-border-radius-topleft: 4px;
337
+ -webkit-border-top-left-radius: 4px;
338
+ }
339
+
340
+ #sidebar, #sidebar .block, #main .block, #sidebar ul.navigation, ul.list li, #footer .block, .form input.button, #box .block {
341
+ -moz-border-radius-bottomleft: 4px;
342
+ -webkit-border-bottom-left-radius: 4px;
343
+ -moz-border-radius-bottomright: 4px;
344
+ -webkit-border-bottom-right-radius: 4px;
345
+ }