Difference between revisions of "Team:KAIT Japan"
Line 1: | Line 1: | ||
− | + | <html> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <head> | |
− | < | + | |
− | --- | + | <META http-equiv="Content-Style-Type" content="text/css"> |
− | + | <style type="text/css"> | |
− | ----- | + | body { |
− | + | background-image : url(http://flashnatural.com/photo/background/flower/img/bf16.jpg); | |
+ | background-repeat: no-repeat; | ||
+ | background-attachment: fixed; | ||
+ | background-position : 100% 100%; | ||
+ | background-color:#FFFFFF; | ||
+ | } | ||
− | |||
+ | #page body{width:950px; margin:auto;} | ||
− | |||
− | + | h1{ | |
+ | color:#FFFFFF; | ||
+ | } | ||
− | + | h3{ | |
+ | margin-left:-5px; | ||
+ | margin-right:-5px; | ||
+ | background-color:; | ||
+ | vertical-align:bottom; | ||
+ | text-align:center; | ||
+ | height:35px; | ||
+ | } | ||
+ | |||
+ | #syoukai{ | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | |||
+ | .nav ul{ | ||
+ | width:100%; | ||
+ | height:180px; | ||
+ | display:-moz-box; | ||
+ | display:-webkit-box; | ||
+ | display:-webkit-flex; | ||
+ | display:-ma-flexbox; | ||
+ | display:flex; | ||
+ | -webkit-box-pack:center; | ||
+ | -webkit-justify-content:center; | ||
+ | -moz-box-pack:center; | ||
+ | -ms-flex-pack:center; | ||
+ | justify-content:center; | ||
+ | -webkit-box-align:center; | ||
+ | -webkit-align-items:center; | ||
+ | -moz-box-align:center; | ||
+ | -ms-flex-align:center; | ||
+ | align-items:center; | ||
+ | } | ||
+ | |||
+ | .nav ul li a{ | ||
+ | text-align:center; | ||
+ | color:#000000; | ||
+ | margin:10px; | ||
+ | border-radius:5px; | ||
+ | width:75px; | ||
+ | height:75px | ||
+ | line-height:75px; | ||
+ | font-size:14px; | ||
+ | background-size:100%; | ||
+ | display:block; | ||
+ | opacity:0.6; | ||
+ | -webkit-transition:0.5s; | ||
+ | transition:0.5s; | ||
+ | } | ||
+ | |||
+ | .nav ul li a:hover{ | ||
+ | width:150px; | ||
+ | height:150px; | ||
+ | line-height:150px; | ||
+ | font-size:24px; | ||
+ | opacity:1; | ||
+ | } | ||
+ | |||
+ | #home{ | ||
+ | background-image : url(https://static.igem.org/mediawiki/2015/thumb/2/27/%E6%A4%8D%E7%89%A9%E3%83%9C%E3%82%BF%E3%83%B3%EF%BC%93.jpg/643px-%E6%A4%8D%E7%89%A9%E3%83%9C%E3%82%BF%E3%83%B3%EF%BC%93.jpg); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | #team{ | ||
+ | background-image : url(https://static.igem.org/mediawiki/2015/thumb/2/27/%E6%A4%8D%E7%89%A9%E3%83%9C%E3%82%BF%E3%83%B3%EF%BC%93.jpg/643px-%E6%A4%8D%E7%89%A9%E3%83%9C%E3%82%BF%E3%83%B3%EF%BC%93.jpg); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | #project{ | ||
+ | background-image : url(https://static.igem.org/mediawiki/2015/thumb/2/27/%E6%A4%8D%E7%89%A9%E3%83%9C%E3%82%BF%E3%83%B3%EF%BC%93.jpg/643px-%E6%A4%8D%E7%89%A9%E3%83%9C%E3%82%BF%E3%83%B3%EF%BC%93.jpg); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | #parts{ | ||
+ | background-image : url(https://static.igem.org/mediawiki/2015/thumb/2/27/%E6%A4%8D%E7%89%A9%E3%83%9C%E3%82%BF%E3%83%B3%EF%BC%93.jpg/643px-%E6%A4%8D%E7%89%A9%E3%83%9C%E3%82%BF%E3%83%B3%EF%BC%93.jpg); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | #protocol{ | ||
+ | background-image : url(https://static.igem.org/mediawiki/2015/thumb/2/27/%E6%A4%8D%E7%89%A9%E3%83%9C%E3%82%BF%E3%83%B3%EF%BC%93.jpg/643px-%E6%A4%8D%E7%89%A9%E3%83%9C%E3%82%BF%E3%83%B3%EF%BC%93.jpg); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | #notebook{ | ||
+ | background-image : url(https://static.igem.org/mediawiki/2015/thumb/2/27/%E6%A4%8D%E7%89%A9%E3%83%9C%E3%82%BF%E3%83%B3%EF%BC%93.jpg/643px-%E6%A4%8D%E7%89%A9%E3%83%9C%E3%82%BF%E3%83%B3%EF%BC%93.jpg); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | #results{ | ||
+ | background-image : url(https://static.igem.org/mediawiki/2015/thumb/2/27/%E6%A4%8D%E7%89%A9%E3%83%9C%E3%82%BF%E3%83%B3%EF%BC%93.jpg/643px-%E6%A4%8D%E7%89%A9%E3%83%9C%E3%82%BF%E3%83%B3%EF%BC%93.jpg); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | #safety{ | ||
+ | background-image : url(https://static.igem.org/mediawiki/2015/thumb/2/27/%E6%A4%8D%E7%89%A9%E3%83%9C%E3%82%BF%E3%83%B3%EF%BC%93.jpg/643px-%E6%A4%8D%E7%89%A9%E3%83%9C%E3%82%BF%E3%83%B3%EF%BC%93.jpg); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | #human{ | ||
+ | background-image : url(https://static.igem.org/mediawiki/2015/thumb/2/27/%E6%A4%8D%E7%89%A9%E3%83%9C%E3%82%BF%E3%83%B3%EF%BC%93.jpg/643px-%E6%A4%8D%E7%89%A9%E3%83%9C%E3%82%BF%E3%83%B3%EF%BC%93.jpg); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <body> | ||
+ | <div id="page body"> | ||
<br> | <br> | ||
− | < | + | <br> |
− | + | <br> | |
− | + | <h3><FONT size="11">Welcome our Page!!</FONT></h3> | |
− | + | <br> | |
+ | <p id="syoukai">簡単な紹介 | ||
+ | </p> | ||
+ | <br> | ||
+ | </div> | ||
+ | |||
+ | <div class="nav"> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:KAIT_Japan" id="home">Home</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:KAIT_Japan/Team" id="team">Team</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:KAIT_Japan/Project" id="project">Project</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:KAIT_Japan/Parts" id="parts">Parts</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:KAIT_Japan/Protocol" id="protocol">Protocol</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:KAIT_Japan/Notebook" id="notebook">Notebook</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:KAIT_Japan/Results" id="results">Results</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:KAIT_Japan/Safety" id="safety">Safety</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:KAIT_Japan/Human Practice" id="human">H.P</a></li> | ||
+ | </ul> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | </body> | ||
+ | </html> |
Revision as of 08:34, 11 August 2015
Welcome our Page!!
簡単な紹介