diff options
Diffstat (limited to 'src/scss')
-rw-r--r-- | src/scss/blog.scss | 4 | ||||
-rw-r--r-- | src/scss/ie/ie.scss | 21 | ||||
-rw-r--r-- | src/scss/ie/ie4.scss | 16 | ||||
-rw-r--r-- | src/scss/ie/ie6.scss | 14 |
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; } } |