vedranjaic

/* wrap <iframe> in a div */
.responsive-video {
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	padding-top: 30px; /* IE6 workaround*/
	height: 0;
	overflow: hidden;
}
.responsive-video iframe,
.responsive-video object,

vedranjaic

acronym:after {
	content: " (" attr(title) ")";
}

vedranjaic

/* prevent font scaling in landscape */
@media screen and (max-device-width:480px) {
	html {
		-webkit-text-size-adjust: none;
		-ms-text-size-adjust:none;
	}
}

vedranjaic

$(document).ready(function(){
	$("#ANCHOR_ID").click(function(){
		$('html, body').animate({
			scrollTop: '0px'
		},
		500);
		return false;	
	})
});

vedranjaic

$(document).ready(function() {
	// put all your jQuery goodness in here.
});

vedranjaic

/*
 * disable auto-zoom on iphone input field focus 
 * http://www.456bereastreet.com/archive/201212/ios_webkit_browsers_and_auto-zooming_form_controls/
*/
input[type='text']:focus,
input[type='number']:focus,
textarea:focus {
	font-size: 16px;
}

vedranjaic

<!--
Operator	Description
IE			represents Internet Explorer; if a number value is also specified, it represents a version vector
lt			less than operator
lte			less than or equal to
gt			greater than
gte			greater than or equal to
!			the NOT operator
()			subexpression operator
&			the AND operator

vedranjaic

/*IE10 and above */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
}

/* IE8 and below */
body {  
	color: red; /* all browsers, of course */  
	color: green1; /* IE8 and below */  
}

vedranjaic

/************************** iPads (portrait and landscape) */
@media 
	only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) {
	/* Styles */
}

/************************** iPads (landscape) */
@media 

vedranjaic

.loader {
  text-align: center;    
}
.loader span {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin: 50px auto;
  background: black;