ie.css 2.6KB

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