path: root/style.scss

@import "h5bp";
@import "../shared/themes/default/ikiwiki";
@import "compass";

$link-color: #9c0000;
$link-hover-color: #600;

@include h5bp-normalize;

@include ikiwiki-style;

html,
body {
    background-color: #84854c;
}
a {
    @include link-colors($link-color, $link-hover-color);
    font-weight: normal;
}
.page {
    margin: 3% 5%;
}
.branding {
    font-size: x-large;
}
.branding-logo,
.branding-tagline,
.pagecopyright p,
.pagelicense p {
    display: inline;
}
.branding-logo a,
.branding-logo .selflink {
    color: white;
    font-weight: bold;
}
.header,
.pagedate {
    font-size: 14px;
}
.pageheader .header,
.header #searchform {
    position: absolute;
    top: .5em;
}
.header {
    width: 90%;
    #searchform {
        right: 0;
    }
}
.pageheader {
    .actions {
        position: absolute;
    }
    .actions ul,
    #otherlanguages {
        border-bottom: inherit;
        padding: 0;
    }
}
.topbar,
.pagerights,
.pagedate {
    margin-top: 0;
    padding: 0 .3em;
    background: #9c9c63;
    text-align: right;
    p {
        line-height: 1.2em;
    }
}
.topbar,
.pagerights {
    font-size: small;
}
.topbar ul {
    @include inline-list;
}
#pagebody {
    @include float-left;
    width: 100%;
    background-image: url(pictoman_big.gif);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 80% 150px;
}
#content {
    margin: 0 11% 0 16%;
}
.sidebar {
    @include float-left;
    background-color: inherit;
    width: 15%;
    border: none;
    margin-top: 5em;
    margin-left: -100%;
    padding: 0;
    text-align: right;
    p {
        margin: 2em 0;
    }
}
.farbar {
    @include float-left;
    width: 10%;
    margin-left: -10%;
}
#pageinfo {
    border-top: 0 none;
}
#backlinks {
    display: none;
}
.pagecopyright,
.pagelicense,
.pagedate {
    margin-top: 0;
}
.pagecopyright p,
.pagelicense p {
    display: inline;
}