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