Skip to content

Instantly share code, notes, and snippets.

@yijian166

yijian166/Universal Internet Explorer 6 CSS.css

Created April 17, 2014 04:37
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save yijian166/10953132 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save yijian166/10953132 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. yijian166 revised this gist Apr 17, 2014. No changes.
  2. yijian166 created this gist Apr 17, 2014.
    235 changes: 235 additions & 0 deletions Universal Internet Explorer 6 CSS.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,235 @@
    /* --------------------------------------------------------------
    Universal Internet Explorer 6 stylesheet:
    http://stuffandnonsense.co.uk/blog/about/universal_internet_explorer_6_css/
    Author: Andy Clarke
    Web site: http://stuffandnonsense.co.uk
    Web site: http://forabeautifulweb.com
    Web site: http://transcending.com
    Web site: http://hardboiledwebdesign.com
    Twitter: http://twitter.com/malarkey
    Version date : 13th June 2010
    Version: 1.1
    License: Creative Commons CC Zero Declaration. No Rights Reserved.
    Based on the work of:
    Mark Boulton: http://markboulton.co.uk
    Eric Meyer: http://meyerweb.com
    Cameron Moll: http://cameronmoll.com
    Richard Rutter: http://clagnut.com
    Khoi Vinh: http://subtraction.com
    -------------------------------------------------------------- */

    html, body,
    div, span,
    object, iframe,
    h1, h2, h3, h4, h5, h6,
    p, blockquote,
    pre, a,
    abbr, acronym,
    address, code,
    del, dfn,
    em, img,
    q, dl,
    dt, dd,
    ol, ul,
    li, fieldset,
    form, label,
    legend, table,
    caption, tbody,
    tfoot, thead,
    tr, th, td {
    margin : 0;
    padding : 0;
    border : 0;
    font-weight : inherit;
    font-style : inherit;
    font-size : 100%;
    font-family : inherit;
    vertical-align : baseline; }

    /* Body ---------------------------------------------------- */

    body {
    width : 60%;

    /* http://www.cameronmoll.com/archives/000892.html */
    width : expression(document.body.clientWidth < 640? "640px" : document.body.clientWidth > 120? "120em" : "auto");
    margin : 0 auto;
    padding : 2em 0;
    font : 88% Georgia, Times, serif;
    line-height : 1.4;
    background : #fff;
    color : #4c4c4c; }

    /* Headings ---------------------------------------------------- */

    h1, h2, h3, h4, h5, h6 {
    font-weight : normal; }

    h1 {
    margin-bottom : .5em;
    font-size : 3em;
    line-height : 1; }

    h2 {
    margin-bottom : .75em;
    font-size : 2em; }

    h3 {
    margin-bottom : 1em;
    font-size : 1.5em;
    line-height : 1 ; }

    h4 {
    margin-bottom : 1.25em;
    font-size : 1.2em;
    line-height : 1.25; }

    h5, h6 {
    margin-bottom : 1.5em;
    font-weight : bold;
    font-size : 1em; }

    h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    margin : 0; }

    /* Text elements -------------------------------------------------------------- */

    p {
    margin : 0 0 1.5em; }

    a {
    color : #105cb6;
    text-decoration : underline; }

    a:visited {
    color : #a8a8a8; }

    a:focus, a:hover {
    color : #a8a8a8; }

    a img {
    border : none; }

    blockquote {
    margin : 1.5em 1.5em 1.5em -1.5em;
    padding-left : 1.5em;
    border-left : 1px solid #a8a8a8;
    font : italic 1.2em "Times New Roman", Times, serif; }

    strong {
    font-weight : bold; }

    em, dfn {
    font-style : italic; }

    dfn {
    font-weight : bold; }

    sup, sub {
    line-height : 0; }

    abbr, acronym {
    border-bottom : 1px dotted #a8a8a8;
    cursor : help; }

    address {
    margin : 0 0 1.5em;
    font-style : italic; }

    del {
    color : #666; }

    pre, code, tt {
    margin : 1.5em 1.5em 1.5em -1.5em;
    padding-left : 1.5em;
    border-left : 1px dotted #a8a8a8;
    font : 1em 'andale mono', 'lucida console', monospace;
    line-height : 1.5; }

    pre {
    white-space : pre; }


    /* Lists -------------------------------------------------------------- */

    li ul, li ol {
    list-style-type : circle;
    margin : 0 1.5em .75em 1.5em; }

    ul, ol {
    margin : 0 1.5em 1.5em 0; }

    ul {
    list-style-type : disc; }

    ol {
    list-style-type : decimal; }

    dl {
    margin-bottom: 1.5em;
    padding-top: 1.5em;
    border-top : 1px solid #a8a8a8; }

    dl dt {
    margin-bottom : .75em;
    font-size : 1.2em;
    line-height : 1.25; }

    dd {
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom : 1px solid #a8a8a8; }

    /* Tables -------------------------------------------------------------- */

    table {
    border-collapse : separate;
    border-spacing : 0;
    margin-bottom : 1.4em;
    width : 100%; }

    table, td, th {
    vertical-align : top; }

    th, thead th {
    font-weight : bold; }

    th, td, caption {
    padding : 4px 10px 4px 5px;
    text-align : left;
    font-weight : normal; }

    th, td {
    border-bottom : 1px solid #a8a8a8; }

    tfoot {
    font-size : .9em; }

    caption {
    margin-bottom : 1em;
    font-size : 1.5em;
    line-height : 1 ; }

    /* Forms -------------------------------------------------------------- */

    label {
    font-weight : bold; }

    fieldset {
    margin : 0 0 1.5em 0;
    padding : 1.4em 1.4em 0 1.4em;
    border : 1px solid #a8a8a8; }

    legend {
    font-size : 1.2em;
    font-weight : bold; }

    textarea {
    width : 390px;
    height : 250px;
    padding : 5px; }