Difference between revisions of "Template:TeamTokyoNokogenheader"

Line 1: Line 1:
−
 
  
 
<html>
 
<html>
 +
<style>
  
−
<style>
 
 
div#nav {
 
div#nav {
−
     width:1000px;
+
     width:100%;
 
     margin:0 auto;
 
     margin:0 auto;
−
     background-color:#ffffff
+
     background-color:#E6FFE9
 
     text-align:center;
 
     text-align:center;
 
     position:fixed;
 
     position:fixed;
−
    top:12px;left:140px;
+
    z-index: 100;
 +
    top:18px;
 
         }
 
         }
 +
 
div#nav td{
 
div#nav td{
 
width:300px;height:45px;
 
width:300px;height:45px;
Line 17: Line 18:
 
text-align:center;
 
text-align:center;
 
border:none;
 
border:none;
−
font-family:Impact;
+
font-family:fantasy;
 
         font-size:18px;
 
         font-size:18px;
 
}
 
}
  
 +
#globalWrapper, #content {
 +
width: 100%;
 +
height: 100%;
 +
border: 40px;
 +
background-color: #E6FFE9;
 +
margin: 0px;
 +
padding: 0px;
 +
font-size: 100%;
 +
}
 +
html, body, .wrapper {
 +
width: 100%;
 +
height: 100%;
 +
background-color: #E6FFE9;
  
 +
.button {
 +
display: inline-block;
 +
width: 200px;
 +
height: 54px;
 +
text-align: center;
 +
text-decoration: none;
 +
line-height: 54px;
 +
outline: none;
 +
}
 +
.button::before,
 +
.button::after {
 +
position: absolute;
 +
z-index: -1;
 +
display: block;
 +
content: '';
 +
}
 +
.button,
 +
.button::before,
 +
.button::after {
 +
-webkit-box-sizing: border-box;
 +
-moz-box-sizing: border-box;
 +
box-sizing: border-box;
 +
-webkit-transition: all .3s;
 +
transition: all .3s;
 +
}
  
−
 
+
.button {
 +
background-color: #333;
 +
color: #fff;
 +
}
 +
.button:hover {
 +
background-color: #59b1eb;
 +
}
  
 
</style>
 
</style>
Line 30: Line 75:
  
 
<body>
 
<body>
 +
<div id="button">
 +
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen"style="color:#000000">Button</a>
 +
　</div>
  
 
<div id="cont">
 
<div id="cont">
 
   <div id="nav">
 
   <div id="nav">
−
<table>
 
  
−
<tr heigth="15px"></tr>
 
−
<tr heigth="75px">
 
  
−
<td style="bgcolor:#ffffff;width:400px;"> 
 
−
</td>
 
  
−
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
<table>
−
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen"style="color:#000000">Project</a> </td>
+
  
−
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<td onMouseOver="this.bgColor='#FFFF99'" onMouseOut="this.bgColor='#000000'" bgColor=#FFFF99>
−
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/Team"style="color:#000000"> Team </a> </td>
+
<a href="https://2015.igem.org/Team:Tokyo-NoKoGen"style="color:#000000">Home</a> </td>
  
 +
<td onMouseOver="this.bgColor='#FFFFCC'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#FFFFCC>
 +
<a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Team"style="color:#000000"> Team </a> </td>
  
−
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 
−
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/result"style="color:#000000"> Result</a></td>
 
  
−
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<td onMouseOver="this.bgColor='#CCFF99'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#CCFF99>
−
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/Parts"style="color:#000000"> Parts</a></td>
+
<a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Description"style="color:#000000"> Project</a></td>
  
−
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<td onMouseOver="this.bgColor='#CCFFCC'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#CCFFCC>  
−
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/protocol"style="color:#000000"> Protocols</a></td>
+
<a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Parts"style="color:#000000"> Parts</a></td>
  
−
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>   
+
<td onMouseOver="this.bgColor='#99FF99'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#99FF99>
 +
<a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Notebook"style="color:#000000"> Notebook</a></td>
 +
 
 +
<td onMouseOver="this.bgColor='#99FFCC'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#99FFCC>   
 
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/note"style=" color:#000000"> Notebook</a></td>
 
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/note"style=" color:#000000"> Notebook</a></td>
  
−
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<td onMouseOver="this.bgColor='#66FFCC'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#66FFCC>  
−
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/Safety"style=" color:#000000"> Safety </a></td>
+
<a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Attributions"style=" color:#000000"> Attribution </a></td>
  
−
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<td onMouseOver="this.bgColor='#66FFFF'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#66FFFF>  
 
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/HumanPractice"style="color:#000000"> Human Practice </a></td>
 
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/HumanPractice"style="color:#000000"> Human Practice </a></td>
  
−
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<td onMouseOver="this.bgColor='#66CCFF'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#66CCFF>  
 
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/achievement"style="color:#000000">Achievement</a></td>
 
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/achievement"style="color:#000000">Achievement</a></td>
 +
 +
 +
<td onMouseOver="this.bgColor='#66CCFF'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#66CCFF>
 +
<a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Collaborations"style="color:#000000">Collaborations</a></td>
 +
 +
<td onMouseOver="this.bgColor='#66CCFF'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#66CCFF>
 +
<a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Safety"style="color:#000000">Safety</a></td>
 +
 +
 +
 +
    <!--    <td onMouseOver="this.bgColor='#66CCFF'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#66CCFF>    -->
 +
    <!--  <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Modeling="color:#000000">Modeling</a></td>            -->
 +
 +
          <!--      <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Measurement"><li>MEASUREMENT</li></a>  -->
 +
 +
 +
<!-- <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Measurement"><li>MEASUREMENT</li></a>  -->
 +
 +
<!-- <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Software"><li>SOFTWARE</li></a>  -->
 +
 +
<!-- <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>    -->
 +
 
 +
 +
 +
  
  
 
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
 
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
−
<td style="background-color:#ffffff;width:200px;"></td>
+
<td style="background-color:#E6FFE9;width:200px;"></td>
  
 
</tr>
 
</tr>
Line 80: Line 150:
  
  
−
</div>
 
  
−
         
 
−
  </div>
 
−
 
−
  </div>
 
−
  </div>
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 15:48, 21 August 2015

Button