Putting 4.2.0 on top of 4.0.17
[usit-rt.git] / share / static / css / aileron / 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, .sf-menu li li, .sf-menu li li li {
11     background-color: #eaeaea;
12 }
13
14 .sf-sub-indicator {
15     background-image: url(../../../static/css/images/arrows-grey.png);
16 }
17
18 .sf-menu li li .sf-sub-indicator {
19     margin-top: -3px;
20 }
21
22 #page-menu.sf-menu li .sf-sub-indicator {
23     top: 0.7em;
24 }
25
26 #page-menu.sf-menu li:hover ul, #page-menu.sf-menu li.sfHover ul {
27     top: 2.5em;
28 }
29
30 #page-menu.sf-menu li ul {
31     border-bottom: 2px solid #ccc;
32 }
33
34 #main-navigation {
35     position: absolute;
36     top: 1px;
37     left: 0;
38     z-index: 9999;
39     text-color: #000;
40 }
41
42 #main-navigation .sf-menu a, #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, #main-navigation #app-nav > li > a {
62     background-color: transparent;
63 }
64
65 #page-navigation {
66     position: absolute;
67     top: 6.05em;
68     right: 0em;
69     left: auto;
70     z-index: 9995;
71     font-size: 0.9em;
72 }
73
74 #page-navigation .sf-menu li, #page-navigation .sf-menu li li, #page-navigation .sf-menu li li li {
75     background-color: #fff;
76 }
77
78 #page-navigation .sf-menu a:visited, #page-navigation .sf-menu a {
79     border: none;
80     color: #000;
81 }
82
83 /* to stop a "flash" of an unstyled menu on an older browser,  hide the menu until superfish has initialized it */
84 #app-nav.toplevel { display: none; }
85 #app-nav.toplevel.sf-menu { display:block; }
86 #page-menu.toplevel { display: none; }
87 #page-menu.toplevel.sf-menu { display:block; }
88
89 #topactions {
90  position: absolute;
91  background: transparent;
92  top: 3.2em;
93  right: 0.7em;
94  width: auto;
95  min-width: 42em;
96  font-size: 0.9em;
97  z-index: 99;
98 }
99
100 #topactions form * {
101     vertical-align: top;
102 }
103
104 #topactions button, #topactions select, #topactions input{
105  padding-top: 0em;
106  padding-bottom: 0em;
107  width: 8em;
108
109 }
110
111 #topactions #simple-search .field{
112  margin-left: 1em;
113  color: #787;
114  }
115
116 #topactions #simple-search .field:focus {
117  color: #000;
118  }
119
120 /* The bookmark star is too tall without adjusting the padding and height */
121
122 .sf-menu .toggle-bookmark a {
123     padding: 0 1em;
124     height: 2.5em;
125 }
126
127 .sf-menu .toggle-bookmark a img {
128     padding-top: 0.6em;
129 }
130
131 /* Pin page menu to top left corner once you scroll past it */
132
133 #page-menu.pinned {
134     position: fixed;
135     top:    0;
136     right:  0;
137     left:   auto;
138     width:  auto;
139
140     background:     white;
141     border-left:    1px #aaa solid;
142     border-bottom:  1px #aaa solid;
143     border-radius:  0 0 0 5px;
144     box-shadow:     0 0 10px rgba(0,0,0,0.4);
145
146     /* stupid vendor prefixes */
147     -moz-border-radius:     0 0 0 5px;
148     -webkit-border-radius:  0 0 0 5px;
149     -moz-box-shadow:        0 0 10px rgba(0,0,0,0.4);
150     -webkit-box-shadow:     0 0 10px rgba(0,0,0,0.4);
151 }
152
153 #page-menu.pinned li:hover ul,
154 #page-menu.pinned li.sfHover ul {
155     border-left:    1px #aaa solid;
156     border-right:   1px #aaa solid;
157     z-index:        -1 !important; /* relative to current stacking context */
158     box-shadow:     0 0 10px rgba(0,0,0,0.4);
159
160     -moz-box-shadow:    0 0 10px rgba(0,0,0,0.4);
161     -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
162 }
163
164 /* round off the corner of the first menu item so it matches the container */
165 #page-menu.pinned > li:first-of-type,
166 #page-menu.pinned > li:first-of-type > a {
167     border-radius:          0 0 0 5px;
168     -moz-border-radius:     0 0 0 5px;
169     -webkit-border-radius:  0 0 0 5px;
170 }