Template:Team:SJTU-BioX-Shanghai/Header

From 2014.igem.org

(Difference between revisions)
 
(112 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
.header_logo {
+
  .header_logo {
     width: 100%;
     width: 100%;
     min-width: 100%;
     min-width: 100%;
     background-color: #f2ce3a;
     background-color: #f2ce3a;
-
height:200px;
+
    height:200px;
-
background-repeat: no-repeat;
+
    background-repeat: no-repeat;
-
background-size: auto 100%;
+
    background-size: auto 100%;
 +
    position:relative;
 +
    border-top-width:15px;
 +
    border-color: #f2ce3a;
 +
  }
 +
  .header_link {
 +
position:absolute;
 +
right:0px;
 +
top:0px;}
 +
.header_link img {
 +
  float:right;
 +
}
 +
.header_link .igem_img{position:absolute;top:5px;right:0px;height:50px;}
 +
.header_link .home_img{position:absolute;top:150px;right:0px;height:50px;}
 +
@media screen and (max-width: 55.6875em) {
 +
div.header_logo {
 +
height:100px;
}
}
-
 
+
.header_link .igem_img{height:30px;}
-
.header_content {
+
.header_link .home_img{top:50px;height:30px;}
-
  width:15%;
+
@media screen and (max-height: 25.25em) and (max-width: 44.3125em) {
-
  height:100%;
+
div.header_logo {
-
float: right;
+
height:50px;
}
}
-
 
+
.header_link .igem_img{height:20px;}
-
.header_home {
+
.header_link .home_img{top:30px;height:20px;}
-
    width: 100%;
+
-
    height:50%;
+
-
    background-repeat: no-repeat;
+
-
    background-size: auto 100%;
+
-
    background-image:url("http://2014.igem.org/wiki/images/e/e9/SJTU14_homelink.png")
+
}
}
</style>
</style>
<div class="header_logo" id="header_logo">
<div class="header_logo" id="header_logo">
-
            <div class="header_content">
+
<div class="header_link">
-
            <div class="header_home" onClick="location.href='http://2014.igem.org/Main_Page'"></div>
+
<a href="http://2014.igem.org/Main_Page"><img class="igem_img" border="0" src="http://2014.igem.org/wiki/images/a/a8/SJTU14_igemlink.png" /></a>
-
            <div class="header_igem" onClick="location.href='http://2014.igem.org/Team:SJTU-BioX-Shanghai'">
+
<a href="http://2014.igem.org/Team:SJTU-BioX-Shanghai"><img class="home_img" border="0" src="http://2014.igem.org/wiki/images/e/e9/SJTU14_homelink.png" /></a>
-
            Igem
+
</div>
-
            </div>
+
</div>
-
          </div></div>
+
</html>
</html>

Latest revision as of 07:02, 16 October 2014