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

   1 @import "compass/css3/images"
   2
   3 // Menu/Navigation SASS
   4
   5 .main-menu
   6         margin-left: 52px
   7         float: left
   8         z-index: 3
   9
  10         ul
  11                 position: relative
  12
  13                 li
  14                         position: relative
  15                         display: inline-block
  16
  17                         vertical-align: top
  18                         padding: 5px 10px 4px 10px
  19                         border-right: 1px solid $border-color-dark
  20
  21                         &:hover
  22                                 cursor: default
  23
  24                                 ul
  25                                         display: block
  26
  27                         ul
  28                                 position: absolute
  29                                 display: none
  30                                 width: 200px
  31
  32                                 margin: 4px 0 0 -14px
  33
  34                                 border: 1px solid $border-color-dark
  35                                 border-radius: 0 0 3px 3px
  36                                 box-shadow: 0 2px 3px $weak_shadow_color
  37                                 background: #fff
  38
  39                                 z-index: 4
  40
  41                                 li
  42                                         display: block
  43                                         border: none
  44                                         border-top: 1px solid $border-color-light
  45                                         padding: 0
  46
  47                                         &:first-child
  48                                                 border: none
  49
  50                                         &:last-child
  51                                                 border-top: 1px solid $border-color-light
  52
  53                                         &.meta
  54                                                 padding: 4px 0 4px 8px
  55
  56                                         a
  57                                                 border: none
  58                                                 display: block
  59                                                 padding: 6px 0 6px 8px
  60                                                 text-transform: capitalize
  61
  62                                                 span
  63                                                         vertical-align: middle
  64
  65                                                 &:hover
  66                                                         background: #f5f5f5
  67
  68                                         .nav-seg-span
  69                                                 margin-left: 8px
  70
  71
  72 #dojo-quicklink-internal
  73         li
  74                 position: relative
  75                 &.selected
  76                         box-shadow: inset 0 0 2px $weak-shadow-color
  77                         border-radius: 2px 4px  0 0
  78                         background-color: #f2f2f2
  79                         border-right: 1px solid $border-color-light
  80                         border-left: 1px solid $border-color-light
  81
  82 a
  83         &.external
  84                 background: url(../../icons/external_link.gif) right center no-repeat
  85                 padding-right: 16px