Show More
| @@ -35,9 +35,50 b' ul#help_menu li a{' | |||||
| 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