application/views/css/base-sass/header.sass

   1 @import "compass/css3/images"
   2
   3 .header
   4         position: relative
   5
   6         box-sizing: border-box
   7         -moz-box-sizing: border-box
   8         min-width: 768px
   9         width: 100%
  10         z-index: 2
  11         background: #fcfcfc
  12         box-shadow: 0 0 6px $weak_shadow_color
  13         border-bottom: 1px solid $border-color-dark
  14
  15         .logo
  16                 position: absolute
  17                 padding: 7px
  18                 left: 0px
  19                 top: 0px
  20
  21                 border-radius: 0px 0px 5px 0px
  22                 border: 0 solid $border-color-dark
  23                 border-width: 0 1px 1px 0
  24
  25                 box-shadow: 0 0 3px $weak_shadow_color
  26                 background: #fcfcfc
  27
  28                 .logo-image
  29                         margin: 7px 9px 7px 7px
  30                         height: 19px
  31                         width: 19px
  32                         display: inline-block
  33
  34         .headercontent
  35                 float: left
  36                 margin-left: 20px
  37                 margin-top: 22px
  38                 padding: 0
  39                 border-radius: 6px 6px 0 0
  40                 border: 1px solid $border-color-light
  41                 border-bottom: none
  42                 font-size: 0.9em
  43
  44                 ul
  45                         float: left
  46
  47                         li
  48                                 float: left
  49                                 border-right: 1px solid $border-color-light
  50                                 border-radius: 5px 5px 0 0
  51
  52                                 &:hover
  53                                         border-color: 1px solid $border-color-dark
  54                                         background: #fff
  55                 a
  56
  57                         span
  58                                 cursor: pointer
  59                                 margin: 6px 6px 0 6px
  60                                 background-repeat: no-repeat
  61                                 overflow: auto