Line 33: | Line 33: | ||
height: 100%; | height: 100%; | ||
} | } | ||
+ | |||
+ | <!-- 头目录部分 --> | ||
+ | |||
+ | .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> | ||
Revision as of 07:51, 31 October 2017