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