Source

omw / omw / static / style.less

Full commit
@c-black: #141919;
@c-grey: #2D2B21;
@c-brown: #A69055;
@c-tan: #C9B086;
@c-white: #FFF8ED;

@body-width: 800px;
@body-padding: 20px;


.border-radius(@size: 4px) {
    -webkit-border-radius: @size;
    -moz-border-radius: @size;
    border-radius: @size;
}

html {
    overflow-y: scroll;
}
html, body {
    background-color: @c-brown;
}

body {
    .wrap {
        width: @body-width;
        margin: 0 auto;
    }
    .title {
        text-align: center;
        font-size: 4em;
        margin-top: 0.75em;
        margin-bottom: 0.375em;
        font-weight: bold;
        color: darken(@c-brown, 80%);
        text-shadow: lighten(@c-brown, 30%) 0px 1px 1px;
    }
    .footer {
        font-style: italic;
        text-align: center;
        margin-top: 1.5em;

        a {
            color: @c-grey;
            text-decoration: none;

            &:hover {
                text-decoration: underline;
            }
        }
    }
    .content {
        background-color: white;
        padding: @body-padding;

        .border-radius(4px);
    }
}

.trip {
    #map_canvas {
        width: (@body-width - (2 * @body-padding));
        height: 500px;
        border: 1px solid @c-brown;
    }
}