Upgrade to 4.2.8
[usit-rt.git] / 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