rt/share/static/css/freeside4/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,
  11 .sf-menu li li,
  12 .sf-menu li li li {
  13     background-color: #fff
  14 }
  15
  16 .sf-sub-indicator {
  17     background-image: url(../../../static/css/images/arrows-grey.png)
  18 }
  19
  20 .sf-menu li li .sf-sub-indicator {
  21     margin-top: -3px
  22 }
  23
  24 #page-menu.sf-menu li .sf-sub-indicator {
  25     top: 0.7em
  26 }
  27
  28 #page-menu.sf-menu li:hover ul,
  29 #page-menu.sf-menu li.sfHover ul {
  30     top: 2.5em
  31 }
  32
  33 #main-navigation {
  34     position: absolute;
  35     top: 1px;
  36     left: 0;
  37     z-index: 9999;
  38     text-color: #000;
  39 }
  40
  41 #main-navigation .sf-menu a,
  42 #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,
  62 #main-navigation #app-nav > li > a {
  63     background-color: transparent
  64 }
  65
  66 #page-navigation {
  67     position: absolute;
  68     top: 6em;
  69     right: 0;
  70     left: 0;
  71     padding-right: 3em;
  72     z-index: 9995;
  73     font-size: 0.9em;
  74     border-bottom: 1px solid #ccc;
  75     background-color: #eee;
  76 }
  77
  78 #page-navigation #page-menu {
  79     margin-top: 0.2em;
  80     float: right;
  81     width: auto;
  82 }
  83
  84 #page-navigation .sf-menu li {
  85     background-color: transparent
  86 }
  87
  88 #page-navigation .sf-menu li li,
  89 #page-navigation .sf-menu li li li {
  90     background-color: #fff
  91 }
  92
  93 #page-navigation .sf-menu a:visited,
  94 #page-navigation .sf-menu a {
  95     border: none;
  96     color: #000;
  97 }
  98
  99 /* to stop a "flash" of an unstyled menu on an older browser,  hide the menu until superfish has initialized it */
 100
 101 #app-nav.toplevel {
 102     display: none
 103 }
 104
 105 #app-nav.toplevel.sf-menu {
 106     display: block
 107 }
 108
 109 #page-menu.toplevel {
 110     display: none
 111 }
 112
 113 #page-menu.toplevel.sf-menu {
 114     display: block
 115 }
 116
 117 #topactions {
 118     position: absolute;
 119     background: transparent;
 120     top: 2.5em;
 121     right: 0em;
 122     padding-right: 0.7em;
 123     width: auto;
 124     padding-top: 0.5em;
 125     padding-bottom: 0.5em;
 126     min-width: 42em;
 127     font-size: 0.9em;
 128     z-index: 99;
 129 }
 130
 131 #topactions form * {
 132
 133 }
 134
 135 #topactions input,
 136 #topactions select,
 137 #topactions button {
 138     font-size: 1em;
 139     padding-top: 0.25em;
 140     padding-bottom: 0.25em;
 141     padding-left: 0.5em;
 142     padding-right: 0.5em;
 143     width: 8em;
 144     vertical-align: middle;
 145 }
 146
 147 #topactions .select-queue {
 148     padding-right: 0
 149 }
 150
 151 #topactions #simple-search .field {
 152     margin-left: 1em;
 153     color: #787;
 154 }
 155
 156 #topactions #simple-search .field:focus {
 157     color: #000
 158 }
 159
 160 .sf-menu ul {
 161     background-image: none;
 162     padding: 0;
 163 }
 164
 165 .sf-menu.sf-shadow ul {
 166     -moz-border-radius: 0;
 167     -webkit-border-radius: 0;
 168     border-radius: 0;
 169     -moz-box-shadow: 2px 2px 8px -2px #999;
 170     -webkit-box-shadow: 2px 2px 8px -2px #999;
 171     box-shadow: 2px 2px 8px -2px #999;
 172 }
 173
 174 /* The bookmark star is too tall without adjusting the padding and height */
 175
 176 .sf-menu .toggle-bookmark a {
 177     padding: 0 1em;
 178     height: 2.5em;
 179 }
 180
 181 .sf-menu .toggle-bookmark a img {
 182     padding-top: 0.6em
 183 }
 184
 185 /* Pin page menu to top left corner once you scroll past it */
 186
 187 #page-navigation #page-menu.pinned {
 188     position: fixed;
 189     top: 0;
 190     right: 0;
 191     left: auto;
 192     width: auto;
 193     margin-top: 0;
 194     background: white;
 195     border-left: 1px #aaa solid;
 196     border-bottom: 1px #aaa solid;
 197     border-radius: 0 0 0 5px;
 198     box-shadow: 0 0 10px rgba(0,0,0,0.4);
 199     /* stupid vendor prefixes */
 200     -moz-border-radius: 0 0 0 5px;
 201     -webkit-border-radius: 0 0 0 5px;
 202     -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
 203     -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
 204 }
 205
 206 #page-menu.pinned li:hover ul,
 207 #page-menu.pinned li.sfHover ul {
 208     border-left: 1px #aaa solid;
 209     border-right: 1px #aaa solid;
 210     z-index: -1 !important; /* relative to current stacking context */
 211     box-shadow: 0 0 10px rgba(0,0,0,0.4);
 212     -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
 213     -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
 214 }
 215
 216 /* round off the corner of the first menu item so it matches the container */
 217
 218 #page-menu.pinned > li:first-of-type,
 219 #page-menu.pinned > li:first-of-type > a {
 220     border-radius: 0 0 0 5px;
 221     -moz-border-radius: 0 0 0 5px;
 222     -webkit-border-radius: 0 0 0 5px;
 223 }