ie5

2 files changed, 90 insertions, 0 deletions

diff --git a/src/scss/ie/ie.scss b/src/scss/ie/ie.scss
new file mode 100644
index 0000000..bf8cc4f
--- /dev/null
+++ b/src/scss/ie/ie.scss
@@ -0,0 +1,49 @@
+/* IE 5-7 Styles */
+
+@import "../variables";
+
+#header {
+	.ie-nav {
+		margin-left: 90px;
+	}
+}
+
+#main {
+	.col {
+		display: block !important;
+		width: 100% !important;
+
+		&.left {
+			padding-right: 0 !important;
+		}
+
+	}
+
+	.section {
+		.heading {
+			background: $blue !important;
+		}
+	}
+
+	#post,
+	#writeup {
+		.posted {
+			margin-top: $inner-gap;
+		}
+	}
+
+	#comments {
+		#new_comment {
+			width: 400px;
+
+			#author,
+			#content {
+				width: 400px !important;
+			}
+		}
+	}
+
+	table {
+		behavior: url(boxsizing.htc);
+	}
+}
diff --git a/src/scss/ie/ie6.scss b/src/scss/ie/ie6.scss
new file mode 100644
index 0000000..2731e24
--- /dev/null
+++ b/src/scss/ie/ie6.scss
@@ -0,0 +1,41 @@
+/* IE 6 and 7 Only */
+
+@import "../variables";
+
+/**
+ * IE5 and below seem to look fine without boxsizing
+ * additions, its only the jump to IE5 where things seem
+ * to start breaking and thus this is needed
+ */
+
+* {
+	behavior: url(boxsizing.htc);
+}
+
+/**
+ * Fix homepage margin near footer, only caused
+ * by the boxsizing i think
+ */
+body {
+	#main {
+		.col {
+
+			&.left {
+				margin-bottom: $inner-gap;
+			}
+
+			&.right {
+				margin-top: $inner-gap !important;
+			}
+
+		}
+	}
+
+	#contact {
+		margin-bottom: 0 !important;
+	}
+
+	#footer {
+		margin-top: $inner-gap !important;
+	}
+}