Upgrade to 4.0.8 with mod of ExternalAuth + absolute paths to ticket-menu.
[usit-rt.git] / share / html / NoAuth / css / web2 / nav.css
1 %# BEGIN BPS TAGGED BLOCK {{{
2 %#
3 %# COPYRIGHT:
4 %#
5 %# This software is Copyright (c) 1996-2012 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