metro-tile-min.css

.metro-tile { background-color: #D8512B; border-color: #DC6241; width: 232px; height: 104px; padding: 5px; color: #FFF; font-family: sans-serif; font-size: 12px; border-width: 3px; border-style: solid; cursor: default; } .metro-tile-small { width: 104px; height: 104px; } .metro-tile-orange { background-color: #D8512B; border-color: #DC6241; } .metro-tile-green { background-color: #009719; border-color: #1A9F30; } .metro-tile-blue { background-color: #2878EC; border-color: #4396F1; } .metro-tile-purple { background-color: #5636B0; border-color: #6449B5; } .metro-tile-pink { background-color: #BD1E4A; border-color: #B93154; } .metro-tile-xbox-green { background-color: #6CB71E; border-color: #7ABD34; } .tile_reset { -webkit-transform: perspective(400px) rotateY(0deg) rotateX(0deg); -moz-transform: perspective(400px) rotateY(0deg) rotateX(0deg); -ms-transform: perspective(400px) rotateY(0deg) rotateX(0deg); transform: perspective(400px) rotateY(0deg) rotateX(0deg); } .tile_left { -webkit-transform: perspective(400px) rotateY(-12deg); -moz-transform: perspective(400px) rotateY(-12deg); -ms-transform: perspective(400px) rotateY(-12deg); transform: perspective(400px) rotateY(-12deg); } .tile_right { -webkit-transform: perspective(400px) rotateY(12deg); -moz-transform: perspective(400px) rotateY(12deg); -ms-transform: perspective(400px) rotateY(12deg); transform: perspective(400px) rotateY(12deg); } .tile_top { -webkit-transform: perspective(400px) rotateX(12deg); -moz-transform: perspective(400px) rotateX(12deg); -ms-transform: perspective(400px) rotateX(12deg); transform: perspective(400px) rotateX(12deg); } .tile_bottom { -webkit-transform: perspective(400px) rotateX(-12deg); -moz-transform: perspective(400px) rotateX(-12deg); -ms-transform: perspective(400px) rotateX(-12deg); transform: perspective(400px) rotateX(-12deg); } .tile_middle { -webkit-transform: scale(0.97) perspective(400px) rotateY(0deg) rotateX(0deg); -moz-transform: scale(0.97) perspective(400px) rotateY(0deg) rotateX(0deg); -ms-transform: scale(0.97) perspective(400px) rotateY(0deg) rotateX(0deg); transform: scale(0.97) perspective(400px) rotateY(0deg) rotateX(0deg); border-width: 3px; border-style:solid; }