initialized kettu on gitorious
[kettu:kettu.git] / css / src / ie.css
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
60 /* Makes classic textareas in IE 6 resemble other browsers */
61 textarea { overflow:auto; }
62
63 /* Fixes rule that IE 6 ignores */
64 input.text, input.title, textarea { background-color:#fff; border:1px solid #bbb; }
65 input.text:focus, input.title:focus { border-color:#666; }
66 input.text, input.title, textarea, select { margin:0.5em 0; }
67 input.checkbox, input.radio { position:relative; top:.25em; }
68
69 /* Fixes alignment of inline form elements */
70 form.inline div, form.inline p { vertical-align:middle; }
71 form.inline label { position:relative;top:-0.25em; }
72 form.inline input.checkbox, form.inline input.radio,
73 form.inline input.button, form.inline button {
74   margin:0.5em 0;
75 }
76 button, input.button { position:relative;top:0.25em; }