CSS snippets

/*nice box shadow for buttons/inputs*/
box-shadow: 0px 0px 1px 5px rgba(0,0,0,0.12);

/*sutle box shadow four sides for panels/tiles*/
-moz-box-shadow: 0 0 8px -5px #606060;
-webkit-box-shadow: 0 0 8px -5px #606060;
box-shadow: 0 0 8px -5px #606060;*/

/* big drop shadow two sides for panels */
box-shadow: 3px 3px 5px 2px #CCCCCC 

/* drop shadow on three sides (right-btm-left) for panels */
-moz-box-shadow: 0 8px 8px 1px #CCCCCC;
-webkit-box-shadow: 0 8px 8px 1px #CCCCCC;
box-shadow: 0 8px 8px 1px #CCCCCC;

/* thick drop shadow bottom for navbar */
box-shadow: -1px 2px 2px #dedede, 0px 5px 2px #dedede, 1px 2px 2px #dedede, 0px 0px 0px #dedede;
-moz-box-shadow: -1px 2px 2px #dedede, 0px 5px 2px #dedede, 1px 2px 2px #dedede, 0px 0px 0px #dedede;
-webkit-box-shadow:  -1px 2px 2px #dedede, 0px 5px 2px #dedede, 1px 2px 2px #dedede, 0px 0px 0px #dedede;

/* Opacity */
.opacity {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";/* IE 8 */
  filter: alpha(opacity=40);   /* IE 5-7 */
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4; 
}