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