Difference between revisions of "Template:XJTU-China/header.css"

(add universal top margin)
m
Line 17: Line 17:
 
   min-width: 1200px;
 
   min-width: 1200px;
 
}
 
}
−
.navbar {
+
header > .navbar {
 
   opacity: 0.75;
 
   opacity: 0.75;
 
   border: 0;
 
   border: 0;

Revision as of 05:21, 15 October 2018

  1. universal-wrapper {
 margin-top: 70px;
 padding: 0;
 width: 100%;

}

/* HEADER NAVIGATIONAR BAR*/ header { 

 z-index: 1;
 margin-top: 15px;
 padding: 0;
 position: fixed;
 width: 100%;
 height: 74px;
 top: 0;
 background: none;
 min-width: 1200px;

} header > .navbar { 

 opacity: 0.75;
 border: 0;
 border-radius: 0;
 background-color: white;
 /*box-shadow: 0 6px 15px #ecf0f1;*/

}

  1. top-nav {
 border-radius: 0;
 margin: 0;
 list-style-type: none;

}

  1. top-nav .nav-link {
 color: black;
 text-decoration: none;
 text-align: center;
 line-height: 74px;
 padding: 0 !important;
 margin: 0;
 width: 90px;
 font-family: Tahoma, Arial;
 font-size: 16px;

} .nav-link:before { 

 content: "";
 position: absolute;
 width: 0;
 left: 20%;
 bottom: 0;
 margin-left: 30%;
 border-bottom: 4px solid #f1c40f;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;

} .nav-link:hover:before { 

 margin: 0;
 width: 60%;

} .nav-link:hover:not(.active) { 

 background-color: #ecf0f1 !important;
 color: #34495e !important;

} .nav-link:visited { 

 color: black;

}

  1. top-nav .nav-item {
 margin: 0;

} .nav-item > .active:before { 

 content: "";
 position: absolute;
 bottom: 0;
 left: 20%;
 width: 60%;
 margin: 0;
 border-bottom: 4px solid #d35400;

} .nav-item > .dropdown-menu { 

 color: black;
 text-align: left;
 margin: 0;
 border: 0;border-radius:4px;
 width: 140px;

}

  1. nav-item-hp > .dropdown-menu {
 width: 220px;

} .nav-item > .dropdown-menu > li > a { 

 line-height: 2.6rem;
 text-decoration: none;
 color: black;
 padding-left: 15%;
 width: 100%;

} .nav-item > .dropdown-menu > li:hover { 

 background-color: #ecf0f1;

} .nav-item > .dropdown-menu > li > a:hover { 

 color: #34495e;

} .nav-item:hover .dropdown-menu { 

 display: block;

} .navbar-header { 

 /*display: inline-block;*/
 height: 54px;
 width: 40%;
 min-width: 300px;
 position: relative;
 top: 10px;

} .navbar-header > .nav-logo { 

 display: inline-block;
 vertical-align: top;
 width: 52px;
 margin: 0 5% 0 5%;
 padding: 0;

} .navbar-header > .nav-head { 

 display: inline-block;
 margin: 0 5% 0 5%;
 padding: 0;
 line-height: 54px;
 font-family: Tahoma, Arial;
 font-size: 24px;

}