"

From 2013.igem.org

Revision as of 09:07, 18 July 2013 (view source) Ejpostema (Talk | contribs) ← Older edit		Revision as of 09:10, 18 July 2013 (view source) Ejpostema (Talk | contribs) Newer edit →
Line 47:		Line 47:
	}		}
		+	<script>
		+	$(function(){
		+	$(".tile").mousedown(function(){
		+	$(this).addClass("selecionado");
		+	});
		+
		+	$(".tile").mouseup(function(){
		+	$(this).removeClass("selecionado");
		+	});
		+	});
-	Read more: http://mrbool.com/creating-a-metro-style-menu-in-html-and-css/26266#ixzz2ZO11fKs8	+	</script>
-		+
-	Read more: http://mrbool.com/creating-a-metro-style-menu-in-html-and-css/26266#ixzz2ZO0qR8NY	+

---

Revision as of 09:10, 18 July 2013

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>