Template:Team:SJTU-BioX-Shanghai/Header

From 2014.igem.org

(Difference between revisions)
 
(94 intermediate revisions not shown)
Line 8: Line 8:
     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 {
-
   .header_content {
+
position:absolute;
-
    width:15%;
+
right:0px;
-
    height:100%;
+
top:0px;}
-
    position:absolute;
+
.header_link img {
-
    top:5px;
+
  float:right;
-
}
+
}
-
.header_content ul {
+
.header_link .igem_img{position:absolute;top:5px;right:0px;height:50px;}
-
margin:0;
+
.header_link .home_img{position:absolute;top:150px;right:0px;height:50px;}
-
list-style:none;
+
-
}
+
-
.header_content li {float:right;}
+
-
.home_img{width:20%;}
+
-
 
+
@media screen and (max-width: 55.6875em) {
@media screen and (max-width: 55.6875em) {
div.header_logo {
div.header_logo {
height:100px;
height:100px;
-
}}
+
}
-
@media screen and (max-height: 25.25em) {
+
.header_link .igem_img{height:30px;}
 +
.header_link .home_img{top:50px;height:30px;}
 +
@media screen and (max-height: 25.25em) and (max-width: 44.3125em) {
div.header_logo {
div.header_logo {
height:50px;
height:50px;
-
}}
+
}
 +
.header_link .igem_img{height:20px;}
 +
.header_link .home_img{top:30px;height:20px;}
 +
}
</style>
</style>
<div class="header_logo" id="header_logo">
<div class="header_logo" id="header_logo">
-
            <div class="header_content">
+
<div class="header_link">
-
          <ul class="none"><li><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></li>
+
<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>
-
            <li><a href="http://2014.igem.org/Main_Page"><img class="home_img" border="0" src="http://2014.igem.org/wiki/images/e/e9/SJTU14_homelink.png" /></a>
+
<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</li>
+
</div>
-
            </ul>
+
</div>
-
            </div></div>
+
</html>
</html>

Latest revision as of 07:02, 16 October 2014