"

From 2013.igem.org

body{

   font-family: Century;
   background: rgb(51,51,51);
   color: #fff;
   padding:20px;

}

.pagina{

   width:auto;
   height:auto;    

}

.linha{

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

}

.tile{

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

}

.tileLargo{

   width:210px;

}

.amarelo{

   background:#DAA520;

}

.vermelho{

   background:#CD0000; 

}

.azul{

   background:#4682B4;

}

.verde{

   background-color: #2E8B57;

}

<script> $(function(){

   $(".tile").mousedown(function(){      
       $(this).addClass("selecionado");
   });
 
   $(".tile").mouseup(function(){    
       $(this).removeClass("selecionado");
   });

});

</script>