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 """
""";
foreach var string k ($p.views_order) {
var string css = """$k""";
if ($p.view == $k) { $css = """current $k"""; }
println """- """+lang_viewname($k)+"""
""";
}
println "
";
close_module();
}
function Page::print()
{
"""\n\n\n""";
$this->print_meta_tags();
$this->print_head();
$this->print_stylesheets();
$this->print_head_title();
"""""";
$this->print_wrapper_start();
$this->print_control_strip();
"""
""";
$this->print_body();
"""
""";
$this->print_module_section("one");
"""
""";
"""
""";
$this->print_wrapper_end();
"""""";
}
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
""";
}