rt/share/html/NoAuth/css/web2/nav.css

   1 %# BEGIN BPS TAGGED BLOCK {{{
   2 %#
   3 %# COPYRIGHT:
   4 %#
   5 %# This software is Copyright (c) 1996-2014 Best Practical Solutions, LLC
   6 %#                                          <sales@bestpractical.com>
   7 %#
   8 %# (Except where explicitly superseded by other copyright notices)
   9 %#
  10 %#
  11 %# LICENSE:
  12 %#
  13 %# This work is made available to you under the terms of Version 2 of
  14 %# the GNU General Public License. A copy of that license should have
  15 %# been provided with this software, but in any event can be snarfed
  16 %# from www.gnu.org.
  17 %#
  18 %# This work is distributed in the hope that it will be useful, but
  19 %# WITHOUT ANY WARRANTY; without even the implied warranty of
  20 %# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
  21 %# General Public License for more details.
  22 %#
  23 %# You should have received a copy of the GNU General Public License
  24 %# along with this program; if not, write to the Free Software
  25 %# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
  26 %# 02110-1301 or visit their web page on the internet at
  27 %# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html.
  28 %#
  29 %#
  30 %# CONTRIBUTION SUBMISSION POLICY:
  31 %#
  32 %# (The following paragraph is not intended to limit the rights granted
  33 %# to you to modify and distribute this software under the terms of
  34 %# the GNU General Public License and is only of importance to you if
  35 %# you choose to contribute your changes and enhancements to the
  36 %# community by submitting them to Best Practical Solutions, LLC.)
  37 %#
  38 %# By intentionally submitting any modifications, corrections or
  39 %# derivatives to this work, or any other work intended for use with
  40 %# Request Tracker, to Best Practical Solutions, LLC, you confirm that
  41 %# you are the copyright holder for those contributions and you grant
  42 %# Best Practical Solutions,  LLC a nonexclusive, worldwide, irrevocable,
  43 %# royalty-free, perpetual, license to use, copy, create derivative
  44 %# works based on those contributions, and sublicense and distribute
  45 %# those contributions and any derivatives thereof.
  46 %#
  47 %# END BPS TAGGED BLOCK }}}
  48 #main-navigation {
  49     background-color: #fff;
  50     -moz-border-radius-bottomright: 0.5em;
  51     -moz-border-radius-topright: 0.5em;
  52     -webkit-border-top-right-radius: 0.5em;
  53     -webkit-border-bottom-right-radius: 0.5em;
  54     border-radius: 0 0.5em 0.5em 0;
  55     width: 10em;
  56     font-size: 0.85em;
  57     position: absolute;
  58     top: 3.4em;
  59     left: 0em;
  60     z-index: 9997;
  61     padding-top: 1em;
  62     padding-right: 0.5em;
  63     padding-left: 0.5em;
  64 }
  65
  66 .sf-sub-indicator {
  67     background-image: url(<%RT->Config->Get('WebPath')%>/NoAuth/css/images/arrows-grey.png);
  68     margin-top: -3px;
  69 }
  70
  71 #app-nav.sf-vertical li:hover ul,
  72 #app-nav.sf-vertical li.sfHover ul {
  73     top: -1px;
  74 }
  75
  76 #prefs-menu > li, #prefs-menu > li > a {
  77     background-color: transparent;
  78 }
  79
  80 #prefs-menu.sf-menu a,
  81 #prefs-menu .sf-menu a
  82 {
  83     border: none;
  84 }
  85
  86 #prefs-menu.sf-menu li li li {
  87     border-left: 1px solid #ccc;
  88 }
  89
  90 #prefs-menu.sf-menu li:hover ul,
  91 #prefs-menu.sf-menu li.sfHover ul {
  92     top: 2.4em; /* match the height of the top level li */
  93 }
  94
  95 #prefs-menu.sf-menu li li:hover ul,
  96 #prefs-menu.sf-menu li li.sfHover ul {
  97     top: 0;
  98 }
  99
 100 #prefs-menu .sf-sub-indicator {
 101     background-image: url(<%RT->Config->Get('WebPath')%>/NoAuth/css/images/arrows-grey.png);
 102     margin-top: 0;
 103 }
 104
 105 #main-navigation ul li {
 106 }
 107
 108
 109 #main-navigation .sf-menu {
 110     text-color: #000;
 111 }
 112
 113 #main-navigation .sf-menu li {
 114     background: none;
 115 }
 116
 117 #main-navigation .sf-menu li:first-child {
 118     border-top: 1px solid #ccc;
 119 }
 120
 121 #main-navigation .sf-menu a,
 122 #main-navigation .sf-menu a:visited {
 123     padding-top: 0.5em;
 124     padding-bottom: 0.5em;
 125     color: #000;
 126     border: none;
 127 }
 128
 129 #main-navigation .sf-menu li {
 130     border-bottom: 1px solid #ccc;
 131
 132 }
 133
 134
 135 #main-navigation .sf-menu ul a,
 136 #main-navigation .sf-menu ul a:visited {
 137     color: #000;
 138 }
 139
 140
 141 #main-navigation .sf-menu li li, #main-navigation .sf-menu li li li {
 142     border-left: none;
 143     background-color: #fff;
 144     text-color: #547CCC;
 145 }
 146
 147 #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 {
 148     background-color: #CFDEFF;
 149     text-color: #000;
 150     color: #000;
 151 }
 152
 153 #main-navigation .sfHover a,
 154 #main-navigation .sfHover a:visited {
 155     color: #000;
 156 }
 157
 158 /* to stop a "flash" of an unstyled menu on an older browser,  hide the menu until superfish has initialized it */
 159 #app-nav.toplevel { display: none; }
 160 #app-nav.toplevel.sf-menu { display:block; }
 161 #page-menu.toplevel { display: none; }
 162 #page-menu.toplevel.sf-menu { display:block; }
 163
 164
 165
 166 #page-navigation {
 167     position: absolute;
 168     top: 5.7em;
 169     left: 10em;
 170     right: 0em;
 171     height: 2.1em;
 172     z-index: 9995;
 173     font-size: 0.9em;
 174     background-color: #fff;
 175     border: 1px solid #ccc;
 176     -moz-border-radius-bottomleft: 0.5em;
 177     -webkit-border-bottom-left-radius: 0.5em;
 178     border-right: none;
 179     border-radius: 0 0 0 0.5em;
 180 }
 181
 182 #page-navigation .sf-menu {
 183     margin: 0;
 184 }
 185
 186 #page-navigation .sf-menu li, #page-navigation .sf-menu li li, #page-navigation .sf-menu li li li {
 187     background: none;
 188     height: 2em;
 189     padding-top: 0.25em;
 190     padding-bottom: 0;
 191     padding-left: 0.5em;
 192     padding-right: 0.5em;
 193     display: inline-block;
 194 }
 195
 196
 197 #page-navigation .sf-menu ul {
 198     background: white;
 199     border-bottom: 2px solid #ccc;
 200 }
 201
 202
 203 #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 {
 204     background: none;
 205 }
 206
 207 #page-navigation .sf-menu a:visited, #page-navigation .sf-menu a {
 208     border: none;
 209     color: #000;
 210 }
 211
 212 #page-navigation .sf-menu a {
 213     padding: 0.25em;
 214 }
 215
 216 #page-navigation .sf-menu a.sf-with-ul {
 217     /* allow space for the submenu indicator */
 218     padding-right: 2em;
 219 }
 220
 221 #page-menu.sf-menu li .sf-sub-indicator {
 222     top: 0.7em;
 223 }
 224
 225
 226 #page-actions {
 227     display: none;
 228 }
 229
 230 #page-action-menu {
 231     position: absolute;
 232     display: block;
 233     top: 8.2em;
 234     right: 0em;
 235     left: auto;
 236     z-index: 9995;
 237     font-size: 0.9em;
 238     background-color: #eee;
 239     border: 1px solid #ccc;
 240     -moz-border-radius-bottomleft: 0.5em;
 241     -webkit-border-bottom-left-radius: 0.5em;
 242     border-bottom-left-radius: 0.5em;
 243     border-right: none;
 244     border-top: none;
 245     list-style-type: none;
 246     padding: 0.5em;
 247 }
 248
 249
 250 #page-action-menu li {
 251     display: inline;
 252 }
 253
 254 #page-action-menu a, #page-action-menu a:visited {
 255     border: none;
 256     padding: 0.25em;
 257     color: #000;
 258 }
 259
 260
 261 #topactions {
 262  position: absolute;
 263  background: transparent;
 264  top: 3.2em;
 265  right: 0.7em;
 266  width: auto;
 267  min-width: 42em;
 268  font-size: 0.9em;
 269  z-index: 99;
 270 }
 271
 272 #topactions form * {
 273     vertical-align: top;
 274 }
 275
 276 #topactions button, #topactions select, #topactions input{
 277  padding-top: 0em;
 278  padding-bottom: 0em;
 279  width: 8em;
 280
 281 }
 282
 283 #topactions #simple-search .field{
 284  margin-left: 1em;
 285  color: #787;
 286  }
 287
 288 #topactions #simple-search .field:focus {
 289  color: #000;
 290  }
 291
 292