Team:XMU-China/css/nav

.clear{ clear: both; width: 0!important; height: 0!important; } html{ margin:0; padding:0; width: 100%; background-color: #fff; -webkit-tap-highlight-color:transparent; } html body{ width: 100%; list-style: none; overflow: auto; margin:0; padding:0; 

   font:unset;
   font-size: 16px;

} .header{ position: fixed; z-index: 999; width: 80vw; margin: 0 10vw; height: 4rem; background-color: #fff; -moz-box-shadow:0px 3px 10px #24366D; -webkit-box-shadow:0px 3px 10px #24366D; box-shadow:0px 3px 10px #24366D; top: 16px; } .header .logo img{ float: left; height: 3rem; margin: 0.5rem 0 0.5rem 2rem; } .header .nav { position: relative; }

  1. Team,#Other_Works,#Human_Practice,#Model,#Hardwork,#Notebook,#Project{

float: right; padding: 1.5rem 1.5vw; position: relative; top: -4rem; }

  1. jiannan{

float: right; position: relative; top: -4rem; padding:1rem 1vw; } .header .nav img{ height: 2rem; } .header .nav .nav-word{ line-height: 1rem; cursor: pointer; float: none; list-style:none; font-size: 1rem; font-family: sans-serif; color:#1d2087; font-weight: bolder;

} .header .nav ul{ list-style: none; display: none; text-align: left; position: absolute; top: 0; white-space:nowrap; margin-top: 4rem; margin-left: -1.5vw; padding:0 1.5vw; background-color: #1d2087; border-top: #a2a2a2 solid 0.1rem; } .header .nav li, .header .nav a{ cursor: pointer; font-size: 1rem; line-height: 2rem; color: white; } .header .nav li:hover{ font-weight: bolder;

} .header .nav #Team:hover,#Other_Works:hover,#Human_Practice:hover,

  1. Model:hover,#Hardwork:hover,#Notebook:hover,#Project:hover{

background-color: #1d2087; -moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.47) inset, -1px -1px 5px rgba(0, 0, 0, 0.47) inset; -webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.47) inset, -1px -1px 5px rgba(0, 0, 0, 0.47) inset; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.47) inset, -1px -1px 5px rgba(0, 0, 0, 0.47) inset; } .header .nav #Team:hover div,#Other_Works:hover div,#Human_Practice:hover div,

  1. Model:hover div,#Hardwork:hover div,#Notebook:hover div,#Project:hover div{

color: #fff; } .header .nav #Human_Practice:hover ul,.header .nav #Model:hover ul,.header .nav #Team:hover ul, .header .nav #Hardwork:hover ul,.header .nav #Notebook:hover ul,.header .nav #Project:hover ul, .header .nav #Other_Works:hover ul{ display: block; -moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.47) inset, -1px -1px 5px rgba(0, 0, 0, 0.47) inset; -webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.47) inset, -1px -1px 5px rgba(0, 0, 0, 0.47) inset; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.47) inset, -1px -1px 5px rgba(0, 0, 0, 0.47) inset; } @media screen and (max-width: 769px){ .header{ width: 100vw; margin: 0; height: 3rem; z-index: 1000; -moz-box-shadow:0px 4px 15px #737373; -webkit-box-shadow:0px 4px 15px #737373; box-shadow:0px 4px 15px #737373; } .header .nav,#jiannan{ display: none; } .header .logo img{ height: 2.5rem; margin: 0.25rem 1rem 0.25rem 0; position: relative; float: right; } } @media screen and (min-width: 769px) and (max-width: 89.9375rem){ .header{ width: 100vw; margin: 0; } #jiannan{ display: none; } .header .logo img{ margin: 0.5rem 0 0.5rem 1vw; } #Team{ margin-right: 5%; } }