activoate 0.4.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (119) hide show
  1. data/.gitignore +1 -0
  2. data/Gemfile +4 -0
  3. data/README +3 -0
  4. data/Rakefile +1 -0
  5. data/activoate.gemspec +25 -0
  6. data/app/.DS_Store +0 -0
  7. data/app/assets/.DS_Store +0 -0
  8. data/app/assets/images/.DS_Store +0 -0
  9. data/app/assets/images/activo-2/.DS_Store +0 -0
  10. data/app/assets/images/activo-2/arrow.png +0 -0
  11. data/app/assets/images/activo-2/avatar.png +0 -0
  12. data/app/assets/images/activo-2/bgd.jpg +0 -0
  13. data/app/assets/images/activo-2/boxbar-background.png +0 -0
  14. data/app/assets/images/activo-2/breadcrumb.png +0 -0
  15. data/app/assets/images/activo-2/button-background-active.png +0 -0
  16. data/app/assets/images/activo-2/button-background.png +0 -0
  17. data/app/assets/images/activo-2/icons/24/about-this-folder.txt +12 -0
  18. data/app/assets/images/activo-2/icons/24/anchor-hover.png +0 -0
  19. data/app/assets/images/activo-2/icons/24/anchor.png +0 -0
  20. data/app/assets/images/activo-2/icons/24/cross-hover.png +0 -0
  21. data/app/assets/images/activo-2/icons/24/cross.png +0 -0
  22. data/app/assets/images/activo-2/icons/24/download-hover.png +0 -0
  23. data/app/assets/images/activo-2/icons/24/download.png +0 -0
  24. data/app/assets/images/activo-2/icons/24/edit-hover.png +0 -0
  25. data/app/assets/images/activo-2/icons/24/edit.png +0 -0
  26. data/app/assets/images/activo-2/icons/24/export-hover.png +0 -0
  27. data/app/assets/images/activo-2/icons/24/export.png +0 -0
  28. data/app/assets/images/activo-2/icons/24/show-hover.png +0 -0
  29. data/app/assets/images/activo-2/icons/24/show.png +0 -0
  30. data/app/assets/images/activo-2/icons/about-this-folder.txt +1 -0
  31. data/app/assets/images/activo-2/icons/add.png +0 -0
  32. data/app/assets/images/activo-2/icons/application_edit.png +0 -0
  33. data/app/assets/images/activo-2/icons/calendar-hover.png +0 -0
  34. data/app/assets/images/activo-2/icons/calendar.png +0 -0
  35. data/app/assets/images/activo-2/icons/cross.png +0 -0
  36. data/app/assets/images/activo-2/icons/delete.png +0 -0
  37. data/app/assets/images/activo-2/icons/download.png +0 -0
  38. data/app/assets/images/activo-2/icons/edit.png +0 -0
  39. data/app/assets/images/activo-2/icons/key.png +0 -0
  40. data/app/assets/images/activo-2/icons/pdf.png +0 -0
  41. data/app/assets/images/activo-2/icons/search.png +0 -0
  42. data/app/assets/images/activo-2/icons/see-less.png +0 -0
  43. data/app/assets/images/activo-2/icons/see-more.png +0 -0
  44. data/app/assets/images/activo-2/icons/send-mail.png +0 -0
  45. data/app/assets/images/activo-2/icons/show.png +0 -0
  46. data/app/assets/images/activo-2/icons/tick.png +0 -0
  47. data/app/assets/images/activo-2/icons/upload.png +0 -0
  48. data/app/assets/images/activo-2/logo.png +0 -0
  49. data/app/assets/images/activo-2/messages/error.png +0 -0
  50. data/app/assets/images/activo-2/messages/notice.png +0 -0
  51. data/app/assets/images/activo-2/messages/warning.png +0 -0
  52. data/app/assets/images/activo-2/search-button.png +0 -0
  53. data/app/assets/images/activo-2/session/about-this-folder.txt +1 -0
  54. data/app/assets/images/activo-2/session/account.png +0 -0
  55. data/app/assets/images/activo-2/session/config.png +0 -0
  56. data/app/assets/images/activo-2/session/home.png +0 -0
  57. data/app/assets/images/activo-2/session/logout.png +0 -0
  58. data/app/assets/images/activo-2/tipsy/tipsy.gif +0 -0
  59. data/app/assets/images/activo-2/uniform/bg-input-focus.png +0 -0
  60. data/app/assets/images/activo-2/uniform/bg-input.png +0 -0
  61. data/app/assets/images/activo-2/uniform/sprite.png +0 -0
  62. data/app/assets/javascripts/.DS_Store +0 -0
  63. data/app/assets/javascripts/activo-2/activo-2.js +81 -0
  64. data/app/assets/javascripts/activo-2/jquery.localscroll.js +104 -0
  65. data/app/assets/javascripts/activo-2/jquery.scrollTo.js +150 -0
  66. data/app/assets/javascripts/activo-2/jquery.tipsy.js +104 -0
  67. data/app/assets/javascripts/activo-2/jquery.uniform.min.js +1 -0
  68. data/app/assets/javascripts/activo-2.js +10 -0
  69. data/app/assets/javascripts/users.js.coffee +3 -0
  70. data/app/assets/stylesheets/.DS_Store +0 -0
  71. data/app/assets/stylesheets/activo-2/.DS_Store +0 -0
  72. data/app/assets/stylesheets/activo-2/attrtastic_changes.sass +62 -0
  73. data/app/assets/stylesheets/activo-2/base.css +390 -0
  74. data/app/assets/stylesheets/activo-2/fonts/.DS_Store +0 -0
  75. data/app/assets/stylesheets/activo-2/fonts/museo700-regular-webfont.eot +0 -0
  76. data/app/assets/stylesheets/activo-2/fonts/museo700-regular-webfont.svg +242 -0
  77. data/app/assets/stylesheets/activo-2/fonts/museo700-regular-webfont.ttf +0 -0
  78. data/app/assets/stylesheets/activo-2/fonts/museo700-regular-webfont.woff +0 -0
  79. data/app/assets/stylesheets/activo-2/fonts/museosans_500-webfont.eot +0 -0
  80. data/app/assets/stylesheets/activo-2/fonts/museosans_500-webfont.svg +240 -0
  81. data/app/assets/stylesheets/activo-2/fonts/museosans_500-webfont.ttf +0 -0
  82. data/app/assets/stylesheets/activo-2/fonts/museosans_500-webfont.woff +0 -0
  83. data/app/assets/stylesheets/activo-2/fonts/museosans_500_italic-webfont.eot +0 -0
  84. data/app/assets/stylesheets/activo-2/fonts/museosans_500_italic-webfont.svg +240 -0
  85. data/app/assets/stylesheets/activo-2/fonts/museosans_500_italic-webfont.ttf +0 -0
  86. data/app/assets/stylesheets/activo-2/fonts/museosans_500_italic-webfont.woff +0 -0
  87. data/app/assets/stylesheets/activo-2/fonts.sass +49 -0
  88. data/app/assets/stylesheets/activo-2/formtastic_changes.sass +157 -0
  89. data/app/assets/stylesheets/activo-2/libs/jquery.tipsy.css +9 -0
  90. data/app/assets/stylesheets/activo-2/libs/uniform.default.css +610 -0
  91. data/app/assets/stylesheets/activo-2/mixins.sass +22 -0
  92. data/app/assets/stylesheets/activo-2/style.sass +666 -0
  93. data/app/assets/stylesheets/activo-2.css +11 -0
  94. data/app/assets/stylesheets/application.css +7 -0
  95. data/app/assets/stylesheets/scaffolds.css.scss +56 -0
  96. data/app/assets/stylesheets/users.css.scss +3 -0
  97. data/app/helpers/activo_helper.rb +290 -0
  98. data/config.ru +4 -0
  99. data/lib/activoate/engine.rb +6 -0
  100. data/lib/activoate/version.rb +3 -0
  101. data/lib/activoate.rb +5 -0
  102. data/lib/generators/activoate/activated/activated_generator.rb +140 -0
  103. data/lib/generators/activoate/activated/templates/view_edit.html.erb +17 -0
  104. data/lib/generators/activoate/activated/templates/view_form.html.erb +16 -0
  105. data/lib/generators/activoate/activated/templates/view_form_formtastic.html.erb +18 -0
  106. data/lib/generators/activoate/activated/templates/view_new.html.erb +16 -0
  107. data/lib/generators/activoate/activated/templates/view_show.html.erb +26 -0
  108. data/lib/generators/activoate/activated/templates/view_show_attrtastic.html.erb +27 -0
  109. data/lib/generators/activoate/activated/templates/view_sidebar.html.erb +13 -0
  110. data/lib/generators/activoate/activated/templates/view_signin.html.erb +36 -0
  111. data/lib/generators/activoate/activated/templates/view_signup.html.erb +52 -0
  112. data/lib/generators/activoate/activated/templates/view_tables.html.erb +56 -0
  113. data/lib/generators/activoate/activated/templates/view_text.html.erb +18 -0
  114. data/lib/generators/activoate/install/install_generator.rb +40 -0
  115. data/lib/generators/activoate/install/templates/layout_admin.html.erb +49 -0
  116. data/lib/templates/web_app_theme/theme/layout_admin.html.erb +57 -0
  117. data/lib/templates/web_app_theme/theme/layout_sign.html.erb +15 -0
  118. data/lib/templates/web_app_theme/theme/web_app_theme.css.erb +9 -0
  119. metadata +197 -0
@@ -0,0 +1,666 @@
1
+ /* Activo 2 by David Francisco (dmfrancisc[at]gmail.com) */
2
+
3
+
4
+ /////////////////////// INCLUDE ///////////////////////
5
+
6
+ @import mixins.sass
7
+ @import fonts.sass
8
+
9
+ // Remove this line if you don't use the FORMTASTIC plugin
10
+ @import formtastic_changes.sass
11
+
12
+ // Remove this line if you don't use the ATTRTASTIC plugin
13
+ @import attrtastic_changes.sass
14
+
15
+
16
+ //////////////////////// USAGE ////////////////////////
17
+
18
+ // Convert this file to CSS using the following command:
19
+ // sass --watch style.sass:style.css -t compressed
20
+
21
+
22
+
23
+ /////////////////////// NOTICE ////////////////////////
24
+
25
+ // Components included in this stylesheet that
26
+ // don't exist in other activo-2 themes
27
+ // ---------------------------------------------------
28
+ //
29
+ // #full-main (ocupa os 100% de width para
30
+ // páginas que não têm barra lateral)
31
+ // .flash .error-list
32
+ // #sidebar .warning
33
+ // .breadcrumb
34
+ // .searchform
35
+ // a.global_button (não está a ser utilizado
36
+ // mas pode ser útil. São botões que ficam
37
+ // na barra de separadores)
38
+ // .block-norounded (blocos sem as pontas
39
+ // arredondadas)
40
+ // .secondary-inner-nav (navegação sem as
41
+ // pontas arredondadas para blocos
42
+ // interiores)
43
+ // div.tooltip (reimplementa o aspecto das
44
+ // tooltips que mostram o 'title' das
45
+ // imagens)
46
+ // .highlighted-title-info (informação
47
+ // adicional para títulos)
48
+
49
+
50
+ /////////////////////// COLORS ////////////////////////
51
+
52
+ $light_grey: #dddddd
53
+ $grey: #a4a4a4
54
+ $dark_grey: #818171
55
+ $black: #261f1f
56
+ $black_text: #111111
57
+ $red: #cc0000
58
+ $yellow: #ffee79
59
+
60
+ ///////////////////////////////////////////////////////
61
+
62
+ body
63
+ color: $black_text
64
+ background: #C4C4C4 url('/assets/activo-2/bgd.jpg')
65
+ +font-normal-weight
66
+
67
+ h1, h2, h3
68
+ color: $black_text
69
+ font-weight: normal
70
+ +font-bold-weight
71
+
72
+ a:link, a:visited, a:hover, a:active
73
+ color: $black_text
74
+
75
+ a
76
+ -moz-outline: none
77
+
78
+ hr
79
+ background: $light_grey
80
+ color: $light_grey
81
+
82
+ // HEADER
83
+
84
+ #header
85
+ height: 80px
86
+
87
+ .logo
88
+ height: 80px
89
+ width: 160px
90
+ margin-top: 20px
91
+ float: left
92
+ background-image: url('/assets/activo-2/logo.png')
93
+ background-repeat: no-repeat
94
+
95
+ h1
96
+ padding: 15px 5px
97
+ float: left
98
+ font-size: 40px
99
+ font-style: normal
100
+ text-transform: normal
101
+ letter-spacing: -1px
102
+ line-height: 1.2em
103
+ color: #fff
104
+
105
+ a:link, a:active, a:hover, a:visited
106
+ color: #fff
107
+
108
+ background-color: #333
109
+
110
+ text-shadow: 0 1px 1px rgba(0,0,0,.25)
111
+
112
+ box-shadow: inset 0 -5px 10px rgba(0,0,0,.25), 0 1px 1px rgba(255,255,255,.3)
113
+ -moz-box-shadow: inset 0 -5px 10px rgba(0,0,0,.25), 0 1px 1px rgba(255,255,255,.3)
114
+ -webkit-box-shadow: inset 0 -5px 10px rgba(0,0,0,.25), 0 1px 1px rgba(255,255,255,.3)
115
+
116
+
117
+ // MAIN AREA
118
+
119
+ #main
120
+ // se for para utilizar a sidebar
121
+ width: 77%
122
+ float: left
123
+
124
+ .block
125
+ // caixa de texto principal
126
+ padding-top: 0px
127
+
128
+ background-color: #fff
129
+
130
+ text-shadow: 0 1px 0 #fff
131
+ @include rounded-corners(6px)
132
+
133
+ box-shadow: 0 0 1px rgba(0,0,0,.3), 0 1px 1px rgba(0,0,0,.3)
134
+ -moz-box-shadow: 0 0 1px rgba(0,0,0,.3), 0 1px 1px rgba(0,0,0,.3)
135
+ -webkit-box-shadow: 0 0 1px rgba(0,0,0,.3), 0 1px 1px rgba(0,0,0,.3)
136
+
137
+ .content
138
+ padding-top: 1px
139
+ .inner
140
+ padding: 0 15px 15px
141
+ h2
142
+ margin-left: 15px
143
+ font-size: 22px
144
+ text-transform: normal
145
+ letter-spacing: -1px
146
+ line-height: 1.2em
147
+ p
148
+ font-size: 13px
149
+ font-style: normal
150
+ font-weight: normal
151
+ text-transform: normal
152
+ letter-spacing: normal
153
+ line-height: 1.45em
154
+
155
+ .block-norounded
156
+ // without rounded corners
157
+ box-shadow: 0 0 1px rgba(0,0,0,.3), 0 1px 1px rgba(0,0,0,.3)
158
+ -moz-box-shadow: 0 0 1px rgba(0,0,0,.3), 0 1px 1px rgba(0,0,0,.3)
159
+ -webkit-box-shadow: 0 0 1px rgba(0,0,0,.3), 0 1px 1px rgba(0,0,0,.3)
160
+
161
+ #full-main
162
+ // same as main but with full width
163
+ @extend #main
164
+ width: 100%
165
+ .block
166
+ margin-bottom: 20px
167
+
168
+
169
+ // MAIN NAVIGATION
170
+
171
+ #main-navigation
172
+ // top menu bar
173
+ padding-top: 30px
174
+ width: auto
175
+ ul
176
+ li
177
+ padding-left: 20px
178
+ margin-right: 0
179
+
180
+ a:link, a:visited, a:hover, a:active
181
+ padding: 8px 0
182
+ text-decoration: none
183
+ color: #eee
184
+
185
+ &.active
186
+ a:link, a:visited, a:hover, a:active
187
+ color: $grey
188
+
189
+
190
+ // TOP NAVIGATION
191
+
192
+ .secondary-navigation
193
+ background: #e0e0e0 url('/assets/activo-2/boxbar-background.png') top
194
+ border-bottom-width: 0px
195
+ @include rounded-corner(top, left, 6px)
196
+ @include rounded-corner(top, right, 6px)
197
+
198
+ li.first a, ul li.first
199
+ @include rounded-corner(top, left, 6px)
200
+
201
+ ul li a
202
+ &:link, &:visited, &:hover, &:active
203
+ text-decoration: none
204
+ color: $black_text
205
+
206
+ ul li.text
207
+ padding: 10px 15px
208
+ color: #818171
209
+
210
+ ul li.active
211
+ background-color: #fff
212
+ a:hover
213
+ background-color: #fff
214
+
215
+
216
+ // USER NAVIGATION
217
+
218
+ #user-navigation
219
+ top: 27px
220
+ right: 10px
221
+ color: #eee
222
+ font-size: 14px
223
+
224
+ #user-navigation ul li a
225
+ &:link, &:visited, &:hover, &:active
226
+ text-decoration: none
227
+ color: #eee
228
+ &:active img
229
+ margin-top: 1px
230
+
231
+ #user-navigation ul li, .secondary-navigation ul li
232
+ float: left
233
+
234
+
235
+ // SECONDARY INNER NAV
236
+
237
+ .secondary-inner-nav
238
+ background-color: #f0eff0
239
+ background-image: url('/assets/activo-2/boxbar-background.png')
240
+ font-size: 13px
241
+
242
+ border-bottom-color: #fff
243
+ border-bottom-width: 10px
244
+ border-bottom-style: solid
245
+
246
+ ul
247
+ margin: 0
248
+ padding: 0
249
+ list-style-type: none
250
+
251
+ li
252
+ float: left
253
+ &.active
254
+ background-color: #fff
255
+ a:hover
256
+ background-color: #fff
257
+ a
258
+ display: block
259
+ padding: 10px 15px
260
+ &:link, &:visited, &:hover, &:active
261
+ text-decoration: none
262
+ color: $black
263
+
264
+
265
+ // FOOTER
266
+
267
+ #footer
268
+ color: $black
269
+ text-shadow: none
270
+ .block
271
+ @include box-shadow(none)
272
+ background: none
273
+ p
274
+ margin: 0
275
+ padding: 0
276
+ text-align: center
277
+
278
+
279
+
280
+ // SIDEBAR
281
+
282
+ #sidebar
283
+ width: 20%
284
+ float: right
285
+
286
+ .block
287
+ // sidebar boxes
288
+ padding-top: 2px
289
+ padding-bottom: 2px
290
+ @include rounded-corners(6px)
291
+ text-shadow: 0 1px 0 rgba(255,255,255,.6)
292
+ h4
293
+ // sidebar boxes titles
294
+ font-weight: normal
295
+
296
+ +font-bold-weight
297
+
298
+ .notice
299
+ // sidebar notice boxes
300
+ color: #fff
301
+ text-shadow: 0 1px 1px rgba(0,0,0,.25)
302
+
303
+ background-color: rgba(0,0,0,.3)
304
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,.15)), to(rgba(0,0,0,0)))
305
+ background-image: -moz-linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,0))
306
+
307
+ @include rounded-corners(6px)
308
+ box-shadow: inset 0 1px 3px rgba(0,0,0,.25), 0 1px 1px rgba(255,255,255,.3)
309
+ -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.25), 0 1px 1px rgba(255,255,255,.3)
310
+ -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.25), 0 1px 1px rgba(255,255,255,.3)
311
+
312
+
313
+ .warning
314
+ // sidebar warning boxes
315
+ padding-left: 10px
316
+ padding-right: 10px
317
+ color: #222
318
+ background: #FFEF4E
319
+
320
+ @include rounded-corners(6px)
321
+ box-shadow: 0 0 1px rgba(0,0,0,.3), 0 1px 1px rgba(0,0,0,.1)
322
+ -moz-box-shadow: 0 0 1px rgba(0,0,0,.3), 0 1px 1px rgba(0,0,0,.1)
323
+ -webkit-box-shadow: 0 0 1px rgba(0,0,0,.3), 0 1px 1px rgba(0,0,0,.1)
324
+
325
+ border: 1px solid rgba(0,0,0,.3)
326
+
327
+ h3
328
+ // sidebar title
329
+ padding-left: 25px
330
+ color: $black_text
331
+ border-bottom: 1px solid $black
332
+
333
+ ul li
334
+ // sidebar list
335
+ background-position: 0 11px
336
+ background-repeat: no-repeat
337
+ background-image: url('/assets/activo-2/arrow.png')
338
+ border-bottom: 1px dashed #777
339
+ list-style-type: none
340
+ a
341
+ margin-left: 10px
342
+ text-decoration: none
343
+ text-shadow: 0 1px 0 #fff
344
+ &.active a
345
+ color: $grey
346
+
347
+
348
+ // BREADCRUMB
349
+
350
+ .breadcrumb
351
+ background-color: #f4f4f4
352
+ @include rounded-corner(bottom, left, 6px)
353
+ @include rounded-corner(bottom, right, 6px)
354
+
355
+ ul
356
+ height: 20px
357
+ padding-bottom: 15px
358
+ padding-top: 0px
359
+ list-style-type: none
360
+
361
+ li
362
+ color: #777
363
+ display: block
364
+ padding-top: 10px
365
+ padding-left: 17px // distance to the image
366
+ margin-right: 15px // space between elements
367
+ background: url('/assets/activo-2/breadcrumb.png') no-repeat 0px 12px
368
+ float: left
369
+
370
+ a
371
+ text-decoration: none
372
+ color: #777
373
+ &.first
374
+ padding-left: 15px
375
+ background: none
376
+ &.active
377
+ color: $grey
378
+
379
+
380
+ // CONTROLS
381
+
382
+ .control
383
+ float: right
384
+ margin-right: 9px
385
+ margin-top: 11px
386
+
387
+
388
+ // PAGINATION
389
+
390
+ .pagination
391
+ a, span, em
392
+ border: 1px solid #c3c4ba
393
+ @include rounded-corners(2px)
394
+ margin-right: 5px
395
+ padding: 6px
396
+ min-width: 15px
397
+ text-align: center
398
+ background: $light_grey
399
+ background-image: url('/assets/activo-2/button-background.png')
400
+ color: $black_text
401
+
402
+ a:hover
403
+ border: 1px solid $dark_grey
404
+ @include box-shadow(0 0 4px rgba(0, 0, 0, 0.3))
405
+
406
+ span.current, em
407
+ background: $black
408
+ color: #fff
409
+ border: 1px solid $black
410
+
411
+ .pagination a:active
412
+ background-image: url('/assets/activo-2/button-background-active.png')
413
+ outline: none /* hide dotted outline in Firefox */
414
+
415
+
416
+ // TABLES
417
+
418
+ .table
419
+ th
420
+ background: #eaeaea
421
+ color: #222
422
+ font-weight: normal
423
+ &.last
424
+ min-width: 90px
425
+ td
426
+ border-bottom: 1px solid #eaeaea
427
+ &.last
428
+ // column where icons are shown (bigger than the text)
429
+ padding-top: 0px
430
+ padding-bottom: 0px
431
+ tr.even
432
+ background: #f8f8f8
433
+
434
+
435
+ // FORMS
436
+
437
+ .form
438
+ label.label
439
+ +font-normal-weight
440
+ color: #666
441
+
442
+ input.text_field, textarea.text_area
443
+ width: 100%
444
+ border: 1px solid $light_grey
445
+ @include box-shadow(inset 0 1px 3px rgba(0,0,0,.1))
446
+
447
+ input.button
448
+ background: $light_grey
449
+ @include rounded-corners(5px)
450
+ border: 1px solid #c1c1c1
451
+ padding: 2px 5px
452
+ cursor: pointer
453
+ color: $black_text
454
+ font-weight: bold
455
+ font-size: 11px
456
+ &:hover
457
+ border: 1px solid #666
458
+
459
+ .description
460
+ +font-normal-weight-italic
461
+ color: #8c8c8c
462
+ font-size: .9em
463
+
464
+ .navform a
465
+ color: $red
466
+
467
+
468
+ // SEARCH
469
+
470
+ .search
471
+ border: 1px solid #c1c1c1
472
+
473
+ @include box-shadow(inset 0 1px 3px rgba(0,0,0,.25))
474
+ @include rounded-corners(13px)
475
+
476
+ padding: 0px
477
+ margin: 0px
478
+ position: relative
479
+ float: right
480
+ width: 300px
481
+ height: 25px
482
+ form
483
+ display: inline
484
+
485
+ .search_box
486
+ +font-normal-weight
487
+ font-size: 13px
488
+ border: 0px
489
+
490
+ background-color: transparent
491
+ position: absolute
492
+ left: 0px
493
+ width: 266px
494
+ height: 25px
495
+ padding-left: 10px
496
+ @include rounded-corner(top, left, 13px)
497
+ @include rounded-corner(bottom, left, 13px)
498
+ outline: none // Remove safari / chrome glow around input field
499
+
500
+ .search_submit
501
+ border: 0px
502
+ background: transparent url('/assets/activo-2/search-button.png') no-repeat center left
503
+ position: absolute
504
+ left: 273px
505
+ height: 25px
506
+ width: 27px
507
+ cursor: pointer
508
+ @include rounded-corner(top, right, 13px)
509
+ @include rounded-corner(bottom, right, 13px)
510
+
511
+
512
+ // FLASH-MESSAGES
513
+
514
+ .flash
515
+ .message
516
+ @include rounded-corners(3px)
517
+ text-align: center
518
+ margin: 0 auto 15px
519
+
520
+ color: white
521
+ text-shadow: 0 1px 0 rgba(0,0,0,.3)
522
+ p
523
+ margin: 8px
524
+
525
+ .error, .error-list
526
+ border: 1px solid #993624 // rgba(0,0,0,.25)
527
+ background: #CC4831 url('/assets/activo-2/messages/error.png') no-repeat 10px center
528
+
529
+ .warning
530
+ border: 1px solid #BB9004 // rgba(0,0,0,.25)
531
+ background: #F9C006 url('/assets/activo-2/messages/warning.png') no-repeat 10px center
532
+
533
+ .notice
534
+ color: #28485E
535
+ text-shadow: 0 1px 0 rgba(255,255,255,.7)
536
+ border: 1px solid #8A9DAA // rgba(0,0,0,.25)
537
+ background: #B8D1E2 url('/assets/activo-2/messages/notice.png') no-repeat 10px center
538
+
539
+ .error-list
540
+ text-align: left
541
+ h2
542
+ font-size: 16px
543
+ text-align: center
544
+ ul
545
+ padding-left: 22px
546
+ line-height: 18px
547
+ list-style-type: square
548
+ margin-bottom: 15px
549
+
550
+
551
+ // LISTS
552
+
553
+ ul.list li
554
+ border-bottom-color: $light_grey
555
+ border-bottom-width: 1px
556
+ border-bottom-style: solid
557
+
558
+ .item .avatar
559
+ border-color: $light_grey
560
+ border-width: 1px
561
+ border-style: solid
562
+ padding: 2px
563
+
564
+
565
+ // BOX
566
+
567
+ #box
568
+ width: 480px
569
+
570
+ .block
571
+ background: #fff
572
+ text-shadow: 0 1px 0 #fff
573
+
574
+ box-shadow: 0 0 1px rgba(0,0,0,.3), 0 1px 1px rgba(0,0,0,.3)
575
+ -moz-box-shadow: 0 0 1px rgba(0,0,0,.3), 0 1px 1px rgba(0,0,0,.3)
576
+ -webkit-box-shadow: 0 0 1px rgba(0,0,0,.3), 0 1px 1px rgba(0,0,0,.3)
577
+
578
+ @include rounded-corners(6px)
579
+ h2
580
+ background: $black
581
+ color: #fff
582
+ text-shadow: none
583
+ @include rounded-corner(top, left, 6px)
584
+ @include rounded-corner(top, right, 6px)
585
+
586
+
587
+ // BUTTONS
588
+
589
+ a.button, button.button
590
+ background: #EDEEED url('/assets/activo-2/button-background.png') top
591
+ border: 1px solid #c3c4ba
592
+ +font-normal-weight
593
+ @include rounded-corners(3px)
594
+ @include box-shadow(0 1px 2px rgba(0, 0, 0, 0.1))
595
+
596
+ &:link, &:visited, &:hover, &:active
597
+ font-weight: normal
598
+ background: #EDEEED url('/assets/activo-2/button-background.png') top
599
+
600
+ a.button:active, button.button:active
601
+ background: #EAEAEA url('/assets/activo-2/button-background-active.png') top
602
+ outline: none /* hide dotted outline in Firefox */
603
+ margin-top: 1px
604
+ margin-bottom: -1px
605
+
606
+
607
+ // FORMS
608
+
609
+ .form div
610
+ &.left
611
+ width: 10%
612
+ float: left
613
+ &.right
614
+ width: 85%
615
+ float: right
616
+
617
+ .login div
618
+ // login form
619
+ &.left
620
+ width: 21%
621
+ float: left
622
+ &.right
623
+ width: 74%
624
+ float: right
625
+
626
+ .signup div
627
+ // signup form
628
+ @extend .login
629
+
630
+
631
+ // Additional info for titles
632
+
633
+ .badge
634
+ display: inline
635
+ font-size: 13px
636
+ vertical-align: top
637
+ padding-left: 3px
638
+ padding-right: 5px
639
+ margin-left: 5px
640
+ font-weight: normal
641
+ text-transform: lowercase
642
+ text-shadow: 0 1px 0 rgba(0,0,0,.25)
643
+ +font-normal-weight
644
+
645
+ @include box-shadow(inset 0 1px 3px rgba(0,0,0,.25))
646
+ @include rounded-corners(6px)
647
+
648
+ .badge-grey
649
+ @extend .badge
650
+ background-color: $grey
651
+ color: white
652
+
653
+ .badge-green
654
+ @extend .badge
655
+ background-color: #1fdf00
656
+ color: white
657
+
658
+ .badge-yellow
659
+ @extend .badge
660
+ background-color: $yellow
661
+ color: black
662
+
663
+ .badge-red
664
+ @extend .badge
665
+ background-color: $red
666
+ color: white
@@ -0,0 +1,11 @@
1
+ /*
2
+ * This css will include all web-app-theme css you need
3
+ *
4
+ *= require activo-2/base
5
+ *= require activo-2/style
6
+ *= require_tree ./activo-2/libs
7
+ *= require formtastic
8
+ *= require_self
9
+ */
10
+
11
+ /* Write here your css for overriding the theme's rules */
@@ -0,0 +1,7 @@
1
+ /*
2
+ * This is a manifest file that'll automatically include all the stylesheets available in this directory
3
+ * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
4
+ * the top of the compiled file, but it's generally better to create a new file per style scope.
5
+ *= require_self
6
+ *= require_tree .
7
+ */