rt/share/static/css/web2/nav.css

   1 #main-navigation {
   2     background-color: #fff;
   3     -moz-border-radius-bottomright: 0.5em;
   4     -moz-border-radius-topright: 0.5em;
   5     -webkit-border-top-right-radius: 0.5em;
   6     -webkit-border-bottom-right-radius: 0.5em;
   7     border-radius: 0 0.5em 0.5em 0;
   8     width: 10em;
   9     font-size: 0.85em;
  10     position: absolute;
  11     top: 3.4em;
  12     left: 0em;
  13     z-index: 9997;
  14     padding-top: 1em;
  15     padding-right: 0.5em;
  16     padding-left: 0.5em;
  17 }
  18
  19 .sf-sub-indicator {
  20     background-image: url(../../../static/css/images/arrows-grey.png);
  21     margin-top: -3px;
  22 }
  23
  24 #app-nav.sf-vertical li:hover ul,
  25 #app-nav.sf-vertical li.sfHover ul {
  26     top: -1px;
  27 }
  28
  29 #prefs-menu > li, #prefs-menu > li > a {
  30     background-color: transparent;
  31 }
  32
  33 #prefs-menu.sf-menu a,
  34 #prefs-menu .sf-menu a
  35 {
  36     border: none;
  37 }
  38
  39 #prefs-menu.sf-menu li li li {
  40     border-left: 1px solid #ccc;
  41 }
  42
  43 #prefs-menu.sf-menu li:hover ul,
  44 #prefs-menu.sf-menu li.sfHover ul {
  45     top: 2.4em; /* match the height of the top level li */
  46 }
  47
  48 #prefs-menu.sf-menu li li:hover ul,
  49 #prefs-menu.sf-menu li li.sfHover ul {
  50     top: 0;
  51 }
  52
  53 #prefs-menu .sf-sub-indicator {
  54     background-image: url(../../../static/css/images/arrows-grey.png);
  55     margin-top: 0;
  56 }
  57
  58 #main-navigation ul li {
  59 }
  60
  61
  62 #main-navigation .sf-menu {
  63     text-color: #000;
  64 }
  65
  66 #main-navigation .sf-menu li {
  67     background: none;
  68 }
  69
  70 #main-navigation .sf-menu li:first-child {
  71     border-top: 1px solid #ccc;
  72 }
  73
  74 #main-navigation .sf-menu a,
  75 #main-navigation .sf-menu a:visited {
  76     padding-top: 0.5em;
  77     padding-bottom: 0.5em;
  78     color: #000;
  79     border: none;
  80 }
  81
  82 #main-navigation .sf-menu li {
  83     border-bottom: 1px solid #ccc;
  84
  85 }
  86
  87
  88 #main-navigation .sf-menu ul a,
  89 #main-navigation .sf-menu ul a:visited {
  90     color: #000;
  91 }
  92
  93
  94 #main-navigation .sf-menu li li, #main-navigation .sf-menu li li li {
  95     border-left: none;
  96     background-color: #fff;
  97     text-color: #547CCC;
  98 }
  99
 100 #main-navigation .sf-menu li:hover, #main-navigation .sf-menu li.sfHover, #main-navigation .sf-menu a:focus, #main-navigation .sf-menu a:hover, #main-navigation .sf-menu a:active {
 101     background-color: #CFDEFF;
 102     text-color: #000;
 103     color: #000;
 104 }
 105
 106 #main-navigation .sfHover a,
 107 #main-navigation .sfHover a:visited {
 108     color: #000;
 109 }
 110
 111 /* to stop a "flash" of an unstyled menu on an older browser,  hide the menu until superfish has initialized it */
 112 #app-nav.toplevel { display: none; }
 113 #app-nav.toplevel.sf-menu { display:block; }
 114 #page-menu.toplevel { display: none; }
 115 #page-menu.toplevel.sf-menu { display:block; }
 116
 117
 118
 119 #page-navigation {
 120     position: absolute;
 121     top: 5.7em;
 122     left: 10em;
 123     right: 0em;
 124     height: 2.1em;
 125     z-index: 9995;
 126     font-size: 0.9em;
 127     background-color: #fff;
 128     border: 1px solid #ccc;
 129     -moz-border-radius-bottomleft: 0.5em;
 130     -webkit-border-bottom-left-radius: 0.5em;
 131     border-right: none;
 132     border-radius: 0 0 0 0.5em;
 133 }
 134
 135 #page-navigation .sf-menu {
 136     margin: 0;
 137 }
 138
 139 #page-navigation .sf-menu li, #page-navigation .sf-menu li li, #page-navigation .sf-menu li li li {
 140     background: none;
 141     height: 2em;
 142     padding-top: 0.25em;
 143     padding-bottom: 0;
 144     padding-left: 0.5em;
 145     padding-right: 0.5em;
 146     display: inline-block;
 147 }
 148
 149
 150 #page-navigation .sf-menu ul {
 151     background: white;
 152     border-bottom: 2px solid #ccc;
 153 }
 154
 155
 156 #page-navigation .sf-menu li:hover, #page-navigation .sf-menu li.sfHover, #page-navigation .sf-menu a:focus, #page-navigation .sf-menu a:hover, #page-navigation .sf-menu a:active {
 157     background: none;
 158 }
 159
 160 #page-navigation .sf-menu a:visited, #page-navigation .sf-menu a {
 161     border: none;
 162     color: #000;
 163 }
 164
 165 #page-navigation .sf-menu a {
 166     padding: 0.25em;
 167 }
 168
 169 #page-navigation .sf-menu a.sf-with-ul {
 170     /* allow space for the submenu indicator */
 171     padding-right: 2em;
 172 }
 173
 174 #page-menu.sf-menu li .sf-sub-indicator {
 175     top: 0.7em;
 176 }
 177
 178
 179 #page-actions {
 180     display: none;
 181 }
 182
 183 #page-action-menu {
 184     position: absolute;
 185     display: block;
 186     top: 8.2em;
 187     right: 0em;
 188     left: auto;
 189     z-index: 9995;
 190     font-size: 0.9em;
 191     background-color: #eee;
 192     border: 1px solid #ccc;
 193     -moz-border-radius-bottomleft: 0.5em;
 194     -webkit-border-bottom-left-radius: 0.5em;
 195     border-bottom-left-radius: 0.5em;
 196     border-right: none;
 197     border-top: none;
 198     list-style-type: none;
 199     padding: 0.5em;
 200 }
 201
 202
 203 #page-action-menu li {
 204     display: inline;
 205 }
 206
 207 #page-action-menu a, #page-action-menu a:visited {
 208     border: none;
 209     padding: 0.25em;
 210     color: #000;
 211 }
 212
 213
 214 #topactions {
 215  position: absolute;
 216  background: transparent;
 217  top: 3.2em;
 218  right: 0.7em;
 219  width: auto;
 220  min-width: 42em;
 221  font-size: 0.9em;
 222  z-index: 99;
 223 }
 224
 225 #topactions form * {
 226     vertical-align: top;
 227 }
 228
 229 #topactions button, #topactions select, #topactions input{
 230  padding-top: 0em;
 231  padding-bottom: 0em;
 232  width: 8em;
 233
 234 }
 235
 236 #topactions #simple-search .field{
 237  margin-left: 1em;
 238  color: #787;
 239  }
 240
 241 #topactions #simple-search .field:focus {
 242  color: #000;
 243  }
 244
 245