view about-mozilla.css @ 13:efd49c761dbe default tip

Really ugly, confusing use of CSS3 columns. The -moz-column-width seems to only be a general guideline or something, as it's impossible to get the columns to line up w/ other page elements.
author Atul Varma <varmaa@toolness.com>
date Mon, 02 Mar 2009 08:52:23 -0800
parents e357d4e48bb2
children
line wrap: on
line source

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 9pt;
    line-height: 1.4em;
    background: white;
    padding: 0;
    margin: 0;
    text-align: center;
}

#issue {
    display: none;
    text-align: left;
    margin: 0 auto;
}

#header {
    /* Too bad font-stretch isn't implemented in Firefox yet... */
    font-stretch: condensed;
    font-variant: small-caps;
    font-weight: bold;
    font-size: 18pt;
    margin: 6pt;
    padding-top: 6pt;
    padding-bottom: 6pt;
    color: black;
}

#subheader {
    display: inline;
    font-size: 9pt;
    font-weight: normal;
    color: gray;
}

#body {
}

.entry {
    background: white;
    width: 20em;
    float: left;
}

.headline {
    font-weight: bold;
    padding: 6pt;
}

.content {
    padding-left: 6pt;
    padding-right: 6pt;
    padding-bottom: 6pt;
    -moz-column-width: 20em;
    -moz-column-gap: 6pt;
}

#raw-issue {
    display: none;
}

a {
    color: black;
    text-decoration: none;
    border-bottom: 1px dotted gray;
}