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

Line 19: 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:;
+
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;
+
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;
 
}
 
}
 +
 +
#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{
 
#side2{
−
    -moz-box-ordinal-group:3;
+
-moz-box-ordinal-group:3;
−
    -webkit-box-ordinal-group:3;
+
-webkit-box-ordinal-group:3;
−
    -webkit-order-:3;
+
-webkit-order-:3;
−
    -ms-flex-order:3;
+
-ms-flex-order:3;
−
    order:3;
+
order:3;
 +
}
 +
 
 +
 
 +
h1{
 +
color:#FFFFFF;
 
}
 
}
  
Line 87: Line 127:
 
<div id="f-box">
 
<div id="f-box">
 
<div id="mannnaka">
 
<div id="mannnaka">
−
<p>私はＨＰを作成している。
+
<p>本文
 
</p><br>
 
</p><br>
  
Line 96: Line 136:
 
</div>
 
</div>
 
<div class="aside" id="side1">
 
<div class="aside" id="side1">
−
<p style="color:#0000FF">私はＨＰを作成している。
+
<p style="color:#0000FF">ここに各ＨＰへのリンク先を載せていく。
 
</p><br>
 
</p><br>
−
<br>
+
<ul>
−
 
+
<li><a href="https://2015.igem.org/Team:KAIT_Japan">Home</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/Parts">Parts</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/Results">Results</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>
 +
</ul>
  
  
Line 105: Line 153:
 
</div>
 
</div>
 
<div class="asaide" id="side2">
 
<div class="asaide" id="side2">
−
<p>ksksksksksks
+
<p>スポンサーへのリンク
 
</p>
 
</p>
  

Revision as of 22:35, 3 August 2015

Notebook

本文


ここに各ＨＰへのリンク先を載せていく。


スポンサーへのリンク