layerinfo "type" = "layout";
layerinfo "name" = "Bases";
layerinfo "redist_uniq" = "bases/layout";
layerinfo "author_name" = "Malionette";
layerinfo "lang" = "en";

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

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

propgroup presentation {
    property use layout_type;
    property use num_items_recent;
    property use num_items_reading;
    property use use_custom_friend_colors;
    property use use_shared_pic;
    property use medium_breakpoint_width;
    property use large_breakpoint_width;
    property use use_journalstyle_entry_page;
    property use custom_control_strip_colors;

    property use reverse_sortorder_group;
    property use reg_firstdayofweek;
    property use tags_page_type;
    property use num_items_icons;
    property use icons_page_sort;

    property use all_entrysubjects;
    property use all_commentsubjects;
    property use entry_datetime_format_group;
    property use comment_datetime_format_group;
    property use userpics_style_group;
    property use userpics_position;
    property use entry_metadata_position;
    property use userlite_interaction_links;
    property use entry_management_links;
    property use comment_management_links;
}

set layout_type = "two-columns-right";
set num_items_recent = 10;
set num_items_reading = 10;
set custom_foreground_element = "userpic_border";
set custom_background_element = "userpic_background";
set userpics_position = "right";
set custom_control_strip_colors = "on_no_gradient";

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

propgroup colors {
    property use color_page_background;
    property use color_page_text;
    property use color_page_link;
    property use color_page_link_active;
    property use color_page_link_hover;
    property use color_page_link_visited;
    property use color_page_border;

    property use color_header_background;

    property use color_footer_background;
    property use color_footer_link;
    property use color_footer_link_active;
    property use color_footer_link_hover;
    property use color_footer_link_visited;

    property use color_module_background;
    property use color_module_text;
    property use color_module_link;
    property use color_module_link_active;
    property use color_module_link_hover;
    property use color_module_link_visited;
    property use color_module_title_background;
    property use color_module_title;
    property use color_module_border;

    property use color_header_background;
    property use color_page_title;
    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_background { des = "Header link background color"; }
    property Color color_header_link_border { des = "Header link border color"; }
    property Color color_header_link_hover_background { des = "Header link hover background color"; }

    property use color_entry_background;
    property use color_entry_text;
    property use color_entry_link;
    property use color_entry_link_active;
    property use color_entry_link_hover;
    property use color_entry_link_visited;
    property use color_entry_title_background;
    property use color_entry_title;
    property use color_entry_interaction_links;
    property use color_entry_border;
    property Color color_comment_screened { des = "Screened comment background color"; }
    property use color_comment_title_background;

    property use control_strip_bgcolor;
    property use control_strip_fgcolor;
    property use control_strip_bordercolor;
    property use control_strip_linkcolor;
}

##===============================
## Fonts
##===============================
propgroup fonts {
    property use font_base;
    property use font_fallback;
    property use font_base_size;
    property use font_base_units;
    property use font_module_heading;
    property use font_module_heading_size;
    property use font_module_heading_units;
    property use font_module_text;
    property use font_module_text_size;
    property use font_module_text_units;
    property use font_journal_title;
    property use font_journal_title_size;
    property use font_journal_title_units;
    property use font_journal_subtitle;
    property use font_journal_subtitle_size;
    property use font_journal_subtitle_units;
    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 use font_sources;
}

set font_base = "Arial";
set font_fallback = "sans-serif";
set font_base_size = "1";
set font_base_units = "em";
set font_module_heading = "Arial";
set font_module_heading_size = "1";
set font_module_heading_units = "em";
set font_module_text = "Arial";
set font_module_text_size = "1";
set font_module_text_units = "em";
set font_journal_title = "Arial";
set font_journal_title_size = "2.25";
set font_journal_title_units = "em";
set font_journal_subtitle = "Arial";
set font_journal_subtitle_size = "1.125";
set font_journal_subtitle_units = "em";
set font_entry_title = "Arial";
set font_entry_title_size = "1.25";
set font_entry_title_units = "em";
set font_comment_title_size = "1.5";
set font_comment_title_units = "em";

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

propgroup images {
    property use image_background_page_group;
    property use image_background_module_group;
    property use image_background_header_group;
    property use image_background_header_height;
    property use image_background_entry_group;
}

##===============================
## Modules
##===============================

propgroup modules {
    property use module_userprofile_group;
    property use module_navlinks_group;
    property use module_calendar_group;
    property use module_links_group;
    property use module_syndicate_group;
    property use module_tags_group;
    property use module_pagesummary_group;
    property use module_active_group;
    property use module_time_group;
    property use module_poweredby_group;
    property use module_customtext_group;
    property use module_credit_group;
    property use module_search_group;
    property use module_cuttagcontrols_group;
    property use module_subscriptionfilters_group;
}

property string module_navlinks_section_override {
    values = "none|(none)|header|Header|one|Sidebar";
    grouped = 1;
}

set module_layout_sections = "none|(none)|one|Sidebar";
set grouped_property_override = { "module_navlinks_section" => "module_navlinks_section_override" };
set module_navlinks_section = "header";

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

propgroup text {
    property use text_module_userprofile;
    property use text_module_links;
    property use text_module_syndicate;
    property use text_module_tags;
    property use text_module_popular_tags;
    property use text_module_pagesummary;
    property use text_module_active_entries;
    property use text_module_customtext;
    property use text_module_customtext_url;
    property use text_module_customtext_content;
    property use text_module_credit;
    property use text_module_search;
    property use text_module_cuttagcontrols;
    property use text_module_subscriptionfilters;

    property use text_view_recent;
    property use text_view_archive;
    property use text_view_friends;
    property use text_view_friends_comm;
    property use text_view_network;
    property use text_view_tags;
    property use text_view_memories;
    property use text_view_userinfo;

    property use text_entry_prev;
    property use text_entry_next;
    property use text_edit_entry;
    property use text_edit_tags;
    property use text_mem_add;
    property use text_tell_friend;
    property use text_watch_comments;
    property use text_unwatch_comments;

    property use text_read_comments;
    property use text_read_comments_friends;
    property use text_read_comments_screened_visible;
    property use text_read_comments_screened;
    property use text_post_comment;
    property use text_post_comment_friends;
    property use text_permalink;

    property use text_meta_location;
    property use text_meta_mood;
    property use text_meta_music;
    property use text_meta_xpost;
    property use text_tags;

    property use text_stickyentry_subject;

    property use text_max_comments;
    property use text_skiplinks_back;
    property use text_skiplinks_forward;
}

##===============================
## Custom CSS
##===============================

propgroup customcss {
    property use external_stylesheet;
    property use include_default_stylesheet;
    property use linked_stylesheet;
    property use custom_css;
}

function print_module_navlinks() {
    var Page p = get_page();
    open_module("navlinks", "", "");
    var string[] links = [];

    println """<ul class="module-list">""";
    foreach var string k ($p.views_order) {
        var string css = """$k""";
        if ($p.view == $k) { $css = """current $k"""; }
        println """<li class="module-list-item $css"><a href="$p.view_url{$k}" class="$css">"""+lang_viewname($k)+"""</a></li>""";
    }
    println "</ul>";

    close_module();
}

function Page::print()
{
    """<!DOCTYPE html>\n<html lang="en">\n<head profile="http://www.w3.org/2006/03/hcard http://purl.org/uF/hAtom/0.1/ http://gmpg.org/xfn/11">\n""";
    $this->print_meta_tags();
    $this->print_head();
    $this->print_stylesheets();
    $this->print_head_title();
    """</head>""";
    $this->print_wrapper_start();
    $this->print_control_strip();
    """
    <div id="canvas">
        <div class="inner">
            <div id="header">
                <div class="inner">
                    """;
                    $this->print_header();
                    $this->print_module_section("header");
    """
                </div><!-- end header>inner -->
            </div><!-- end header -->
            <div id="content">
                <div class="inner">
                    <div id="primary"><div class="inner">
                        """;
                        $this->print_body();
    """
                        <div id="primary-footer">
                            <div class="inner">
    """;
                            print safe """
                                <div class="page-top"><a href="#">$*text_page_top</a></div>
                            </div><!-- end primary-footer>inner -->
                        </div><!-- end primary-footer -->
                    </div></div><!-- end primary and primary>inner -->
                    <div id="secondary"><div class="inner">
                        """;
                        $this->print_module_section("one");
    """
                    </div></div><!--  end secondary and secondary>inner -->
                </div><!-- end content>inner -->
            </div> <!-- end content -->
        </div> <!-- end canvas>inner -->
    """;

    """
    </div> <!-- end canvas -->
    """;
    $this->print_wrapper_end();
    """</html>""";
}

function Page::print_default_stylesheet()
{
var string medium_media_query = generate_medium_media_query();
var string large_media_query = generate_large_media_query();

var string sidebar_position = "";
var string sidebar_position_opposite = "";

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

var string page_font = generate_font_css("", $*font_base, $*font_fallback, $*font_base_size, $*font_base_units);
var string page_title_font = generate_font_css($*font_journal_title, $*font_base, $*font_fallback, $*font_journal_title_size, $*font_journal_title_units);
var string page_subtitle_font = generate_font_css($*font_journal_subtitle, $*font_base, $*font_fallback, $*font_journal_subtitle_size, $*font_journal_subtitle_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_text_font = generate_font_css($*font_module_text, $*font_base, $*font_fallback, $*font_module_text_size, $*font_module_text_units);
var string module_heading_font = generate_font_css($*font_module_heading, $*font_base, $*font_fallback, $*font_module_heading_size, $*font_module_heading_units);
var string page_background = generate_background_css ($*image_background_page_url, $*image_background_page_repeat,
    $*image_background_page_position, $*color_page_background);
var string header_background = generate_background_css ($*image_background_header_url, $*image_background_header_repeat,
    $*image_background_header_position, $*color_header_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 module_background = generate_background_css ($*image_background_module_url, $*image_background_module_repeat,
    $*image_background_module_position, $*color_module_background );
var Color element_background = $*color_page_background->lighter();

    var string footer_background = generate_background_css( "", "", "", $*color_footer_background );
    var string footer_link_colors = generate_color_css( $*color_footer_link, new Color, new Color );
    var string footer_link_active_colors = generate_color_css( $*color_footer_link_active, new Color, new Color );
    var string footer_link_hover_colors = generate_color_css( $*color_footer_link_hover, new Color, new Color );
    var string footer_link_visited_colors = generate_color_css( $*color_footer_link_visited, new Color, new Color );

    var string header_background_height = "";

    if ($*image_background_header_height > 0) {
        $header_background_height = """padding-top: """ + $*image_background_header_height + """px;""";
    }

    if ($*image_background_header_url != "" ) {
        print """#title, #subtitle, #pagetitle { display: none; }""";
    }

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

    var string navlinks_css = "";
        if ($*module_navlinks_section == "header") {
            $navlinks_css = """

            .module-navlinks ul {
                background: $*color_header_link_background;
                font-size: 1em;
                font-weight: bold;
                line-height: 2.2em;
                margin: .083em 0;
                padding: 0;
                }

            .module-navlinks li {
                display: inline;
                height: 2.2em;
                line-height: 2.2em;
                margin: 0;
                margin-left: -.25em;
                padding: .5em 0;
                }

            .module-navlinks li:first-child {
                border-left: .083em solid $*color_header_link_border;
                margin-left: .6em !important;
                }

            .module-navlinks li:hover {
                background: $*color_header_link_hover_background;
                }

            .module-navlinks li a {
                border-right: .083em solid $*color_header_link_border;
                line-height: 2.2em;
                padding: .5em .833em;
                color: $*color_header_link;
                }

            .module-navlinks li a:hover {
                text-decoration: underline;
                color: $*color_header_link_hover;
                }

            .module-navlinks li.current {
                background: $*color_header_link_hover_background;
                }

            .module-navlinks li a:active {
                color: $*color_header_link_active;
                }

            .module-navlinks li a:visited {
                color: $*color_header_link_visited;
                }
            """;
        }
        else {
            $navlinks_css = "";
        }
    print_custom_control_strip_css();

    """
/* DREAMWIDTH :--- Bases. ---
Sven @ Fruitstyle.Dreamwidth.org
Do not remove this note. */

/* ====================== PAGE ======================= */

body {$page_font $page_background color: $*color_page_text; width: 100%; margin: 0; padding: 0;}

#canvas {padding-top: 4%; padding-bottom: 4%; }

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

#secondary > .inner:first-child {padding: 0;}

#primary {border: 0.083em solid $*color_page_border; background: $*color_entry_background; padding: 0; border-top: 0; }
#header, #primary, #secondary { width: 90%; margin-left: 5%; }

@media $medium_media_query {
    .two-columns #secondary {
        background: $*color_entry_background;
        border: .083em solid $*color_page_border;
        border-bottom: 0;
        margin-$sidebar_position: auto;
        margin-$sidebar_position_opposite: 66.4%;
        width: 16.667em;
        }

    .two-columns #primary {
        background: $*color_entry_background;
        border: .083em solid $*color_page_border;
        border-top: 0;
        margin-$sidebar_position_opposite: 5%;
        padding: 0;
        position: absolute;
        width: 60.4%;
        $sidebar_position_opposite: 0;
        }

    .two-columns #header {
        width: 60.4%;
        }
}

/* ====================== RANDOM MARK UP AND CONDITIONALS ======================= */

a {color: $*color_page_link; text-decoration: none;}
a:active {color: $*color_page_link_active; text-decoration: none;}
a:visited {color: $*color_page_link_visited; text-decoration: none;}
a:hover, a:visited:hover, a:active:hover {color: $*color_page_link_hover; text-decoration: underline;}

abbr {border-color: $*color_page_link; }

blockquote {border-bottom: 0.083em solid $*color_page_border; clear: both; margin: 0.833em 1.667em 0.833em 1.667em;
            padding: 0.833em; background: $element_background; border-top: 0.583em solid $*color_page_link; }

q { font-style: italic; }

caption {font-size: 0.75em; text-transform: uppercase;}

code {font: italic 1em georgia; }

dt {font-weight: bold; border-bottom: 0.083em solid $*color_page_border;}
dd {font-weight: normal;}

h1 {font-size: 2.5em; font-weight: normal; }
h2 {font-size: 2em; font-weight: normal; }
h3 {font-size 1.5em; font-weight: normal; }
h4 {font-size: 1.166em; font-weight: bold; }
h5 {font-size: 1em; font-weight: bold; }
h6 {font-size: 0.75em; font-weight: bold; }

hr {border: 0.083em solid $*color_page_border;}

input, select {border: 0.083em solid $*color_page_border; background: $*color_comment_title_background !important; font-size: 0.833em !important; color: $*color_page_text !important;}

i {color: $*color_page_link_hover; }

label {font-weight: bold;}

ol {list-style: decimal-leading-zero; }

pre {font-size: 1em;}

sub, sup {color: $*color_page_text; }

tt {font: 1.334em monospace; }

textarea { margin: 0.5em; padding: 0.5em; border: 0.083em solid $*color_page_border; background: $*color_comment_title_background; color: $*color_page_text; font: italic 1em georgia;}

ul { padding: 0 0 0 2em; list-style: square;}
ul ul {list-style: circle;}

.entry-content a img {border-bottom: 0.083em solid $*color_entry_link; }
.entry-content a img:hover {border-color: $*color_entry_link_hover; }
.entry-content .userpic, #comments .userpic {background: $*color_entry_background;}

/* ensure comment content stretches out horizontally so it's readable */
.comment-content:before {
    content: "";
    display: block;
    overflow: hidden;
    width: 10em;
}
.comment-content { border-top: 1px transparent solid; } /* for firefox */

/* To constrain the width and prevent layout breaking */
.entry-content img, .comment-content img {
    max-width: 100%;
    height: auto;
}

@media $large_media_query {
    .entry-content img, .comment-content img { max-width: none; }
}

/* ====================== HEADER ======================= */

#header {
    border: .083em solid $*color_page_border;
    border-bottom: none;
    padding: 0;
    $header_background
    $header_background_height
    }

@media $medium_media_query {
    .two-columns-right #header {
        margin: 0 -100% 0 5%;
    }

    .two-columns-left #header {
        margin: 0 5% 0 auto;
        }
}

#title, #title a, #subtitle { color: $*color_page_title; }

#title { $page_title_font font-weight: bold; padding: 2em 0 0 0.65em; margin: 0; }

#subtitle { $page_subtitle_font padding-left: 1.5em; }

#pagetitle { border-bottom: 0.083em solid $*color_page_border; font-size: 1em; padding: 0 0 1em 2.2em; margin: 0.5em 0 0 0; }

$navlinks_css

/* ====================== SIDEBAR ======================= */

.module { color: $*color_module_text; }
.module a { color: $*color_module_link; }
.module a:visited { color: $*color_module_link_visited; }
.module a:active { color: $*color_module_link_active; }
.module a:hover, #secondary a:visited:hover, #secondary a:active:hover { color: $*color_module_link_hover; }

.module-header { text-align: center; margin: 0; background: $*color_module_title_background; padding: 0.6em 0 0.6em 0;
                 $module_heading_font font-weight: bold; color: $*color_module_title; border-bottom: 0.083em solid $*color_module_background;}
.module-header a, .module-header a:visited, .module-header a:active { text-decoration: underline; color: $*color_module_title;}
.module-header a:hover, .module-header a:visited:hover, .module-header a:active:hover {color: $*color_comment_title_background;}

#secondary .module-content {border-top: 0.083em solid $*color_module_border; $module_text_font }

#secondary .module {background: $*color_module_background; padding: 0.083em 0 0.083em 0; border-bottom: 0.083em solid $*color_module_border; }

#secondary .module-content { $module_background }

/* -------- profile -------- */

.module-userprofile {text-align: center; font-weight: bold; }

.module-userprofile .userpic img{border: 0.083em solid $*color_module_border; padding: 0.2em; background: $*color_module_background; margin: 0 auto; margin-top: 1em; }
.module-userprofile img {border: 0;}
.module-userprofile img:hover {opacity: .7;}

.module-userprofile .journal-name {margin: 0.5em 0 0.5em 0;}

/* -------- profile - interactions -------- */

.module-userprofile .userlite-interaction-links {margin: 0.583em 0 0.583em 0; padding: 0; list-style: none; overflow: hidden;}
.module-userprofile li {display: inline; margin: 0 0.25em 0 0.25em;}

.module-userprofile img { border-bottom: 0.083em solid transparent; padding: 0 0 0.25em 0; }
.module-userprofile img:hover { border-bottom: 0.083em solid $*color_module_link_hover; }

/* -------- navlinks -------- */

#secondary .module-navlinks {padding-top: 0 !important;}
#secondary .module-navlinks .module-content {border-top: 0; padding: 0; margin: 0;}
#secondary .module-navlinks ul{list-style: none; margin: 0; padding: 0; }
#secondary .module-navlinks li { padding: 0; margin: 0;}
#secondary .module-navlinks li + li {border-top: 0.083em solid $*color_module_border;}

#secondary .module-navlinks a {padding: 0.6em; display: block;}
#secondary .module-navlinks a:hover {background: $*color_comment_title_background; color: $*color_module_link; text-decoration: none;}
#secondary .module-navlinks .current {background: $*color_module_title_background; color: $*color_module_title; font-weight: bold;}

/* -------- calendar -------- */

.module-calendar table {width: 16.5em; text-align: center; border-collapse: collapse; margin: 0 0 0 -0.4em;}
.module-calendar td {border-top: 0.083em solid $*color_module_border;}
.module-calendar td .entry-day a {display: block; background: $element_background; }

.module-calendar .module-content { padding: 0.5em;}

/* -------- tags -------- */

.module-typelist .module-list { padding-left: 2em; }
.module-typelist .module-list .module-list-item {list-style-type: square; color: $*color_module_text; font-size: 0.833em; }
.module-typelist .module-list .module-list-item a { text-align: left; font-size: 1.2em;}

.module-tags_cloud .module-list {padding: 0.5em;}
.module-tags_cloud li, .tags_cloud li { display: inline; }

.module-tags_cloud .manage-link {
    border-top: .083em solid $*color_module_border;
    margin-top: .5em;
    text-align: center;
    }

.module-tags_multilevel .module-list { padding: 0.5em; margin: 0; }
.module-tags_multilevel .module-list .module-list { border-top: 0.083em solid $*color_module_border; border-bottom: 0; padding: 1em; }
.module-tags_multilevel .module-list .module-list-item { list-style: none; color: $*color_module_text;  border-bottom: 0.083em solid $*color_module_border; margin: 0;  }
.module-tags_multilevel .module-list .module-list-item a { text-align: left; }

.module-typelist .manage-link,
.module-tags_list .manage-link,
.module-tags_multilevel .manage-link {
    border-top: .083em solid $*color_module_border;
    padding-bottom: .5em;
    padding-top: .5em;
    text-align: center;
    }

/* -------- summary -------- */

.module-pagesummary ul {display: block; margin: 0; padding: 0.833em; list-style: none; color: $*color_module_text; font-size: 0.75em;}
.module-pagesummary li {margin: 0.417em 0 0.417em 0; padding: 0 0 0.417em 0; border-bottom: 0.083em solid $*color_module_border;}
/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser {white-space: normal !important;}
.module-pagesummary .module-content {word-wrap: break-word;}

/* -------- syndicate -------- */

.module-syndicate .module-content{text-align: center; padding: 0.5em; margin: 0;}
.module-syndicate img:hover {opacity: .7;}

/* -------- techie -------- */

.module-time  .module-content, .module-powered .module-content {padding: 0.5em; border: 0; }

/* -------- custom text -------- */

.module-customtext .module-content {padding: 0.5em; }

/* -------- search -------- */

.search-form { margin: .2em auto; }
.search-box { margin: .2em; max-width:100%; }

.search-form .search-box-item, 
.search-form .search-button-item {
    display: block
}
.search-form .comment_search_checkbox_item {
    display: inline
}

/* ====================== NAVIGATION BAR ======================= */

.navigation ul {margin: 0; padding: 0; none; border-top: 0.083em solid $*color_page_border; }
.navigation li {display: inline; padding: 0 1em 0 1em; border-right: 0.083em solid $*color_page_border; }
li.page-separator {display: none;}
.navigation li + li {margin-left: -0.25em;}
.noentries { padding: 0 1em; }

/* ====================== ENTRIES ======================= */

#primary a { color: $*color_entry_link; }
#primary a:visited {color: $*color_entry_link_visited; }
#primary a:hover {color: $*color_entry_link_hover; }
#primary a:active {color: $*color_entry_link_active; }

#primary { color: $*color_entry_text; }

#entries > .inner {border-top: 0.083em solid $*color_entry_background;}

.entry-title {
    background: $*color_entry_title_background;
    color: $*color_entry_text;
    border-bottom: .083em solid $*color_entry_border;
    border-top: .083em solid $*color_entry_border;
    $entry_title_font
    margin: 0;
    padding: .5em;
    }

.no-subject .entry .entry-title {
    background: none;
    border: none;
    padding: 0;
    }

.entry-title a {text-decoration: none; color: $*color_entry_title; }

.datetime { font-size: 0.75em; text-transform: uppercase; display: block; color: $*color_entry_text; padding: 0.5em 1em 0.5em 1em;
border-bottom: 0.083em solid $*color_entry_border; background: $*color_comment_title_background; }

.access-filter, .restrictions {float: left; margin: 0.25em 0.5em 0.25em 0.5em;}

.has-userpic .entry .userpic { border: 0.083em solid $*color_entry_border; padding: 0.2em; margin: 0.5em; background: $*color_entry_background; }
.entry .userpic img {border: 0; display:block;}
.entry .userpic img:hover {opacity: .7;}

.entry-poster { display: block; border-bottom: 0.083em solid $*color_entry_border; padding: 0.167em 0.833em 0.167em 0.833em;}
.page-recent .journal-type-P .entry-poster, .page-recent .journal-type-Y .entry-poster {display: none;}
.ljuser a b:hover { color: $*color_page_link_hover;}

.entry-content { padding: 0.833em; min-height: 8.5em; border-bottom: 0.083em solid $*color_entry_border; $entry_background}

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li,
.comment-content li {
    list-style-position: inside;
    }

.entry-content a img {border-width: 0.083em; padding: 0.25em;}
.entry-content a img:hover {opacity: .7;}

/* ====================== METADATA ======================= */

.metadata ul {padding: 0; margin: 0; list-style: none; }
.metadata li {padding: 0.167em 0.833em 0.167em 0.833em; margin: 0; border-bottom: 0.083em solid $*color_entry_border;}
.metadata-label {font-weight: bold; }
.page-recent .journal-type-P .metadata.top-metadata li,
.page-recent .journal-type-I .metadata.top-metadata li,
.page-recent .journal-type-P .metadata.top-metadata li + li + li,
.page-recent .journal-type-I .metadata.top-metadata li + li + li { background: $*color_entry_background; }
.page-recent .journal-type-P .metadata.top-metadata li + li,
.page-recent .journal-type-I .metadata.top-metadata li + li,
.page-recent .journal-type-P .metadata.top-metadata li + li + li + li,
.page-recent .journal-type-I .metadata.top-metadata li + li + li + li { background: $*color_comment_title_background; }

/* ====================== ENTRY TAGS ======================= */

.tag {margin: 0; padding: 0; border-bottom: 0.083em solid $*color_entry_border; background: $*color_entry_background; }
.tag-text {float: left; font-weight: bold; padding: 0 0.5em 0 1em; }
.tag ul { padding: 0; margin: 0; }
.tag li {display: inline; margin: 0; }

.metadata li, .metadata li + li + li {background: $*color_comment_title_background; color: }
.metadata li + li , .metadata li + li + li + li {background: $*color_entry_background; }

/* ====================== ENTRY TOOLS ======================= */

.entry .footer {
    background:  $*color_module_title_background;
    border-bottom: .083em solid $*color_entry_background;
    overflow: auto;
    }

.entry-interaction-links {
    border-top: .083em solid $*color_entry_background;
    margin: 0;
    padding: .583em;
    }

.entry-interaction-links li {
    border-left: .083em solid $*color_entry_background;
    border-right: .083em solid $*color_entry_background;
    display: inline;
    padding: .583em 0;
    }

.entry-interaction-links li + li {
    border-left: 0;
    margin: 0 0 0 -.25em;
    }

/* Use higher specificity to override earlier setting */
#primary .entry-interaction-links a {
    color: $*color_entry_interaction_links;
    padding: .583em .833em;
    font-weight: bold;
    }

.entry-interaction-links a:hover {
    background: $*color_module_link_hover;
    text-decoration: underline;
    }

.entry-management-links {
    margin: .583em .583em 0 0;
    display: inline;
    float: right;
    }

.entry-management-links li {
    display: inline;
    margin: 0 .25em;
    }

.entry-management-links.text-links {
    border-top: .083em solid $*color_entry_background;
    border-bottom: .083em solid $*color_module_title_background;
    display: block;
    float: none;
    line-height: 2.332em;
    list-style: none;
    margin: 0;
    padding-right: .583em;
    text-align: right;
    }

.entry-management-links.text-links li {
    border-right: .083em solid $*color_entry_background;
    display: inline;
    margin: 0 0 0 -0.25em;
    padding: .583em 0 !important;
    }

.entry-management-links.text-links li:first-child {
    border-left: .083em solid $*color_entry_background;
    margin: 0;
    }

.entry-management-links.text-links a {
    color: $*color_entry_interaction_links !important;
    font-weight: bold;
    padding: .583em .833em;
    }

.entry-management-links.text-links a:hover {
    background: $*color_module_link_hover;
    text-decoration: underline;
    }

.entry-management-links img { border-bottom: 0.083em solid transparent; padding: 0 0.25em 0.25em 0.25em; }
.entry-management-links img:hover { border-bottom: 0.083em solid $*color_entry_interaction_links; opacity: 0.7; }

li.first-item {margin-left: 0;}

.page-entry li.edit_entry {margin-left: -0.25em !important;}

/* ====================== COMMENT PAGES ======================= */

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

#comments { border-top: 0.083em solid $*color_entry_border; padding-top: 0.5em;}

.comment { border: 0.083em solid $*color_entry_border; margin: 0 1em 0 1em; background-color: $*color_entry_background; }

.comment-title {
    $comment_title_font
    font-weight: normal;
    margin: 0;
    padding: .5em;
    }

.no-subject .comment .comment-title {
    background: none;
    padding: 0;
    }

.comment-title a {display: block; }

.comment-posted { font-weight:bold; }

.full .comment .datetime { border-top: .083em solid $*color_entry_border;}
.full .comment-poster, .poster-ip { border-bottom: .083em solid $*color_entry_border; display: block; padding: 0 .5em; }

.comment-pages {font-size: 0.833em; font-weight: lighter; text-align: center; padding: 0.833em; border-bottom: 0.083em solid $*color_entry_border;}

.comment-content {padding: 0.5em; border-bottom: 0.083em solid $*color_entry_border; min-height: 7em;}
.no-userpic .comment-content {min-height: 1em;}

.has-userpic .comment .userpic {border: 0.083em solid $*color_entry_border; margin: 0.5em; padding: 0.2em; }

.screened .comment-content {background: $*color_comment_screened; padding: 0.833em; }

.partial .comment {color: transparent; padding: 0 0 0.5em 0; min-width: 16.667em;}
.partial .comment-title { font-size: 1.166em; font-weight: bold; }
.partial .comment-poster { color: $*color_entry_text; padding-left: .5em; }
.partial .comment .datetime { border: 0; display: inline; background: none; margin: 0; padding: 0;}

.comment-wrapper {
    min-width: 15em;
    padding-top: 0;
}

.bottomcomment, .comments-message {padding-bottom: 0.833em; text-align: center; margin: 0.833em 0 0 0; }

.bottomcomment .entry-interaction-links {
    color: $*color_entry_text;
    margin-bottom: .833em;
    text-align: left;
    }

/* Use higher specificity to override earlier setting */
#primary .bottomcomment .entry-interaction-links a { color: $*color_entry_link; }
#primary .bottomcomment .entry-interaction-links a:visited {color: $*color_entry_link_visited; }

#primary .bottomcomment .entry-interaction-links a:hover {
    background: none;
    color: $*color_entry_link_hover;
    }

#primary .bottomcomment .entry-interaction-links a:active {color: $*color_entry_link_active; }

.ljcmtmanage, .Note .Inner {border: 0.083em solid $*color_page_border !important; background: $*color_entry_background !important; }
.ljcmtmanage b {color: $*color_page_text; }

/* ====================== COMMENT TOOLS ======================= */

.comment .userpic img {border: 0;}
.comment a img:hover {opacity: .7;}

.comment-interaction-links {padding: 0; margin: 0; background: $*color_comment_title_background; padding: 0.25em; border-top: 0.083em solid $*color_entry_border;
                            text-align: left; }
.comment-interaction-links li {display: inline; padding: 0.25em 0 0.25em 0 !important; border-right: 0.083em solid $*color_entry_background; }
.comment-interaction-links li + li { margin: 0 0 0 -0.25em; }
.comment-interaction-links a { padding: 0.25em 0.417em 0.25em 0.417em; font-weight: bold;}
.comment-interaction-links a:hover{background: $*color_entry_background; text-decoration: underline; }

.comment-interaction-links li.first-item {border-left: 0.083em solid $*color_entry_background; }

.comment-interaction-links .first-item {border-left: 0;}

.comment-management-links { margin: 1.833em 0.5em 0 0; display: inline; float: right;}
.comment-management-links li {display: inline; margin: 0.25em !important; }

.comment-management-links img { padding: 0 0.25em 0.25em 0.25em; }
.comment-management-links img:hover { opacity: 0.7; }

li.frozen {font-size: 0.75em; text-transform: uppercase; padding: 0.5em 0.833em 0.25em 0.833em !important; }

.multiform-checkbox { padding: 0.333em 0 0 0.25em; }

#postform td b {color: $*color_page_text;}

/* ====================== REPLY FORM ======================= */

#qrform > table { border: 0 !important; border-spacing: 0 !important; width: 100%; margin: 0 0 1em 0; border-bottom: 0.083em solid $*color_page_border !important;}
#qrform td { border-right: 0.083em solid $*color_page_border; border-top: 0.083em solid $*color_page_border !important; padding: 0.5em; font-size: 1em; }
#qrform td + td { border-right: 0; font-size: 1em; }
#qrformdiv {color: $*color_entry_text; background: $*color_entry_background;}
#subject {width: 80% !important; }
.textbox {width: 94% !important; font-size: 1em;}

#prop_picture_keyword { margin: 0 0 0 0.833em;}

#postform {background: $*color_entry_background; border: 0.083em solid $*color_page_border; border: 0;}
#postform table {border-spacing: 0; width: 100%; }
#postform td { border-right: 0.083em solid $*color_page_border;  font-size: 1em; }
#postform td + td { border-right: 0; font-size: 1em; text-transform: lowercase; font-weight: normal;}
#postform tr + tr td { border-top: 0.083em solid $*color_page_border; padding: 0.417em; }

#postform #userpics label{ margin: 0 0.25em 0 0.25em;}

#postform table table {width: 100%; }
#postform table table td {padding: 0.25em;}

/* ====================== TAGS PAGES ======================= */

ul.ljtaglist { margin: 0.5em; list-style: square; color: $*color_module_text; }
.tags-container h2 {font-size: 1.667em; font-weight: normal; padding-left: 1em; border-top: 0.083em solid $*color_page_border; border-bottom: 0.083em solid $*color_page_border;  margin: 0;}
.tags-container .manage-tags-link {padding: 0.5em 0 0.5em 1em; margin-top: 0.5em; border-top: 0.083em solid $*color_page_border;}

div.ljtaglist {padding: 0.5em; }


/* ====================== ICONS PAGES ======================= */

.icons-container h2 {
    border-bottom: 0.083em solid $*color_page_border;
    border-top: 0.083em solid $*color_page_border;
    font-size: 1.667em;
    font-weight: normal;
    margin: 0;
    padding-left: 1em;
    }

.icons-container .contents {
    padding: 0 1em;
    }

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

.sorting-options ul li {
    display: inline;
    }

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

.icon-keywords {
    padding-right: .5em;
    }

.icon-keywords ul {
    display: inline;
    margin: 0;
    padding: 0;
    }

.icon-keywords ul li {
    display: inline;
    margin: 0;
    }

.icons-container .manage-link {
    border-top: 0.083em solid $*color_page_border;
    margin-top: .5em;
    padding: .5em 0 .5em 1em;
    }

/* ====================== ARCHIVE PAGES ======================= */

#archive-year .header h3 {font-size: 1.667em; border: 0.083em solid $*color_page_border; border-left: 0; border-right: 0; padding: 0.583em; margin: 0; }

.month caption { display: none; }

table.month {width: 100%; text-align: center; }
.month th {padding: 0.833em 0 0 0;  border-color: $*color_page_border !important; }
.month td {border-top: 0.083em solid $*color_page_border; border-color: $*color_page_border !important; width: 14%; }
.month tr > td + td + td + td + td + td {width: 15% !important;}

.day-has-entries span {float: left; margin: 0; width: 50%; padding: 0 0 0 25%;}
.day-has-entries p{text-align: right; margin: 0; padding: 0 !important; }

#archive-year .footer .inner {text-align: right; padding: 0 1em 0 0; }

#archive-month dd, #archive-month dl {margin: 0; padding: 0; }
#archive-month h3.entry-title {border: 0; font-size: 1em; font-weight: bold; display: block; border-bottom: 0.083em solid $*color_page_border;}
#archive-month dt {border-top: 0.083em solid $*color_page_border; font-size: 1.667em; padding: 0 0 0 0.833em; }

#archive-month ul {border-top: 0.083em solid $*color_page_border;}

/* ====================== FOOTER ======================= */

#primary-footer {
    $footer_background
    border-top: 0.083em solid $*color_page_border;
    text-align: center;
}

#primary-footer a { $footer_link_colors }
#primary-footer a:visited { $footer_link_visited_colors }
#primary-footer a:hover { $footer_link_hover_colors }
#primary-footer a:active { $footer_link_active_colors }

/* ====================== EXTRAS ======================= */

.ContextualPopup {
    background: $*color_entry_background;
    border: .083em solid $*color_page_border !important;
    border-radius: 0;
    color: $*color_entry_text;
}

.ContextualPopup a { color: $*color_entry_link; }
.ContextualPopup a:visited { color: $*color_entry_link_visited; }
.ContextualPopup a:hover { color: $*color_entry_link_hover; }
.ContextualPopup a:active { color: $*color_entry_link_active; }

.ContextualPopup .Userpic {
    border: .083em solid $*color_page_border;
    padding: .25em;
}

$userpic_css

    """;
}