Commit c13499da4a642d4c1788c931a1217626196787c1
added third level menu css
| | | | | 25 | body { | 25 | body { |
|---|
| 26 | margin: 0; | 26 | margin: 0; |
|---|
| 27 | padding: 0; | 27 | padding: 0; |
|---|
| | 28 | font-family:'Roboto', sans-serif; |
|---|
| 28 | | 29 | |
|---|
| 29 | } | 30 | } |
|---|
| 30 | .container { | 31 | .container { |
|---|
| … | | … | |
|---|
| 33 | } | 33 | } |
|---|
| 34 | .navigation-style { | 34 | .navigation-style { |
|---|
| 35 | position: relative; | 35 | position: relative; |
|---|
| 36 | font-family: Arial,Helvetica,sans-serif; | | font-family: Arial,Helvetica,sans-serif; |
|---|
| 37 | font-size: 12px; | 36 | font-size: 12px; |
|---|
| 38 | margin-top: 25px; | 37 | margin-top: 25px; |
|---|
| 39 | height: 41px; | 38 | height: 41px; |
|---|
| … | | … | |
|---|
| 46 | padding: 0px 30px; | 46 | padding: 0px 30px; |
|---|
| 47 | text-decoration: none; | 47 | text-decoration: none; |
|---|
| 48 | display: inline-block; | 48 | display: inline-block; |
|---|
| 49 | font-family: Helvetica,Arial,Verdana,sans-serif; | | font-family: Helvetica,Arial,Verdana,sans-serif; |
|---|
| | 49 | | | 50 | } | 50 | } |
|---|
| 51 | | 51 | |
|---|
| 52 | .navigation-style li a { | 52 | .navigation-style li a { |
|---|
| … | | … | |
|---|
| 55 | } | 55 | } |
|---|
| 56 | | 56 | |
|---|
| 57 | .navigation-style li:hover a{ | 57 | .navigation-style li:hover a{ |
|---|
| 58 | // color:red; | | // color:red; |
|---|
| 59 | font-family: Helvetica,Arial,Verdana,sans-serif; | | font-family: Helvetica,Arial,Verdana,sans-serif; |
|---|
| 60 | padding: 0px 0px; | 58 | padding: 0px 0px; |
|---|
| 61 | text-decoration: none; | 59 | text-decoration: none; |
|---|
| 62 | display: inline-block; | 60 | display: inline-block; |
|---|
| … | | … | |
|---|
| 237 | } | 237 | } |
|---|
| 238 | } | 238 | } |
|---|
| 239 | /* style map styles end */ | 239 | /* style map styles end */ |
|---|
| | 240 | /*dropsown sub menu css */ |
|---|
| 240 | | 241 | |
|---|
| | 242 | .dropdown-submenu { |
|---|
| | 243 | position: relative; |
|---|
| | 244 | } |
|---|
| | 245 | |
|---|
| | 246 | .dropdown-submenu>.dropdown-menu { |
|---|
| | 247 | top: 0; |
|---|
| | 248 | left: 100%; |
|---|
| | 249 | margin-top: -6px; |
|---|
| | 250 | margin-left: -1px; |
|---|
| | 251 | -webkit-border-radius: 0 6px 6px 6px; |
|---|
| | 252 | -moz-border-radius: 0 6px 6px; |
|---|
| | 253 | border-radius: 0 6px 6px 6px; |
|---|
| | 254 | } |
|---|
| | 255 | |
|---|
| | 256 | .dropdown-submenu:hover>.dropdown-menu { |
|---|
| | 257 | display: block; |
|---|
| | 258 | } |
|---|
| | 259 | |
|---|
| | 260 | .dropdown-submenu>a:after { |
|---|
| | 261 | display: block; |
|---|
| | 262 | content: " "; |
|---|
| | 263 | float: right; |
|---|
| | 264 | width: 0; |
|---|
| | 265 | height: 0; |
|---|
| | 266 | border-color: transparent; |
|---|
| | 267 | border-style: solid; |
|---|
| | 268 | border-width: 5px 0 5px 5px; |
|---|
| | 269 | border-left-color: #ccc; |
|---|
| | 270 | margin-top: 5px; |
|---|
| | 271 | margin-right: -10px; |
|---|
| | 272 | } |
|---|
| | 273 | |
|---|
| | 274 | .dropdown-submenu:hover>a:after { |
|---|
| | 275 | border-left-color: #fff; |
|---|
| | 276 | } |
|---|
| | 277 | |
|---|
| | 278 | .dropdown-submenu.pull-left { |
|---|
| | 279 | float: none; |
|---|
| | 280 | } |
|---|
| | 281 | |
|---|
| | 282 | .dropdown-submenu.pull-left>.dropdown-menu { |
|---|
| | 283 | left: -100%; |
|---|
| | 284 | margin-left: 10px; |
|---|
| | 285 | -webkit-border-radius: 6px 0 6px 6px; |
|---|
| | 286 | -moz-border-radius: 6px 0 6px 6px; |
|---|
| | 287 | border-radius: 6px 0 6px 6px; |
|---|
| | 288 | } |
|---|
| | 289 | /* drop down menu css ends here */ |
|---|
| 241 | | 290 | |
|---|
| 242 | | 291 | |
|---|
| 243 | /* | 292 | /* |
|---|
