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

Line 9: Line 9:
 
}
 
}
 
div#bannerContainer {
 
div#bannerContainer {
width:80%;
+
width:75%;
 
position:absolute;
 
position:absolute;
 
border:solid 1px;
 
border:solid 1px;
Line 18: Line 18:
 
width:900px;
 
width:900px;
 
height:330px;
 
height:330px;
margin-top:10px;
+
margin-top:-10px;
 
border:solid 1px;
 
border:solid 1px;
 
         position:absolute;
 
         position:absolute;
Line 38: Line 38:
  
 
.team {
 
.team {
width:250px;
+
width:260px;
height:300px;
+
height:135px;
margin-top:-5px;
+
      position:relative;
margin-right:10px;
+
left:15px;
background: #ffffff;
+
margin-top:10px;
 +
margin-left:20px;
 +
background:#ffffff;
 
       border:solid 1px #000000;
 
       border:solid 1px #000000;
float:right;
+
display: inline-block; _display: inline;
 +
display: table-cell;    /* ④ */ 
 +
   vertical-align: middle;
 +
left:15px;
 
cursor:pointer;
 
cursor:pointer;
}
+
}
 +
 
 +
        .notebook  {
 +
width:260px;
 +
height:140px;
 +
position:relative;
 +
margin-top:5px;
 +
margin-left:15px;
 +
margin-right:10px;
 +
background:#ffffff;
 +
      border:solid 1px #000000;
 +
      display: table-cell; 
 +
              display: inline-block; _display: inline;
 +
           vertical-align: middle;
 +
      top:300px
 +
 
 +
display: inline-block; _display: inline;
 +
cursor:pointer;
 +
       }
 +
 
 
div#box2 /*2段目の箱*/ {
 
div#box2 /*2段目の箱*/ {
 
width:900px;
 
width:900px;
 
height:330px;
 
height:330px;
margin-top:10px;
+
margin-top:-10px;
 
border:solid 1px;
 
border:solid 1px;
 
         position:absolute;
 
         position:absolute;
Line 100: Line 124:
 
div#box3 /*3段目の箱*/ {
 
div#box3 /*3段目の箱*/ {
 
width:900px;
 
width:900px;
height:330px;
+
height:180px;
margin-top:10px;
+
margin-top:-19px;
 
border:solid 1px;
 
border:solid 1px;
 
         position:absolute;
 
         position:absolute;
Line 108: Line 132:
 
.Ache {
 
.Ache {
 
width:210px;
 
width:210px;
height:300px;
+
height:150px;
 
margin-top:10px;
 
margin-top:10px;
 
margin-left:10px;
 
margin-left:10px;
Line 119: Line 143:
 
.Human {
 
.Human {
 
width:210px;
 
width:210px;
height:300px;
+
height:150px;
 
margin-top:10px;
 
margin-top:10px;
 
margin-left:10px;
 
margin-left:10px;
Line 130: Line 154:
 
.parts {
 
.parts {
 
width:210px;
 
width:210px;
height:300px;
+
height:150px;
 
margin-top:10px;
 
margin-top:10px;
 
margin-left:10px;
 
margin-left:10px;
Line 142: Line 166:
 
      .safety {
 
      .safety {
 
width:210px;
 
width:210px;
height:300px;
+
height:150px;
 
margin-top:-5px;
 
margin-top:-5px;
 
margin-left:10px;
 
margin-left:10px;
Line 245: Line 269:
 
  <div class="team">
 
  <div class="team">
 
 <p>team</p>
 
 <p>team</p>
 
 
 
 <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Team" target="_blank" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7 ></a>
 
 <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Team" target="_blank" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7 ></a>
 
+
         </div>
          </div>
+
        
 +
              <div class="notebook">
 +
 <p>Notebook</p>
 +
 <a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Notebook" target="_blank" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7 ></a>
 +
            </div>
 +
 
 +
 
 
          
 
          
 
<div id="box2"/*見えない2段目のボックス*/> 
 
<div id="box2"/*見えない2段目のボックス*/> 

Revision as of 00:56, 27 August 2015

  
    
        サンプル画像                             
       
 

team

    
  
 

Notebook

    
            
      

project

     
     
       

Achievement

  
  
       

Human practice

  
  
       

Parts

  
  
       

Safety