Template:Team:TMU-Tokyo/Home.css

From 2013.igem.org

(Difference between revisions)
 
(140 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style>
<style>
 +
    table, p {text-indent: 1em ;
 +
    font-size :medium;
 +
    font-family ;:
 +
   
 +
    }  
 +
 
 +
      table.stand td a:link, table.imple td a :link{
 +
        text-decoration:none;
 +
        display:block;
 +
        color:#000000;
 +
     width:100%;
 +
     height:100%;
 +
 }
 +
      table.stand td a:hover, table.imple td a:hover{
 +
        text-decoration:none;
 +
        color:#ff89ff;}
 +
 +
      table.imple td a, table.stand td a{
 +
        display:block;
 +
        color:#000000;
 +
     width:100%;
 +
     height:100%;
 +
}
 +
 +
   .description table {
   .description table {
     width: 960px;
     width: 960px;
     height: 150px;
     height: 150px;
-
     border: 0px #f0ff solid;
+
     border-top:0px solid #7f7f7f;
 +
    border-collapse:separate;
 +
    border-spacing:2px;
     background-color: #ffffff;
     background-color: #ffffff;
      
      
  }
  }
 +
 
 +
  table.ue , table.stand , table.imple {
 +
        border-collapse: collapse;
 +
        padding : 0 ; 
 +
}
 +
 
 +
  table.stand    {
 +
        padding : 0 ;
 +
        border: 1px #fa6c99 solid;
 +
        background-color: fff;
 +
        padding: 0px 30px;
 +
      text-align :left;
 +
        vertical-align: middle;
 +
        border-radius: 50px 50px 50px 50px;
 +
}
 +
  table.imple  {
 +
        padding : 0 ;
 +
        border: 1px #01cbdd solid;
 +
        background-color: fff;
 +
        padding: 0px 30px;
 +
      text-align: left;
 +
        vertical-align: middle;
 +
        border-radius: 50px 50px 50px 50px;
 +
 +
}
 +
   
   
   .description caption {
   .description caption {
-
   text-align: center;
+
   text-align: left;
 +
  font-weight: bold ;
 +
  font-family : Segoe Print , sans-serif  ; 
  }
  }
   .description td {
   .description td {
-
   border: 0px #000000 solid;  
+
   border: px #000000 solid;  
-
   background-color: #f0ffff;
+
   background-color: #fff;
   padding: 0 30px;
   padding: 0 30px;
-
   text-align: center;
+
   text-align: left;
   vertical-align: middle;
   vertical-align: middle;
-
   border-radius : 50px 50px 50px 50px ;
+
   border-radius: 50px 50px 50px 50px;
-
  }  
+
  }
 +
 
 +
 
 +
 
 +
  .idea td, .parts td, .future td, .human td, .safety td, .achievement td  {
 +
      padding: 20px 10px 5px 10px;
 +
      list-style-type: none ;
 +
      font-size ;  :
 +
      text-align: center;
 +
      vertical-align: middle;
 +
      background-color:;
 +
     
 +
  }
 +
 
 +
  .idea td li, .parts td li, .future td li, .human td li, .safety td li, .achievement td li, table td {
 +
      font-size: medium;
 +
   vertical-align: bottom ;
 +
 
 +
  }
 +
 
 +
  td .boximg
 +
      {padding : 0 ;
 +
      vertical-align : top ;
 +
  }
 +
 
        
        
   
   
Line 27: Line 106:
     width: 950px;
     width: 950px;
     height: 150px;
     height: 150px;
-
     border:01px #000000 solid;
+
     border: 0px #000000 solid;
     background-color: #ffffff;
     background-color: #ffffff;
 +
    border-radius: 50px 50px 50px 50px;
      
      
  }
  }
-
   .idea table{
+
   .idea table {  
     width: 420px;
     width: 420px;
     height: 150px;
     height: 150px;
     border: 0px #000 solid;
     border: 0px #000 solid;
-
     background-color: #ffffff;
+
     background-color: #dbfff6  ;
-
 
+
  }
  }
-
 
+
  .idea  caption {
-
 
+
-
  .idea  caption {
+
   text-align:left;
   text-align:left;
  }
  }
-
 
+
   .idea td {
-
   .idea td {
+
   border: 0px #000000 solid;  
   border: 0px #000000 solid;  
-
   background-color: #f0ffff;
+
   background-color: ;
-
  padding: 0 30px;
+
 
-
  text-align: center;
+
   
-
  vertical-align: middle;
+
  }
-
  border-radius : 50px 50px 50px 50px ;
+
 
-
  }  
+
 
-
+
 
   .parts table{
   .parts table{
     width: 420px;
     width: 420px;
     height: 150px;
     height: 150px;
     border: 0px #000 solid;
     border: 0px #000 solid;
-
     background-color: #ffffff;
+
     background-color: #ffff99;
  }
  }
-
  .parts caption {
+
.parts  td {
-
  text-align: left;
+
-
  }
+
-
 
+
-
  .parts td {
+
   border: 0px #000000 solid;  
   border: 0px #000000 solid;  
-
   background-color: #f0ffff;
+
   background-color: ;
-
   padding: 0 20px;
+
    
-
  text-align: center;
+
-
  vertical-align: middle;
+
 
-
  border-radius : 50px 50px 50px 50px ;
+
 
-
}
+
   .naka table {
   .naka table {
Line 79: Line 150:
     border: 0px #000000 solid;
     border: 0px #000000 solid;
     background-color: #ffffff;
     background-color: #ffffff;
 +
    border-radius: 50px 50px 50px 50px;
      
      
  }
  }
Line 86: Line 158:
     height: 150px;
     height: 150px;
     border: 0px #000 solid;
     border: 0px #000 solid;
-
     background-color: #ffffff;
+
     background-color: #ffff99;
    
    
  }
  }
-
 
-
 
   .future  caption {
   .future  caption {
   text-align:left;
   text-align:left;
Line 97: Line 167:
   .future  td {
   .future  td {
   border: 0px #000000 solid;  
   border: 0px #000000 solid;  
-
   background-color: #f0ffff;
+
   background-color:   ;
-
  padding: 0 30px;
+
 
-
  text-align: center;
+
-
  vertical-align: middle;
+
-
  border-radius : 50px 50px 50px 50px ;
+
  }  
  }  
   
   
 +
 
 +
   .human table{
   .human table{
     width: 420px;
     width: 420px;
     height: 150px;
     height: 150px;
     border: 0px #000 solid;
     border: 0px #000 solid;
-
     background-color: #ffffff;
+
     background-color: #dbfff6;
  }
  }
Line 117: Line 186:
   .human td {
   .human td {
   border: 0px #000000 solid;  
   border: 0px #000000 solid;  
-
   background-color: #f0ffff;
+
   background-color: ;
-
   padding: 0 20px;
+
    
-
  text-align: center;
+
-
  vertical-align: middle;
+
-
  border-radius : 50px 50px 50px 50px ;
+
  }  
  }  
-
.
 
-
.owari table {
+
 
 +
 
 +
  .owari table {
     width: 950px;
     width: 950px;
     height: 150px;
     height: 150px;
     border: 0px #000000 solid;
     border: 0px #000000 solid;
-
     background-color: #ffffff;
+
     background-color: #ffffff;  
-
    
+
    border-radius: 50px 50px 50px 50px; 
  }
  }
 +
 
 +
 +
   .safety  table{
   .safety  table{
Line 137: Line 207:
     height: 150px;
     height: 150px;
     border: 0px #000 solid;
     border: 0px #000 solid;
-
     background-color: #ffffff;
+
     background-color: #dbfff6;
    
    
  }
  }
-
 
-
 
   .safety  caption {
   .safety  caption {
   text-align:left;
   text-align:left;
  }
  }
-
 
   .safety  td {
   .safety  td {
   border: 0px #000000 solid;  
   border: 0px #000000 solid;  
-
   background-color: #f0ffff;
+
   background-color: ;
-
   padding: 0 30px;
+
    
-
  text-align: center;
+
-
  vertical-align: middle;
+
-
  border-radius : 50px 50px 50px 50px ;
+
  }  
  }  
   
   
 +
 
 +
   .achievement table{
   .achievement table{
     width: 420px;
     width: 420px;
     height: 150px;
     height: 150px;
     border: 0px #000 solid;
     border: 0px #000 solid;
-
     background-color: #ffffff;
+
     background-color: #ffff99;
  }
  }
Line 168: Line 234:
   .achievement td {
   .achievement td {
   border: 0px #000000 solid;  
   border: 0px #000000 solid;  
-
   background-color: #f0ffff;
+
   background-color: ;
-
  padding: 0 20px;
+
 
-
  text-align: center;
+
-
  vertical-align: middle;
+
-
  border-radius : 50px 50px 50px 50px ;
+
  }  
  }  
 +
  h1{
 +
      font-size: 14;
 +
      font-weight: bold ;
 +
      font-family : Segoe Print , sans-serif ; 
 +
    }
Line 183: Line 251:
-
 
-
 
-
 
-
  p{
 
-
      font-size: 14;
 
-
      font-weight: bold ;
 
-
      font-family : Segoe Print , sans-serif ; 
 
-
    }
 
    
    
-
   Hr{   
+
   Hr.spon{   
-
       border-color: #000000 ;
+
       color: #000000 solid ;
-
       boder-width : 1.5px ;
+
       height : 1px ;
     }
     }

Latest revision as of 17:45, 27 September 2013