summaryrefslogtreecommitdiff
path: root/src/scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/scss')
-rw-r--r--src/scss/blog.scss4
-rw-r--r--src/scss/ie/ie.scss21
-rw-r--r--src/scss/ie/ie4.scss16
-rw-r--r--src/scss/ie/ie6.scss14
4 files changed, 38 insertions, 17 deletions
diff --git a/src/scss/blog.scss b/src/scss/blog.scss
index 415530a..6fad483 100644
--- a/src/scss/blog.scss
+++ b/src/scss/blog.scss
@@ -42,7 +42,8 @@
}
}
- #new_comment {
+ form, /* ie4 */
+ form#new_comment {
margin-left: $inner-gap;
max-width: 400px;
padding-right: $inner-gap;
@@ -53,6 +54,7 @@
input#author,
input#content {
+ display: block;
width: 100%;
}
diff --git a/src/scss/ie/ie.scss b/src/scss/ie/ie.scss
index bf8cc4f..f65d6b9 100644
--- a/src/scss/ie/ie.scss
+++ b/src/scss/ie/ie.scss
@@ -10,18 +10,18 @@
#main {
.col {
- display: block !important;
- width: 100% !important;
+ display: block;
+ width: 100%;
&.left {
- padding-right: 0 !important;
+ padding-right: 0;
}
}
.section {
- .heading {
- background: $blue !important;
+ h2.heading {
+ background: $blue;
}
}
@@ -33,12 +33,15 @@
}
#comments {
- #new_comment {
+ form, /* ie4 */
+ form#new_comment {
+
width: 400px;
- #author,
- #content {
- width: 400px !important;
+ input,
+ input#author,
+ input#content {
+ width: 400px;
}
}
}
diff --git a/src/scss/ie/ie4.scss b/src/scss/ie/ie4.scss
new file mode 100644
index 0000000..e2335a7
--- /dev/null
+++ b/src/scss/ie/ie4.scss
@@ -0,0 +1,16 @@
+/* IE 4 Only */
+
+@import "../variables";
+
+/**
+ * Display inner block does not seem to work on thead
+ * li elements in IE4, so just make the list vertical
+ */
+
+#header {
+ #nav li {
+ padding: 0px !important;
+ margin: 0px !important;
+ margin-top: $inner-gap;
+ }
+}
diff --git a/src/scss/ie/ie6.scss b/src/scss/ie/ie6.scss
index 2731e24..a443956 100644
--- a/src/scss/ie/ie6.scss
+++ b/src/scss/ie/ie6.scss
@@ -20,22 +20,22 @@ body {
#main {
.col {
- &.left {
+ &div.left {
margin-bottom: $inner-gap;
}
- &.right {
- margin-top: $inner-gap !important;
+ &div.right {
+ margin-top: $inner-gap;
}
}
}
- #contact {
- margin-bottom: 0 !important;
+ div#contact {
+ margin-bottom: 0;
}
- #footer {
- margin-top: $inner-gap !important;
+ div#footer {
+ margin-top: $inner-gap;
}
}