Difference between revisions of "Team:KAIT Japan/Description"
(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | |||
<html> | <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;} | |
− | + | ||
− | |||
− | |||
− | |||
− | + | #f-box{ | |
− | + | display:-moz-box; | |
− | + | display:-webkit-box; | |
+ | display:-webkit-flex; | ||
+ | display:-ms-flexbox; | ||
+ | display:flex; | ||
+ | background-color:; | ||
+ | } | ||
− | + | #mannnaka{ | |
− | + | box-sizing:border-box; | |
− | + | width:550px; | |
+ | padding:10px; | ||
+ | -moz-box-ordinal-group:2; | ||
+ | -webkit-box-ordinal-group:2; | ||
+ | -webkit-order-:2; | ||
+ | -ms-flex-order:2; | ||
+ | order:2; | ||
+ | font-family:fantasy; | ||
+ | text-align:left; | ||
+ | vertical-align:; | ||
+ | } | ||
+ | .aside{ | ||
+ | box-sizing:border; | ||
+ | width:200px; | ||
+ | padding | ||
+ | } | ||
+ | #side1{ | ||
+ | -moz-box-ordinal-group:1; | ||
+ | -webkit-box-ordinal-group:1; | ||
+ | -webkit-order-:1; | ||
+ | -ms-flex-order:1; | ||
+ | order:1; | ||
+ | } | ||
− | + | #side1 ul li{ | |
− | + | text-align:left; | |
+ | width:56%; | ||
+ | padding:3px 10px; | ||
+ | border-radius:3px; | ||
+ | background-image: -webkit-linear-gradient(#cff0ef,#7CFC00); | ||
+ | background-image: linear-gradient(#cff0ef,#7CFC00); | ||
+ | box-shadow:inset 1px 1px rgba(255,255,255,0.7), | ||
+ | inset -1px -1px rgba(0,0,0,0.1), | ||
+ | 1px 1px 6px #bbb; | ||
+ | text-shadow:0 -1px rgba(0,0,0,0.4), | ||
+ | 0 1px rgba(255,255,255,0.7); | ||
+ | } | ||
+ | #side1 ul li:hover{ | ||
+ | background-image: -webkit-linear-gradient(#cff0ef,#ADFF2F); | ||
+ | background-image: linear-gradient(#cff0ef,#ADFF2F); | ||
+ | -webkit-animation:b-glow 0.6s linear infinite alternate; | ||
+ | animation:b-glow 0.6s linear infinite alternate; | ||
+ | } | ||
+ | @keyframes b-glow { | ||
+ | from { | ||
+ | box-shadow:inset 1px 1px rgba(255,255,255,0.7), | ||
+ | inset -1px -1px rgba(0,0,0,0.1), | ||
+ | 0 0 6px #FFFF00; | ||
+ | } | ||
+ | to{ | ||
+ | box-shadow:inset 1px 1px rgba(255,255,255,0.7), | ||
+ | inset -1px -1px rgba(0,0,0,0.1), | ||
+ | 0 0 6px 2px #FFFF00; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | #side2{ | ||
+ | -moz-box-ordinal-group:3; | ||
+ | -webkit-box-ordinal-group:3; | ||
+ | -webkit-order-:3; | ||
+ | -ms-flex-order:3; | ||
+ | order:3; | ||
+ | } | ||
+ | |||
+ | |||
+ | h1{ | ||
+ | color:#FFFFFF; | ||
+ | } | ||
+ | |||
+ | |||
+ | h3{ | ||
+ | margin-left:-5px; | ||
+ | margin-right:-5px; | ||
+ | background-color:; | ||
+ | vertical-align:bottom; | ||
+ | text-align:left; | ||
+ | height:35px; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <body> | ||
+ | |||
+ | <div id="page body"> | ||
+ | <h3><a href="https://2015.igem.org/Team:KAIT_Japan"><img src="https://static.igem.org/mediawiki/2015/thumb/5/54/%E3%83%AD%E3%82%B4%E3%83%9E%E3%83%BC%E3%82%AF.jpg/800px-%E3%83%AD%E3%82%B4%E3%83%9E%E3%83%BC%E3%82%AF.jpg" width="90px" height="70px"></a><FONT size="11">Protocol</FONT></h3> | ||
+ | <div id="f-box"> | ||
+ | <div id="mannnaka"> | ||
+ | <p>本文 | ||
+ | </p><br> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="aside" id="side1"> | ||
+ | <br> | ||
+ | <br> | ||
+ | <font size="5">Link list</font> | ||
+ | <br> | ||
<ul> | <ul> | ||
− | <li><a href="https:// | + | <li><a href="https://2015.igem.org/Team:KAIT_JAPAN">Atribution</a></li> |
− | <li><a href="https:// | + | <li><a href="https://2015.igem.org/Team:KAIT_Japan/Team">Team</a></li> |
− | <li><a href="https:// | + | <li><a href="https://2015.igem.org/Team:KAIT_Japan/Project">Project</a></li> |
+ | <li><a href="https://2015.igem.org/Team:KAIT_Japan/Results">Results</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:KAIT_Japan/Parts">Parts</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:KAIT_Japan/Notebook">Lab note</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:KAIT_Japan/Safety">Safety</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:KAIT_Japan/Human Practice">Human Practice</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:KAIT_Japan/Judge">Judge</a></li> | ||
</ul> | </ul> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="asaide" id="side2"> | ||
+ | <br> | ||
+ | <br> | ||
+ | <font size="5">Sponsor</font> | ||
+ | <br> | ||
+ | <br> | ||
+ | <a href="http://www.cosmobio.co.jp/index_e.asp"><img src="https://static.igem.org/mediawiki/2015/6/62/Cosumo_bio.png" width="180px"></a> | ||
+ | <br> | ||
+ | <br> | ||
+ | <a href="http://www.kait.jp/yumepro/"><img src="https://static.igem.org/mediawiki/2015/0/07/Yumepuro.png" width="180px"></a> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 07:36, 8 September 2015