leon/sass/ie/v8.scss

@import 'vars';
@import 'mixins';

/*
	Highlights by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Basic */

	body, html {
		height: 100%;
	}

	html {
		background: none;
	}

/* List */

	ul {
		&.actions {
			li {
				padding: 0 0 0 ($size-element-margin * 0.5);

				&:first-child {
					padding-left: 0;
				}
			}
		}
	}

/* Form */

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select,
	textarea {
		border: solid 2px $color-border;
		position: relative;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"] {
		line-height: $size-element-height;
	}

	input[type="checkbox"],
	input[type="radio"] {
		font-size: 3em;

		& + label {
			&:before {
				display: none;
			}
		}
	}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		border: solid 2px $color-border;
	}

/* Main BG */

	.main-bg {
		z-index: 0;
	}

/* Main */

	.main {
		background-size: cover;

		.container {
			background: $color-bg;
			border-top: solid 1px $color-border;
			position: relative;
			z-index: 1;
		}

		.goto-next {
			@include icon;

			&:before {
				color: $color-border;
				content: '\f063';
				display: block;
				font-size: 2em;
				height: 2em;
				left: 0;
				line-height: 2em;
				position: absolute;
				text-align: center;
				text-indent: 0;
				top: 0;
				width: 2em;
			}
		}
	}

/* Header */

	#header {
		-ms-behavior: url('css/ie/backgroundsize.min.htc');
		background-image: url('../../images/bg.jpg');
		background-size: cover;
		height: 100%;

		&:after {
			min-height: 100%;
		}

		header {
			position: relative;
			z-index: 1;
		}

		.container {
			background: $color-bg;
			z-index: 1;
		}
	}

/* Footer */

	#footer {
		-ms-behavior: url('css/ie/backgroundsize.min.htc');
		background-image: url('../../images/bg.jpg');
		background-size: cover;

		.container {
			background: $color-bg;
			border-top: solid 1px $color-border;
			position: relative;
			z-index: 1;
		}
	}