m2u-upass-admin / WebContent / css / blueprint / src / ie.css @ 117:2335636073db
History | View | Annotate | Download (2.65 KB)
1 | 0:ea666cc7880e | hadi | /* --------------------------------------------------------------
|
---|---|---|---|
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 div.span-1, * html div.span-2, |
||
16 | * html div.span-3, * html div.span-4, * html div.span-5, |
||
17 | * html div.span-6, * html div.span-7, * html div.span-8, |
||
18 | * html div.span-9, * html div.span-10, * html div.span-11, |
||
19 | * html div.span-12, * html div.span-13, * html div.span-14, |
||
20 | * html div.span-15, * html div.span-16, * html div.span-17, |
||
21 | * html div.span-18, * html div.span-19, * html div.span-20, |
||
22 | * html div.span-21, * html div.span-22, * html div.span-23, |
||
23 | * html div.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 incorrect placement of ol numbers in IE6/7. */
|
||
33 | ol { margin-left:2em; } |
||
34 | |||
35 | /* Fixes wrong line-height on sup/sub in IE. */
|
||
36 | sup { vertical-align:text-top; } |
||
37 | sub { vertical-align:text-bottom; } |
||
38 | |||
39 | /* Fixes IE7 missing wrapping of code elements. */
|
||
40 | html>body p code { *white-space: normal; } |
||
41 | |||
42 | /* IE 6&7 has problems with setting proper <hr> margins. */
|
||
43 | hr { margin:-8px auto 11px; } |
||
44 | |||
45 | /* Explicitly set interpolation, allowing dynamically resized images to not look horrible */
|
||
46 | img { -ms-interpolation-mode:bicubic; } |
||
47 | |||
48 | /* Clearing
|
||
49 | -------------------------------------------------------------- */
|
||
50 | |||
51 | /* Makes clearfix actually work in IE */
|
||
52 | .clearfix, .container { display:inline-block; } |
||
53 | * html .clearfix, |
||
54 | * html .container { height:1%; } |
||
55 | |||
56 | |||
57 | /* Forms
|
||
58 | -------------------------------------------------------------- */
|
||
59 | |||
60 | /* Fixes padding on fieldset */
|
||
61 | fieldset { padding-top:0; } |
||
62 | |||
63 | /* Makes classic textareas in IE 6 resemble other browsers */
|
||
64 | textarea { overflow:auto; } |
||
65 | |||
66 | /* Fixes rule that IE 6 ignores */
|
||
67 | input.text, input.title, textarea { background-color:#fff; border:1px solid #bbb; } |
||
68 | input.text:focus, input.title:focus { border-color:#666; } |
||
69 | input.text, input.title, textarea, select { margin:0.5em 0; } |
||
70 | input.checkbox, input.radio { position:relative; top:.25em; } |
||
71 | |||
72 | /* Fixes alignment of inline form elements */
|
||
73 | form.inline div, form.inline p { vertical-align:middle; } |
||
74 | form.inline label { position:relative;top:-0.25em; } |
||
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; } |