Team:Groningen/CSS3

From 2013.igem.org

(Difference between revisions)
Line 10: Line 10:
.tile{
.tile{
-
     height:10%;   
+
     height:200px;   
-
     width:10%;  
+
     width:200px;  
     float:left;
     float:left;
     margin:0 5px 0 0;
     margin:0 5px 0 0;
Line 20: Line 20:
.tileText{
.tileText{
-
     height:10%;   
+
     height:200px;   
-
     width:10%;  
+
     width:200px;  
     float:left;
     float:left;
     margin:0 5px 0 0;
     margin:0 5px 0 0;

Revision as of 08:35, 25 July 2013

.table{

   width:auto;
   padding:5px;
   height:auto;
   display:table;     

}

/* Code for the characteristics for the tiles */

.tile{

   height:200px;  
   width:200px; 
   float:left;
   margin:0 5px 0 0;
   padding:2px;

}

/* Code for the characteristics for the tiles with text (made a seperate one so this one does not doe anything if you hover over*/

.tileText{

   height:200px;  
   width:200px; 
   float:left;
   margin:0 5px 0 0;
   padding:2px;

}

/* Color-code for the tiles */

.color1{

   background:#f68924;

} .color2{

   background:#FFFF00; 

}

.color3{

   background:#00C13F;

}

.color4{

   background-color: #0047AB;

}

/* Color for the mouse hover */

.selection{

    opacity:0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */

}