1
|
@import "compass";
|
2
|
@import "partials/variables";
|
3
|
@import "partials/mixins";
|
4
|
/**
|
5
|
* Superfish menu
|
6
|
*/
|
7
|
.sf-menu li a {
|
8
|
/* root menu items */
|
9
|
font-size: 0.9em;
|
10
|
padding: 2px 8px;
|
11
|
border: none;
|
12
|
border-right-style: solid;
|
13
|
border-right-width: 1px;
|
14
|
background-color: #fef8dd;
|
15
|
border-right-color: #e3ddb0;
|
16
|
font-weight: normal;
|
17
|
}
|
18
|
.sf-menu a, .sf-menu a:active, .sf-menu a:visited, .sf-menu a:focus {
|
19
|
color: #739400;
|
20
|
}
|
21
|
.sf-menu li.last a {
|
22
|
/* last item of the root menu */
|
23
|
border-right: none;
|
24
|
}
|
25
|
.sf-menu li.last ul li a,
|
26
|
.sf-menu li ul li a,
|
27
|
.sf-menu li ul li.last a {
|
28
|
/* all other child menu items */
|
29
|
border-style: solid;
|
30
|
border-width: 1px;
|
31
|
/* border-color is set by colors.css */
|
32
|
}
|
33
|
.sf-menu li.menuparent a {
|
34
|
/* item with child menu - adding some spaces for arrows */
|
35
|
padding: 2px 19px 2px 8px;
|
36
|
}
|
37
|
.sf-menu li a.sfHover,
|
38
|
.sf-menu li a:hover {
|
39
|
background-color: #e7e3a6;
|
40
|
}
|
41
|
.sf-menu li:hover ul,
|
42
|
.sf-menu li.sfHover ul {
|
43
|
top: 1.8em;
|
44
|
border-top: none;
|
45
|
}
|
46
|
.sf-sub-indicator {
|
47
|
background: url('../images/sf-arrows.png') no-repeat -10px -110px;
|
48
|
}
|
49
|
a > .sf-sub-indicator {
|
50
|
top: 1em; /* .2em drop in arrows */
|
51
|
}
|
52
|
.sf-menu ul {
|
53
|
@include border-radius (0px);
|
54
|
border-width: 1px;
|
55
|
border-style: solid;
|
56
|
border-color: #e3ddb0; /* add border around the child menu block */
|
57
|
}
|