Difference between revisions of "Template:XJTU-China"

Line 63: Line 63:
 
   width: 100;
 
   width: 100;
 
}
 
}
 +
 +
/* HEADER NAVIGATIONAR BAR*/
  
 
body {
 
body {
Line 79: Line 81:
 
   top: 0;
 
   top: 0;
 
   background: white;
 
   background: white;
−
   box-shadow: 0 5px 5px #ecf0f1;
+
  opacity: 0.85;
 +
   box-shadow: 0 6px 15px #ecf0f1;
 
}
 
}
 
header nav {
 
header nav {
Line 127: Line 130:
 
}
 
}
 
header nav li a:hover:not(.active) {
 
header nav li a:hover:not(.active) {
−
   background-color: #ecf0f1 !important;
+
   background-color: #ecf0f1;
−
   color: black;
+
   color: #34495e;
 
}
 
}
 
header nav li a:visited {
 
header nav li a:visited {
Line 144: Line 147:
 
header .nav-logo {
 
header .nav-logo {
 
   display: inline-block;
 
   display: inline-block;
−
   width: 54px;
+
   width: 52px;
 
   margin-left: 5%;
 
   margin-left: 5%;
 
   margin-right: 20px;
 
   margin-right: 20px;
Line 164: Line 167:
 
}
 
}
  
 +
 +
/* BANNER */
 +
.banner-pic-wrapper {
 +
  margin: 0;
 +
  padding: 0;
 +
  width: 100%;
 +
  height: 600px;
 +
  overflow: hidden;
 +
  position: fixed;
 +
  /* igem menu bar 16px, navigation bar 54px */
 +
  top: 70px;
 +
  z-index: -100;
 +
}
 +
.banner-dummy {
 +
  margin: 0;
 +
  /* igem menu bar 16px, navigation bar 54px */
 +
  margin-top: 70px;
 +
  padding: 0;
 +
  width: 100%;
 +
  height: 600px;
 +
}
 +
.banner-pic {
 +
  margin: 0;
 +
  padding: 0;
 +
  width: 100%;
 +
  position: absolute;
 +
}
 +
.banner-pic:not(.active) {
 +
  display: none;
 +
}
 +
.content-wrapper {
 +
  width: 100%;
 +
  padding :0;
 +
  background-color: white;
 +
  margin: 0;
 +
}
 +
.banner-text {
 +
  position: absolute;
 +
  top: 20%;
 +
  width: 70%;
 +
  left: 0; right: 0;
 +
  margin: 0 auto 0 auto;
 +
  font-size: 160px;
 +
  letter-spacing: 0.4em;
 +
  font-family: "Helvetica Neue";
 +
  font-weight: bolder;
 +
}
 +
.banner-text span {
 +
  display: none;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
#text-d {
 +
  color: #f3704b;
 +
}
 +
#text-e {
 +
  color: #f3bd01;
 +
}
 +
#text-cose {
 +
  color: white;
 +
}
 +
.banner-sub-text {
 +
  display: none;
 +
  position: absolute;
 +
  top: 50%;
 +
  width: 100%;
 +
  font-size: 46px;
 +
  letter-spacing: 0.1em;
 +
  font-family: "Helvetica Neue";
 +
  font-weight: bolder;
 +
  text-align: center;
 +
  color: white;
 +
}
 +
.banner-up-arrow {
 +
  display: none;
 +
  position: absolute;
 +
  left: 0; right: 0;
 +
  margin: 0 auto 0 auto;
 +
  width: 120px;
 +
  height: 80px;
 +
  opacity: 0.8;
 +
  bottom: 1%;
 +
  z-index: 50;
 +
}
  
 
</style>
 
</style>

Revision as of 06:28, 5 October 2018