Show More
@@ -1,43 +1,84 b'' | |||||
1 | #menubar { |
|
1 | #menubar { | |
2 | .border-box-sizing(); |
|
2 | .border-box-sizing(); | |
3 |
|
3 | |||
4 | .navbar { |
|
4 | .navbar { | |
5 | border-top: 1px; |
|
5 | border-top: 1px; | |
6 | border-radius: 0px 0px @border-radius-base @border-radius-base; |
|
6 | border-radius: 0px 0px @border-radius-base @border-radius-base; | |
7 | margin-bottom: 6px; |
|
7 | margin-bottom: 6px; | |
8 | } |
|
8 | } | |
9 |
|
9 | |||
10 | .navbar-toggle { |
|
10 | .navbar-toggle { | |
11 | float: left; |
|
11 | float: left; | |
12 | } |
|
12 | } | |
13 | .navbar-collapse { |
|
13 | .navbar-collapse { | |
14 | clear: left; |
|
14 | clear: left; | |
15 | } |
|
15 | } | |
16 |
|
16 | |||
17 | } |
|
17 | } | |
18 |
|
18 | |||
19 | .nav-wrapper { |
|
19 | .nav-wrapper { | |
20 | border-bottom: 1px solid @navbar-default-border; |
|
20 | border-bottom: 1px solid @navbar-default-border; | |
21 | } |
|
21 | } | |
22 |
|
22 | |||
23 | i.menu-icon { |
|
23 | i.menu-icon { | |
24 | // add padding to account for float-right |
|
24 | // add padding to account for float-right | |
25 | padding-top: 4px; |
|
25 | padding-top: 4px; | |
26 | } |
|
26 | } | |
27 |
|
27 | |||
28 | ul#help_menu li a{ |
|
28 | ul#help_menu li a{ | |
29 | overflow: hidden; |
|
29 | overflow: hidden; | |
30 | padding-right: 2.2em; |
|
30 | padding-right: 2.2em; | |
31 | i { |
|
31 | i { | |
32 | margin-right: -1.2em; |
|
32 | margin-right: -1.2em; | |
33 | } |
|
33 | } | |
34 | } |
|
34 | } | |
35 |
|
35 | |||
36 | // Make sub menus work in BS3. |
|
36 | // Make sub menus work in BS3. | |
37 | // Credit: http://www.bootply.com/86684 |
|
37 | // Credit: http://www.bootply.com/86684 | |
38 |
.dropdown-submenu{ |
|
38 | .dropdown-submenu { | |
39 | .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;} |
|
39 | position: relative; | |
40 | .dropdown-submenu:hover>.dropdown-menu{display:block;} |
|
40 | } | |
41 | .dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;} |
|
41 | ||
42 | .dropdown-submenu:hover>a:after{border-left-color:#ffffff;} |
|
42 | .dropdown-submenu>.dropdown-menu { | |
43 | .dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;} |
|
43 | top: 0; | |
|
44 | left: 100%; | |||
|
45 | margin-top: -6px; | |||
|
46 | margin-left: -1px; | |||
|
47 | -webkit-border-radius: 0 6px 6px 6px; | |||
|
48 | -moz-border-radius: 0 6px 6px 6px; | |||
|
49 | border-radius: 0 6px 6px 6px; | |||
|
50 | } | |||
|
51 | ||||
|
52 | .dropdown-submenu:hover>.dropdown-menu { | |||
|
53 | display: block; | |||
|
54 | } | |||
|
55 | ||||
|
56 | .dropdown-submenu>a:after { | |||
|
57 | display: block; | |||
|
58 | content: " "; | |||
|
59 | float: right; | |||
|
60 | width: 0; | |||
|
61 | height: 0; | |||
|
62 | border-color: transparent; | |||
|
63 | border-style: solid; | |||
|
64 | border-width: 5px 0 5px 5px; | |||
|
65 | border-left-color: #cccccc; | |||
|
66 | margin-top: 5px; | |||
|
67 | margin-right: -10px; | |||
|
68 | } | |||
|
69 | ||||
|
70 | .dropdown-submenu:hover>a:after{ | |||
|
71 | border-left-color: #ffffff; | |||
|
72 | } | |||
|
73 | ||||
|
74 | .dropdown-submenu.pull-left { | |||
|
75 | float: none; | |||
|
76 | } | |||
|
77 | ||||
|
78 | .dropdown-submenu.pull-left>.dropdown-menu { | |||
|
79 | left: -100%; | |||
|
80 | margin-left: 10px; | |||
|
81 | -webkit-border-radius: 6px 0 6px 6px; | |||
|
82 | -moz-border-radius: 6px 0 6px 6px; | |||
|
83 | border-radius: 6px 0 6px 6px; | |||
|
84 | } |
General Comments 0
You need to be logged in to leave comments.
Login now