mourningdove/styles/paletteable/layout.s2

layerinfo type = "layout";
layerinfo name = "Paletteable";
layerinfo redist_uniq = "paletteable/layout";
layerinfo author_name = "branchandroot";
layerinfo lang = "en";

set layout_authors = [ { "name" => "branchandroot", "type" => "user" } ];

##===============================
## Presentation
##===============================

set layout_type = "two-columns-left";
set userpics_position = "right";

##===============================
## Colors
##===============================

propgroup colors_child {
    property use color_header_link;
    property use color_header_link_active;
    property use color_header_link_hover;
    property use color_header_link_visited;
    property Color color_header_link_current { des = "Page header current link color"; }
    property Color color_comment_title_even { des = "Comment title alternate color"; }
    property Color color_comment_title_background_even { des = "Comment title alternate background color"; }
    }

##===============================
## Stylesheet
##===============================


function print_stylesheet () {
var string medium_media_query = generate_medium_media_query();

var string userpic_css = "";
    if ($*userpics_position == "right") {
        $userpic_css = """
        .entry .userpic, .comment .userpic {
            float: right;
            margin-right: 0;
            }
        """;
    }
    else {
        $userpic_css = """
        .entry .userpic, .comment .userpic {
            float: left;
            margin-left: 0;
            }
        """;
    }

var string navlinks_css = "";
if ($*module_navlinks_section == "header") {
    $navlinks_css = """
    .module-navlinks {
        background-color: transparent;
        border: none;
        margin-bottom: 0;
        margin-top: .5em;
        text-align: right;
    }

    .module-navlinks li {
        border-left: 1px solid $*color_header_link;
        display: inline;
        padding-left: .5em;
    }

    .module-navlinks ul > li:first-child {
        border-left: none;
    }

    .module-navlinks .module-header {
        display: none;
    }

    .module-navlinks a { color: $*color_header_link; }
    .module-navlinks a:visited { color: $*color_header_link_visited; }
    .module-navlinks a:hover { color: $*color_header_link_hover; }
    .module-navlinks a:active { color: $*color_header_link_active; }
    .module-navlinks a.current { color: $*color_header_link_current; }
    """;
}

"""

/*--- Paletteable ---*/
/*--- by branchandroot ---*/

/*--- Main ---*/

blockquote {
    font-style: italic;
    padding: 1em 1em .5em 2em;
    }

blockquote > p:first-child {
    margin-top: 0;
    }

dl dt {
    font-weight: bold;
    }

/*--- Main Containers ---*/

#canvas {
    margin: 2em 4%;
    position: relative;
    }

#content {
    background-color: $*color_entry_background;
    }

#secondary, #tertiary {
    background-color: $*color_module_background;
    }

@media $medium_media_query {
    .column-left #content, .column-right #content {
        border-color: $*color_module_background;
        }

    .multiple-columns #secondary, .multiple-columns #tertiary {
        background-color: transparent;
    }
}
/*--- Journal Header ---*/

#header {
    padding: .5em 1em;
    }

#header a {
    color: $*color_page_title;
    text-decoration: none;
    }

/*--- Journal Navigation ---*/

.navigation {
    text-align: right;
    }

.page-month .navigation {
    text-align: center;
    }

/*--- Entries & Comments ---*/

.entry-wrapper {
    margin-bottom: 2em;
    }

.entry .userpic, .comment .userpic {
    margin: 0 1em .5em 1em;
    }

$userpic_css

.datetime, .poster-ip {
    font-size: small;
    }

.entry .contents, .comment .contents {
    margin: 1em 0;
    }

.entry-content, .comment-content {
    margin-top: 1em;
    }

.entry .metadata {
    font-style: italic;
    }

.entry .metadata.bottom-metadata {
    margin-bottom: -1em;
    }

.entry .footer, .comment .footer {
    clear: both;
    padding-bottom: .5em;
    }

.entry .tag {
    margin-bottom: .5em;
    }

ul.entry-management-links, .comment-management-links {
    float: left;
    margin-bottom: .5em;
    margin-top: .5em;
    }

ul.entry-interaction-links, .comment-interaction-links {
    text-align: right;
    margin-bottom: .5em;
    margin-right: .5em;
    margin-top: .5em;
    }

.comment-wrapper {
    background-color: $*color_entry_background;
    }

.comment-wrapper .header {
    padding: .25em .5em;
    }

.comment-wrapper-odd .header {
    background-color: $*color_comment_title_background;
    color: $*color_comment_title;
    }

.comment-wrapper-odd .header a {
    background-color: transparent;
    color: $*color_comment_title;
    }

.comment-wrapper-even .header {
    background-color: $*color_comment_title_background_even;
    color: $*color_comment_title_even;
    }

.comment-wrapper-even .header a {
    background: transparent;
    color: $*color_comment_title_even;
    }

.comment-wrapper-even .comment-title,
.comment-wrapper-odd .comment-title {
    background-color: transparent;
    font-size: large;
    margin-bottom: .25em;
    }

.multiform-checkbox {
    clear: both;
    display: block;
    }

.page-entry #primary > .inner:first-child {
    padding: 1em 0;
    }
.page-entry .entry-wrapper {
    padding: 0 1em;
    }
.comment > .inner:first-child {
    padding: 1em;
    }
.partial .comment  > .inner:first-child {
    padding: .25em .5em;
    }

.partial .comment-title {
    display: inline;
    font-size: medium;
    margin-bottom: 0;
    }

.comment-wrapper-even.partial .comment-title,
.comment-wrapper-odd.partial .comment-title,
.comment-wrapper-even.partial .comment-title a,
.comment-wrapper-odd.partial .comment-title a {
    background-color: transparent;
    color: inherit;
    }

.bottomcomment {
    padding: .25em .5em;
    background-color: $*color_comment_title_background;
    color: $*color_comment_title;
    }

.bottomcomment a {
    color: $*color_comment_title;
    }

/*--- Archive Pages ---*/

.month {
    margin-bottom: 2em;
    }

.month .contents {
    padding: 1em .5em 0;
    }

.month .footer {
    padding: 0 .5em 1em;
    text-align: center;
    }

.month .header {
    background-color: $*color_entry_title_background;
    color: $*color_entry_title;
    font-family: $*font_entry_title;
    padding: 1px .25em;
    }

table.month td, table.month th {
    vertical-align: top;
    padding: .25em .5em;
    }

table.month caption {
    color: $*color_entry_background;
    }

#archive-month .month {
    padding: 0 1em;
    }

#archive-month .entry-title {
    font-weight: bold;
    }

h3.day-date {
    text-align: center;
    margin-bottom: 2em;
    }

/*--- Icons Page ---*/

.sorting-options ul {
    padding-left: 0;
    text-align: right;
    }

.icons-container .icon {
    margin: 1em 0;
    }

.icon-image {
    float: left;
    clear: left;
    margin-bottom: .25em;
    min-width: 100px;
    padding-right: 1em;
    }

.icon-info {
    min-height: 100px;
    }

.icon-info span {
    font-weight: bold;
    }

.icon-info .default {
    text-decoration: underline;
    }

/*--- Sidebars ---*/

@media $medium_media_query {
    .two-columns #tertiary .module {
        background-color: transparent;
        color: $*color_entry_text;
        }

    .two-columns #tertiary .module a {
        color: $*color_entry_link;
        }

    .two-columns #tertiary .module a:visited {
        color: $*color_entry_link_visited;
        }

    .two-columns #tertiary .module a:hover {
        color: $*color_entry_link_hover;
        }

    .two-columns #tertiary .module a:active {
        color: $*color_entry_link_active;
        }

    .two-columns #tertiary .module h2 {
        color: $*color_entry_title;
        }

    .two-columns #tertiary .separator-after {
        clear: both;
        }

    .two-columns-left #tertiary {
        margin-left: 0;
        }

    .two-columns-right #tertiary {
        margin-right: 0;
        }
}
.module {
    border: none;
    margin-bottom: 1em;
    }

.module-content ul, .module-list {
    list-style: none;
    margin: 0;
    padding: 0;
    }

.module-content ul ul {
    margin-left: 1em;
    }

.module-header {
    font-size: large;
    }
.module-header a {
    color: $*color_module_title;
    }

.module .userlite-interaction-links {
    margin-top: .5em;
    }

.module-navlinks a.current {
    color: $*color_module_text;
    text-decoration: none;
    }

.multiple-columns .module-calendar .module-content {
    text-align: left;
    }

.multiple-columns .module-calendar table {
    margin: 0;
    }

$navlinks_css

/*--- Footer ---*/

#footer {
    text-align: center;
    }

    """;
}