ideefixe

/**
 * Inset Button Style
 * 
 */
.box h3{
	text-align:center;
	position:relative;
	top:80px;
}
.box {

ideefixe

/**
 * Advanced Box Shadow
 * 
 */
.box h3{
	text-align:center;
	position:relative;
	top:80px;
}
.box {

ideefixe

/* animate in */

@keyframes myfirst
{
from {margin-top: 100px;opacity:0}
to {margin-top: 50px; opacity:1}
}
@keyframes myfirst2
{
from {margin-top: 15px}

ideefixe

/* animate in */

@keyframes myfirst
{
from {margin-top: 100px;opacity:0}
to {margin-top: 50px; opacity:1}
}
@keyframes myfirst2
{
from {margin-top: 15px}

ideefixe

/**
 * idee fixe gradient
 */

background: #cccccc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjNGM0YzRjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjM2YzZjNmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE5MTkxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #ccccc

ideefixe

$(window).resize(function() {
  var width = $(window).width();
	if (width < 960) {
		// Do Something
	}
	else {
		//Do Something Else
	}
});

ideefixe

if (jQuery.browser.safari){
    // Safari only functions go here
}

ideefixe

<!-- iPhone 2G, 3G, 3GS Portrait -->
@media only screen and (device-width: 320px) and (orientation: portrait) and not (-webkit-min-device-pixel-ratio: 2) {
  /* CSS3 Rules for iPhone in Portrait Orientation */
}

<!-- iPhone 2G, 3G, 3GS Landscape -->
@media only screen and (device-width: 480px) and (orientation: landscape) and not (-webkit-min-device-pixel-ratio: 2) {
	/* CSS3 Rules for iPhone in Landscape Orientation */
}

ideefixe

[if {!} browser]
[if {!} browser version]
[if {!} condition browser version]

! - indicates negation of the statement (i.e. NOT) - optional

browser - states which browser the statement targets
  'IE' - Internet Explorer
  'Gecko' - Gecko based browsers (Firefox, Camino etc)
  'Webkit' - Webkit based browsers (Safari, Chrome, Shiira etc)

ideefixe

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