tusur_header 0.1.0

data/tusur_header.gemspec

@@ -0,0 +1,30 @@
+$:.push File.expand_path("../lib", __FILE__)
+
+# Maintain your gem's version:
+require 'tusur_header/version'
+
+# Describe your gem and declare its dependencies:
+Gem::Specification.new do |s|
+  s.name        = 'tusur_header'
+  s.version     = TusurHeader::VERSION
+  s.authors     = ['Evgeny Lapin']
+  s.email       = ['lev@openteam.ru']
+  s.homepage    = ''
+  s.summary     = ''
+  s.description = ''
+
+  s.files = `git ls-files`.split("\n")
+
+  s.add_development_dependency 'bundler'
+  s.add_development_dependency 'rails', '~> 3.2.15'
+
+  s.add_runtime_dependency 'bootstrap-sass', '~> 3.1.1'
+  s.add_runtime_dependency 'coffee-rails'
+  s.add_runtime_dependency 'compass-rails'
+  s.add_runtime_dependency 'jquery-rails'
+  s.add_runtime_dependency 'sass-rails', '>= 3.2'
+  s.add_runtime_dependency 'rest-client'
+  s.add_runtime_dependency 'stop_ie', '>= 0.1.5'
+
+  s.rubyforge_project = s.name
+end

data/vendor/assets/javascripts/tusur_header.js

@@ -0,0 +1,12 @@
+//= require bootstrap/button
+//= require bootstrap/dropdown
+//= require bootstrap/collapse
+//= require bootstrap/transition
+
+//= require tusur_header_observer
+
+$(function() {
+  if ($('.tusur_header_wrapper').length) {
+    init_tusur_header_observer();
+  }
+});

data/vendor/assets/javascripts/tusur_header_observer/index.js

@@ -0,0 +1,3 @@
+/*
+ *= require_tree .
+ */

data/vendor/assets/javascripts/tusur_header_observer/init.js.coffee

@@ -0,0 +1,50 @@
+@init_tusur_header_observer = ->
+
+  first_menu = $('#menu_first')
+  second_menu = $('#menu_second')
+
+  #для мобилок
+  if window.innerWidth < 750
+    $('.has_arrow', first_menu).removeClass('has_arrow')
+
+  dropdown_menus = $('ul.nav.navbar-nav', first_menu).not('.navbar-right')
+  return true if dropdown_menus.length < 2
+
+  site_menu = dropdown_menus[1]
+  site_menu_caret = $('.caret', site_menu)
+  site_menu_toggle = $('.dropdown-toggle', site_menu)
+  site_menu_toggle.click (e) ->
+    false if $(e.target).hasClass('disabled')
+
+  site_menu_caret.hide = () ->
+    if this.hasClass('caret')
+      this.addClass('tmp_caret')
+      this.removeClass('caret')
+    true
+
+  site_menu_caret.show = () ->
+    if this.hasClass('tmp_caret')
+      this.removeClass('tmp_caret')
+      this.addClass('caret')
+    true
+
+  site_menu_caret.hide()
+  site_menu_toggle.addClass('disabled')
+
+  $('.auth_block .dropdown').click ->
+    cloud = $('.ntf_cloud')
+    cloud.hide().html('') if cloud.is(':visible')
+
+  $(window).scroll () ->
+    if $(window).scrollTop() > 0
+      first_menu.css('border-bottom', 'solid 1px #ccc')
+      site_menu_caret.show()
+      site_menu_toggle.removeClass('disabled')
+
+    if $(window).scrollTop() == 0
+      first_menu.css('border-bottom', 'none')
+      site_menu_caret.hide()
+      site_menu_toggle.click() if site_menu_toggle.parent().hasClass('open')
+      site_menu_toggle.addClass('disabled')
+
+  true

data/vendor/assets/stylesheets/_buttons.sass

@@ -0,0 +1,96 @@
+.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger
+  +box-shadow(inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075))
+  +text-shadow(0 -1px 0 rgba(0, 0, 0, 0.2))
+
+.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
+  +box-shadow(inset 0 3px 5px rgba(0, 0, 0, 0.125))
+
+.btn
+  &:active, &.active
+    background-image: none
+
+.btn-default
+  +text-shadow(0 1px 0 #fff)
+  +background-image(linear-gradient(to bottom, #fff 0%, #e0e0e0 100%))
+  background-repeat: repeat-x
+  border-color: #dbdbdb
+  border-color: #ccc
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0)
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
+
+  &:hover, &:focus
+    background-color: #e0e0e0
+    background-position: 0 -15px
+  &:active, &.active
+    background-color: #e0e0e0
+    border-color: #dbdbdb
+
+.btn-primary
+  +background-image(linear-gradient(to bottom, #0089d7 0%, #015db0 100%))
+  background-repeat: repeat-x
+  border-color: #005bae
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0089d7', endColorstr='#ff015db0', GradientType=0)
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
+
+  &:hover, &:focus
+    background-color: #005bae
+    background-position: 0 -15px
+  &:active, &.active
+    background-color: #005bae
+    border-color: #2b669a
+
+.btn-success
+  +background-image(linear-gradient(to bottom, #5cb85c 0%, #419641 100%))
+  background-repeat: repeat-x
+  border-color: #3e8f3e
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0)
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
+
+  &:hover, &:focus
+    background-color: #419641
+    background-position: 0 -15px
+  &:active, &.active
+    background-color: #419641
+    border-color: #3e8f3e
+
+.btn-warning
+  +background-image(linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%))
+  background-repeat: repeat-x
+  border-color: #e38d13
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0)
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
+
+  &:hover, &:focus
+    background-color: #eb9316
+    background-position: 0 -15px
+  &:active, &.active
+    background-color: #eb9316
+    border-color: #e38d13
+
+.btn-danger
+  +background-image(linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%))
+  background-repeat: repeat-x
+  border-color: #b92c28
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0)
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
+
+  &:hover, &:focus
+    background-color: #c12e2a
+    background-position: 0 -15px
+  &:active, &.active
+    background-color: #c12e2a
+    border-color: #b92c28
+
+.btn-info
+  +background-image(linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%))
+  background-repeat: repeat-x
+  border-color: #28a4c9
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0)
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
+
+  &:hover, &:focus
+    background-color: #2aabd2
+    background-position: 0 -15px
+  &:active, &.active
+    background-color: #2aabd2
+    border-color: #28a4c9

data/vendor/assets/stylesheets/_error_pages.sass

@@ -0,0 +1,83 @@
+.error-page
+  font-size: 14px
+  background-color: #fff
+
+  a
+    color: #005baa
+    outline: none
+    text-decoration: none
+
+    &:hover
+      text-decoration: underline
+
+  .tusur_header_wrapper
+    height: 40px
+
+  .navbar
+    border-bottom: 1px solid #ccc !important
+
+  .error
+    margin: 160px auto
+    width: 360px
+
+    .error-image
+      margin: 0 auto 25px auto
+
+      &.error-403
+        background: image_url('403.png') no-repeat center center
+        height: 77px
+        width: 188px
+
+      &.error-404
+        background: image_url('404.png') no-repeat center center
+        height: 75px
+        width: 196px
+
+      &.error-500
+        background: image_url('500.png') no-repeat center center
+        height: 77px
+        width: 188px
+
+      &.error-502
+        background: image_url('502.png') no-repeat center center
+        height: 77px
+        width: 184px
+
+    .error-text
+      border: 1px solid #cecece
+      padding: 20px 10px
+      position: relative
+      text-align: center
+
+      &:after, &:before
+        bottom: 100%
+        left: 50%
+        border: solid transparent
+        content: " "
+        height: 0
+        width: 0
+        position: absolute
+        pointer-events: none
+
+      &:after
+        border-color: rgba(255, 255, 255, 0)
+        border-bottom-color: #ffffff
+        border-width: 17px
+        margin-left: -17px
+
+      &:before
+        border-color: rgba(206, 206, 206, 0)
+        border-bottom-color: #cecece
+        border-width: 18px
+        margin-left: -18px
+
+      p
+        margin: 0 0 10px 0
+
+      p:last-child
+        margin: 0
+
+@media (max-width: 768px)
+  .error
+    margin: 40px auto !important
+    width: 280px !important

data/vendor/assets/stylesheets/_override.sass

@@ -0,0 +1,337 @@
+.tusur_header_wrapper
+  font-size: 14px
+  font-family: 'Verdana', 'Tahoma', sans-serif
+
+  *
+    +box-sizing(border-box)
+
+    &:before,
+    &:after
+      +box-sizing(border-box)
+
+  #menu_first
+    .navbar-nav > li > a
+      padding: 10px 15px
+
+  #menu_second
+    .container
+      height: 46px
+
+  .form-group
+    position: relative
+    float: left
+
+    input
+      +border-radius(8px)
+      +box-shadow(none)
+      border: none
+      font-size: 12px
+      height: 30px
+      padding: 6px 15px
+
+
+  .mobile-toggler, .navbar-inverse .navbar-toggle:focus
+    background: #d1d4d3
+    border: none
+    margin-top: 4px
+
+  .navbar-inverse .navbar-toggle:hover
+    background: #e3e5e6
+
+  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form
+    border-top: none
+    border-bottom: none
+    +box-shadow(none)
+
+  .official-doc-for-mobile
+    clear: both
+    padding-left: 10px
+
+    .official-documents
+      padding-left: 0px
+
+    .search
+      position: relative
+      float: left !important
+
+    .official-documents
+      float: left
+      margin-bottom: 10px
+      margin-right: 10px
+
+      a
+        color: #fff
+
+        &:hover
+          text-decoration: underline
+
+  #site-menu
+
+    .active
+      background-color: #428bca
+
+      a
+        background-color: #428bca
+
+        &:focus
+          background-color: #428bca
+
+  .has_arrow
+    position: relative
+
+    &:after
+      display: none
+      bottom: 0
+      left: 50%
+      border: solid transparent
+      content: ' '
+      height: 0
+      width: 0
+      position: absolute
+      pointer-events: none
+      border-color: rgba(255, 255, 255, 0)
+      border-bottom-color: #005bae
+      border-width: 15px 9px 6px 9px
+      margin-left: -9px
+      z-index: 1100
+
+  .navbar-collapse
+    border-top: none
+    +box-shadow(none)
+
+  .first-menu-part
+    float: left
+    margin-top: 6px
+    position: relative
+
+    li a
+      text-decoration: none
+
+    li.col-xs-12
+      padding: 0px
+      margin-left: 0px
+
+  .navbar-collapse.in
+    overflow: hidden
+
+  .second-menu-part
+    float: right
+    overflow: hidden
+    padding-right: 0px
+    position: relative
+
+    .navbar-form.navbar-right
+      padding-right: 0px
+
+  .navbar.navbar-inverse.navbar-second-menu
+    +border-radius(0)
+    background: #005bae
+    border: none
+    margin: 40px 0 0 0
+    min-height: 40px
+
+    .search
+      float: right
+      margin-right: 10px
+      margin-top: 8px
+      padding-bottom: 0
+      padding-top: 0
+      position: relative
+
+    a.glyphicon-search
+      color: #fff
+      font-size: 20px
+      text-decoration: none
+      margin-left: 3px
+      margin-top: 3px
+
+      &:hover
+        text-decoration: none
+
+    .form-control
+      +box-sizing(border-box)
+      width: 180px !important
+      height: 30px
+
+    .navbar-collapse.collapse
+      .official-documents
+        float: right
+        margin: 13px 0 6px 0
+        position: relative
+
+        a
+          color: #fff
+          height: 34px
+          line-height: 20px
+          text-decoration: none
+
+          &:hover
+            text-decoration: underline
+
+    .nav
+      li
+        a
+          color: #fff
+          height: 34px
+          line-height: 20px
+          padding: 7px 10px
+
+          &:hover
+            background: #428bca
+
+  .navbar.navbar-inverse.navbar-fixed-top
+    background: #fff
+    border-bottom: none
+    min-height: 40px
+
+    .disabled
+      cursor: default !important
+
+      &.has_arrow:after
+        display: block
+
+    .dropdown-toggle
+      +box-sizing(border-box)
+      height: 40px
+      line-height: 20px
+      padding: 10px 15px 0 15px
+      text-decoration: none
+
+      &:hover
+        cursor: pointer
+
+      span
+        +user-select(none)
+        -webkit-touch-callout: none
+
+      .tmp_caret
+        padding: 7px
+        height: 4px
+
+      .caret
+        color: #9a9a9a
+        margin-left: 6px
+
+    .navbar-header
+      border-right: solid 1px #ccc
+      height: 40px
+      a
+        margin: 10px 0 0 10px
+
+      .navbar-brand
+        background: image_url('tusur_logotype.png') no-repeat
+        height: 24px
+        width: 219px
+        margin-top: 7px
+        padding: 0
+
+    .nav.navbar-nav
+      border-right: solid 1px #ccc
+
+      .open
+        .dropdown-toggle
+          background: #f3f3f3
+          color: #000
+          z-index: 1101
+
+        .dropdown-menu
+          +border-radius(0)
+          +box-shadow(none)
+          background: #f3f3f3
+          border-top: 0
+          left: -1px
+
+          li
+            a
+              color: #000
+              padding: 3px 15px
+              text-decoration: none
+
+              &:hover
+                color: #005bae
+                background: #e5e5e5
+                text-decoration: none
+
+            &.active a
+              color: #fff
+              text-decoration: none
+
+      &.navbar-right
+        border-left: solid 1px #ccc
+        border-right: none
+
+        a
+          text-decoration: none
+
+        &:last-child
+          margin-right: 0
+
+        .open
+          .dropdown-menu
+            +border-radius(0)
+            +box-shadow(none)
+            background: #f3f3f3
+            border-top: 0
+            left: auto
+
+    li
+      a
+        color: #000
+
+.auth_block
+  border: none !important
+
+  li.dropdown, li.notification_icon, li.sign_in
+    border-left: 1px solid #ccc
+    height: 40px
+
+    a
+      padding: 10px 15px 10px 15px
+
+  li.notification_icon
+    border: none
+
+    a
+      display: block
+      padding: 10px 15px
+
+      img
+        display: inline-block
+        height: 16px
+        vertical-align: middle
+        width: 16px
+
+      .counter
+        color: #2a6496
+        float: left
+        font-size: 12px
+        height: 16px
+        line-height: 24px
+        margin: 0 5px 0 0
+
+  .current_user
+    display: block
+    float: left
+    line-height: 24px
+
+    img
+      display: block
+      float: left
+      margin: 0 5px 0 0
+
+#menu_mobile
+  display: none
+
+@media (max-width: 768px)
+  #menu_mobile
+    display: block
+    border-bottom: 1px solid #ccc
+
+    .active
+      background: #fff !important
+
+  .tusur_header_wrapper
+    height: 40px
+
+  #menu_first, #menu_second
+    display: none

data/vendor/assets/stylesheets/_pagination.sass

@@ -0,0 +1,37 @@
+.pagination
+  text-align: center
+
+  span, a
+    +inline-block
+    width: 30px
+    padding: 4px 0 0 0
+    height: 30px
+    text-decoration: none
+
+    a
+      padding: 0
+      height: 26px
+
+  .page
+    background: white
+
+    &:hover
+      background: #a8d3f3
+
+  .current
+    background: #1b89c6
+    color: white
+
+    &:hover
+      background: #1b89c6
+
+  span.next, span.prev
+    background: #d1d5d4
+    color: #989898
+    font-weight: bold
+
+  a.next, a.prev
+    background: #a7d3ee
+    color: #1787c6
+    font-weight: bold
+

data/vendor/assets/stylesheets/_search_form.sass

@@ -0,0 +1,22 @@
+#search_form
+  +clearfix
+  background: #a8d3f3
+  padding: 8px
+  margin: 0 0 20px 0
+
+  .search-input
+    padding: 0 10px 0 0
+
+    .form-control
+      width: 100%
+
+    .search
+      +border-radius(0)
+
+  .action
+    padding: 0
+    margin: 2px 0
+
+    input
+      outline: none
+