##// END OF EJS Templates
Added dropdown submenu CSS
Jonathan Frederic -
Show More
@@ -1,37 +1,45
1 #menubar {
1 #menubar {
2 }
2 }
3
3
4 #menubar .navbar-inner {
4 #menubar .navbar-inner {
5 min-height: 28px;
5 min-height: 28px;
6 border-top: 1px;
6 border-top: 1px;
7 border-radius: 0px 0px @border-radius-base @border-radius-base;
7 border-radius: 0px 0px @border-radius-base @border-radius-base;
8 }
8 }
9
9
10 #menubar .navbar {
10 #menubar .navbar {
11 margin-bottom: 8px;
11 margin-bottom: 8px;
12 }
12 }
13
13
14 .nav-wrapper {
14 .nav-wrapper {
15 border-bottom: 1px solid @navbar-default-border;
15 border-bottom: 1px solid @navbar-default-border;
16 }
16 }
17
17
18 #menubar li.dropdown {
18 #menubar li.dropdown {
19 line-height: 12px;
19 line-height: 12px;
20 }
20 }
21
21
22 i.menu-icon {
22 i.menu-icon {
23 // add padding to account for float-right
23 // add padding to account for float-right
24 padding-top: 4px;
24 padding-top: 4px;
25 }
25 }
26
26
27 ul#help_menu li a{
27 ul#help_menu li a{
28 overflow: hidden;
28 overflow: hidden;
29 padding-right: 2.2em;
29 padding-right: 2.2em;
30 i {
30 i {
31 margin-right: -1.2em;
31 margin-right: -1.2em;
32 }
32 }
33 }
33 }
34
34
35 ul#menus {
35 ul#menus {
36 float: left;
36 float: left;
37 }
37 }
38
39 // http://www.bootply.com/86684
40 .dropdown-submenu{position:relative;}
41 .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;}
42 .dropdown-submenu:hover>.dropdown-menu{display:block;}
43 .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;}
44 .dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
45 .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;}
@@ -1,33 +1,38
1 .toolbar {
1 .toolbar {
2 padding: 0px 10px;
2 padding: 0px 10px;
3 margin-top: -5px;
3 margin-top: -5px;
4
4
5 select, label {
5 select, label {
6 width: auto;
6 width: auto;
7 vertical-align:middle;
7 vertical-align:middle;
8 margin-right:2px;
8 margin-right:2px;
9 margin-bottom:0px;
9 margin-bottom:0px;
10 display: inline;
10 display: inline;
11 font-size: 92%;
11 font-size: 92%;
12 margin-left:0.3em;
12 margin-left:0.3em;
13 margin-right:0.3em;
13 margin-right:0.3em;
14 padding: 0px;
14 padding: 0px;
15 padding-top: 3px;
15 padding-top: 3px;
16 }
16 }
17 .btn {
17 .btn {
18 padding: 2px 8px;
18 padding: 2px 8px;
19 }
19 }
20 }
20 }
21
21
22 .toolbar .btn-group {
22 .toolbar .btn-group {
23 margin-top: 0px;
23 margin-top: 0px;
24 margin-left: 5px;
24 }
25 }
25
26
26 .toolbar-inner {
27 .toolbar-inner {
27 border: none !important;
28 border: none !important;
28 .box-shadow(none) !important;
29 .box-shadow(none) !important;
29 }
30 }
30
31
31 #maintoolbar {
32 #maintoolbar {
32 margin-bottom: 0px;
33 margin-bottom: 0px;
33 }
34 }
35
36 #maintoolbar .navbar-text {
37 float: none;
38 }
General Comments 0
You need to be logged in to leave comments. Login now