1 | /* -------------------------------------------------------------- |
---|
2 | |
---|
3 | ie.css |
---|
4 | |
---|
5 | Contains every hack for Internet Explorer, |
---|
6 | so that our core files stay sweet and nimble. |
---|
7 | |
---|
8 | -------------------------------------------------------------- */ |
---|
9 | |
---|
10 | /* Make sure the layout is centered in IE5 */ |
---|
11 | body { text-align: center; } |
---|
12 | .container { text-align: left; } |
---|
13 | |
---|
14 | /* Fixes IE margin bugs */ |
---|
15 | * html .column, * html .span-1, * html .span-2, |
---|
16 | * html .span-3, * html .span-4, * html .span-5, |
---|
17 | * html .span-6, * html .span-7, * html .span-8, |
---|
18 | * html .span-9, * html .span-10, * html .span-11, |
---|
19 | * html .span-12, * html .span-13, * html .span-14, |
---|
20 | * html .span-15, * html .span-16, * html .span-17, |
---|
21 | * html .span-18, * html .span-19, * html .span-20, |
---|
22 | * html .span-21, * html .span-22, * html .span-23, |
---|
23 | * html .span-24 { display:inline; overflow-x: hidden; } |
---|
24 | |
---|
25 | |
---|
26 | /* Elements |
---|
27 | -------------------------------------------------------------- */ |
---|
28 | |
---|
29 | /* Fixes incorrect styling of legend in IE6. */ |
---|
30 | * html legend { margin:0px -8px 16px 0; padding:0; } |
---|
31 | |
---|
32 | /* Fixes wrong line-height on sup/sub in IE. */ |
---|
33 | sup { vertical-align:text-top; } |
---|
34 | sub { vertical-align:text-bottom; } |
---|
35 | |
---|
36 | /* Fixes IE7 missing wrapping of code elements. */ |
---|
37 | html>body p code { *white-space: normal; } |
---|
38 | |
---|
39 | /* IE 6&7 has problems with setting proper <hr> margins. */ |
---|
40 | hr { margin:-8px auto 11px; } |
---|
41 | |
---|
42 | /* Explicitly set interpolation, allowing dynamically resized images to not look horrible */ |
---|
43 | img { -ms-interpolation-mode:bicubic; } |
---|
44 | |
---|
45 | /* Clearing |
---|
46 | -------------------------------------------------------------- */ |
---|
47 | |
---|
48 | /* Makes clearfix actually work in IE */ |
---|
49 | .clearfix, .container { display:inline-block; } |
---|
50 | * html .clearfix, |
---|
51 | * html .container { height:1%; } |
---|
52 | |
---|
53 | |
---|
54 | /* Forms |
---|
55 | -------------------------------------------------------------- */ |
---|
56 | |
---|
57 | /* Fixes padding on fieldset */ |
---|
58 | fieldset { padding-top:0; } |
---|
59 | legend { margin-top:-0.2em; margin-bottom:1em; margin-left:-0.5em; } |
---|
60 | |
---|
61 | /* Makes classic textareas in IE 6 resemble other browsers */ |
---|
62 | textarea { overflow:auto; } |
---|
63 | |
---|
64 | /* Makes labels behave correctly in IE 6 and 7 */ |
---|
65 | label { vertical-align:middle; position:relative; top:-0.25em; } |
---|
66 | |
---|
67 | /* Fixes rule that IE 6 ignores */ |
---|
68 | input.text, input.title, textarea { background-color:#fff; border:1px solid #bbb; } |
---|
69 | input.text:focus, input.title:focus { border-color:#666; } |
---|
70 | input.text, input.title, textarea, select { margin:0.5em 0; } |
---|
71 | input.checkbox, input.radio { position:relative; top:.25em; } |
---|
72 | |
---|
73 | /* Fixes alignment of inline form elements */ |
---|
74 | form.inline div, form.inline p { vertical-align:middle; } |
---|
75 | form.inline input.checkbox, form.inline input.radio, |
---|
76 | form.inline input.button, form.inline button { |
---|
77 | margin:0.5em 0; |
---|
78 | } |
---|
79 | button, input.button { position:relative;top:0.25em; } |
---|