layerinfo type = "layout";
layerinfo name = "Bannering";
layerinfo author_name = "branchandroot";
layerinfo redist_uniq = "bannering/layout";
layerinfo lang = "en";

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

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

propgroup presentation_child {
property string header_border_position {
    des = "Position of header border";
    values = "none|None|bottom|Bottom|topbottom|Top and Bottom|all|On All Sides";
    }
property string header_border_width {
    des = "Width of header border";
    size = 5;
    }
property string header_border_style {
    des = "Style of header border";
    values = "solid|Solid|double|Double|dotted|Dotted|dashed|Dashed";
    }
property string header_margin_size {
    des = "Size of header margin";
    }
property string header_title_position {
    des = "Position of journal and page titles";
    values = "left|Left|right|Right|center|Center";
    }
property string header_title_spacing_top {
    des = "Spacing above journal and page titles";
    }
property string header_title_spacing_side {
    des = "Spacing on the side of journal and page titles";
    }
}

set layout_type = "two-columns-left";
set sidebar_width = "13em";
set sidebar_width_doubled = "26em";
set userpics_position = "left";
set entry_management_links = "text";
set comment_management_links = "text";
set header_border_position = "none";
set header_border_width = "1px";
set header_border_style = "solid";
set header_margin_size = "0em";
set header_title_position = "left";
set header_title_spacing_top = "0em";
set header_title_spacing_side = "0em";

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

propgroup colors_child {
    property Color color_navlinks_link_current { des = "Navigation module current link color"; }
    property Color color_header_inner_background { des = "Page header inner background color"; }
    # Used instead of color_header_link:
    property Color color_navlinks_link { des = "Page header link color"; }
    property Color color_navlinks_link_active { des = "Page header active link color"; }
    property Color color_navlinks_link_hover { des = "Page header hover link color"; }
    property Color color_navlinks_link_visited { des = "Page header visited link color"; }
    property Color color_header_border { des = "Header border color"; }
}

##===============================
## Images
##===============================

propgroup images_child {
    property string[] image_header_background_inner_group {
        des = "Second header background image";
        grouptype = "image";
    }
    set image_header_background_inner_group = [ "image_background_header_inner_url", "image_background_header_inner_repeat", "image_background_header_inner_position" ];
    property string image_background_header_inner_url {
        grouped = 1;
    }
    property string image_background_header_inner_repeat {
        values = "repeat|tile image|no-repeat|don't tile|repeat-x|tile horizontally|repeat-y|tile vertically";
         grouped = 1;
    }
    property string image_background_header_inner_position {
        values = "top left|top left|top center|top center|top right|top right|center left|center left|center center|center|center right|center right|bottom left|bottom left|bottom center|bottom center|bottom right|bottom right";
         grouped = 1;
    }
    property int image_background_header_inner_height {
        des = "The height of your second header image, in pixels.  Use 0 for default."; }
}

##===============================
##Text
##===============================

set text_entry_prev = "Previous";
set text_entry_next = "Next";
set text_tell_friend = "Share";
set text_mem_add = "Memory";
set text_watch_comments = "Track";
set text_unwatch_comments = "Untrack";
set text_post_comment = "Reply";
set text_post_comment_friends = "Reply";

##=============
## Functions
##============

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

    var string header_inner_background = generate_background_css ($*image_background_header_inner_url, $*image_background_header_inner_repeat, $*image_background_header_inner_position, $*color_header_inner_background);
    if ($*image_background_header_inner_height > 0) {
        $header_inner_background = """
            $header_inner_background
            height: """ + $*image_background_header_inner_height + """px;""";
    }

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

        .has-userpic .entry .header,
        .has-userpic .comment .header { margin-right: 110px; }";
    }
    else {
        $userpic_css = ".entry .userpic,
        .comment .userpic { float: left;
            margin-left: 0 !important; }
        .entry .userpic img,
        .comment .userpic img { left: 0; }

        .has-userpic .entry .header,
        .has-userpic .comment .header { margin-left: 110px; }";
    }


var string header_border_css = "";
    if ($*header_border_position == "bottom") {
        $header_border_css = "#header { border-bottom: $*header_border_style $*header_border_width $*color_header_border; }";
    }
    if ($*header_border_position == "topbottom") {
        $header_border_css = "#header { border-bottom: $*header_border_style $*header_border_width $*color_header_border;
            border-top: $*header_border_style $*header_border_width $*color_header_border; }";
    }
    if ($*header_border_position == "all") {
        $header_border_css = "#header { border: $*header_border_style $*header_border_width $*color_header_border; }";
    }

var string header_spacing_css = "";
    if ($*header_title_position == "left") {
        $header_spacing_css = "#title { margin-top: $*header_title_spacing_top; }
             #header > .inner:first-child { padding-left: $*header_title_spacing_side; } ";
    }
    if ($*header_title_position == "right") {
        $header_spacing_css = "#title { margin-top: $*header_title_spacing_top; }
             #header > .inner:first-child { padding-right: $*header_title_spacing_side; } ";
    }
    if ($*header_title_position == "center") {
        $header_spacing_css = "#title { margin-top: $*header_title_spacing_top; }
             #header > .inner:first-child { padding-right: $*header_title_spacing_side;
                padding-left: $*header_title_spacing_side; } ";
    }


var string navlinks_css = "";
    if ($*module_navlinks_section == "header") {
        $navlinks_css = """
            .module-navlinks {
                margin-bottom: -3em;
                padding-right: 2em;
                padding-top: 1em;
                text-align: right;
                background-color: transparent; }
            .module-navlinks li { display: inline;
                padding-left: .5em;
                border-left: 1px solid $*color_page_title; }
            .module-navlinks ul > li:first-child { border-left: none; }
            .module-navlinks .module-header { display: none; }
            .module-navlinks a { color: $*color_navlinks_link; }
            .module-navlinks a:visited { color: $*color_navlinks_link_visited; }
            .module-navlinks a:hover { color: $*color_navlinks_link_hover; }
            .module-navlinks a:active { color: $*color_navlinks_link_active; }
        """;
    }
    else {
        $navlinks_css = "";
    }


    """

/* Bannering  */

body { margin: 0; }

blockquote { padding: 1em 1em .5em 2em;
    font-style: italic;  }
blockquote > p:first-child { margin-top: 0; }
q { font-style: italic; }
dl dt { font-weight: bold; }

a:hover { text-decoration: none; }

.module-navlinks,
.datetime,
.entry .metadata,
.entry .footer,
.comment .footer,
.module { font-size: small; }

#canvas { position: relative;
    padding-top: 1px; }

#header {
    margin: $*header_margin_size;
    text-align: $*header_title_position;
    margin: 0;
    margin-bottom: 1em;
    padding: 0; }

#header > .inner:first-child {
    $header_inner_background
    margin: 0; padding: 0;
    padding-top: 1px; /*really freaking annoying workaround for margin stupidity */
    margin-top: -1px;
}

$header_border_css

$header_spacing_css

#footer { margin: 1em 0; }

#title,
#subtitle,
#pagetitle { padding-left: 1em;
    padding-right: 1em; }

#title { font-size: large; }
#title a { color: $*color_page_text;
    text-decoration: none; }
#subtitle { font-size: medium;
    font-style: italic; }
#pagetitle { font-weight: normal;
    font-size: small; }

#content {margin: 2em 5% 0 5%; }

.navigation { text-align: center;
    padding: 1px;
    margin: 0 0 2em 0; }

#primary > .inner:first-child { padding: 0 3em; }


/* Entry and Comments */

.entry-wrapper,
.comment-wrapper { border-bottom: 1px solid $*color_entry_border;
    margin-bottom: 2em;
    position: relative; }

.entry { border: none; }

.has-userpic .entry .userpic { margin: -4.5em 1em 1em; }
.has-userpic .comment .userpic { margin: -2.5em 1em 1em; }

$userpic_css

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

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

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

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

.entry .footer { text-align: right; }

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

ul.entry-management-links,
.comment-management-links { display: inline;
	line-height: 2em; }
ul.entry-interaction-links,
.comment-interaction-links { display: inline;
	line-height: 2em; }

ul.entry-management-links li,
ul.entry-interaction-links li { border-left: 1px solid; padding-left: .5em; }
ul.entry-management-links li.first-item {border-left: none; padding-left: .25em; }

.bottomcomment { padding: 0 .25em .25em .25em;
    margin-top: 1em;
    text-align: right; }
.bottomcomment label { white-space: nowrap; }

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

.partial .comment-title { display: inline; }

#qrformdiv table { padding: .5em; }

/* Archive */

.year .month,
#archive-month .month { margin-bottom: 2em; }

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

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

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

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

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

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

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

div.icons-container div.icon:nth-of-type(2n) {
    clear: both;
}

.icons-container .icon {
    float: left;
    margin-bottom: 15px;
    min-width: 350px;
    vertical-align: bottom;
    width: 50%;
    display:table;
}

.icon-image {
    display: inline;
    float: left;
    margin-right: 1em;
    min-width: 100px;
    margin-top: 0;
}

.icon-info {
    overflow: auto;
    vertical-align: bottom;
    word-wrap: break-word;
    display:table-cell;
    width:100%;
}

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

.icons-container .inner .footer, .icon-pages {
    clear: both;
    text-align: center;
}


/* Sidebars */

#content .module {
    display: inline-block;
    vertical-align: top;
    width: $*sidebar_width;
    text-align:left;
    padding: 0 .25em;
    }

#content .module-wrapper {
    text-align:center;
    }

@media $medium_media_query {
    .two-columns-left #secondary, .three-columns-sides #secondary, .three-columns-left #secondary, .three-columns-left #tertiary { border-right: 1px solid $*color_module_border; }
    .two-columns-right #secondary, .three-columns-sides #tertiary, .three-columns-right #secondary, .three-columns-right #tertiary { border-left: 1px solid $*color_module_border; }

    body:not(.one-column) #content .module {
        display: block;
        vertical-align: baseline;
        width: auto;
        padding: 0;
    }
}

.module { margin-bottom: 1em;
    border: none; }

.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; }

.any-column .module-calendar .module-content { text-align: left; }
.any-column .module-calendar table { margin: 0; }

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

.search-box {max-width: 100%;}

#footer { text-align: right;
    padding: .5em 2em; }

    """;
}