Difference between revisions of "Team:KAIT Japan/Parts"

 
(18 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
<head>
 
<head>
  
−
<title>KAIT-JAPAN 2015</title>
 
 
<META http-equiv="Content-Style-Type" content="text/css">
 
<META http-equiv="Content-Style-Type" content="text/css">
 
<style type="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;}
 
#page body{width:950px; margin:auto;}
Line 11: Line 19:
  
 
#f-box{
 
#f-box{
−
    display:-moz-box;
+
display:-moz-box;
−
    display:-webkit-box;
+
display:-webkit-box;
−
    display:-webkit-flex;
+
display:-webkit-flex;
−
    display:-ms-flexbox;
+
display:-ms-flexbox;
−
    display:flex;
+
display:flex;
 +
background-color:;
 
}
 
}
  
  
 
#mannnaka{
 
#mannnaka{
−
    box-sizing:border-box;
+
box-sizing:border-box;
−
    width:550px;
+
width:550px;
−
    padding:10px;
+
padding:10px;
−
    -moz-box-ordinal-group:2;
+
-moz-box-ordinal-group:2;
−
    -webkit-box-ordinal-group:2;
+
-webkit-box-ordinal-group:2;
−
    -webkit-order-:2;
+
-webkit-order-:2;
−
    -ms-flex-order:2;
+
-ms-flex-order:2;
−
    order:2;
+
order:2;
 +
font-family:fantasy;
 +
text-align:left;
 +
vertical-align:;
 
}
 
}
  
 
.aside{
 
.aside{
−
    box-sizing:border;
+
box-sizing:border;
−
    width:200px;
+
width:200px;
−
    padding
+
padding
 
}
 
}
  
−
.side1{
+
#side1{
−
    -moz-box-ordinal-group:1;
+
-moz-box-ordinal-group:1;
−
    -webkit-box-ordinal-group:1;
+
-webkit-box-ordinal-group:1;
−
    -webkit-order-:1;
+
-webkit-order-:1;
−
    -ms-flex-order:1;
+
-ms-flex-order:1;
−
    order:1;
+
order:1;
 
}
 
}
  
−
.side2{
+
#side1 ul li{
−
    -moz-box-ordinal-group:3;
+
text-align:left;
−
    -webkit-box-ordinal-group:3;
+
width:56%;
−
    -webkit-order-:3;
+
padding:3px 10px;
−
    -ms-flex-order:3;
+
border-radius:3px;
−
    order:3;
+
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{
 
h1{
−
    margin-left:+10px;
+
color:#FFFFFF;
−
    margin-right:+10px;
+
}
−
    background-color:#7CFC00;
+
 
−
    text-align:center;
+
 
−
    height:30px
+
h3{
 +
margin-left:-5px;
 +
margin-right:-5px;
 +
background-color:;
 +
vertical-align:bottom;
 +
text-align:left;
 +
height:35px;
 
}
 
}
  
Line 73: Line 124:
  
 
<div id="page body">
 
<div id="page body">
−
<h1><FONT size="11">タイトル</FONT></h1>
+
<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">Parts</FONT></h3>
−
  <div id="f-box">
+
 
−
    <div id="mannnaka">
+
<div id="f-box">
−
    <p>私はＨＰを作成している。</p><br>
+
<div id="mannnaka">
 +
<p>本文
 +
</p><br>
  
  
Line 82: Line 135:
  
  
−
    </div>
+
</div>
−
    <div class="aside side1">
+
<div class="aside" id="side1">
−
      <p style="color:#0000FF">私はＨＰを作成している。</p><br>
+
<br>
 +
<br>
 +
<font size="5">Link list</font>
 +
<br>
 +
<ul>
 +
<li><a href="https://2015.igem.org/Team:KAIT_JAPAN">Atribution</a></li>
 +
<li><a href="https://2015.igem.org/Team:KAIT_Japan/Team">Team</a></li>
 +
<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/Protocol">Protocol</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>
  
  
  
 +
</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 class="asaide side2">
 
−
    <p>ksksksksksks</p>
 
  
  
Line 98: Line 173:
  
  
−
    </div>
+
</div>
−
  </div>
+
</div>
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 07:34, 31 August 2015

Parts