Liangpu0505 (Talk | contribs) |
Liangpu0505 (Talk | contribs) |
||
(6 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
− | + | #donghua { | |
− | + | position: fixed; | |
− | + | z-index: 9999999; | |
− | + | width: 100%; | |
+ | height: 100%; | ||
} | } | ||
+ | |||
+ | |||
+ | .logo{ | ||
+ | float:left; | ||
+ | margin-top:0em; | ||
+ | } | ||
+ | |||
+ | <!-- 头目录部分 --> | ||
+ | |||
+ | .navbar-brand{ | ||
+ | padding: 29px 15px; | ||
+ | height: auto; | ||
+ | } | ||
+ | nav.navbar.bootsnav{ | ||
+ | border: none; | ||
+ | margin-bottom: 150px; | ||
+ | } | ||
+ | .navbar-nav{ | ||
+ | float: left; | ||
+ | } | ||
+ | nav.navbar.bootsnav ul.nav > li > a{ | ||
+ | color: #474747; | ||
+ | text-transform: uppercase; | ||
+ | padding: 30px; | ||
+ | } | ||
+ | nav.navbar.bootsnav ul.nav > li:hover{ | ||
+ | background: #f4f4f4; | ||
+ | } | ||
+ | .nav > li:after{ | ||
+ | content: ""; | ||
+ | width: 0; | ||
+ | height: 5px; | ||
+ | background: #34c9dd; | ||
+ | position: absolute; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | transition: all 0.5s ease 0s; | ||
+ | } | ||
+ | .nav > li:hover:after{ | ||
+ | width: 100%; | ||
+ | } | ||
+ | nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{ | ||
+ | content: "+"; | ||
+ | font-family: 'FontAwesome'; | ||
+ | font-size: 16px; | ||
+ | font-weight: 500; | ||
+ | position: absolute; | ||
+ | top: 35%; | ||
+ | right: 10%; | ||
+ | transition: all 0.4s ease 0s; | ||
+ | } | ||
+ | nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{ | ||
+ | content: "\f105"; | ||
+ | transform: rotate(90deg); | ||
+ | } | ||
+ | .dropdown-menu.multi-dropdown{ | ||
+ | position: absolute; | ||
+ | left: -100% !important; | ||
+ | } | ||
+ | nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ | ||
+ | box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); | ||
+ | border: none; | ||
+ | } | ||
+ | @media only screen and (max-width:990px){ | ||
+ | nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after, | ||
+ | nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{ content: " "; } | ||
+ | .dropdown-menu.multi-dropdown{ left: 0 !important; } | ||
+ | nav.navbar.bootsnav ul.nav > li:hover{ background: transparent; } | ||
+ | nav.navbar.bootsnav ul.nav > li > a{ margin: 0; } | ||
+ | } | ||
+ | |||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 05:42, 1 November 2017