Added new template

assets/css/ie/backgroundsize.min.htc

@@ -0,0 +1,7 @@
+<component lightWeight="true">
+<attach event="onpropertychange" onevent="handlePropertychange()" />
+<attach event="ondetach" onevent="restore()" />
+<attach event="onresize" for="window" onevent="handleResize()" />
+<script type="text/javascript">
+var rsrc=/url\(["']?(.*?)["']?\)/,positions={top:0,left:0,bottom:1,right:1,center:0.5},doc=element.document;init(); function init(){var b=doc.createElement("div"),a=doc.createElement("img"),c,d;b.style.position="absolute";b.style.zIndex=-1;b.style.top=0;b.style.right=0;b.style.left=0;b.style.bottom=0;b.style.overflow="hidden";a.style.position="absolute";a.style.width=a.style.width="auto";b.appendChild(a);element.insertBefore(b,element.firstChild);d=[element.currentStyle.backgroundPositionX,element.currentStyle.backgroundPositionY];element.bgsExpando=c={wrapper:b,img:a,backgroundSize:element.currentStyle["background-size"], backgroundPositionX:positions[d[0]]||parseFloat(d[0])/100,backgroundPositionY:positions[d[1]]||parseFloat(d[1])/100};"auto"==element.currentStyle.zIndex&&(element.style.zIndex=0);"static"==element.currentStyle.position&&(element.style.position="relative");refreshDisplay(element,c)&&(refreshDimensions(element,c),refreshBackgroundImage(element,c,function(){updateBackground(element,c)}))} function refreshDisplay(b,a){var c=b.currentStyle.display;c!=a.display&&(a.display=c,a.somethingChanged=!0);return"none"!=c}function refreshDimensions(b,a){var c=b.offsetWidth-(parseFloat(b.currentStyle.borderLeftWidth)||0)-(parseFloat(b.currentStyle.borderRightWidth)||0),d=b.offsetHeight-(parseFloat(b.currentStyle.borderTopWidth)||0)-(parseFloat(b.currentStyle.borderBottomWidth)||0);if(c!=a.innerWidth||d!=a.innerHeight)a.innerWidth=c,a.innerHeight=d,a.somethingChanged=!0} function refreshBackgroundImage(b,a,c){var d=a.img,e=(rsrc.exec(b.currentStyle.backgroundImage)||[])[1];if(e&&e!=a.backgroundSrc){a.backgroundSrc=e;a.somethingChanged=!0;d.onload=function(){var b=d.width,e=d.height;1==b&&1==e||(a.imgWidth=b,a.imgHeight=e,a.constrain=!1,c(),d.style.visibility="visible",d.onload=null)};d.style.visibility="hidden";d.src=a.backgroundSrc;if(d.readyState||d.complete)d.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",d.src=a.backgroundSrc;a.ignoreNextPropertyChange= !0;b.style.backgroundImage="none"}else c()} function updateBackground(b,a){if(a.somethingChanged){var c=a.img,d=a.innerWidth/a.innerHeight,e=a.imgWidth/a.imgHeight,f=a.constrain;"contain"==a.backgroundSize?e>d?(a.constrain=d="width",e=Math.floor((a.innerHeight-a.innerWidth/e)*a.backgroundPositionY),c.style.top=e+"px",d!=f&&(c.style.width="100%",c.style.height="auto",c.style.left=0)):(a.constrain=d="height",e=Math.floor((a.innerWidth-a.innerHeight*e)*a.backgroundPositionX),c.style.left=e+"px",d!=f&&(c.style.width="auto",c.style.height="100%", c.style.top=0)):"cover"==a.backgroundSize&&(e>d?(a.constrain=d="height",e=Math.floor((a.innerHeight*e-a.innerWidth)*a.backgroundPositionX),c.style.left=-e+"px",d!=f&&(c.style.width="auto",c.style.height="100%",c.style.top=0)):(a.constrain=d="width",e=Math.floor((a.innerWidth/e-a.innerHeight)*a.backgroundPositionY),c.style.top=-e+"px",d!=f&&(c.style.width="100%",c.style.height="auto",c.style.left=0)));a.somethingChanged=!1}} function handlePropertychange(){var b=element.bgsExpando;b.ignoreNextPropertyChange?b.ignoreNextPropertyChange=!1:refreshDisplay(element,b)&&(refreshDimensions(element,b),refreshBackgroundImage(element,b,function(){updateBackground(element,b)}))}function handleResize(){var b=element.bgsExpando;"none"!=b.display&&(refreshDimensions(element,b),updateBackground(element,b))} function restore(){var b=element.bgsExpando;try{element.style.backgroundImage="url('"+b.backgroundSrc+"')",element.removeChild(b.wrapper),element.bgsExpando=null}catch(a){}};
+</script>

assets/css/ie/v8.css

@@ -0,0 +1,113 @@
+/*********************************************************************************/
+/* Basic                                                                         */
+/*********************************************************************************/
+
+	.image,
+	.image img,
+	.button	
+	{
+		position: relative;
+		-ms-behavior: url('css/ie/PIE.htc');
+	}
+
+	/* Lists */
+
+		ul.icons
+		{
+		}	
+
+			ul.icons li
+			{
+			}
+
+				ul.icons a
+				{
+					position: relative;
+					-ms-behavior: url('css/ie/PIE.htc');
+					border: solid 1px #ddd;
+				}
+
+	/* Forms */
+
+		form
+		{
+		}
+
+			form input.text,
+			form select,
+			form textarea
+			{
+				position: relative;
+				-ms-behavior: url('css/ie/PIE.htc');
+				border: solid 1px #ddd;
+				line-height: 1.25em;
+			}
+
+	/* Buttons */
+
+		.button.alt
+		{
+			border: solid 1px #ddd;
+		}
+
+	/* Feature Icon */
+
+		.feature-icon
+		{
+			padding-bottom: 0;
+		}
+
+			.feature-icon:before,
+			.feature-icon:after
+			{
+				display: none;
+			}
+
+			.feature-icon .fa
+			{
+				position: relative;
+				-ms-behavior: url('css/ie/PIE.htc');
+				background: #fff;
+			}
+
+				.feature-icon .fa:before
+				{
+					font-size: 6em;
+					color: #3d3d3d;
+				}
+
+/*********************************************************************************/
+/* Header                                                                        */
+/*********************************************************************************/
+
+	#header
+	{
+		-ms-behavior: url('css/ie/backgroundsize.min.htc');
+	}
+
+/*********************************************************************************/
+/* Main Sections                                                                 */
+/*********************************************************************************/
+
+	.main
+	{
+	}
+
+		.main > .content
+		{
+		}
+
+		.main > .content.style1
+		{
+			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#412e4c, endColorstr=#a56365);
+		}
+
+		.main > .content.style2
+		{
+			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#85505f, endColorstr=#384955);
+		}
+
+		.main > .content.style3
+		{
+			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#2f394e, endColorstr=#5f796b);
+		}

assets/css/ie/v9.css

@@ -0,0 +1,57 @@
+/*********************************************************************************/
+/* Basic                                                                         */
+/*********************************************************************************/
+
+	/* Forms */
+
+		form
+		{
+		}
+
+			form .select
+			{
+			}
+
+					form .select:before
+					{
+						display: none;
+					}
+
+/*********************************************************************************/
+/* Main Sections                                                                 */
+/*********************************************************************************/
+
+	.main
+	{
+	}
+
+		.main > .content
+		{
+		}
+
+		.main > .content.style1
+		{
+			background:	url('../images/bgtr.svg') top right no-repeat,
+						url('../images/bgbl.svg') bottom left no-repeat,
+						url('../images/bgbl.svg') bottom left no-repeat,
+						url('../images/overlay.png'),
+						url('images/content-style1.svg');
+		}
+
+		.main > .content.style2
+		{
+			background:	url('../images/bgtr.svg') top right no-repeat,
+						url('../images/bgbl.svg') bottom left no-repeat,
+						url('../images/bgbl.svg') bottom left no-repeat,
+						url('../images/overlay.png'),
+						url('images/content-style2.svg');
+		}
+
+		.main > .content.style3
+		{
+			background:	url('../images/bgtr.svg') top right no-repeat,
+						url('../images/bgbl.svg') bottom left no-repeat,
+						url('../images/bgbl.svg') bottom left no-repeat,
+						url('../images/overlay.png'),
+						url('images/content-style3.svg');
+		}