tusur_header 0.1.0

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.
Files changed (70) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +12 -0
  3. data/Gemfile +5 -0
  4. data/MIT-LICENSE +20 -0
  5. data/README.rdoc +75 -0
  6. data/Rakefile +38 -0
  7. data/app/views/tusur_header/_tusur_header.html.erb +86 -0
  8. data/config/sites.yml +27 -0
  9. data/lib/generators/tusur_header/error_pages_generator.rb +17 -0
  10. data/lib/generators/tusur_header/templates/403.html +91 -0
  11. data/lib/generators/tusur_header/templates/404.html +91 -0
  12. data/lib/generators/tusur_header/templates/500.html +95 -0
  13. data/lib/generators/tusur_header/templates/502.html +95 -0
  14. data/lib/tusur_header/engine.rb +44 -0
  15. data/lib/tusur_header/version.rb +3 -0
  16. data/lib/tusur_header.rb +1 -0
  17. data/test/dummy/README.rdoc +261 -0
  18. data/test/dummy/Rakefile +7 -0
  19. data/test/dummy/app/assets/javascripts/application.js +15 -0
  20. data/test/dummy/app/assets/stylesheets/application.css +14 -0
  21. data/test/dummy/app/assets/stylesheets/content.sass +15 -0
  22. data/test/dummy/app/controllers/application_controller.rb +3 -0
  23. data/test/dummy/app/helpers/application_helper.rb +2 -0
  24. data/test/dummy/app/mailers/.gitkeep +0 -0
  25. data/test/dummy/app/models/.gitkeep +0 -0
  26. data/test/dummy/app/views/application/index.html.erb +7 -0
  27. data/test/dummy/app/views/layouts/application.html.erb +18 -0
  28. data/test/dummy/config/application.rb +63 -0
  29. data/test/dummy/config/boot.rb +10 -0
  30. data/test/dummy/config/environment.rb +11 -0
  31. data/test/dummy/config/environments/development.rb +37 -0
  32. data/test/dummy/config/environments/production.rb +67 -0
  33. data/test/dummy/config/environments/test.rb +37 -0
  34. data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
  35. data/test/dummy/config/initializers/inflections.rb +15 -0
  36. data/test/dummy/config/initializers/mime_types.rb +5 -0
  37. data/test/dummy/config/initializers/secret_token.rb +7 -0
  38. data/test/dummy/config/initializers/session_store.rb +8 -0
  39. data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
  40. data/test/dummy/config/locales/en.yml +5 -0
  41. data/test/dummy/config/routes.rb +4 -0
  42. data/test/dummy/config.ru +4 -0
  43. data/test/dummy/lib/assets/.gitkeep +0 -0
  44. data/test/dummy/log/.gitkeep +0 -0
  45. data/test/dummy/public/403.html +91 -0
  46. data/test/dummy/public/404.html +91 -0
  47. data/test/dummy/public/422.html +26 -0
  48. data/test/dummy/public/500.html +95 -0
  49. data/test/dummy/public/502.html +95 -0
  50. data/test/dummy/public/favicon.ico +0 -0
  51. data/test/dummy/script/rails +6 -0
  52. data/test/test_helper.rb +15 -0
  53. data/test/tusur_header_test.rb +7 -0
  54. data/tusur_header.gemspec +30 -0
  55. data/vendor/assets/images/403.png +0 -0
  56. data/vendor/assets/images/404.png +0 -0
  57. data/vendor/assets/images/500.png +0 -0
  58. data/vendor/assets/images/502.png +0 -0
  59. data/vendor/assets/images/mail.png +0 -0
  60. data/vendor/assets/images/tusur_logotype.png +0 -0
  61. data/vendor/assets/javascripts/tusur_header.js +12 -0
  62. data/vendor/assets/javascripts/tusur_header_observer/index.js +3 -0
  63. data/vendor/assets/javascripts/tusur_header_observer/init.js.coffee +50 -0
  64. data/vendor/assets/stylesheets/_buttons.sass +96 -0
  65. data/vendor/assets/stylesheets/_error_pages.sass +83 -0
  66. data/vendor/assets/stylesheets/_override.sass +337 -0
  67. data/vendor/assets/stylesheets/_pagination.sass +37 -0
  68. data/vendor/assets/stylesheets/_search_form.sass +22 -0
  69. data/vendor/assets/stylesheets/tusur_header.sass +58 -0
  70. metadata +237 -0
@@ -0,0 +1,30 @@
1
+ $:.push File.expand_path("../lib", __FILE__)
2
+
3
+ # Maintain your gem's version:
4
+ require 'tusur_header/version'
5
+
6
+ # Describe your gem and declare its dependencies:
7
+ Gem::Specification.new do |s|
8
+ s.name = 'tusur_header'
9
+ s.version = TusurHeader::VERSION
10
+ s.authors = ['Evgeny Lapin']
11
+ s.email = ['lev@openteam.ru']
12
+ s.homepage = ''
13
+ s.summary = ''
14
+ s.description = ''
15
+
16
+ s.files = `git ls-files`.split("\n")
17
+
18
+ s.add_development_dependency 'bundler'
19
+ s.add_development_dependency 'rails', '~> 3.2.15'
20
+
21
+ s.add_runtime_dependency 'bootstrap-sass', '~> 3.1.1'
22
+ s.add_runtime_dependency 'coffee-rails'
23
+ s.add_runtime_dependency 'compass-rails'
24
+ s.add_runtime_dependency 'jquery-rails'
25
+ s.add_runtime_dependency 'sass-rails', '>= 3.2'
26
+ s.add_runtime_dependency 'rest-client'
27
+ s.add_runtime_dependency 'stop_ie', '>= 0.1.5'
28
+
29
+ s.rubyforge_project = s.name
30
+ end
Binary file
Binary file
Binary file
Binary file
Binary file
@@ -0,0 +1,12 @@
1
+ //= require bootstrap/button
2
+ //= require bootstrap/dropdown
3
+ //= require bootstrap/collapse
4
+ //= require bootstrap/transition
5
+
6
+ //= require tusur_header_observer
7
+
8
+ $(function() {
9
+ if ($('.tusur_header_wrapper').length) {
10
+ init_tusur_header_observer();
11
+ }
12
+ });
@@ -0,0 +1,3 @@
1
+ /*
2
+ *= require_tree .
3
+ */
@@ -0,0 +1,50 @@
1
+ @init_tusur_header_observer = ->
2
+
3
+ first_menu = $('#menu_first')
4
+ second_menu = $('#menu_second')
5
+
6
+ #для мобилок
7
+ if window.innerWidth < 750
8
+ $('.has_arrow', first_menu).removeClass('has_arrow')
9
+
10
+ dropdown_menus = $('ul.nav.navbar-nav', first_menu).not('.navbar-right')
11
+ return true if dropdown_menus.length < 2
12
+
13
+ site_menu = dropdown_menus[1]
14
+ site_menu_caret = $('.caret', site_menu)
15
+ site_menu_toggle = $('.dropdown-toggle', site_menu)
16
+ site_menu_toggle.click (e) ->
17
+ false if $(e.target).hasClass('disabled')
18
+
19
+ site_menu_caret.hide = () ->
20
+ if this.hasClass('caret')
21
+ this.addClass('tmp_caret')
22
+ this.removeClass('caret')
23
+ true
24
+
25
+ site_menu_caret.show = () ->
26
+ if this.hasClass('tmp_caret')
27
+ this.removeClass('tmp_caret')
28
+ this.addClass('caret')
29
+ true
30
+
31
+ site_menu_caret.hide()
32
+ site_menu_toggle.addClass('disabled')
33
+
34
+ $('.auth_block .dropdown').click ->
35
+ cloud = $('.ntf_cloud')
36
+ cloud.hide().html('') if cloud.is(':visible')
37
+
38
+ $(window).scroll () ->
39
+ if $(window).scrollTop() > 0
40
+ first_menu.css('border-bottom', 'solid 1px #ccc')
41
+ site_menu_caret.show()
42
+ site_menu_toggle.removeClass('disabled')
43
+
44
+ if $(window).scrollTop() == 0
45
+ first_menu.css('border-bottom', 'none')
46
+ site_menu_caret.hide()
47
+ site_menu_toggle.click() if site_menu_toggle.parent().hasClass('open')
48
+ site_menu_toggle.addClass('disabled')
49
+
50
+ true
@@ -0,0 +1,96 @@
1
+ .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger
2
+ +box-shadow(inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075))
3
+ +text-shadow(0 -1px 0 rgba(0, 0, 0, 0.2))
4
+
5
+ .btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active, .btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active, .btn-warning.active, .btn-danger.active
6
+ +box-shadow(inset 0 3px 5px rgba(0, 0, 0, 0.125))
7
+
8
+ .btn
9
+ &:active, &.active
10
+ background-image: none
11
+
12
+ .btn-default
13
+ +text-shadow(0 1px 0 #fff)
14
+ +background-image(linear-gradient(to bottom, #fff 0%, #e0e0e0 100%))
15
+ background-repeat: repeat-x
16
+ border-color: #dbdbdb
17
+ border-color: #ccc
18
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0)
19
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
20
+
21
+ &:hover, &:focus
22
+ background-color: #e0e0e0
23
+ background-position: 0 -15px
24
+ &:active, &.active
25
+ background-color: #e0e0e0
26
+ border-color: #dbdbdb
27
+
28
+ .btn-primary
29
+ +background-image(linear-gradient(to bottom, #0089d7 0%, #015db0 100%))
30
+ background-repeat: repeat-x
31
+ border-color: #005bae
32
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0089d7', endColorstr='#ff015db0', GradientType=0)
33
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
34
+
35
+ &:hover, &:focus
36
+ background-color: #005bae
37
+ background-position: 0 -15px
38
+ &:active, &.active
39
+ background-color: #005bae
40
+ border-color: #2b669a
41
+
42
+ .btn-success
43
+ +background-image(linear-gradient(to bottom, #5cb85c 0%, #419641 100%))
44
+ background-repeat: repeat-x
45
+ border-color: #3e8f3e
46
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0)
47
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
48
+
49
+ &:hover, &:focus
50
+ background-color: #419641
51
+ background-position: 0 -15px
52
+ &:active, &.active
53
+ background-color: #419641
54
+ border-color: #3e8f3e
55
+
56
+ .btn-warning
57
+ +background-image(linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%))
58
+ background-repeat: repeat-x
59
+ border-color: #e38d13
60
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0)
61
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
62
+
63
+ &:hover, &:focus
64
+ background-color: #eb9316
65
+ background-position: 0 -15px
66
+ &:active, &.active
67
+ background-color: #eb9316
68
+ border-color: #e38d13
69
+
70
+ .btn-danger
71
+ +background-image(linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%))
72
+ background-repeat: repeat-x
73
+ border-color: #b92c28
74
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0)
75
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
76
+
77
+ &:hover, &:focus
78
+ background-color: #c12e2a
79
+ background-position: 0 -15px
80
+ &:active, &.active
81
+ background-color: #c12e2a
82
+ border-color: #b92c28
83
+
84
+ .btn-info
85
+ +background-image(linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%))
86
+ background-repeat: repeat-x
87
+ border-color: #28a4c9
88
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0)
89
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
90
+
91
+ &:hover, &:focus
92
+ background-color: #2aabd2
93
+ background-position: 0 -15px
94
+ &:active, &.active
95
+ background-color: #2aabd2
96
+ border-color: #28a4c9
@@ -0,0 +1,83 @@
1
+ .error-page
2
+ font-size: 14px
3
+ background-color: #fff
4
+
5
+ a
6
+ color: #005baa
7
+ outline: none
8
+ text-decoration: none
9
+
10
+ &:hover
11
+ text-decoration: underline
12
+
13
+ .tusur_header_wrapper
14
+ height: 40px
15
+
16
+ .navbar
17
+ border-bottom: 1px solid #ccc !important
18
+
19
+ .error
20
+ margin: 160px auto
21
+ width: 360px
22
+
23
+ .error-image
24
+ margin: 0 auto 25px auto
25
+
26
+ &.error-403
27
+ background: image_url('403.png') no-repeat center center
28
+ height: 77px
29
+ width: 188px
30
+
31
+ &.error-404
32
+ background: image_url('404.png') no-repeat center center
33
+ height: 75px
34
+ width: 196px
35
+
36
+ &.error-500
37
+ background: image_url('500.png') no-repeat center center
38
+ height: 77px
39
+ width: 188px
40
+
41
+ &.error-502
42
+ background: image_url('502.png') no-repeat center center
43
+ height: 77px
44
+ width: 184px
45
+
46
+ .error-text
47
+ border: 1px solid #cecece
48
+ padding: 20px 10px
49
+ position: relative
50
+ text-align: center
51
+
52
+ &:after, &:before
53
+ bottom: 100%
54
+ left: 50%
55
+ border: solid transparent
56
+ content: " "
57
+ height: 0
58
+ width: 0
59
+ position: absolute
60
+ pointer-events: none
61
+
62
+ &:after
63
+ border-color: rgba(255, 255, 255, 0)
64
+ border-bottom-color: #ffffff
65
+ border-width: 17px
66
+ margin-left: -17px
67
+
68
+ &:before
69
+ border-color: rgba(206, 206, 206, 0)
70
+ border-bottom-color: #cecece
71
+ border-width: 18px
72
+ margin-left: -18px
73
+
74
+ p
75
+ margin: 0 0 10px 0
76
+
77
+ p:last-child
78
+ margin: 0
79
+
80
+ @media (max-width: 768px)
81
+ .error
82
+ margin: 40px auto !important
83
+ width: 280px !important
@@ -0,0 +1,337 @@
1
+ .tusur_header_wrapper
2
+ font-size: 14px
3
+ font-family: 'Verdana', 'Tahoma', sans-serif
4
+
5
+ *
6
+ +box-sizing(border-box)
7
+
8
+ &:before,
9
+ &:after
10
+ +box-sizing(border-box)
11
+
12
+ #menu_first
13
+ .navbar-nav > li > a
14
+ padding: 10px 15px
15
+
16
+ #menu_second
17
+ .container
18
+ height: 46px
19
+
20
+ .form-group
21
+ position: relative
22
+ float: left
23
+
24
+ input
25
+ +border-radius(8px)
26
+ +box-shadow(none)
27
+ border: none
28
+ font-size: 12px
29
+ height: 30px
30
+ padding: 6px 15px
31
+
32
+
33
+ .mobile-toggler, .navbar-inverse .navbar-toggle:focus
34
+ background: #d1d4d3
35
+ border: none
36
+ margin-top: 4px
37
+
38
+ .navbar-inverse .navbar-toggle:hover
39
+ background: #e3e5e6
40
+
41
+ .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form
42
+ border-top: none
43
+ border-bottom: none
44
+ +box-shadow(none)
45
+
46
+ .official-doc-for-mobile
47
+ clear: both
48
+ padding-left: 10px
49
+
50
+ .official-documents
51
+ padding-left: 0px
52
+
53
+ .search
54
+ position: relative
55
+ float: left !important
56
+
57
+ .official-documents
58
+ float: left
59
+ margin-bottom: 10px
60
+ margin-right: 10px
61
+
62
+ a
63
+ color: #fff
64
+
65
+ &:hover
66
+ text-decoration: underline
67
+
68
+ #site-menu
69
+
70
+ .active
71
+ background-color: #428bca
72
+
73
+ a
74
+ background-color: #428bca
75
+
76
+ &:focus
77
+ background-color: #428bca
78
+
79
+ .has_arrow
80
+ position: relative
81
+
82
+ &:after
83
+ display: none
84
+ bottom: 0
85
+ left: 50%
86
+ border: solid transparent
87
+ content: ' '
88
+ height: 0
89
+ width: 0
90
+ position: absolute
91
+ pointer-events: none
92
+ border-color: rgba(255, 255, 255, 0)
93
+ border-bottom-color: #005bae
94
+ border-width: 15px 9px 6px 9px
95
+ margin-left: -9px
96
+ z-index: 1100
97
+
98
+ .navbar-collapse
99
+ border-top: none
100
+ +box-shadow(none)
101
+
102
+ .first-menu-part
103
+ float: left
104
+ margin-top: 6px
105
+ position: relative
106
+
107
+ li a
108
+ text-decoration: none
109
+
110
+ li.col-xs-12
111
+ padding: 0px
112
+ margin-left: 0px
113
+
114
+ .navbar-collapse.in
115
+ overflow: hidden
116
+
117
+ .second-menu-part
118
+ float: right
119
+ overflow: hidden
120
+ padding-right: 0px
121
+ position: relative
122
+
123
+ .navbar-form.navbar-right
124
+ padding-right: 0px
125
+
126
+ .navbar.navbar-inverse.navbar-second-menu
127
+ +border-radius(0)
128
+ background: #005bae
129
+ border: none
130
+ margin: 40px 0 0 0
131
+ min-height: 40px
132
+
133
+ .search
134
+ float: right
135
+ margin-right: 10px
136
+ margin-top: 8px
137
+ padding-bottom: 0
138
+ padding-top: 0
139
+ position: relative
140
+
141
+ a.glyphicon-search
142
+ color: #fff
143
+ font-size: 20px
144
+ text-decoration: none
145
+ margin-left: 3px
146
+ margin-top: 3px
147
+
148
+ &:hover
149
+ text-decoration: none
150
+
151
+ .form-control
152
+ +box-sizing(border-box)
153
+ width: 180px !important
154
+ height: 30px
155
+
156
+ .navbar-collapse.collapse
157
+ .official-documents
158
+ float: right
159
+ margin: 13px 0 6px 0
160
+ position: relative
161
+
162
+ a
163
+ color: #fff
164
+ height: 34px
165
+ line-height: 20px
166
+ text-decoration: none
167
+
168
+ &:hover
169
+ text-decoration: underline
170
+
171
+ .nav
172
+ li
173
+ a
174
+ color: #fff
175
+ height: 34px
176
+ line-height: 20px
177
+ padding: 7px 10px
178
+
179
+ &:hover
180
+ background: #428bca
181
+
182
+ .navbar.navbar-inverse.navbar-fixed-top
183
+ background: #fff
184
+ border-bottom: none
185
+ min-height: 40px
186
+
187
+ .disabled
188
+ cursor: default !important
189
+
190
+ &.has_arrow:after
191
+ display: block
192
+
193
+ .dropdown-toggle
194
+ +box-sizing(border-box)
195
+ height: 40px
196
+ line-height: 20px
197
+ padding: 10px 15px 0 15px
198
+ text-decoration: none
199
+
200
+ &:hover
201
+ cursor: pointer
202
+
203
+ span
204
+ +user-select(none)
205
+ -webkit-touch-callout: none
206
+
207
+ .tmp_caret
208
+ padding: 7px
209
+ height: 4px
210
+
211
+ .caret
212
+ color: #9a9a9a
213
+ margin-left: 6px
214
+
215
+ .navbar-header
216
+ border-right: solid 1px #ccc
217
+ height: 40px
218
+ a
219
+ margin: 10px 0 0 10px
220
+
221
+ .navbar-brand
222
+ background: image_url('tusur_logotype.png') no-repeat
223
+ height: 24px
224
+ width: 219px
225
+ margin-top: 7px
226
+ padding: 0
227
+
228
+ .nav.navbar-nav
229
+ border-right: solid 1px #ccc
230
+
231
+ .open
232
+ .dropdown-toggle
233
+ background: #f3f3f3
234
+ color: #000
235
+ z-index: 1101
236
+
237
+ .dropdown-menu
238
+ +border-radius(0)
239
+ +box-shadow(none)
240
+ background: #f3f3f3
241
+ border-top: 0
242
+ left: -1px
243
+
244
+ li
245
+ a
246
+ color: #000
247
+ padding: 3px 15px
248
+ text-decoration: none
249
+
250
+ &:hover
251
+ color: #005bae
252
+ background: #e5e5e5
253
+ text-decoration: none
254
+
255
+ &.active a
256
+ color: #fff
257
+ text-decoration: none
258
+
259
+ &.navbar-right
260
+ border-left: solid 1px #ccc
261
+ border-right: none
262
+
263
+ a
264
+ text-decoration: none
265
+
266
+ &:last-child
267
+ margin-right: 0
268
+
269
+ .open
270
+ .dropdown-menu
271
+ +border-radius(0)
272
+ +box-shadow(none)
273
+ background: #f3f3f3
274
+ border-top: 0
275
+ left: auto
276
+
277
+ li
278
+ a
279
+ color: #000
280
+
281
+ .auth_block
282
+ border: none !important
283
+
284
+ li.dropdown, li.notification_icon, li.sign_in
285
+ border-left: 1px solid #ccc
286
+ height: 40px
287
+
288
+ a
289
+ padding: 10px 15px 10px 15px
290
+
291
+ li.notification_icon
292
+ border: none
293
+
294
+ a
295
+ display: block
296
+ padding: 10px 15px
297
+
298
+ img
299
+ display: inline-block
300
+ height: 16px
301
+ vertical-align: middle
302
+ width: 16px
303
+
304
+ .counter
305
+ color: #2a6496
306
+ float: left
307
+ font-size: 12px
308
+ height: 16px
309
+ line-height: 24px
310
+ margin: 0 5px 0 0
311
+
312
+ .current_user
313
+ display: block
314
+ float: left
315
+ line-height: 24px
316
+
317
+ img
318
+ display: block
319
+ float: left
320
+ margin: 0 5px 0 0
321
+
322
+ #menu_mobile
323
+ display: none
324
+
325
+ @media (max-width: 768px)
326
+ #menu_mobile
327
+ display: block
328
+ border-bottom: 1px solid #ccc
329
+
330
+ .active
331
+ background: #fff !important
332
+
333
+ .tusur_header_wrapper
334
+ height: 40px
335
+
336
+ #menu_first, #menu_second
337
+ display: none
@@ -0,0 +1,37 @@
1
+ .pagination
2
+ text-align: center
3
+
4
+ span, a
5
+ +inline-block
6
+ width: 30px
7
+ padding: 4px 0 0 0
8
+ height: 30px
9
+ text-decoration: none
10
+
11
+ a
12
+ padding: 0
13
+ height: 26px
14
+
15
+ .page
16
+ background: white
17
+
18
+ &:hover
19
+ background: #a8d3f3
20
+
21
+ .current
22
+ background: #1b89c6
23
+ color: white
24
+
25
+ &:hover
26
+ background: #1b89c6
27
+
28
+ span.next, span.prev
29
+ background: #d1d5d4
30
+ color: #989898
31
+ font-weight: bold
32
+
33
+ a.next, a.prev
34
+ background: #a7d3ee
35
+ color: #1787c6
36
+ font-weight: bold
37
+
@@ -0,0 +1,22 @@
1
+ #search_form
2
+ +clearfix
3
+ background: #a8d3f3
4
+ padding: 8px
5
+ margin: 0 0 20px 0
6
+
7
+ .search-input
8
+ padding: 0 10px 0 0
9
+
10
+ .form-control
11
+ width: 100%
12
+
13
+ .search
14
+ +border-radius(0)
15
+
16
+ .action
17
+ padding: 0
18
+ margin: 2px 0
19
+
20
+ input
21
+ outline: none
22
+