pelican-elegant/static/css/elegant.less

@import "../bootstrap/less/bootstrap.less";
@import "../bootstrap/less/utilities.less";
@import "custom-variables.less";

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/css?family=Lora);

@page-header-border-color: #8f8686;
@page-header-color: #8B0000;
@font-family-sans-serif:  'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
@font-family-monospace: Roboto, Menlo, Monaco, Consolas, "Courier New", monospace;
@headings-font-family: Lora, Baskerville, Garamond, Georgia, 'DejaVu Serif', 'Times New Roman', Times, Serif;


.mixin-no-color-no-decoration() {
    color: inherit;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    .mixin-no-color-no-decoration;
    small {
        .mixin-no-color-no-decoration;
    }
    a {
        .mixin-no-color-no-decoration;
        &:hover {
            .mixin-no-color-no-decoration;
        }
        &:focus {
            .mixin-no-color-no-decoration;
        }
    }
}

.form-control {
    &:extend(.form-control);
    border-radius: 15px;
}

.list-of-tags {
    font-family: @font-family-sans-serif;
    ul& {
        list-style: none outside none;
        margin: 20px 0 0;
        overflow: hidden;
        padding: 0;
        li {
            float: left;
            line-height: 2em;
            margin: 0;
        }
        a {
            background: @gray-lighter;
            border-radius: 3px;
            color: #222;
            font-size: 1em;
            margin: 2px;
            padding: 3px 6px;
            text-decoration: none;
            span {
                font-size: .8em;
                vertical-align: super;
            }
        }
    }
}

.articles-in-tag {
     font-family: @font-family-sans-serif;
    ul& {
        list-style: none outside none;
        margin: 0 0 0 5px;
        li {
            font-size: 1.1em;
            line-height: 1.6em;
            time {
                color: @gray-light;
                display: inline-block;
                font-family: @font-family-monospace;
                font-size: .9em;
                width: 7em;
            }
        }
    }
}

.page-header {
    &:extend(.page-header);
    color: @page-header-color;
    margin-top: 10px;
    padding-left: 5px;
}

// footer code is taken from http://getbootstrap.com/examples/sticky-footer-navbar/
html {
    min-height: 100%;
    position: relative;
}

body {
    margin-bottom: @page-footer-height;
}

footer {
    align-items: center;
    background-color: @page-footer-color;
    border-top: @page-footer-border-top;//1px solid  rgba(0, 0, 0, .2);
    bottom: 0;
    display: flex;
    height: @page-footer-height;
    position: absolute;
    width: 100%;
    div {
        font-family: @font-family-sans-serif;
        font-size: 0.8em;
        ul {
            display: table;
            list-style: none;
            margin: 0;
            padding: 0;
            width: 100%;
            li {
                display: table-cell;
                height: 100%;
                text-align: left;
                &:last-child {
                    text-align: right;
                }
            }
        }
    }
}