Difference between revisions of "Template:Team:NCTU Formosa/footer"

 
(55 intermediate revisions by 3 users not shown)
Line 3: Line 3:
 
<link href='https://2015.igem.org/Team:NCTU_Formosa/wiki_reset?action=raw&ctype=text/css' rel="stylesheet">
 
<link href='https://2015.igem.org/Team:NCTU_Formosa/wiki_reset?action=raw&ctype=text/css' rel="stylesheet">
 
<style>
 
<style>
#index_footer{
+
 
height:300px;
+
body{
 +
padding:0;
 +
margin:0;
 +
}
 +
#index_footer{
 
color:#ccc;
 
color:#ccc;
 
font-size:12px;
 
font-size:12px;
Line 12: Line 16:
 
display: block;
 
display: block;
 
width:100%;
 
width:100%;
 +
overflow:hidden;
 
}
 
}
  
 
#index_footer  .conent{
 
#index_footer  .conent{
width:85%;
+
width:100vw;
 
position:relative;
 
position:relative;
left:50%;
+
margin: 0px auto;
 
bottom:0;
 
bottom:0;
 
+
display: block;
 
z-index:2;
 
z-index:2;
 +
margin-bottom:15px;
 
}
 
}
 
#index_foot_list {
 
#index_foot_list {
width:90%;
+
width:64%;
 
height:170px;
 
height:170px;
float:left;
 
 
padding:20px 0 0 0;
 
padding:20px 0 0 0;
    margin:0;
+
margin: 0px auto;
 +
display:block;
 
}
 
}
 
#index_foot_list  li{
 
#index_foot_list  li{
Line 63: Line 69:
 
  .footer_logo{
 
  .footer_logo{
 
color:#fff;
 
color:#fff;
position:absolute;
+
bottom:10%;
+
left:35%;
+
display:block;
 
font-size:10pt;
 
font-size:10pt;
  }
+
line-height:18px;
 +
z-index:3;
 +
width: 47%;
 +
margin: 0pt auto;
 +
   
 +
}
 +
@media screen and (max-device-width:768px) {
 +
      .footer_logo{
 +
width: 100%;
 +
padding:30pt;
 +
 
 +
}
 +
#index_foot_list {
 +
    width: 90%;
 +
}
 +
}
 +
.footlogo{
 +
background-image:url(https://static.igem.org/mediawiki/2015/2/2e/Nctu_formosa_footer_logo5.png);
 +
background-repeat: repeat-x;
 +
        background-position:bottom;
 +
height:16vh;
 +
background-size:100%;
 +
background-color:#FCFCDE;
 +
Clear:left;
 +
}
  
 
</style>
 
</style>
 
</head>
 
</head>
 
<body>
 
<body>
 +
<div class="footlogo"></div>
 
<div id="index_footer"><div class="conent">
 
<div id="index_footer"><div class="conent">
 
   <ul id="index_foot_list" style="list-style-image: none;list-style-type:none;">
 
   <ul id="index_foot_list" style="list-style-image: none;list-style-type:none;">
Line 77: Line 108:
 
     <li>
 
     <li>
 
     <ul style="list-style-image: none;">
 
     <ul style="list-style-image: none;">
     <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Project"><span>Project</span></a></li>
+
     <li>Project</li>
         <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Overview">Overview</a></li>
+
         <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Description">Description</a></li>
        <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Description">Background</a></li>
+
 
         <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Design">Design</a></li>
 
         <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Design">Design</a></li>
 
         <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Results">Results</a></li>
 
         <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Results">Results</a></li>
 
         <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Modeling">Modeling</a></li>
 
         <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Modeling">Modeling</a></li>
 +
<li><a href="https://2015.igem.org/Team:NCTU_Formosa/Safety">Safety</a></li>
 
       </ul>
 
       </ul>
 
     </li>
 
     </li>
Line 91: Line 122:
 
         <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Basic_Part">Basic Parts</a></li>
 
         <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Basic_Part">Basic Parts</a></li>
 
         <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Composite_Part">Composite Parts</a></li>
 
         <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Composite_Part">Composite Parts</a></li>
        <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Part_Collection">Part Collection</a></li>
 
 
     </ul>
 
     </ul>
 
     </li>
 
     </li>
Line 97: Line 127:
 
       <ul style="list-style-image: none;">
 
       <ul style="list-style-image: none;">
 
       <li>Notebook</li>
 
       <li>Notebook</li>
         <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Safety">Safety</a></li>
+
         <li><a href="https://2015.igem.org/Team:NCTU_Formosa/LabSafety">Lab Safety</a></li>
         <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Notebook">Lab note</a></li>
+
         <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Notebook">Lab Note</a></li>
 
         <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Protocol">Protocol</a></li>
 
         <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Protocol">Protocol</a></li>
 
       </ul>
 
       </ul>
Line 109: Line 139:
 
       </ul>
 
       </ul>
 
     </li>
 
     </li>
     <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Acheivement">Achievement</a></li>
+
     <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Achievement">Achievement</a></li>
 
     <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Attributions">Team</a></li>
 
     <li><a href="https://2015.igem.org/Team:NCTU_Formosa/Attributions">Team</a></li>
 
   </ul>
 
   </ul>
 
   </div>
 
   </div>
 
<div class="footer_logo">
 
<div class="footer_logo">
<img STYLE="margin:10px;FLOAT: LEFT;" src="https://upload.wikimedia.org/wikipedia/zh/thumb/6/6b/NCTU_emblem.svg/338px-NCTU_emblem.svg.png" width="20%"><br>NCTU_Formosa APOllO  
+
<img style="margin:10px;FLOAT:LEFT;" src="https://static.igem.org/mediawiki/2015/5/54/Nctu_formosa_footer_team_logo.png" width="100px">
 +
<img STYLE="margin:10px;FLOAT: LEFT;" src="https://static.igem.org/mediawiki/2015/b/b2/Nctu_formosa_logo123.png" width="100px">
 +
<br>NCTU_Formosa APOllO  
 
     <a href="https://www.facebook.com/pages/NCTU_Formosa-IGEM-team/267841893250331?fref=ts" target="_blank">
 
     <a href="https://www.facebook.com/pages/NCTU_Formosa-IGEM-team/267841893250331?fref=ts" target="_blank">
         <img src="https://static.igem.org/mediawiki/2015/a/ab/NCTU_FORMOSA_Facebook_LINK.png" width="20vw"></a><br>
+
         <img src="https://static.igem.org/mediawiki/2015/a/ab/NCTU_FORMOSA_Facebook_LINK.png" width="21vw"></a><br>
 
       <a href="http://www.nctu.edu.tw/" style="text-decoration:none;color:#999;">National Chaio Tung University</a><br>
 
       <a href="http://www.nctu.edu.tw/" style="text-decoration:none;color:#999;">National Chaio Tung University</a><br>
 
       Engineering Building 6 EF455, 1001 University Road, Hsinchu 300, Taiwan, ROC.  
 
       Engineering Building 6 EF455, 1001 University Road, Hsinchu 300, Taiwan, ROC.  

Latest revision as of 20:29, 18 September 2015