jqm-survival-kit.css

/********************************************************************************************/
/*  Name : jQuery Mobile Survival Kit                                                       */
/*  Description : The only framework thats needs such css, due to bugs all over the UI      */
/*  hardly any improvement even @ 1.2 still no proper scrollview implementation and always  */
/*  encounter hardware acceleration issues with rendering.                                  */
/********************************************************************************************/

* {
	/***************** Shadows are slow on android *********************************/
	/***************** Global Shadow Wipe Jutsu!! **********************************/
	text-shadow: none;
 	box-shadow: none;
 	-webkit-box-shadow: none;
}

/******* Global Transition Ease Controller - Grease Jutsu, change the duration *******/
.in, .out {
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: 350ms !important;
}

.steroid {
	/* 
	Steroid Jutsu ....Adds hardware acceleration to stimulate faster rendering.
	Warning: Too much hardware acceleration slows down the whole site and may cause the browser
	to crash, Just target a container div that wraps everything.
	*/
	-webkit-transform: translate3d(0,0,0);
  	-moz-transform: translate3d(0,0,0);
  	-ms-transform: translate3d(0,0,0);
}

.inflateSide {
	/* Used in removing the 15px margin located at the left and right of listview items */
	margin-left:-15px !important;
	margin-top:-15px !important;
}

.inflateAllSide {
	/* Used in removing the 15px margin located at listview items/ body of div data-role="content" */
	margin:-15px !important;
}

.topMargin15px {
	/* When you inflateAllSide, might want to add this to your listView UL to push the div below the content back */
	margin-top:15px !important;	
}

.resetHeader {
	/* To be used with their h1 - h6, removes margin on top and on bottom */
	margin-top:0px !important;
	margin-bottom:0px !important;
}

.shadowText {
	/*** Customly add back your own ***/
	text-shadow: 0px -1px 2px rgba(150, 150, 150, 1) !important;
}

.dropShadow {
	/*** Customly add back your own ***/
	-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.35) !important;
	-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.35) !important;
	box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.35) !important;
}

.centerDiv {
	margin-left:auto;
	margin-right:auto;
}

.smoothScroller {
	/*** Careful when using this, it makes long content scrollable with touch,
	Weird rendering may happened, in some cases wrap with steroid class div ***/
	-webkit-overflow-scrolling: touch;
}

.stopFlicker {
	/*** Sometimes, the body or page background may flicker, if so, use StopFlicker Jutsu ***/
	-webkit-backface-visibility: hidden;
}

.stripBorders {
	/* Just plain and simple border stripping */
	border:none !important;
}

.squareCorners {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

a {
	/* IPad Only fix for copy URL pops, try press and hold anything with a href in IOS */
	/* you will know what i mean :) */
	-webkit-touch-callout: none !important;
}

* { 
	/* Prevents users from selecting text inside div, label and url */
	-webkit-user-select:text;
}

.removeHL { 
	/* Android input form <input> orange highlighter remover */
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
}

.removeHLICSFix {
	/* Warning this may cause unpredictable behavior such as losing number input format such as telephone number */
	/* This is a ICS 4.0.4 only fix. In most cases removeHL is good enough :). Im just putting this in just in case */
	-webkit-user-modify: read-write-plaintext-only;
}