Difference between revisions of "Team:SDU-CHINA/Description"

Line 38: Line 38:
 
     }
 
     }
 
li { list-style: none; }
 
li { list-style: none; }
−
#menu a { text-decoration: none; }
+
a { text-decoration: none; }
 
#menu a:link, a:visited, a:active { color: white;  }
 
#menu a:link, a:visited, a:active { color: white;  }
 
#menu a:hover { color: #c1d9ff; }
 
#menu a:hover { color: #c1d9ff; }
Line 46: Line 46:
  
 
#content{
 
#content{
−
     margin-top: -22px;
+
     margin-top: -34px;
 
     padding: 0px;
 
     padding: 0px;
 
     background-color: #E6E6F2;
 
     background-color: #E6E6F2;
Line 77: Line 77:
 
#menu a:link, a:visited, a:active { color: white; }
 
#menu a:link, a:visited, a:active { color: white; }
 
#menu a:hover { color: #c1d9ff; }
 
#menu a:hover { color: #c1d9ff; }
 +
 +
#contact a { text-decoration: none; }
 +
#contact a:link, a:visited, a:active { color: white; }
 +
#contact a:hover { color: #c1d9ff; }
 +
 
#menu {
 
#menu {
 
     float: right;
 
     float: right;
Line 105: Line 110:
  
  
−
#footer { height: 180px;  color: white; }
+
 
 
#sponsors {
 
#sponsors {
 
text-align: center;
 
text-align: center;
Line 222: Line 227:
 
#footer{
 
#footer{
 
     width: 100%;
 
     width: 100%;
−
     height:200px;  /* footer的高度一定要是固定值*/  
+
     height:100px;  /* footer的高度一定要是固定值*/  
 
     position:absolute;
 
     position:absolute;
 
     bottom:0px;
 
     bottom:0px;
Line 333: Line 338:
  
 
<h1>background</h1>
 
<h1>background</h1>
−
 
−
 
−
 
−
 
−
 
  
 
</div>
 
</div>
Line 343: Line 343:
  
 
<div id="footer">
 
<div id="footer">
−
  <div id="sponsors">
+
    <div id="sponsors">
−
    <h2>SPONSORS</h2>
+
        <img src="https://static.igem.org/mediawiki/2018/a/ab/T--SDU-CHINA--Sponsors0.svg" alt="SPONSORS" usemap="#Map-Sponsors" />
−
    <!--LOGO LINK-->
+
        <map name="Map-Sponsors" class="Map-Sponsors">
−
    <img src="https://static.igem.org/mediawiki/2018/a/ab/T--SDU-CHINA--Sponsors0.svg" alt="SPONSORS" usemap="#Map-Sponsors" />
+
            <area title="SDU" href="http://www.lifesci.sdu.edu.cn/" shape="rect" coords="0,0,247,60" />
−
    <map name="Map-Sponsors" class="Map-Sponsors">
+
            <area title="MATHWOAR" href="https://www.mathworks.com/" shape="rect" coords="247,0,440,60" />
−
      <area title="SDU" href="http://www.lifesci.sdu.edu.cn/" shape="rect" coords="0,0,247,60" />
+
        </map>
−
      <area title="MATHWOAR" href="https://www.mathworks.com/" shape="rect" coords="247,0,440,60" />
+
    </div>
−
    </map>
+
     <div id="contact">
−
  </div>
+
        <div><a href="mailto:sdubioigem@163.com">mailto:sdubioigem@163.com</a></div>
−
  <div id="address">
+
        <div><a href="https://www.instagram.com/sdubiochina_2018/">www.instagram.com/sdubiochina_2018/</a></div>
−
     <h2>ADDRESS</h2>
+
    </div>
−
    <p>Shandong University</p>
+
−
    <p>School of Life Sciences</p>
+
−
    <p>Qingdao, Shandong, China</p>
+
−
  </div>
+
−
  <div id="contact">
+
−
  <h2>CONTACT US</h2>
+
−
  <!--LOGO LINK-->
+
−
    <img src="https://static.igem.org/mediawiki/2018/f/f3/T--SDU-CHINA--ContactUs0.svg" alt="CONTACT US" usemap="#Map-Contact" />
+
−
    <map name="Map-Contact" id="Map-Contanct">
+
−
      <area title="E-mail" href="mailto:sdubioigem@163.com" shape="rect" coords="0,0,88,65" />
+
−
      <area title="Instagram" href="https://www.instagram.com/sdubiochina_2018/" shape="rect" coords="88,0,155,65" />
+
−
    </map>
+
−
  </div>
+
 
</div>
 
</div>
−
</div>
 
−
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 03:35, 10 October 2018

background