layerinfo type = "layout";

layerinfo name = "Brittle";

layerinfo redist_uniq = "brittle/layout";

layerinfo author_name = "renoir";

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

##===============================

## Display settings - general

##===============================

propgroup presentation {

    property use num_items_recent;

    property use num_items_reading;

    property use use_journalstyle_entry_page;

    property use layout_type;

    property use tags_page_type;

    property use sidebar_width;

    property use margins_size;

    property use margins_unit;

    property use userpics_style_group;

    property string entryicons_position {

       des = "Place icons on the same side or opposite the sidebar";

       values = "none|None (don't show)|same|Same side as sidebar|opposite|Opposite the sidebar";

    }

    property use entry_metadata_position;

    property use use_custom_friend_colors;

    property use use_shared_pic;

    property use userlite_interaction_links;

    property use entry_management_links;

    property use comment_management_links;

    property use reg_firstdayofweek;

    property use entry_datetime_format_group;

    property use comment_datetime_format_group;

}

set sidebar_width = "15em";

set layout_type = "two-columns-right";

set entry_userpic_style= "small";

set comment_userpic_style= "small";

set entryicons_position = "opposite";

set use_custom_friend_colors = false;

set custom_foreground_element = "userpic_border";

set custom_background_element = "userpic_background";

##===============================

## Journal style - colors

##===============================

propgroup colors {

    property use color_page_background;

    property use color_page_text;

    property use color_page_link;

    property use color_page_link_hover;

    property use color_page_link_visited;

    property use color_footer_background;

    property use color_footer_link;

    property use color_footer_link_hover;

    property use color_footer_link_visited;

    property Color color_navigation_module_background { des = "Navigation module background color"; }

    property Color color_navigation_module_link { des = "Navigation module link color"; }

    property Color color_navigation_module_link_hover { des = "Navigation module hover link color"; }

    property Color color_navigation_module_link_visited { des = "Navigation module visited link color"; }

    property use color_entry_title;

    property use color_entry_background;

    property use color_entry_text;

    property use color_entry_link;

    property use color_entry_link_hover;

    property use color_entry_link_visited;

}

##===============================

## Display settings - fonts

##===============================

propgroup fonts {

    property use font_base;

    property use font_fallback;

    property use font_base_size;

    property use font_base_units;

    property string font_entry_text {

        des = "Preferred font for entry text";

        maxlength = 50;

        size = 25;

        note = "For example: Arial or \"Times New Roman\". Leave blank if you don't care.";

        }

    property string font_entry_text_size {

        des = "Size of entry text font";

        size = 3;

        }

    property string font_entry_text_units {

        des = "Units for entry text size";

        values = "em|em|ex|ex|%|%|pt|pt|px|px";

    }

    property use font_entry_title;

    property use font_entry_title_size;

    property use font_entry_title_units;

    property use font_comment_title;

    property use font_comment_title_size;

    property use font_comment_title_units;

    property string font_navigation_module_text {

        des = "Preferred font for navigation module text";

        maxlength = 50;

        size = 25;

        note = "For example: Arial or \"Times New Roman\". Leave blank if you don't care.";

        }

    property string font_navigation_module_text_size {

        des = "Size of navigation module text font";

        size = 3;

        }

    property string font_navigation_module_text_units {

        des = "Units for navigation module text size";

        values = "em|em|ex|ex|%|%|pt|pt|px|px";

        }

    property use font_module_heading;

    property use font_module_heading_size;

    property use font_module_heading_units;

    property string font_other_module_text {

        des = "Preferred font for module text other than navigation module";

        maxlength = 50;

        size = 25;

        note = "For example: Arial or \"Times New Roman\". Leave blank if you don't care.";

        }

    property string font_other_module_text_size {

        des = "Size of module text font other than navigation module";

        size = 3;

        }

    property string font_other_module_text_units {

        des = "Units for module text size other than navigation module";

        values = "em|em|ex|ex|%|%|pt|pt|px|px";

        }

    property string font_date_time {

        des = "Preferred font for date and time in entries and comments";

        maxlength = 50;

        size = 25;

        note = "For example: Arial or \"Times New Roman\". Leave blank if you don't care.";

        }

    property string font_date_time_size {

        des = "Size of font for date and time in entries and comments";

        size = 3;

        }

    property string font_date_time_units {

        des = "Units for date and time in entries and comments text size";

        values = "em|em|ex|ex|%|%|pt|pt|px|px";

        }

}

set font_base = "Georgia";

set font_fallback = "sans-serif";

set font_base_size = "1";

set font_base_units = "em";

set font_entry_text = "Georgia";

set font_entry_text_size = "0.95";

set font_entry_text_units = "em";

set font_entry_title = "Georgia";

set font_entry_title_size = "0.7";

set font_entry_title_units = "em";

set font_navigation_module_text = "Georgia";

set font_navigation_module_text_size = "0.8";

set font_navigation_module_text_units = "em";

set font_other_module_text = "Georgia";

set font_other_module_text_size = "0.8";

set font_other_module_text_units = "em";

set font_module_heading = "Georgia";

set font_module_heading_size = "1";

set font_module_heading_units = "em";

set font_date_time = "Helvetica";

set font_date_time_size = "0.6";

set font_date_time_units = "em";

##===============================

## Display settings - images

##===============================

propgroup images {

    property use image_background_page_group;

    property use image_background_entry_group;

}

##===============================

## Display settings - modules

##===============================

propgroup modules {

    property use module_userprofile_group;

    property use module_navlinks_group;

    property use module_customtext_group;

    property use module_calendar_group;

    property use module_pagesummary_group;

    property use module_tags_group;

    property use module_active_group;

    property use module_links_group;

    property use module_syndicate_group;

    property use module_time_group;

    property use module_poweredby_group;

    property use module_credit_group;

    property use module_search_group;

    property use module_cuttagcontrols_group;

}

# explicitly define what sections the layout has available

set module_layout_sections = "none|(none)|one|Group One|two|Group Two";

# set module order and sections

set module_navlinks_order = 1;

set module_navlinks_section = "one";

set module_customtext_order = 2;

set module_customtext_section = "one";

set module_userprofile_order = 3;

set module_userprofile_section = "two";

set module_links_order = 5;

set module_links_section = "two";

set module_syndicate_order = 6;

set module_syndicate_section = "two";

set module_tags_order = 7;

set module_tags_section = "two";

set module_pagesummary_order = 8;

set module_pagesummary_section = "two";

set module_active_order = 9;

set module_active_section = "two";

set module_credit_order = 10;

set module_credit_section = "two";

set module_calendar_order = 13;

set module_calendar_section = "two";

set module_calendar_opts_type = "horizontal";

##===============================

## Custom CSS

##===============================

propgroup customcss {

    property use external_stylesheet;

    property use include_default_stylesheet;

    property use linked_stylesheet;

    property use custom_css;

}

propgroup text {

##===============================

## Text - main navigation

##===============================

    property use text_view_recent;

    property use text_view_friends;

    property use text_view_network;

    property use text_view_archive;

    property use text_view_userinfo;

    property use text_view_memories;

    property use text_view_tags;

##===============================

## Text - entry comment-related

##===============================

    property use text_post_comment;

    property use text_max_comments;

    property use text_read_comments;

    property use text_post_comment_friends;

    property use text_read_comments_friends;

    property use text_skiplinks_back;

    property use text_skiplinks_forward;

    property use text_meta_music;

    property use text_meta_mood;

    property use text_meta_location;

    property use text_meta_xpost;

    property use text_tags;

    property use text_entry_prev;

    property use text_entry_next;

    property use text_edit_entry;

    property use text_edit_tags;

    property use text_tell_friend;

    property use text_mem_add;

    property use text_watch_comments;

    property use text_unwatch_comments;

    property use text_permalink;

    property use text_stickyentry_subject;

    property use text_module_customtext;

    property use text_module_customtext_content;

    property use text_module_customtext_url;

}

function prop_init() {

    if ( $*entryicons_position == "none" ) {

        $*userpics_position = "none";

    }

}

function Page::print_default_stylesheet() {

    var string sidebar_position = "";

    var string sidebar_position_opposite = "";

    if ($*layout_type == "two-columns-right") { $sidebar_position = "right"; $sidebar_position_opposite = "left"; }

    elseif ($*layout_type == "two-columns-left") { $sidebar_position = "left"; $sidebar_position_opposite = "right"; }

    var string page_background = generate_background_css ($*image_background_page_url, $*image_background_page_repeat, $*image_background_page_position, $*color_page_background);

    var string entry_background = generate_background_css ($*image_background_entry_url, $*image_background_entry_repeat, $*image_background_entry_position, $*color_entry_background);

    var string page_font = generate_font_css("", $*font_base, $*font_fallback, $*font_base_size, $*font_base_units);

    var string entry_font = generate_font_css($*font_entry_text, $*font_base, $*font_fallback, $*font_entry_text_size, $*font_entry_text_units);

    var string entry_title_font = generate_font_css($*font_entry_title, $*font_base, $*font_fallback, $*font_entry_title_size, $*font_entry_title_units);

    var string comment_title_font = generate_font_css($*font_comment_title, $*font_base, $*font_fallback, $*font_comment_title_size, $*font_comment_title_units);

    var string module_title_font = generate_font_css($*font_module_heading, $*font_base, $*font_fallback, $*font_module_heading_size, $*font_module_heading_units);

    var string navigation_module_font = generate_font_css($*font_navigation_module_text, $*font_base, $*font_fallback, $*font_navigation_module_text_size, $*font_navigation_module_text_units);

    var string other_module_font = generate_font_css($*font_other_module_text, $*font_base, $*font_fallback, $*font_other_module_text_size, $*font_other_module_text_units);

    var string date_time_font = generate_font_css($*font_date_time, $*font_base, $*font_fallback, $*font_date_time_size, $*font_date_time_units);

    var string input_textarea_font = generate_font_css($*font_date_time, $*font_base, $*font_fallback, "", "");

    var Color bottom_border = $*color_entry_text -> lighter(90);

    var Color solid_border = $*color_entry_background -> darker(25);

    var Color blockquote_text = $*color_entry_text -> lighter(10);

    var Color blockquote_background = $*color_entry_background -> darker(10);

    var string entry_userpic_margin = "";

    if ( $*entry_userpic_style == "" ) { $entry_userpic_margin = "130px"; }

    elseif ( $*entry_userpic_style == "small" ) { $entry_userpic_margin = "105px"; }

    elseif ( $*entry_userpic_style == "smaller" ) { $entry_userpic_margin = "80px"; }

    var string comment_userpic_margin = "";

    if ( $*comment_userpic_style == "" ) { $comment_userpic_margin = "140px"; }

    elseif ( $*comment_userpic_style == "small" ) { $comment_userpic_margin = "115px"; }

    elseif ( $*comment_userpic_style == "smaller" ) { $comment_userpic_margin = "90px"; }

    var string entryicon_css = "";

    if ($*entryicons_position == "opposite") {

        $entryicon_css = """

        .entry .userpic,

        .comment .userpic {

            float: $sidebar_position_opposite;

            text-align: $sidebar_position;

            }

        .entry .userpic {

            margin-$sidebar_position_opposite: -$entry_userpic_margin;

            }

        .comment .userpic {

            margin-$sidebar_position_opposite: -$comment_userpic_margin;

            }

        """;

    }

    elseif ($*entryicons_position == "same") {

        $entryicon_css = """

        .entry .userpic,

        .comment .userpic {

            float: $sidebar_position;

            text-align: $sidebar_position;

            }

        .entry .userpic{

            margin-$sidebar_position: -$entry_userpic_margin;

            }

        .comment .userpic {

            margin-$sidebar_position: -$comment_userpic_margin;

            }

        #secondary {

            margin-$sidebar_position_opposite: $entry_userpic_margin;

            }

        """;

    }

    """

body {

    padding: 0;

    $page_background

    $page_font

    color: $*color_page_text;

    line-height: 1.6em;

    text-align: center;

    }

    html body {

        margin-left: $*margins_size$*margins_unit;

        margin-right: $*margins_size$*margins_unit;

        }

img { border: none; }

a { text-decoration: none; }

a, a:link { color: $*color_page_link;   }

a:visited { color: $*color_page_link_visited; }

a:hover { color: $*color_page_link_hover; }

q { font-style: italic; }

#canvas {

    margin: 0 auto;

    padding: 5% 0;

    padding-$sidebar_position_opposite: 15%;

    text-align: justify;

    width: 85%;

}

#primary {

    float: $sidebar_position_opposite;

    width: 45%;

    text-align: justify;

    margin: 0;

    margin-$sidebar_position: .6em;

    }

#secondary {

    float: $sidebar_position_opposite;

    width: $*sidebar_width;

    margin: 1px 0 0 0;

    padding: 0 1em;

    font-size: 1em;

}

#tertiary {

    background-color: $*color_entry_background;

    clear: both;

    color: $*color_entry_text;

    line-height: 125%;

    margin-$sidebar_position: auto;

    width: 45%;

    }

#tertiary > .inner:first-child { }

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

/*--- header + footer ---*/

#header { display: none; }

#footer {

    background: $*color_footer_background;

    width: 45%;

    font-size: 0.7em;

    text-transform: lowercase;

    clear: both;

    margin-top: 10px;

    margin-$sidebar_position: auto;

}

#footer a, #footer a:link, #footer a:active { color: $*color_footer_link; }

#footer a:visited { color: $*color_footer_link_visited; }

#footer a:hover { color: $*color_footer_link_hover; }

#footer .inner { padding: 10px; }

/*--- prev/next navigation ---*/

li.page-back, li.page-forward {

    display: inline;

    list-style: none;

    padding: 0;

    margin: 0;

    }

li.page-separator { display: none; }

.navigation ul {

    display: inline;

    padding: 0;

    margin: 0;

    }

/*--- entry ---*/

.entry {

    $entry_background

    color: $*color_entry_text;

    padding: 10px;

    margin: 0 0 10px 0;

    $entry_font

    }

.entry a, #tertiary a {

    color: $*color_entry_link;

    }

.entry a:visited, #tertiary a:visited {

    color: $*color_entry_link_visited;

    }

.entry a:hover, #tertiary a:hover {

    color: $*color_entry_link_hover;

    }

.entry-content { margin: 10px 0 0 0; }

.entry .header {

    padding: 0;

    margin: 0 0 10px 0;

    border-bottom: 1px dotted $bottom_border;

    }

h3.entry-title {

    margin: 0;

    padding: 0;

    $entry_title_font

    font-weight: normal;

    text-transform: lowercase;

    letter-spacing: 1px;

    color: $*color_entry_title;

    }

h3.entry-title a { color: $*color_entry_title; }

.datetime {

    $date_time_font

    text-transform: uppercase;

    color: $*color_entry_title;

    }

.datetime a { color: $*color_entry_title; }

.entry .userpic {

    display: block;

    margin: 0;

    }

.entry .userpic img {

    border: 5px solid $*color_navigation_module_background;

    }

.poster {

    $date_time_font

    text-transform: uppercase;

    }

.metadata { margin: 1.25em 0 0 0; }

.metadata.top-metadata { margin: 10px 0 1.25em 0; }

.metadata ul {

    padding: 0;

    margin: 0;

    }

.metadata ul li {

    list-style: none;

    font-size: 60%;

    font-weight: normal;

    text-transform: lowercase;

    color: $*color_entry_title;

    letter-spacing: 0;

    padding: 0;

    }

.tag-text {

    font-size: 60%;

    text-transform: lowercase;

    }

.tag ul {

    padding: 0 0 0 13px;

    margin: 0;

    display: inline;

    }

.tag ul li {

    display: inline;

    list-style: none;

    font-size: 60%;

    font-weight: normal;

    text-transform: lowercase;

    color: $*color_entry_title;

    letter-spacing: 0;

    padding: 0;

    }

ul.entry-management-links {

    padding: 0;

    margin: 10px 0 0 0;

    }

ul.entry-management-links li {

    display: inline;

    list-style: none;

    font-size: 60%;

    font-weight: normal;

    text-transform: lowercase;

    color: $*color_entry_title;

    letter-spacing: 0;

    padding: 0 5px 0 0;

    }

ul.entry-interaction-links {

    padding: 0 0 5px 0;

    margin: 10px 0 0 0;

    text-align: center;

    }

ul.entry-interaction-links li {

    display: inline;

    list-style: none;

    font-size: 65%;

    font-weight: normal;

    text-transform: uppercase;

    color: $*color_entry_title;

    letter-spacing: 0;

    padding: 0 5px 0 0;

    }

/*-- archive --*/

li.active {

    list-style: none;

    display: inline;

    padding: 0;

    margin: 10px;

    }

.month {

    background-color: $*color_entry_background;

    color: $*color_entry_text;

    padding: 20px;

    margin: 0;

    }

.month h3 {

    $entry_title_font

    font-weight: normal;

    text-transform: lowercase;

    letter-spacing: 1px;

    padding: 0;

    margin: 0;

    text-align: right;

    }

.month a {

    color: $*color_entry_link;

    }

.month a:visited {

    color: $*color_entry_link_visited;

    }

.month a:hover {

    color: $*color_entry_link_hover;

    }

.navigation ul { display: inline; }

.navigation li { display: inline; list-style: none; }

table.month { border: 0; }

.month caption { display: none; }

.month th {

    text-align: center;

    margin: 0 2px;

    text-transform: lowercase;

    font-weight: normal;

    }

.month td.day {

    font-weight: normal;

    color: $*color_entry_title;

    }

.month td.day-has-entries {

    font-weight: normal;

    color: $*color_entry_title;

    }

.month td.day-has-entries p {

    padding: 0 0 0 5px;

    margin: 0;

    display: inline;

    }

.month table {

    width: 100%;

    border: 0;

    margin: auto;

    }

td.day {

    padding: 10px;

    border: 0;

    text-align: center;

    }

/*-- tags --*/

.page-tags .tags-container {

    background-color: $*color_entry_background;

    color: $*color_entry_text;

    $entry_font

    padding: 10px;

    margin: 0 0 10px 0;

    }

.page-tags .tags-container h2 {

    margin: 0 0 10px 0;

    padding: 0;

    $entry_title_font

    border-width: 0 0 1px 0;

    border-style: dotted;

    border-color: $bottom_border;

    font-weight: normal;

    text-transform: lowercase;

    letter-spacing: 1px;

    color: $*color_entry_title;

    }

.page-tags .ljtaglist { margin: 0; padding: 0; }

.page-tags .ljtaglist li {

    padding: 0 0 0 10px;

    margin: 0;

    text-transform: lowercase;

    letter-spacing: 0;

    list-style: none;

    }

.page-tags .tags-container a {

    color: $*color_entry_link;

    }

.page-tags .tags-container a:visited {

    color: $*color_entry_link_visited;

    }

.page-tags .tags-container a:hover {

    color: $*color_entry_link_hover;

    }

.page-tags .tags_cloud { text-align: center; }

/*-- icons page --*/

.icons-container {

    background-color: $*color_entry_background;

    color: $*color_entry_text;

    $entry_font

    padding: 10px;

    margin: 0 0 10px;

    }

.icons-container h2 {

    border-color: $bottom_border;

    border-style: dotted;

    border-width: 0 0 1px 0;

    color: $*color_entry_title;

    $entry_title_font

    font-weight: normal;

    letter-spacing: 1px;

    margin: 0 0 10px 0;

    padding: 0;

    text-transform: lowercase;

    }

.icons-container a {

    color: $*color_entry_link;

    }

.icons-container a:visited {

    color: $*color_entry_link_visited;

    }

.icons-container a:hover {

    color: $*color_entry_link_hover;

    }

.sorting-options ul {

    padding-left: 0;

    }

.sorting-options ul li {

    display: inline;

    list-style: none;

    margin: 0;

    }

.page-icons .comment {

    margin: 0;

    padding: 0;

    }

.page-icons .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;

    }

.icon-info .keywords ul {

    display: inline;

    padding: 0 0 0 13px;

    }

.icon-info .keywords ul li {

    display: inline;

    list-style: none;

    padding: 0 .25em 0 0;

    }

/*--- comments ---*/

#comments {

    $entry_font

    }

.comment-title {

    $comment_title_font

    }

.comment-title h4 {

    font-size: inherit;

    font-weight: inherit;

    margin: 0;

    padding: 0;

}

hr.above-entry-interaction-links, hr.below-reply-container { display: none; }

input, textarea {

    background-color: $*color_entry_background;

    color: $*color_entry_title;

    padding: 2px;

    border: 1px solid $bottom_border;

    $input_textarea_font

    font-size: 80%;

    }

textarea.textbox  { width: 90%!important; }

.poster-ip {

    $date_time_font

    text-transform: uppercase;

    color: $*color_entry_title;

    display: block;

    text-align: left;

    }

.comment .userpic {

    display: block;

    margin: 0;

    }

.comment .userpic img {

    border: 5px solid $*color_navigation_module_background;

    }

.comment {

    background: $*color_entry_background;

    color: $*color_entry_text;

    padding: 20px;

    margin: 0;

    }

.comment-wrapper { margin: 20px 0; padding: 0; }

.comment-content { margin: 10px 0; }

.bottomcomment, .comments-message {

    background: $*color_entry_background;

    color: $*color_entry_text;

    padding: 20px;

    margin: 0;

    }

.comment a,

.bottomcomment a {

    color: $*color_entry_link;

    }

.comment a:visited,

.bottomcomment a:visited {

    color: $*color_entry_link_visited;

    }

.comment a:hover,

.bottomcomment a:hover {

    color: $*color_entry_link_hover;

    }

.comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; }

.comment-management-links li, .comment-interaction-links li { display: inline; }

#qrform table { border: 0!important; }

.comment-poster {

    $date_time_font

    text-transform: uppercase;

    color: $*color_entry_title;

    }

.comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; }

.comment-management-links li, .comment-interaction-links li { display: inline; }

table.talkform {

    background: $*color_entry_background;

    color: $*color_entry_text;

    $entry_font

    padding: 10px;

    margin: 0 0 10px 0;

    }

table.talkform b {

    color: $*color_entry_text;

    }

table.talkform a {

    color: $*color_entry_link;

    }

table.talkform a:visited {

    color: $*color_entry_link_visited;

    }

table.talkform a:hover {

    color: $*color_entry_link_hover;

    }

/*-- modules --*/

#secondary .module {

    $other_module_font

    }

#tertiary .module {

    float: left;

    padding: 0.5em 2em;

    $other_module_font

    }

#secondary .module-navlinks { $navigation_module_font; }

#tertiary .module-navlinks {

    margin: 0;

    padding: 1em 5%;

    width: 90%;

    }

.module-navlinks {

    padding: 10px;

    margin: 0;

    margin-$sidebar_position_opposite: -.8em;

    background-color: $*color_navigation_module_background;

    text-transform: lowercase;

    }

.module-navlinks ul.module-list {

    padding: 0;

    margin: 0;

    list-style: none;

    }

.module-navlinks ul.module-list li {

    padding: 0;

    margin: 0;

    list-style: none;

    }

.module-navlinks ul.module-list li a, .module-navlinks ul.module-list li a:link { color: $*color_navigation_module_link; }

.module-navlinks ul.module-list li a:visited { color: $*color_navigation_module_link_visited; }

.module-navlinks ul.module-list li a:hover { color: $*color_navigation_module_link_hover; }

.module-calendar { text-align: center; }

.module-customtext {

    padding: 0;

    margin: 20px 0 0 0;

    text-align: center;

    }

.module-header {

    $module_title_font

    font-weight: normal;

    letter-spacing: 1px;

    text-align: left;

    text-transform: lowercase;

    border-style: dotted;

    border-width: 0 0 1px 0;

    border-color: $bottom_border;