birdgrinder/_static/chunky.less @ 3f3e2c21221e

roul: Update site.
author Steve Losh <steve@stevelosh.com>
date Tue, 10 Apr 2012 10:13:09 -0400
parents 540e755bced8
children (none)
@import url("aal.css");

@width: 700px;
@c-cream: #FAF9EF;
@c-dark-cream: darken(@c-cream - #00E, 75%);

@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('font/Chunkfive-webfont.eot');
    src: local('☺'), url('font/Chunkfive-webfont.woff') format('woff'), url('font/Chunkfive-webfont.ttf') format('truetype'), url('font/Chunkfive-webfont.svg#webfontb5K2fJwj') format('svg');
    font-weight: normal;
    font-style: normal;
}

.link-plain() {
    a {
        color: #111;
        border-bottom: none;
    }

    a:hover {
        border-bottom: none;
        color: lighten(@c-dark-cream, 50%);
    }
}

html {
    overflow-y: scroll;
}
body, html {
    text-rendering: optimizeLegibility;
    background-color: @c-cream;
    font-family: Palatino, "Palatino Linotype", Georgia, serif;

    .documentwrapper {
        width: @width;
        margin: 4.5em auto 0;

        #indices-and-tables {
            display: none;
        }
    }
    .related {
        display: none;
    }
    .footer {
        width: @width;
        margin: 3em auto 4.5em;
        text-align: center;
        font-style: italic;
        color: @c-dark-cream;
    }

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

        .link-plain();
    }
    h1 {
        font-size: 4.5em;
        text-align: center;
        text-shadow: 0px 1px 3px lighten(@c-cream, 5%);
    }
    h2 {
        font-size: 2em;
        padding-top: 24px;
    }
    a {
        color: @c-dark-cream;
        text-decoration: none;
        border-bottom: 1px dashed @c-dark-cream;

        &:hover {
            color: lighten(@c-dark-cream, 50%);
            border-bottom: 1px dashed lighten(@c-dark-cream, 50%);
        }
    }
    .tagline {
        font-size: 1.5em;
        line-height: 1em;
        margin-top: 0;
        margin-bottom: 2em;
        text-align: center;
        color: @c-dark-cream;
        font-style: italic;

        a {
            font-weight: bold;
            border-bottom: none;

            &:hover {
                border-bottom: none;
            }
        }
    }
    .quickstart {
        width: @width / 2;
        float: right;
        margin-left: 20px;
        margin-top: -12px;

        .get {
            .link-plain();

            a {
                display: block;
                text-align: right;
                font-family: ChunkFiveRegular, serif;
                font-size: 1.5em;
                margin: 0 0 0.25em;
            }
        }
        pre {
            margin-bottom: 37px;
        }
    }
    pre {
        font-size: 14px;
        line-height: 24px;
        background-color: #fcfcfc;
        border: 1px solid darken(@c-cream, 55%);
        margin-top: -2px;
        margin-bottom: 24px;
        padding: 12px 14px;
    }
    tt.literal {
        font-size: 14px;
        line-height: 24px;
        background-color: lighten(@c-cream, 10%);
        border: 1px solid darken(@c-cream, 40%);
        padding: 2px 4px;
    }
    .contents {
        ul {
            list-style-type: none;

            li a {
                font-weight: bold;
                border-bottom: none;

                &:hover {
                    border-bottom: none;
                }
            }
        }
    }
    .contents > ul > li {
        margin-left: 0;
    }
}