layerinfo "type" = "layout";

layerinfo "name" = "Skittlish Dreams";

layerinfo "des" = "A Dreamwidth port of Skittlish. Candy-coloured theme which comes in several flavors";

layerinfo "redist_uniq" = "skittlishdreams/layout";

layerinfo "author_name" = "Kaigou";

layerinfo "lang" = "en";

set layout_authors = [ { "name" => "Kaigou" } ];

set layout_resources = [ { "name" => "Circular Icons", "url" => "http://prothemedesign.com/circular-icons/" } ];

set entry_management_links = "text";

set comment_management_links = "text";

set all_commentsubjects = true;

set text_entry_prev = "Previous";

set text_entry_next = "Next";

set text_mem_add = "Memory";

set text_watch_comments = "Track";

set text_unwatch_comments = "Untrack";

set text_tell_friend = "Share";

set text_post_comment = "Reply";

set text_post_comment_friends = "Reply";

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;

    property bool use_action_links_images {

        des = "Theme has images for the entry/comment links";

        noui = 1;

    }

}

set layout_type = "two-columns-right";

set sidebar_width = "300px";

set tags_page_type = "";

set entryicons_position = "same";

set custom_colors_template = "%%new%% .userpic a {background-color: %%background%%; border: solid 1px %%foreground%%;}";

set use_action_links_images = true;

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 Color color_page_border { des = "Main border color for the page, and various elements"; }

    property use color_page_title;

    property use color_page_details_text;

    property use color_header_background;

    property use color_footer_background;

    property Color color_footer_link {

        des = "Header/footer link and text color";

    }

    property Color color_footer_link_hover {

        des = "Header/footer link hover color";

    }

    property use color_module_background;

    property use color_module_text;

    property use color_module_link;

    property use color_module_title;

    property use color_entry_background;

    property use color_entry_text;

    property use color_entry_title;

    property use color_entry_title_background;

    property Color color_entry_title_border { des = "Entry title border color"; }

    property Color color_entry_title_border_alt { des = "Alternate entry title border color"; }

    property Color color_entry_metadata_text {des = "Entry metadata color";}

}

propgroup images {

    property use image_background_page_group;

    property use image_background_header_group;

    property use image_background_header_height;

    property use image_background_module_group;

    property use image_background_entry_group;

    property string[] image_background_container_group {

        des = "Main body image";

        grouptype = "image";

    }

    set image_background_container_group = [ "image_background_container_url", "image_background_container_repeat", "image_background_container_position" ];

    property string image_background_container_url {

        grouped = 1;

    }

    property string image_background_container_repeat {

        values = "repeat|tile image|no-repeat|don't tile|repeat-x|tile horizontally|repeat-y|tile vertically";

        grouped = 1;

    }

    property string image_background_container_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;

        allow_other = 1;

    }

    property string[] image_background_footer_group {

        des = "Footer image";

        grouptype = "image";

    }

    set image_background_footer_group = [ "image_background_footer_url", "image_background_footer_repeat", "image_background_footer_position" ];

    property string image_background_footer_url {

        grouped = 1;

    }

    property string image_background_footer_repeat {

        values = "repeat|tile image|no-repeat|don't tile|repeat-x|tile horizontally|repeat-y|tile vertically";

        grouped = 1;

    }

    property string image_background_footer_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;

        allow_other = 1;

    }

    property string[] image_background_navigation_group {

        des = "Navigation image";

        grouptype = "image";

    }

    set image_background_navigation_group = [ "image_background_navigation_url", "image_background_navigation_repeat", "image_background_navigation_position" ];

    property string image_background_navigation_url {

        grouped = 1;

    }

    property string image_background_navigation_repeat {

        values = "repeat|tile image|no-repeat|don't tile|repeat-x|tile horizontally|repeat-y|tile vertically";

        grouped = 1;

    }

    property string image_background_navigation_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;

        allow_other = 1;

    }

}

set image_background_navigation_repeat = "no-repeat";

set image_background_navigation_position = "top right";

set image_background_entry_repeat = "repeat-y";

set image_background_entry_position = "top right";

set image_background_module_repeat = "no-repeat";

set image_background_module_position = "top left";

set image_background_footer_repeat = "repeat-x";

set image_background_footer_position = "top left";

set image_background_container_repeat = "repeat-y";

set image_background_container_position = "top right";

set image_background_header_repeat = "repeat-x";

set image_background_header_position = "top left";

set image_background_header_height = 100;

set image_background_page_repeat = "repeat-x";

set image_background_page_position = "top left";

propgroup fonts {

    property use font_base;

    property use font_fallback;

    property use font_base_size;

    property use font_base_units;

    property use font_journal_title;

    property use font_journal_title_size;

    property use font_journal_title_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_module_heading_size;

    property use font_module_heading;

    property use font_module_heading_units;

    property use font_module_text;

    property use font_module_text_size;

    property use font_module_text_units;

}

set font_base = "Tahoma, Verdana, Arial";

set font_fallback = "sans-serif";

set font_base_size = "1";

set font_base_units = "em";

set font_journal_title_size = "2";

set font_journal_title_units = "em";

set font_module_heading_size = "1.1";

set font_module_heading_units = "em";

set module_layout_sections = "none|(none)|two|Sidebar";

propgroup modules {

    property use module_userprofile_group;

    property use module_navlinks_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_customtext_group;

    property use module_credit_group;

    property use module_search_group;

    property use module_cuttagcontrols_group;

    property string module_navlinks_section_override {

       values = "none|(none)|one|Header|two|Sidebar";

       grouped = 1;

       }

    property string module_poweredby_section_override {

       values = "none|(none)|two|Sidebar|three|Footer";

       grouped = 1;

       }

    property string module_time_section_override {

       values = "none|(none)|two|Sidebar|three|Footer";

       grouped = 1;

       }

}

set module_userprofile_section = "two";

set module_pagesummary_section = "two";

set module_tags_section = "two";

set module_active_section = "two";

set module_links_section = "two";

set module_syndicate_section = "two";

set module_calendar_section = "two";

set module_customtext_section = "two";

set module_credit_section = "two";

set module_search_section = "two";

set module_cuttagcontrols_section = "two";

set grouped_property_override = { "module_navlinks_section" => "module_navlinks_section_override",

                                "module_poweredby_section" => "module_poweredby_section_override",

                                "module_time_section" => "module_time_section_override", 

                                };

set module_navlinks_section = "one";

set module_poweredby_section = "three";

set module_time_section = "none";

propgroup text {

    property use text_view_recent;

    property use text_view_friends;

    property use text_view_network;

    property use text_view_friends_comm;

    property use text_view_friends_filter;

    property use text_view_archive;

    property use text_view_userinfo;

    property use text_view_memories;

    property use text_view_tags;

    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;

}

propgroup customcss {

    property use external_stylesheet;

    property use include_default_stylesheet;

    property use linked_stylesheet;

    property use custom_css;

}

function prop_init() {

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

        $*userpics_position = "none";

    }

}

function Page::print()

{

    """

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>""";

        $this->print_head();

        $this->print_stylesheets();

        $this->print_head_title();    

    println "</head>";

    $this->print_wrapper_start();

    $this->print_control_strip();

    """

            <div id="container">

            <div id="header">

    """;

    """

                <a name="top">

    """;

    $this->print_global_title();

    """

                </a>

            </div>

    """;

    $this->print_module_section("one");

    """

            <div id="wrap">

            <div id="content">

    """;

    $this->print_body();

    """

            </div>

    """;

    $this->print_module_section("two"); 

    """

            </div><div style="clear:both;"></div>

        </div>

        <div id="footer"><div class="inner">

    """;

    $this->print_module_section("three");

    print safe """<div class="page-top"><a href="#">$*text_page_top</a></div>""";

    """

        </div></div>

    """;

    $this->print_wrapper_end();

    """

    </html>

    """;

}

# so that the decorative background image will show up

function TagsPage::print_navigation( string{} opts )  {

    """

    <div class="navigation $opts{"class"}">

        <div class="inner">

        </div><!-- navigation>inner -->

    </div><!-- navigation -->

    """;

}

function TagsPage::print_body

{

    $this->print_navigation( { "class" => "topnav" } );

    print safe "<div class='tags-container'><h2>$*text_tags_page_header</h2>";

    if ($*tags_page_type == "multi") {

        print_multilevel_tags($.tags, { "list-class" => "ljtaglist tags_multilevel", "print_uses" => $*tags_page_count_type });

        print_tag_manage_link();

    }

    elseif ($*tags_page_type == "cloud") {

        print_cloud_tags($.tags, { "list-class" => "ljtaglist tags_cloud", "print_uses" => $*tags_page_count_type });

        print_tag_manage_link();

    }

    else {

        print_list_tags($.tags, { "list-class" => "ljtaglist tags_list", "print_uses" => $*tags_page_count_type });

        print_tag_manage_link();

    }

    print safe "</div>";

    $this->print_navigation( { "class" => "bottomnav" } );

}

# so that the decorative background image will show up

function IconsPage::print_navigation( string{} opts ) {

    """

    <div class="navigation $opts{"class"}">

        <div class="inner">

        </div><!-- navigation>inner -->

    </div><!-- navigation -->

    """;

}

function IconsPage::print_body {

    $this->print_navigation( { "class" => "topnav" } );

    """<div class='icons-container'>\n<div class="inner">\n""";

    """<div class="header">\n<div class="inner">\n""";

    print safe "<h2>$*text_icons_page_header</h2>";

    "</div>\n</div>\n";

    """<div class="contents">\n<div class="inner">\n""";

    """<div class="sorting-options">\n<ul>\n""";

    var int sort_ct = 0;

    foreach var string k ($.sort_keyseq) {

        var string text = lang_icon_sortorder_title($k);

        if ( $k == $.sortorder ) {

            print safe """<li class='$k active'>$text""";

        } else {

            print safe """<li class='$k'><a href='$.sort_urls{$k}'>$text</a>""";

        }

        if ( (++$sort_ct) < size $.sort_keyseq) { print $*text_default_separator; }

        "</li>\n";

    }

    "</ul>\n</div>\n";

    $.pages->print({ "class" => "icon-pages toppages" });

    foreach var Icon i ($.icons) {

        $i->print();

    }

    $.pages->print({ "class" => "icon-pages bottompages" });

    "</div>\n</div>\n";

    """<div class="footer">\n<div class="inner">\n""";

    $this->print_icon_manage_link();

    "</div>\n</div>\n";

    "</div>\n</div>\n";

    $this->print_navigation( { "class" => "bottomnav" } );

}

function generate_background_css_flipped (

    string background_image, 

    string background_image_repeat, 

    string background_image_position,

    Color background_color

) : string 

"Same as generate_background_css, but uses a flipped version of the image."

{

    var string background_css = generate_background_css( $background_image, $background_image_repeat,

        $background_image_position, $background_color );

    return $background_css->replace( ".gif", "-REDUX.gif" );

}

function Page::print_default_stylesheet () {

    var string[] path_components = $*image_background_entry_url->split("/");

    var string image_base = $path_components[size($path_components)-1];

    var string theme_base_color =  $image_base->substr(0, $image_base->index("_"));

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

    var string journal_title_font = generate_font_css($*font_journal_title, $*font_base, $*font_fallback, $*font_journal_title_size, $*font_journal_title_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 module_font = generate_font_css($*font_module_text, $*font_base, $*font_fallback, $*font_module_text_size, $*font_module_text_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 );

    if ($*image_background_header_height > 0) {

        $header_background = """

            $header_background

            height: """ + $*image_background_header_height + """px;""";

    }

    var string container_background = generate_background_css( $*image_background_container_url, $*image_background_container_repeat, "right", $*color_footer_background );

    var string container_background_redux = generate_background_css_flipped( $*image_background_container_url, $*image_background_container_repeat, "left", $*color_footer_background );

    var string footer_background = generate_background_css( $*image_background_footer_url, $*image_background_footer_repeat, $*image_background_footer_position, $*color_footer_background );

    if ($*image_background_header_height > 0) {

        $footer_background = """

            $footer_background

            height: """ + $*image_background_header_height + """px;""";

    }

    var string page_link_colors = generate_color_css($*color_page_link, new Color, new Color);

    var string page_link_hover_colors = generate_color_css($*color_page_link_hover, new Color, new Color);

    var string page_link_visited_colors = generate_color_css($*color_page_link_visited, new Color, new Color);

    var string container_colors = generate_color_css( $*color_page_text, $*color_module_background, new Color );

    var string content_colors = generate_color_css( new Color, $*color_page_border, new Color );

    var string page_text_colors = generate_color_css($*color_page_text, new Color, new Color);

    var string page_details_text_colors = generate_color_css($*color_page_details_text, new Color, new Color );

    var string page_title_colors = generate_color_css($*color_page_title, new Color, new Color);

    var string header_colors = generate_color_css($*color_page_title, $*color_header_background, new Color);

    var string header_footer_colors = generate_color_css($*color_footer_link, new Color, new Color);

    var string header_footer_hover_colors = generate_color_css($*color_footer_link_hover, $*color_footer_background, new Color);

    var Color header_bottom_color = $*color_header_background->darker();

    var string module_colors = generate_color_css( new Color, $*color_module_background, new Color );

    var string module_box_background = generate_background_css( $*image_background_module_url, $*image_background_module_repeat, $*image_background_module_position, new Color );

    var string module_box_colors = generate_color_css( $*color_module_text, new Color, new Color );

    var string module_link_colors = generate_color_css( $*color_module_link, new Color, new Color );

    var string module_title_colors = generate_color_css( $*color_module_title, new Color, new Color );

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

    var string entry_background_redux = generate_background_css_flipped( $*image_background_entry_url, $*image_background_entry_repeat, "left", $*color_entry_background );

    var string entry_colors = generate_color_css( $*color_entry_text, $*color_entry_background, new Color );

    var string entry_title_colors = generate_color_css($*color_entry_title, $*color_entry_title_background, new Color);

    var string blockquote_colors = generate_color_css(new Color,$*color_entry_background->darker(), new Color);

    var string entry_metadata_color = generate_color_css($*color_entry_metadata_text, new Color, new Color);

    var string navigation_background = generate_background_css($*image_background_navigation_url, $*image_background_navigation_repeat, "right top", $*color_entry_background);

    var string navigation_background_redux = generate_background_css_flipped($*image_background_navigation_url, $*image_background_navigation_repeat, "left top", $*color_entry_background);

    var string navigation_colors = generate_color_css($*color_page_details_text, $*color_entry_background, new Color);

    var string entry_userpic_shift = "";

    if ( $*entry_userpic_style == "" ) { $entry_userpic_shift = "-66px"; }

    elseif ( $*entry_userpic_style == "small" ) { $entry_userpic_shift = "-50px"; }

    elseif ( $*entry_userpic_style == "smaller" ) { $entry_userpic_shift = "-33px"; }

    var string comment_userpic_shift = "";

    if ( $*comment_userpic_style == "" ) { $comment_userpic_shift = "-66px"; }

    elseif ( $*comment_userpic_style == "small" ) { $comment_userpic_shift = "-50px"; }

    elseif ( $*comment_userpic_style == "smaller" ) { $comment_userpic_shift = "-33px"; }

    var string entry_title_margin = "";

    if ( $*entry_userpic_style == "" ) { $entry_title_margin = "120px"; }

    elseif ( $*entry_userpic_style == "small" ) { $entry_title_margin = "95px"; }

    elseif ( $*entry_userpic_style == "smaller" ) { $entry_title_margin = "70px"; }

    var string comment_title_margin = "";

    if ( $*comment_userpic_style == "" ) { $comment_title_margin = "120px"; }

    elseif ( $*comment_userpic_style == "small" ) { $comment_title_margin = "95px"; }

    elseif ( $*comment_userpic_style == "smaller" ) { $comment_title_margin = "70px"; }

    var string entryicon_css = "";

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

            $entryicon_css = """

            .two-columns-right .has-userpic .entry .header { margin-right: $entry_title_margin; }

            .two-columns-right .has-userpic .comment .header { margin-right: $comment_title_margin; }

            .two-columns-left .has-userpic .entry .header { margin-left: $entry_title_margin; }

            .two-columns-left .has-userpic .comment .header,

            .two-columns-left .has-userpic .comment .poster {

                margin-left: $comment_title_margin;

                }

            .two-columns-right .entry .userpic a, 

            .two-columns-right .comment .userpic a { right: 10px; left: auto; }

            .two-columns-left .entry .userpic a, 

            .two-columns-left .comment .userpic a { left: 10px; right: auto; }

            """;

        }

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

            $entryicon_css = """

            .two-columns-right .has-userpic .entry .header { margin-left: $entry_title_margin; }

            .two-columns-right .has-userpic .comment .header,

            .two-columns-right .has-userpic .comment .poster {

                margin-left: $comment_title_margin;

                }

            .two-columns-left .has-userpic .entry .header { margin-right: $entry_title_margin; }

            .two-columns-left .has-userpic .comment .header { margin-right: $comment_title_margin; }

            .two-columns-right .entry .userpic a, 

            .two-columns-right .comment .userpic a { left: 10px; right: auto; }

            .two-columns-left .entry .userpic a, 

            .two-columns-left .comment .userpic a { right: 10px; left: auto; }

            """;

        }

    """

/*

Theme Name:    Skittlish Dreams, a DW port of Skittlish

Description:   A candy coloured theme. Comes in 7 flavors (orange, blue, green, pink, cyan, red, violet).

Version:1.0 Dreamwidth

original designer: Damien Tanner

mephisto (original): Cristi Balan

wordpress port: A.M. Griffin

pmwiki port: Dave G

dw port: Kaigou H.

all versions released under CCL

changes for dreamwidth port: 

--- rewrote css to fit dw classes

--- reduced image load to three images

--- removed js functionality for color-switching

--- converted font-sizes to ems from px

--- changed layout to flexible-width only

*/

html {margin: 0px; padding: 0px; font-size: 100%; /* IE hack */}

* {box-sizing:border-box; -moz-box-sizing:border-box}

a, a:link, a:active { $page_link_colors text-decoration: none; }

a:visited { $page_link_visited_colors  }

a:hover {  $page_link_hover_colors text-decoration: underline; }

q { font-style: italic; }

body { $page_background $page_font margin: 0; padding: 0; }

html body {

    margin-left: $*margins_size$*margins_unit;

    margin-right: $*margins_size$*margins_unit;

    }

.two-columns-right #container { $container_background }

.two-columns-left #container { $container_background_redux }

.two-columns-right #container, .two-columns-left #container { $container_colors margin: 0 4%; }

#header { $header_background $header_footer_colors  padding: 0; }

.two-columns-right #header { margin: 0 5px 0 0; }

.two-columns-left #header { margin: 0 0 0 5px; text-align: right; }

#footer {margin: 0 4%; padding: 0; background:transparent;}

.two-columns-right #footer { $container_background }

.two-columns-left #footer { $container_background_redux }

#header a, #footer a { $header_footer_colors text-decoration: none; }

h1, h2, h3, h4 {font-weight: 700; font-variant: normal; letter-spacing: 0.08em; }

#header h1 {margin: 0; padding: 20px  20px  0  2em; $journal_title_font font-weight: lighter; font-variant: normal; text-transform: lowercase; letter-spacing: 0.2em; }

#header h2 {padding: 0 2em; $page_title_colors }

#wrap { $page_text_colors }

.two-columns-right #wrap {padding-right: $*sidebar_width; padding-top: 20px; padding-left:  20px;}

.two-columns-left #wrap  {padding-left: $*sidebar_width; padding-top: 20px; padding-right: 20px;}

#content {position: relative; width: 100%; padding-bottom: 20px; $content_colors}

.two-columns-right #content {margin: 0 -5px 0 0; float: left;}

.two-columns-left #content {margin: 0 0 0 -5px; float: right;}

.tags-container,

.icons-container {

    background-color: $*color_entry_background;

    color: $*color_entry_text;

    margin-top: 10px;

    padding: 10px;

    }

.tags-container a,

.icons-container a {

    color: $*color_entry_link;

    }

.tags-container a:visited,

.icons-container a:visited {

    color: $*color_entry_link_visited;

    }

.tags-container a:hover,

.icons-container a:hover {

    color: $*color_entry_link_hover;

    }

.tags-container a:active,

.icons-container a:active {

    color: $*color_entry_link_active;

    }

.two-columns-right.page-tags #wrap,

.two-columns-right.page-icons #wrap {

    margin-left: 20px;

    }

.two-columns-left.page-tags #wrap,

.two-columns-left.page-icons #wrap {

    margin-right: 20px;

    }

.module-section-one .inner {border-bottom:2px solid $header_bottom_color;}

.two-columns-right .module-section-one .inner {text-align: right;}

.two-columns-left .module-section-one .inner {text-align: left;}

.two-columns-right .module-section-one {margin-right:5px;}

.two-columns-left .module-section-one {margin-left:5px;}

.module-section-two { $module_colors position: relative; width: $*sidebar_width;}

.two-columns-right .module-section-two {float: left; margin-right: -$*sidebar_width; /* <--- IMPORTANT */}

.two-columns-left .module-section-two {float: right; margin-left: -$*sidebar_width; /* <--- IMPORTANT */}

.module-section-two .module { $module_box_background $module_box_colors margin: 20px; padding: 10px; }

.two-columns-right .module-section-two .module {margin-left: 10px;}

.two-columns-left .module-section-two .module {margin-right: 10px;}

.module-section-one ul {

    $header_colors

    margin: 0;

    padding: 0 20px;

    }

.module-section-one li {

    display: inline;

    line-height: 2.2em;

    list-style: none;

    }

.module-section-one li a {text-decoration: none; padding-top: 0.5em; padding-right: 20px; padding-bottom: 0.5em; padding-left: 20px; $header_colors }

.module-section-one ul li a:hover, .module-section-one ul li a.current { $header_footer_hover_colors }

.module-section-two a { $module_link_colors }

.module-section-two .module-header a {text-decoration: none; }

.module-section-two h2 {margin: 0; margin-bottom: 7px; padding: 0.2em; $module_title_colors }

.module-section-two ul {list-style-type: none; margin-left: 0.5em; padding: 0; }

.module-section-two ul ul {list-style-type: none; margin-left: 0.5em; padding: 0.5em; }

.module-userprofile .userpic img {border: none; margin: 20px; }

.module-userprofile .userpic {text-align: center; }

.module-userprofile ul {margin: 0px; padding: 0px; text-align: center; margin-top: 5px; }

.module-userprofile p {margin-top: 0px; margin-bottom: 0px; }

.module-userprofile li {display: inline; padding: 5px; list-style: none; }

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

.module-calendar table {margin-left: auto; margin-right: auto; }

.module h2 {

    $module_title_font

}

.module-content {

    $module_font

}

.two-columns-right #entries, 

.two-columns-right.page-entry .entry-wrapper, 

.two-columns-right.page-entry #comments, 

.two-columns-right.page-archive .year, 

.two-columns-right #archive-month {padding-right:22px; margin:-20px 5px -20px -20px; padding-left:5px; border-left: solid 1px $*color_page_border; $entry_background }

.two-columns-left #entries, 

.two-columns-left.page-entry .entry-wrapper, 

.two-columns-left.page-entry #comments, 

.two-columns-left.page-archive .year, 

.two-columns-left #archive-month {padding-left:22px; margin:-20px -20px -20px 5px; padding-right:5px; border-right: solid 1px $*color_page_border; $entry_background_redux }

.page-entry .entry-wrapper {margin-top:0;}

.two-columns-right.page-reply #content, .two-columns-right.page-reply #postform { $navigation_background }

.two-columns-right.page-reply #postform { background-position: right bottom; }

.two-columns-left.page-reply #content, .two-columns-left.page-reply #postform { $navigation_background_redux } .two-columns-left.page-reply #postform { background-position: left bottom; }

.page-reply .entry { border-bottom: solid 2px $*color_page_border}

.entry, .comment, .text_noentries_day {padding: 10px; margin-top: 76px; position: relative; margin-bottom: 10px; border-top: solid 2px $*color_page_border; $entry_colors}

.entry, .comment, .text_noentries_day, .page-reply .talkform  {margin-left:2em;}

.page-entry .entry, .page-entry .comment, .page-entry .text_noentries_day {border:0px;}

.page-entry #comments {padding-top:20px;}

.comment-title {

    $comment_title_font

    }

.comment-title h4 {

    font-size: inherit;

    font-weight: inherit;

    margin: 0;

    padding: 0;

}

.entry-title, .comment-title {

    border: solid 1px $*color_entry_title_border;

    margin: 0 0 .5em;

    padding: .2em;

    $entry_title_colors

    }

.entry .entry-title {

    $entry_title_font

}

.entry-wrapper-even .entry-title, .comment-wrapper-even .comment-title {border: solid 1px $*color_entry_title_border_alt; $entry_title_colors }

.userpic a {background-color: $*color_page_border; border: 0px; }

.entry .userpic a, .comment .userpic a {background-color: $*color_entry_background; border: solid 2px $*color_page_border; display: block; position: absolute; padding: 5px; }

.entry .userpic a {

    top: $entry_userpic_shift;

    }

.comment .userpic a {

    top: $comment_userpic_shift;

    }

.entry .userpic img, .comment .userpic img {border: none; }

.no-userpic .comment {margin-top: 20px; }

.no-userpic .comment-title {margin: 0px; }

.entry .time, .entry .date {padding: 0.2em; display: inline-block; }

.entry-content, .comment-content {padding: 10px 0px; }

p {margin-top: .5em; margin-bottom: 0.5em; }

blockquote {margin: 1em; padding: 1em; $blockquote_colors }

.tag {font-weight: bold; text-align: left; }

.tag a {font-weight: normal; }

.tag ul {display: inline; margin: 0; padding: 0; }

.tag li {display: inline; list-style: none; padding: 0px; }

*+html .tag li {padding: 0 5px; }

.entry .metadata.top-metadata { padding-top: 10px; }

.entry .metadata ul {margin: 0px; padding: 0px; }

.entry .metadata li {list-style: none; }

.entry .footer .inner, .comment .footer .inner {text-align: right; }

.entry .footer a {white-space: nowrap; }

.entry-management-links, .entry-interaction-links, .comment-management-links, .comment-interaction-links {text-align: right; margin: 0; padding: 0; display: inline; }

.entry-management-links li, .entry-interaction-links li,  .comment-management-links li, .comment-interaction-links li {display: inline; list-style: none; margin: 0; padding: 5px; }

.comment-management-links li.unscreen_comment a, .comment-management-links li.screen_comment a, .comment-management-links li.freeze_thread a { padding-left: 0; }""";

if ( $*use_action_links_images ) {

""".entry-management-links li a, .comment-management-links li a, .comment-interaction-links .thread a {background-repeat: no-repeat; background-position: 0% 50%; padding-left: 18px; }

.entry-management-links .edit_entry a, .comment-management-links .delete_comment a, .comment-management-links .edit_comment a {background-image: url($*STATDIR/skittlishdreams/${theme_base_color}_edit.png); }

.entry-management-links .edit_tags a, .comment-interaction-links .parent a {background-image: url($*STATDIR/skittlishdreams/${theme_base_color}_tag.png); }

.entry-management-links .mem_add a {background-image: url($*STATDIR/skittlishdreams/${theme_base_color}_add.png); }

.entry-management-links .watch_comments a, .comment-management-links .watch_thread a {background-image: url($*STATDIR/skittlishdreams/${theme_base_color}_track.png); }

.entry-management-links .link_prev a {background-image: url($*STATDIR/skittlishdreams/${theme_base_color}_arrow_left.png); }

.entry-management-links .link_next a {background-image: url($*STATDIR/skittlishdreams/${theme_base_color}_arrow_right.png); }

.entry-management-links .tell_friend a {background-image: url($*STATDIR/skittlishdreams/${theme_base_color}_tell.png);}

.entry-interaction-links .entry-readlink a, .entry-interaction-links .entry-permalink a { background-image: url($*STATDIR/skittlishdreams/${theme_base_color}_comments.png); }

.entry-interaction-links li a, .comment-interaction-links li a { background-image: url($*STATDIR/skittlishdreams/${theme_base_color}_comment.png); background-repeat: no-repeat; background-position: 0% 50%; padding-left: 18px;  display: inline; }""";

}

"""

.entry .footer hr {display: none; }

.entry .metadata-label {font-weight: bold; }

.full .comment-poster {display: inline-block; min-width: 40%; }

#content > hr {display: none; }

.module-section-three a:hover { $header_footer_hover_colors }

.module-section-three .module {padding-left: 20px; }

#footer .inner {

    clear: both;

    $footer_background

    $header_footer_colors

    padding: .5em 1em;

    }

.two-columns-right #footer .inner {

    margin-right: 5px;

    }

.two-columns-left #footer .inner {

    margin-left: 5px;

    }

#footer .inner .inner {

    background: none;

    height: auto;

    margin: 0;

    padding: 0;

    }

#footer .page-top {

    text-align: right;

    }

.module-tags_cloud li, .tags_cloud li { display: inline; list-style-type: none; }

.hfeed .navigation, #archive-year .navigation,  #archive-month .navigation, #archive-day .navigation  {height:61px; margin-bottom:-20px; }

.two-columns-right .hfeed .navigation, 

.two-columns-right #archive-year .navigation,  

.two-columns-right #archive-month .navigation,

.two-columns-right #archive-day .navigation  {margin-right:-22px; $navigation_background }

.two-columns-left .hfeed .navigation, 

.two-columns-left #archive-year .navigation,  

.two-columns-left #archive-month .navigation,

.two-columns-left #archive-day .navigation  {margin-left:-22px; $navigation_background_redux}

.page-tags .navigation,

.page-icons .navigation {

    height: 61px;

    margin-bottom: -10px;

    }

.two-columns-right.page-tags .navigation,

.two-columns-right.page-icons .navigation {

    $navigation_background

    }

.two-columns-left.page-tags .navigation,

.two-columns-left.page-icons .navigation {

    $navigation_background_redux

    }

.two-columns-right .bottomcomment, .two-columns-right .comments-message { $navigation_background }

.two-columns-left .bottomcomment, .two-columns-left .comments-message { $navigation_background_redux }

#comments .bottomcomment, #comments .comments-message {min-height:6em;border-top:4px solid $*color_page_border;text-align:center; background-color: transparent;}

.two-columns-right .bottomcomment, .two-columns-right .comments-message {margin:20px -22px 20px 0;padding-right:30px;}

.two-columns-left .bottomcomment, .two-columns-left .comments-message  {margin:20px 0 20px -22px;padding-left:30px;}

.navigation {margin: 0; padding: 0; text-align: center; $navigation_colors }

.navigation ul {margin: 0; padding: 5px 0 0 0; text-align: center; }

.navigation li {display: inline; padding: 0 5px; }

.navigation .page-back a:before {content: "<--  "; font-size: 0.5em; line-height:2em; letter-spacing: 0.08em; /*vertical-align: 50%; */ padding-right: 1px; }

.navigation .page-forward a:after {content: " -->"; font-size: 0.5em; line-height:2em; letter-spacing: 0.08em; /*vertical-align: 50%; */ padding-left: 1px; }

#archive-year .navigation, #archive-month .navigation  {height:61px;text-align:center;}

.two-columns-right #archive-year .navigation  {margin:-20px 5px -20px -20px; border-left: solid 1px $*color_page_border;}

.two-columns-left #archive-year .navigation  {margin:-20px -20px -20px 5px;border-right: solid 1px $*color_page_border;}

.two-columns-right #archive-month .navigation   {margin:0 -22px 0 0;}

.two-columns-left #archive-month .navigation   {margin:0 0 0 -22px;}

.page-tags #content h2,

.page-icons #content h2 {

    $entry_colors

    border: solid 1px $*color_page_border;

    font-size: 1.2em;

    margin: 0;

    margin-bottom: 20px;

    padding: .2em;

    }

.two-columns-right.page-tags #content h2,

.two-columns-right.page-icons #content h2 {

    margin-right: 10px;

    }

.two-columns-left.page-tags #content h2,

.two-columns-left.page-icons #content h2 {

    margin-left: 10px;

    }

#archive-month dt {font-weight: bold; }

.two-columns-right #archive-month .entry-title {display: inline-block; margin:0 0 .5em 0; padding-left: 5px; }

.two-columns-left #archive-month .entry-title {display: inline-block; margin:0 0 .5em 0; padding-right: 5px; }

.month-wrapper, #archive-month dl {padding:10px;position:relative;background-color:$*color_entry_background;}

.two-columns-right .month-wrapper, .two-columns-right #archive-month dl {margin: 20px 2em 20px 3em;}

.two-columns-left .month-wrapper, .two-columns-left #archive-month dl   {margin: 20px 3em 20px 2em; }

.month-wrapper h3 {padding: 0.2em; margin: 0; border-top: solid 2px $*color_page_border; $entry_title_colors font-size: 1.2em; margin-bottom: 20px; }

.month caption {display: none; }

.month .day span, .month .day p {padding: 0; margin: 0; }

.month .day p {margin-top: 4px; margin-bottom: -4px; }

.month .day, .month th {line-height: 2em; vertical-align: text-top; padding: 5px; text-align: center; }

    /* IE only to line up the empty days neatly */ 

    *+html .month .day span, *+html .month th span{vertical-align: 100%; }

.month .day-has-entries {line-height: 1em; }

.month .footer {width: 250px; text-align: center; margin: 10px 0px; }

.text_noentries_day {margin-top: 20px; margin-bottom: 20px; }

#postform {margin-top: 20px; }

#commenttext {width: 95%; }

.metadata-label, .metadata-item, .datetime, .tag, .entry-management-links, .entry-interaction-links {margin-top:.5em; font-weight: lighter; font-variant: normal; text-transform: uppercase; $page_details_text_colors; letter-spacing: 0.08em; display: block; }

.metadata-label-groups, .tag-text {display:none; }

.metadata-item {color: $*color_entry_metadata_text; }

.journal-name,

.journal-website-name {text-align: center; font-size: 1.8em; color: $*color_module_link; line-height: 1.43em; margin-bottom:.3em; font-weight: lighter; font-variant: normal; letter-spacing: .16em; }

.journal-name { font-size: 1.8em; }

.journal-website-name { font-size: 1.6em; } 

.partial .comment-title {

    display: inline;

    margin-right: .2em;

    }

.partial .comment-title h4 {

    display: inline;

    }

.partial .comment-poster:before {

    content: "- ";

    }

.partial .comment .datetime {

    display: inline;

    }

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

.sorting-options ul {

    list-style: none;

    padding-left: 0;

    text-align: center;

    }

.sorting-options ul li {

    display: inline;

    }

.page-icons .comment {

    background: transparent;

    border: none;

    margin: 0;

    padding: 0;