m2u-upass-admin / WebContent / css / blueprint / src / ie.css @ 30:603a499be622
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; } |