rt/share/static/css/aileron/nav.css

   1 .sf-menu {
   2     width: 100%;
   3     margin-bottom: 0;
   4 }
   5
   6 .sf-menu li:hover {
   7     background-color: #CFDEFF;
   8 }
   9
  10 .sf-menu li, .sf-menu li li, .sf-menu li li li {
  11     background-color: #eaeaea;
  12 }
  13
  14 .sf-sub-indicator {
  15     background-image: url(../../../static/css/images/arrows-grey.png);
  16 }
  17
  18 .sf-menu li li .sf-sub-indicator {
  19     margin-top: -3px;
  20 }
  21
  22 #page-menu.sf-menu li .sf-sub-indicator {
  23     top: 0.7em;
  24 }
  25
  26 #page-menu.sf-menu li:hover ul, #page-menu.sf-menu li.sfHover ul {
  27     top: 2.5em;
  28 }
  29
  30 #page-menu.sf-menu li ul {
  31     border-bottom: 2px solid #ccc;
  32 }
  33
  34 #main-navigation {
  35     position: absolute;
  36     top: 1px;
  37     left: 0;
  38     z-index: 9999;
  39     text-color: #000;
  40 }
  41
  42 #main-navigation .sf-menu a, #main-navigation .sf-menu a:hover {
  43     padding-top: 0.5em;
  44     padding-bottom: 0.5em;
  45     border-color: #fff;
  46     color: #000;
  47 }
  48
  49 #main-navigation a {
  50     border-top: none;
  51 }
  52
  53 #main-navigation li li a {
  54     border-top: 1px solid white;
  55 }
  56
  57 #app-nav.sf-menu > li:first-child > a {
  58     border-left: none;
  59 }
  60
  61 #main-navigation #app-nav > li, #main-navigation #app-nav > li > a {
  62     background-color: transparent;
  63 }
  64
  65 #page-navigation {
  66     position: absolute;
  67     top: 6.05em;
  68     right: 0em;
  69     left: auto;
  70     z-index: 9995;
  71     font-size: 0.9em;
  72 }
  73
  74 #page-navigation .sf-menu li, #page-navigation .sf-menu li li, #page-navigation .sf-menu li li li {
  75     background-color: #fff;
  76 }
  77
  78 #page-navigation .sf-menu a:visited, #page-navigation .sf-menu a {
  79     border: none;
  80     color: #000;
  81 }
  82
  83 /* to stop a "flash" of an unstyled menu on an older browser,  hide the menu until superfish has initialized it */
  84 #app-nav.toplevel { display: none; }
  85 #app-nav.toplevel.sf-menu { display:block; }
  86 #page-menu.toplevel { display: none; }
  87 #page-menu.toplevel.sf-menu { display:block; }
  88
  89 #topactions {
  90  position: absolute;
  91  background: transparent;
  92  top: 3.2em;
  93  right: 0.7em;
  94  width: auto;
  95  min-width: 42em;
  96  font-size: 0.9em;
  97  z-index: 99;
  98 }
  99
 100 #topactions form * {
 101     vertical-align: top;
 102 }
 103
 104 #topactions button, #topactions select, #topactions input{
 105  padding-top: 0em;
 106  padding-bottom: 0em;
 107  width: 8em;
 108
 109 }
 110
 111 #topactions #simple-search .field{
 112  margin-left: 1em;
 113  color: #787;
 114  }
 115
 116 #topactions #simple-search .field:focus {
 117  color: #000;
 118  }
 119
 120 /* The bookmark star is too tall without adjusting the padding and height */
 121
 122 .sf-menu .toggle-bookmark a {
 123     padding: 0 1em;
 124     height: 2.5em;
 125 }
 126
 127 .sf-menu .toggle-bookmark a img {
 128     padding-top: 0.6em;
 129 }
 130
 131 /* Pin page menu to top left corner once you scroll past it */
 132
 133 #page-menu.pinned {
 134     position: fixed;
 135     top:    0;
 136     right:  0;
 137     left:   auto;
 138     width:  auto;
 139
 140     background:     white;
 141     border-left:    1px #aaa solid;
 142     border-bottom:  1px #aaa solid;
 143     border-radius:  0 0 0 5px;
 144     box-shadow:     0 0 10px rgba(0,0,0,0.4);
 145
 146     /* stupid vendor prefixes */
 147     -moz-border-radius:     0 0 0 5px;
 148     -webkit-border-radius:  0 0 0 5px;
 149     -moz-box-shadow:        0 0 10px rgba(0,0,0,0.4);
 150     -webkit-box-shadow:     0 0 10px rgba(0,0,0,0.4);
 151 }
 152
 153 #page-menu.pinned li:hover ul,
 154 #page-menu.pinned li.sfHover ul {
 155     border-left:    1px #aaa solid;
 156     border-right:   1px #aaa solid;
 157     z-index:        -1 !important; /* relative to current stacking context */
 158     box-shadow:     0 0 10px rgba(0,0,0,0.4);
 159
 160     -moz-box-shadow:    0 0 10px rgba(0,0,0,0.4);
 161     -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
 162 }
 163
 164 /* round off the corner of the first menu item so it matches the container */
 165 #page-menu.pinned > li:first-of-type,
 166 #page-menu.pinned > li:first-of-type > a {
 167     border-radius:          0 0 0 5px;
 168     -moz-border-radius:     0 0 0 5px;
 169     -webkit-border-radius:  0 0 0 5px;
 170 }