Difference between revisions of "Team:Tokyo-NoKoGen/Demo"

Line 1: Line 1:
 
{{TeamTokyoNokogen}}
 
{{TeamTokyoNokogen}}
−
 
+
<html>
−
<html>
+
−
 
+
−
 
+
−
 
+
 
<style>
 
<style>
−
.relative_1{
+
div#wrap {
−
position: relative;
+
width:80%;
−
width: 650px;
+
text-align:center;
−
height: 250px;
+
margin-left:auto;
−
background: #ffffff;
+
margin-right:auto;
−
opacity: 0.5;
+
}
−
      top: 100px;
+
div#bannerContainer {
−
      border:solid 1px #000022;
+
width:80%;
−
}
+
position:relative;
 +
border:solid 1px;
  
−
.relative_2{
+
}
−
position: absolute;
+
div#box1 {
−
width: 220px;
+
width:900px;
−
height: 250px;
+
height:330px;
−
background: #ffffff;
+
margin-top:10px;
−
opacity: 0.5;
+
border:solid 1px;
−
        top: 270px;
+
−
        left: 65%;
+
−
      border:solid 1px #000022;
+
−
}
+
  
−
.relative_3{
+
}
−
position: relative;
+
−
width: 220px;
+
−
height: 120px;
+
−
background: #ffffff;
+
−
opacity: 0.5;
+
−
        top: 200px;
+
−
      border:solid 1px #000022;
+
−
}
+
  
−
.relative_4{
+
div#relative_1 {
−
position: relative;
+
width:600px;
−
width: 220px;
+
height:300px;
−
height: 120px;
+
margin-top:10px;
−
background: #ffffff;
+
background:#ffffff;
−
opacity: 0.5;
+
      border:solid 1px #000000;
−
        top: 400px;
+
display: inline-block; _display: inline;
−
 
+
−
      border:solid 1px #000022;
+
 
}
 
}
  
−
.relative_5{
+
div#relative_2 {
−
position:relative;
+
width:250px;
−
width: 650px;
+
height:300px;
−
height: 250px;
+
margin-top:10px;
 +
margin-right:10px;
 
background: #ffffff;
 
background: #ffffff;
−
opacity: 0.5;
+
       border:solid 1px #000000;
−
        top: 0px;
+
float:right;
−
        left: 30%;
+
−
       border:solid 1px #000022;
+
 
}
 
}
−
.relative_6{
 
−
position: relative;
 
−
width: 220px;
 
−
height: 250px;
 
−
background: #ffffff;
 
−
opacity: 0.5;
 
−
        top: 0px;
 
−
      border:solid 1px #000022;
 
−
}
 
−
.relative_7{
 
−
position: relative;
 
−
width: 220px;
 
−
height: 250px;
 
−
background: #ffffff;
 
−
opacity: 0.5;
 
−
        top: 0px;
 
−
        left: 27.5%;
 
−
      border:solid 1px #000022;
 
−
}
 
−
.relative_8{
 
−
position: relative;
 
−
width: 220px;
 
−
height: 250px;
 
−
background: #ffffff;
 
−
opacity: 0.5;
 
−
        top: 0px;
 
−
        left: 47%;
 
−
      border:solid 1px #000022;
 
−
}
 
−
.relative_9{
 
−
position: relative;
 
−
width: 220px;
 
−
height: 250px;
 
−
background: #ffffff;
 
−
opacity: 0.5;
 
−
        top: 0px;
 
−
        left: 66%;
 
−
      border:solid 1px #000022;
 
−
}
 
−
 
  
 
p {
 
p {
Line 174: Line 116:
 
</style>
 
</style>
  
 +
<div id="wrap">
  
−
  <div id="main">
 
 
<div id="bannerContainer">
 
<div id="bannerContainer">
−
<img src="https://static.igem.org/mediawiki/2015/8/82/Tokyo-NoKogen_banner.png" width="900" height="250" />  
+
<img src="https://static.igem.org/mediawiki/2015/8/82/Tokyo-NoKogen_banner.png" width="900" height="150">  
−
　　　　　　 </div>
+
</div>
−
　
+
<div id="box1">　
−
　<div class="relative_1">
+
<div id="relative_1">
−
   　　　　　　　  <img src="http://junk-blog.com/wp-content/uploads/2014/09/sample_image.jpg" alt="サンプル画像" width="650" height="250";position:relative;/>
+
   　　　　　　　  <img src="http://junk-blog.com/wp-content/uploads/2014/09/sample_image.jpg" alt="サンプル画像" width="550" height="250">
−
   　　　　　　　　  <a href="https://2015.igem.org/Team:Tokyo-NoKoGen"></a>
+
   　　　　　　　　  <a href="http://junk-blog.com/wp-content/uploads/2014/09/sample_image.jpg" alt="サンプル画像="_blank"></a>
−
　　　　　　　　</div>　
+
　　　　</div>　
−
　　　　　　　　　　</div>
+
<div id="relative_2">
−
 
+
<p>team</p>
−
 
+
</div>
−
 
+
</div>　　　　　　　　
−
          <div class="relative_2"></div>
+
−
          <div class="relative_3"></div>
+
−
          <div class="relative_4"></div>
+
−
          <div class="relative_5"></div>　　　　　　　
+
−
      <div class="relative_6"></div>
+
−
  <div class="relative_7"></div>
+
−
  <div class="relative_8"></div>
+
−
  <div class="relative_9"></div>
+
−
     
+
−
 
+
−
 
+
−
</div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
+
  
 
</div>
 
</div>
 
</html>
 
</html>

Revision as of 13:41, 26 August 2015

　
　　　　　　　 サンプル画像 　　　　　　　　 　　　　
　

team