Difference between revisions of "Team:AHUT China/buchongcss"

 
Line 1: Line 1:
 
<html>
 
<html>
 
<style type="text/css"> 
 
<style type="text/css"> 
−
.row {
+
#donghua {
−
      position:fixed;
+
  position: fixed;
−
      margin-right: 150px;
+
  z-index: 9999999;
−
      margin-left: 150px;
+
  width: 100%;
 +
  height: 100%;
 
}
 
}
−
h1 {font-size:60px;}
+
 
−
h2 {font-size:40px;}
+
 
−
p {font-size:14px;}
+
.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