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

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 231: Line 236:
 
   clear:both;
 
   clear:both;
 
   overflow: hidden;
 
   overflow: hidden;
   padding-bottom: 230px;
+
   padding-bottom: 180px;
 
   padding-top: 95px;
 
   padding-top: 95px;
 
   /*保证footer是相对于container位置绝对定位*/
 
   /*保证footer是相对于container位置绝对定位*/
Line 331: Line 336:
  
 
<div class="conteudo">
 
<div class="conteudo">
 +
 +
  
 
<h1>Light Senser</h1>
 
<h1>Light Senser</h1>
Line 340: Line 347:
 
<h1>Fermentation</h1>
 
<h1>Fermentation</h1>
 
<div class="p-top"><a href="#header">&#x25b2; top</a></div>
 
<div class="p-top"><a href="#header">&#x25b2; top</a></div>
 
 
 
  
  
Line 351: Line 355:
  
 
<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:36, 10 October 2018