da6daa3fc425a3012f6f6567e8e4d65f86724d38
[usit-rt.git] / share / static / css / rudder / nav.css
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,
137 #topactions input[type=submit],
138 #topactions button {
139     font-size: 1em;
140     padding-top: 0.25em;
141     padding-bottom: 0.25em;
142     padding-left: 0.5em;
143     padding-right: 0.5em;
144     width: 8em;
145     vertical-align: middle;
146 }
147
148 #topactions .select-queue {
149     padding-right: 0
150 }
151
152 #topactions #simple-search .field {
153     margin-left: 1em;
154     color: #787;
155 }
156
157 #topactions #simple-search .field:focus {
158     color: #000
159 }
160
161 .sf-menu ul {
162     background-image: none;
163     padding: 0;
164 }
165
166 .sf-menu.sf-shadow ul {
167     -moz-border-radius: 0;
168     -webkit-border-radius: 0;
169     border-radius: 0;
170     -moz-box-shadow: 2px 2px 8px -2px #999;
171     -webkit-box-shadow: 2px 2px 8px -2px #999;
172     box-shadow: 2px 2px 8px -2px #999;
173 }
174
175 /* The bookmark star is too tall without adjusting the padding and height */
176
177 .sf-menu .toggle-bookmark a {
178     padding: 0 1em;
179     height: 2.5em;
180 }
181
182 .sf-menu .toggle-bookmark a img {
183     padding-top: 0.6em
184 }
185
186 /* Pin page menu to top left corner once you scroll past it */
187
188 #page-navigation #page-menu.pinned {
189     position: fixed;
190     top: 0;
191     right: 0;
192     left: auto;
193     width: auto;
194     margin-top: 0;
195     background: white;
196     border-left: 1px #aaa solid;
197     border-bottom: 1px #aaa solid;
198     border-radius: 0 0 0 5px;
199     box-shadow: 0 0 10px rgba(0,0,0,0.4);
200     /* stupid vendor prefixes */
201     -moz-border-radius: 0 0 0 5px;
202     -webkit-border-radius: 0 0 0 5px;
203     -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
204     -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
205 }
206
207 #page-menu.pinned li:hover ul,
208 #page-menu.pinned li.sfHover ul {
209     border-left: 1px #aaa solid;
210     border-right: 1px #aaa solid;
211     z-index: -1 !important; /* relative to current stacking context */
212     box-shadow: 0 0 10px rgba(0,0,0,0.4);
213     -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
214     -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
215 }
216
217 /* round off the corner of the first menu item so it matches the container */
218
219 #page-menu.pinned > li:first-of-type,
220 #page-menu.pinned > li:first-of-type > a {
221     border-radius: 0 0 0 5px;
222     -moz-border-radius: 0 0 0 5px;
223     -webkit-border-radius: 0 0 0 5px;
224 }