Some css tips and trik

color selection.css

::selection {
	background: #eac06e; /* Safari */
	color: white;
	}
::-moz-selection {
	background: #eac06e; /* Firefox */
	color: white;
}

cross-browser Transparency.css

.selector{
	filter: alpha(opacity=50);	/* internet explorer */
	-khtml-opacity: 0.5;			/* khtml,old safari */
	-moz-opacity: 0.5;			/* mozilla, netscape */
	opacity: 0.5;					/* fix,safari,opera */
}

custom-checkbox.css

/* ==========================================================================
   custom radio - checkbox GLOBAL
   ========================================================================== */
input[type=checkbox],
input[type=radio]{
    margin:0;padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
input[type=checkbox]:after,
input[type=radio]:after{
    content: "";
    background: url("../images/Check-Box.png") 0 0;
    width: 19px;
    height: 18px;
    display: block
}

input[type=checkbox]:checked:after,
input[type=radio]:checked:after{
    content: "";
    background: url("../images/Check-Box.png") 0 -17px;
    width: 19px;
    height: 18px;
    display: block
}

disable iphone safari rubber effect.css

overflow:hidden;-webkit-overflow-scrolling:touch;

//put this at the first component after body

hover-animation.css

/* animation keyframes */
@keyframes showoverlay {
    0%{ opacity: 0; }
    100%{ opacity: 1; }
}

/* call the animation */
a:hover{
  animation: showoverlay 500ms ease-in-out;
}

moz-query.css

@-moz-document url-prefix() {
  /*content goes here*/
}