2327 lines
76 KiB
Text
2327 lines
76 KiB
Text
layerinfo type = "layout";
|
|
layerinfo name = "Database";
|
|
layerinfo redist_uniq = "database/layout";
|
|
layerinfo author_name = "ninetydegrees";
|
|
layerinfo lang = "en";
|
|
|
|
set layout_authors = [ { "name" => "ninetydegrees", "type" => "user" } ];
|
|
set layout_resources = [ { "name" => "Cyreal's font", "url" => "http://www.google.com/webfonts" } ];
|
|
|
|
##===============================
|
|
## Presentation
|
|
##===============================
|
|
|
|
propgroup presentation_child {
|
|
property string post_title_align {
|
|
des = "Content title alignment";
|
|
values = "left|Left|right|Right";
|
|
}
|
|
property string post_text_align {
|
|
des = "Content text alignment";
|
|
values = "left|Left|justify|Justify";
|
|
}
|
|
property string entry_interaction_links {
|
|
des = "Select whether entry interaction links are printed as text or using the available icons";
|
|
values = "icons|icons|text|text-only|";
|
|
}
|
|
property string comment_interaction_links {
|
|
des = "Select whether comment interaction links are printed as text or using the available icons";
|
|
values = "icons|icons|text|text-only|";
|
|
}
|
|
property bool default_icons {
|
|
des = "Replace custom icons with default ones";
|
|
note = "Text will be used instead when there are no default icons.";
|
|
}
|
|
}
|
|
|
|
set layout_type = "two-columns-right";
|
|
set entry_date_format = "iso";
|
|
set entry_time_format = "short_24";
|
|
set comment_date_format = "iso";
|
|
set comment_time_format = "short_24";
|
|
set custom_colors_template = "%%new%% .entrybox-wrapper { border: 2px solid %%background%%; }
|
|
%%new%% .entry-title { margin-bottom: .5em; }
|
|
%%new%% .entry-title a {
|
|
background-color: %%background%%;
|
|
color: %%foreground%%;
|
|
border-radius: .6em;
|
|
padding: .2em;
|
|
}";
|
|
set userlite_interaction_links = "text";
|
|
set entry_interaction_links = "icons";
|
|
set comment_interaction_links = "icons";
|
|
set all_commentsubjects = true;
|
|
set post_title_align = "right";
|
|
set post_text_align = "justify";
|
|
set default_icons = false;
|
|
set custom_control_strip_colors = "on_no_gradient";
|
|
|
|
##===============================
|
|
## Colors
|
|
##===============================
|
|
|
|
propgroup colors_child {
|
|
property Color color_page_title_shadow { des = "Page title shadow color"; }
|
|
property Color color_userpic_shadow { des = "Userpic shadow color"; }
|
|
property Color color_elements_border { des = "Misc. elements border color"; }
|
|
|
|
property Color color_entry_title_shadow { des = "Entry title shadow color"; }
|
|
property Color color_comment_title_shadow { des = "Comment title shadow color"; }
|
|
|
|
property Color color_calendar_header_background { des = "Calendar header background color"; }
|
|
property Color color_calendar_header_text { des = "Calendar header color"; }
|
|
property Color color_calendar_background { des = "Calendar background color"; }
|
|
property Color color_calendar_link { des = "Calendar link color"; }
|
|
property Color color_calendar_background_active { des = "Calendar active background color"; }
|
|
property Color color_calendar_link_active { des = "Calendar active link color"; }
|
|
property Color color_calendar_background_hover { des = "Calendar hover background color"; }
|
|
property Color color_calendar_link_hover { des = "Calendar hover link color"; }
|
|
property Color color_calendar_background_visited { des = "Calendar visited background color"; }
|
|
property Color color_calendar_link_visited { des = "Calendar visited link color"; }
|
|
|
|
property Color color_module_title_shadow { des = "Module title shadow color"; }
|
|
# Used instead of color_header_link:
|
|
property Color color_module_header_background { des = "Page header module link background color"; }
|
|
property Color color_module_header_link { des = "Page header link color"; }
|
|
property Color color_module_header_background_active { des = "Page header active link background color"; }
|
|
property Color color_module_header_link_active { des = "Page header active link color"; }
|
|
property Color color_module_header_background_hover { des = "Page header hover link background color"; }
|
|
property Color color_module_header_link_hover { des = "Page header hover link color"; }
|
|
property Color color_module_header_background_visited { des = "Page header visited link background color"; }
|
|
property Color color_module_header_link_visited { des = "Page header visited link color"; }
|
|
property Color color_module_header_border { des = "Page header border color"; }
|
|
property Color color_module_calendar_header_background { des = "Calendar module header background color"; }
|
|
property Color color_module_calendar_header_text { des = "Calendar module header color"; }
|
|
property Color color_module_calendar_background { des = "Calendar module background color"; }
|
|
property Color color_module_calendar_link { des = "Calendar module link color"; }
|
|
property Color color_module_calendar_background_active { des = "Calendar module active background color"; }
|
|
property Color color_module_calendar_link_active { des = "Calendar module active link color"; }
|
|
property Color color_module_calendar_background_hover { des = "Calendar module hover background color"; }
|
|
property Color color_module_calendar_link_hover { des = "Calendar modules hover link color"; }
|
|
property Color color_module_calendar_background_visited { des = "Calendar module visited background color"; }
|
|
property Color color_module_calendar_link_visited { des = "Calendar module visited link color"; }
|
|
|
|
}
|
|
|
|
##===============================
|
|
## Fonts
|
|
##===============================
|
|
|
|
propgroup fonts_child {
|
|
property use font_sources;
|
|
}
|
|
|
|
set font_sources = "https://fonts.googleapis.com/css?family=Iceland";
|
|
set font_base = "Iceland, 'Courier New'";
|
|
set font_fallback = "monospace";
|
|
set font_base_size = "1.3";
|
|
set font_base_units = "em";
|
|
set font_journal_title_size = "2.5";
|
|
set font_journal_title_units ="em";
|
|
set font_journal_subtitle_size = "1.1";
|
|
set font_journal_subtitle_units = "em";
|
|
set font_entry_title_size = "1.25";
|
|
set font_entry_title_units ="em";
|
|
set font_comment_title_size = "1.25";
|
|
set font_comment_title_units ="em";
|
|
set font_module_heading_size = "1.25";
|
|
set font_module_heading_units = "em";
|
|
|
|
##===============================
|
|
## Images
|
|
##===============================
|
|
|
|
propgroup images_child {
|
|
property string[] image_background_footer_group {
|
|
des = "Footer background 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;
|
|
}
|
|
property int image_background_footer_height {
|
|
des = "The height of your footer image, in pixels. Use 0 for default.";
|
|
example = "50";
|
|
size = 6;
|
|
}
|
|
|
|
property string[] image_background_blockquote_group {
|
|
des = "Blockquote background image";
|
|
grouptype = "image";
|
|
}
|
|
set image_background_blockquote_group = [ "image_background_blockquote_url", "image_background_blockquote_repeat", "image_background_blockquote_position" ];
|
|
property string image_background_blockquote_url {
|
|
grouped = 1;
|
|
}
|
|
property string image_background_blockquote_repeat {
|
|
values = "repeat|tile image|no-repeat|don't tile|repeat-x|tile horizontally|repeat-y|tile vertically";
|
|
grouped = 1;
|
|
}
|
|
property string image_background_blockquote_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 int image_background_blockquote_width {
|
|
des = "The width of your blockquote image, in pixels. Use 0 for default.";
|
|
example = "50";
|
|
size = 6;
|
|
}
|
|
|
|
property string image_addmemories { des = "Add to memories icon"; noui = 1; }
|
|
property string image_comments { des = "Read comments icon"; noui = 1; }
|
|
property string image_delete { des = "Delete item icon"; noui = 1; }
|
|
property string image_edit { des = "Post or edit item icon"; noui = 1; }
|
|
property string image_edittags { des = "Edit tags icon"; noui = 1; }
|
|
property string image_expand { des = "Expand thread icon"; noui = 1; }
|
|
property string image_freeze { des = "Freeze comment icon"; noui = 1; }
|
|
property string image_hide { des = "Hide comments icon"; noui = 1; }
|
|
property string image_giveaccess { des = "Give access icon"; noui = 1; }
|
|
property string image_join { des = "Join community icon"; noui = 1; }
|
|
property string image_link { des = "Post link icon"; noui = 1; }
|
|
property string image_maxcomments { des = "Maximum comments icon"; noui = 1; }
|
|
property string image_message { des = "Send a Private Message icon"; noui = 1; }
|
|
property string image_next { des = "Next entry icon"; noui = 1; }
|
|
property string image_parent { des = "Parent comment icon"; noui = 1; }
|
|
property string image_prev { des = "Previous entry icon"; noui = 1; }
|
|
property string image_reply { des = "Reply to post icon"; noui = 1; }
|
|
property string image_screen { des = "Screen comment icon"; noui = 1; }
|
|
property string image_show { des = "Show comments icon"; noui = 1; }
|
|
property string image_subscribe { des = "Subscribe to journal icon"; noui = 1; }
|
|
property string image_tellafriend { des = "Tell a friend icon"; noui = 1; }
|
|
property string image_thread { des = "Comment thread icon"; noui = 1; }
|
|
property string image_threadroot { des = "Root comment icon"; noui = 1; }
|
|
property string image_track { des = "Track item icon"; noui = 1; }
|
|
property string image_tracked { des = "Tracked item icon"; noui = 1; }
|
|
property string image_unfreeze { des = "Unfreeze comment icon"; noui = 1; }
|
|
property string image_unscreen { des = "Unscreen comment icon"; noui = 1; }
|
|
}
|
|
|
|
##===============================
|
|
## Modules
|
|
##===============================
|
|
|
|
propgroup modules_child {
|
|
property string module_navlinks_section_override {
|
|
values = "none|(none)|header|Header|one|Main Module Section|two|Secondary Module Section";
|
|
grouped = 1;
|
|
}
|
|
property string module_time_section_override {
|
|
values = "none|(none)|one|Main Module Section|two|Secondary Module Section|footer|Footer";
|
|
grouped = 1;
|
|
}
|
|
property string module_poweredby_section_override {
|
|
values = "none|(none)|one|Main Module Section|two|Secondary Module Section|footer|Footer";
|
|
grouped = 1;
|
|
}
|
|
}
|
|
|
|
set grouped_property_override = {
|
|
"module_navlinks_section" => "module_navlinks_section_override",
|
|
"module_time_section" => "module_time_section_override",
|
|
"module_poweredby_section" => "module_poweredby_section_override"
|
|
};
|
|
|
|
set module_navlinks_section = "header";
|
|
set module_pagesummary_order = 6;
|
|
set module_tags_order = 7;
|
|
set module_search_order = 8;
|
|
set module_customtext_order = 9;
|
|
set module_customtext_section = "two";
|
|
set module_active_order = 10;
|
|
set module_active_section = "two";
|
|
set module_links_order = 11;
|
|
set module_links_section = "two";
|
|
set module_syndicate_order = 12;
|
|
set module_syndicate_section = "two";
|
|
set module_credit_order = 13;
|
|
set module_credit_section = "two";
|
|
set module_time_order = 19;
|
|
set module_time_section = "footer";
|
|
set module_poweredby_order = 20;
|
|
set module_poweredby_section = "footer";
|
|
|
|
set module_tags_opts_type = "multi";
|
|
|
|
##===============================
|
|
## Text
|
|
##===============================
|
|
|
|
set text_default_separator = " ◾ ";
|
|
set text_posting_in = " in ";
|
|
set text_meta_music = "◾ Current Music:";
|
|
set text_meta_mood = "◾ Current Mood:";
|
|
set text_meta_location = "◾ Current Location:";
|
|
set text_meta_groups = "◾ Custom Access Groups:";
|
|
set text_meta_xpost = "▪ Crossposts:";
|
|
set text_tags = "◾ Tags:";
|
|
set text_comment_from = "Posted by:";
|
|
set text_comment_date = "Date/Time:";
|
|
set text_comment_ipaddr = "◾ IP:";
|
|
set text_entry_prev = "Previous";
|
|
set text_entry_next = "Next";
|
|
set text_tell_friend = "Share";
|
|
set text_mem_add = "Memory";
|
|
set text_generated_on = "Page generated on";
|
|
set text_page_top = "Top of Page";
|
|
set text_read_comments_screened_visible = "1 visible comment // # visible comments";
|
|
|
|
##===============================
|
|
## Functions
|
|
##===============================
|
|
|
|
## Use default or custom icons for action links depending on setting
|
|
## If action doesn't have a default icon, use text instead
|
|
|
|
function prop_init () {
|
|
|
|
$*image_addmemories = $*default_icons ? "$*IMGDIR/silk/entry/memories_add.png" : generate_image_url($*image_addmemories);
|
|
$*image_comments = $*default_icons ? "" : generate_image_url($*image_comments);
|
|
$*image_delete = $*default_icons ? "$*IMGDIR/silk/comments/delete.png" : generate_image_url($*image_delete);
|
|
$*image_edit = $*default_icons ? "$*IMGDIR/silk/entry/edit.png" : generate_image_url($*image_edit);
|
|
$*image_edittags = $*default_icons ? "$*IMGDIR/silk/entry/tag_edit.png" : generate_image_url($*image_edittags);
|
|
$*image_expand = $*default_icons ? "" : generate_image_url($*image_expand);
|
|
$*image_freeze = $*default_icons ? "$*IMGDIR/silk/comments/freeze.png" : generate_image_url($*image_freeze);
|
|
$*image_giveaccess = $*default_icons ? "$*IMGDIR/silk/profile/access_give.png" : generate_image_url($*image_giveaccess);
|
|
$*image_hide = $*default_icons ? "" : generate_image_url($*image_hide);
|
|
$*image_join = $*default_icons ? "$*IMGDIR/silk/profile/community_join.png" : generate_image_url($*image_join);
|
|
$*image_link = $*default_icons ? "" : generate_image_url($*image_link);
|
|
$*image_maxcomments = $*default_icons ? "" : generate_image_url($*image_maxcomments);
|
|
$*image_message = $*default_icons ? "$*IMGDIR/silk/profile/message.png" : generate_image_url($*image_message);
|
|
$*image_next = $*default_icons ? "$*IMGDIR/silk/entry/next.png" : generate_image_url($*image_next);
|
|
$*image_parent = $*default_icons ? "" : generate_image_url($*image_parent);
|
|
$*image_prev = $*default_icons ? "$*IMGDIR/silk/entry/previous.png" : generate_image_url($*image_prev);
|
|
$*image_reply = $*default_icons ? "" : generate_image_url($*image_reply);
|
|
$*image_tellafriend = $*default_icons ? "$*IMGDIR/silk/entry/tellafriend.png" : generate_image_url($*image_tellafriend);
|
|
$*image_thread = $*default_icons ? "" : generate_image_url($*image_thread);
|
|
$*image_threadroot = $*default_icons ? "" : generate_image_url($*image_threadroot);
|
|
$*image_track = $*default_icons ? "$*IMGDIR/silk/entry/track.png" : generate_image_url($*image_track);
|
|
$*image_tracked = $*default_icons ? "$*IMGDIR/silk/entry/untrack.png" : generate_image_url($*image_tracked);
|
|
$*image_screen = $*default_icons ? "$*IMGDIR/silk/comments/screen.png" : generate_image_url($*image_screen);
|
|
$*image_show = $*default_icons ? "" : generate_image_url($*image_show);
|
|
$*image_subscribe = $*default_icons ? "$*IMGDIR/silk/profile/subscription_add.png" : generate_image_url($*image_subscribe);
|
|
$*image_unfreeze = $*default_icons ? "$*IMGDIR/silk/comments/unfreeze.png" : generate_image_url($*image_unfreeze);
|
|
$*image_unscreen = $*default_icons ? "$*IMGDIR/silk/comments/unscreen.png" : generate_image_url($*image_unscreen);
|
|
|
|
$*entry_interaction_links = $*default_icons ? "text" : $*entry_interaction_links;
|
|
$*comment_interaction_links = $*default_icons ? "text" : $*comment_interaction_links;
|
|
}
|
|
|
|
## Add title to Nav module when not in header position.
|
|
|
|
function print_module_navlinks() {
|
|
var Page p = get_page();
|
|
var string title = ($*module_navlinks_section == "header") ? "" : "Navigation";
|
|
open_module("navlinks", $title, "");
|
|
var string{}[] links = [];
|
|
foreach var string k ($p.views_order) {
|
|
var string class = $k;
|
|
if ($p.view == $k) { $class = "current $k"; }
|
|
$links[size $links] = { "class" => $class, "item" => """<a href="$p.view_url{$k}">"""+lang_viewname($k)+"""</a>""" };
|
|
}
|
|
print_module_list($links);
|
|
close_module();
|
|
}
|
|
|
|
## Print security and warnings as text.
|
|
|
|
function Entry::print_metatypes() {
|
|
$this->print_metatypes(false, true);
|
|
}
|
|
|
|
## Replace profile interaction link icons.
|
|
|
|
function UserLite::print_interaction_links() {
|
|
|
|
var string{} interaction_icons = {
|
|
"manage_membership" => $*image_join,
|
|
"trust" => $*image_giveaccess,
|
|
"watch" => $*image_subscribe,
|
|
"post_entry" => $*image_edit,
|
|
"message" => $*image_message,
|
|
"track" => $*image_track,
|
|
"tell_friend" => $*image_tellafriend,
|
|
};
|
|
|
|
var string display_type = ($*userlite_interaction_links == "text") ? " text-links" : " icon-links";
|
|
var Link link;
|
|
var string icon_url;
|
|
var int count;
|
|
$count = 0;
|
|
foreach var string k ($.link_keyseq) {
|
|
$link = $this->get_link($k);
|
|
$icon_url = $interaction_icons{$k};
|
|
if ($link.url) {
|
|
$count ++;
|
|
if ($count == 1) {
|
|
"""<ul class="userlite-interaction-links$display_type">""";
|
|
}
|
|
if ($*userlite_interaction_links == "text") {
|
|
"""<li class="link $k""" + ( $count == 1 ? " first-item" : "" ) + """"><a href="$link.url">$link.caption</a></li>\n""";
|
|
}
|
|
else { ## if ($*userlite_interaction_links == "icons")
|
|
"""<li class="link $k""" + ( $count == 1 ? " first-item" : "" ) + """"><a href="$link.url"><img src="$icon_url" alt="$link.caption" title="$link.caption" /></a></li>\n""";
|
|
}
|
|
}
|
|
}
|
|
if ($count > 0) {
|
|
"""</ul>""";
|
|
}
|
|
}
|
|
|
|
## Replace manage/interaction links with icons.
|
|
|
|
function Entry::print_link_next() {
|
|
var Link link = $this->get_link("nav_next");
|
|
if ($*entry_management_links == "text") {
|
|
"""<a href="$link.url">$link.caption</a>""";
|
|
}
|
|
else {
|
|
"""<a href="$link.url"><img src="$*image_next" alt="$link.caption" title="$link.caption" /></a>""";
|
|
}
|
|
}
|
|
|
|
function Entry::print_link_prev() {
|
|
var Link link = $this->get_link("nav_prev");
|
|
if ($*entry_management_links == "text") {
|
|
"""<a href="$link.url">$link.caption</a>""";
|
|
}
|
|
else {
|
|
"""<a href="$link.url"><img src="$*image_prev" alt="$link.caption" title="$link.caption" /></a>""";
|
|
}
|
|
}
|
|
|
|
function Entry::print_management_links() {
|
|
var string{} manage_icons = {
|
|
"edit_entry" => $*image_edit,
|
|
"edit_tags" => $*image_edittags,
|
|
"mem_add" => $*image_addmemories,
|
|
"tell_friend" => $*image_tellafriend,
|
|
"watch_comments" => $*image_track,
|
|
"unwatch_comments" => $*image_tracked,
|
|
};
|
|
|
|
## There's no point in showing previous/next links on pages which show
|
|
## multiple entries anyway, so we only print them on EntryPage and ReplyPage.
|
|
|
|
var string display_type = ($*entry_management_links == "text") ? " text-links" : " icon-links";
|
|
|
|
var Page p = get_page();
|
|
var int count;
|
|
var string extras;
|
|
$count = 0;
|
|
var bool show_interentry = ($p.view == "entry" or $p.view == "reply");
|
|
if ($show_interentry) {
|
|
$count ++;
|
|
if ($count == 1) {
|
|
"""<ul class="entry-management-links$display_type">""";
|
|
}
|
|
"""<li class="link link_prev first-item">""";
|
|
$this->print_link_prev();
|
|
"""</li>\n""";
|
|
}
|
|
var Link link;
|
|
var string icon_url;
|
|
foreach var string k ($.link_keyseq) {
|
|
$link = $this->get_link($k);
|
|
$icon_url = $manage_icons{$k};
|
|
if ($link.url) {
|
|
$count ++;
|
|
if ($count == 1) {
|
|
"""<ul class="entry-management-links$display_type">""";
|
|
}
|
|
if ($*entry_management_links == "text") {
|
|
foreach var string extra ( $link.extra ) {
|
|
var string value = $link.extra{$extra};
|
|
$extras = $extras + "$extra='$value' ";
|
|
}
|
|
"""<li class="link $k""" + ( $count == 1 ? " first-item" : "" ) + """"><a href="$link.url" $extras>$link.caption</a></li>\n""";
|
|
}
|
|
else { ## if ($*entry_management_links == "icon")
|
|
|
|
"""<li class="link $k""" + ( $count == 1 ? " first-item" : "" ) + """"><a href="$link.url"><img src="$icon_url" alt="$link.caption" title="$link.caption" /></a></li>""";
|
|
}
|
|
}
|
|
}
|
|
if ($show_interentry) {
|
|
if ($count == 1) {
|
|
"""<ul class="entry-management-links$display_type">""";
|
|
}
|
|
"""<li class="link link_next">""";
|
|
$this->print_link_next();
|
|
"""</li>\n""";
|
|
}
|
|
if ($count > 0) {
|
|
"""</ul>""";
|
|
}
|
|
}
|
|
|
|
function CommentInfo::print_readlink {
|
|
var Page p = get_page();
|
|
|
|
var string text_visible = get_plural_phrase($.count, "text_read_comments_screened_visible");
|
|
var string text_screened = get_plural_phrase($.screened_count, "text_read_comments_screened");
|
|
var string text_both = $text_visible + $*text_default_separator + $text_screened;
|
|
var string text_total = get_plural_phrase($.count, $p.view == "read" ? "text_read_comments_friends" : "text_read_comments");
|
|
var string text_sing = get_plural_phrase(1, $p.view == "read" ? "text_read_comments_friends" : "text_read_comments");
|
|
var string text_dual = get_plural_phrase(2, $p.view == "read" ? "text_read_comments_friends" : "text_read_comments");
|
|
var string text_plur = get_plural_phrase(3, $p.view == "read" ? "text_read_comments_friends" : "text_read_comments");
|
|
|
|
if ($.screened) {
|
|
if ($*entry_interaction_links == "text") {
|
|
print safe """<a href="$.read_url#comments" data-sing="$text_sing" data-dual="$text_dual" data-plur="$text_plur">"""+ $text_visible + $*text_default_separator + $text_screened + """</a>""";
|
|
} else {
|
|
print safe """<a href="$.read_url#comments" alt="$text_both" title="$text_both">$.count <img src="$*image_comments" />"""
|
|
+ """ + $.screened_count <img src="$*image_screen" />"""
|
|
+ "</a>";
|
|
}
|
|
} else {
|
|
if ($*entry_interaction_links == "text") {
|
|
print safe """<a href="$.read_url#comments" data-sing="$text_sing" data-dual="$text_dual" data-plur="$text_plur">"""+ $text_total + """</a>""";
|
|
} else {
|
|
print safe """<a href="$.read_url#comments" alt="$text_total" title="$text_total">$.count <img src="$*image_comments" /></a>""";
|
|
}
|
|
}
|
|
}
|
|
|
|
function CommentInfo::print_postlink() {
|
|
var Page p = get_page();
|
|
var string alt = ($p.view == "read" or $p.view == "network") ? $*text_post_comment_friends : $*text_post_comment;
|
|
if ($.maxcomments) {
|
|
if ($*entry_interaction_links == "text") {
|
|
print safe "$*text_max_comments";
|
|
} else {
|
|
print safe """<img src="$*image_maxcomments" alt="$*text_max_comments" title="$*text_max_comments" />""";
|
|
}
|
|
} else {
|
|
if ($*entry_interaction_links == "text") {
|
|
print safe "<a href=\"$.post_url\">"+($p.view == "read" or $p.view == "network" ? $*text_post_comment_friends : $*text_post_comment)+"</a>";
|
|
} else {
|
|
print safe """<a href="$.post_url"><img src="$*image_reply" alt="$alt" title="$alt" /></a>""";
|
|
}
|
|
}
|
|
}
|
|
function CommentInfo::print(Entry e, string{} opts) {
|
|
var string display_type = ($*entry_interaction_links == "text") ? " text-links" : " icon-links";
|
|
|
|
"""<ul class="entry-interaction-links$display_type" data-quickreply-target="$opts{"target"}">\n""";
|
|
if ($*entry_interaction_links == "text") {
|
|
"""<li class="entry-permalink first-item"><a href="$.read_url">$*text_permalink</a></li>\n""";
|
|
} else {
|
|
"""<li class="entry-permalink first-item"><a href="$.read_url"><img src="$*image_link" alt="$*text_permalink" title="$*text_permalink" /></a></li>""";
|
|
}
|
|
if ($.show_readlink) {
|
|
"""<li class="entry-readlink">""";
|
|
$this->print_readlink();
|
|
"</li>";
|
|
} elseif ($.show_readlink_hidden) {
|
|
"""<li class="entry-readlink" style="display:none">""";
|
|
$this->print_readlink();
|
|
"</li>";
|
|
}
|
|
|
|
if ($.show_postlink and $.enabled) {
|
|
"""<li class="entry-replylink">""";
|
|
if (isnull $e) {
|
|
$this->print_postlink();
|
|
} else {
|
|
$e->print_reply_link({ "target" => $opts{"target"}, "img_url" => $*image_reply,
|
|
"alt" => $*text_post_comment_friends, "title" => $*text_post_comment_friends });
|
|
}
|
|
"</li>";
|
|
}
|
|
"</ul>";
|
|
}
|
|
|
|
function Entry::print_interaction_links(string target) {
|
|
var string display_type = ($*entry_interaction_links == "text") ? " text-links" : " icon-links";
|
|
|
|
var Page p = get_page();
|
|
var int count;
|
|
$count = 0;
|
|
if ($p isa EntryPage) {
|
|
var EntryPage ep = $p as EntryPage;
|
|
if ($.comments.enabled and $ep.comment_pages.total_subitems > 0) {
|
|
$count ++;
|
|
if ($count == 1) {
|
|
"""<ul class="entry-interaction-links$display_type">""";
|
|
}
|
|
"""<li class="entry-readlink first-item">""";
|
|
$this.comments->print_readlink();
|
|
"</li>";
|
|
}
|
|
if ($.comments.enabled) {
|
|
if ($.comments.maxcomments) {
|
|
if ($*entry_interaction_links == "text") {
|
|
print safe "$*text_max_comments";
|
|
} else {
|
|
print safe """<img src="$*image_maxcomments" alt="$*text_max_comments" title="$*text_max_comments" />""";
|
|
}
|
|
} else {
|
|
$count ++;
|
|
if ($count == 1) {
|
|
"""<ul class="entry-interaction-links$display_type">""";
|
|
}
|
|
"""<li class="entry-replylink""" + ( $count == 1 ? " first-item" : "" ) + """">""";
|
|
if ($*entry_interaction_links == "text") {
|
|
$ep->print_reply_link({ "linktext" => $*text_post_comment, "target" => $target });
|
|
} else {
|
|
$ep->print_reply_link({ "target" => $target, "img_url" => "$*image_reply",
|
|
"alt" => $*text_post_comment, "title" => $*text_post_comment });
|
|
}
|
|
"</li>";
|
|
}
|
|
}
|
|
if ($count > 0) {
|
|
"</ul>";
|
|
}
|
|
} elseif ($p.view == "read") {
|
|
$this.comments->print($this, { "linktext" => $*text_post_comment_friends, "target" => $this.dom_id + "-reply" });
|
|
} else {
|
|
$this.comments->print();
|
|
}
|
|
}
|
|
|
|
function Comment::print_management_links() {
|
|
var string{} manage_icons = {
|
|
"delete_comment" => $*image_delete,
|
|
"freeze_thread" => $*image_freeze,
|
|
"unfreeze_thread" => $*image_unfreeze,
|
|
"screen_comment" => $*image_screen,
|
|
"unscreen_comment" => $*image_unscreen,
|
|
"watch_thread" => $*image_track,
|
|
"unwatch_thread" => $*image_tracked,
|
|
"watching_parent" => $*image_tracked,
|
|
"edit_comment" => $*image_edit,
|
|
};
|
|
|
|
var string display_type = ($*comment_management_links == "text") ? " text-links" : " icon-links";
|
|
|
|
"""<ul class="comment-management-links$display_type">""";
|
|
var Link link;
|
|
var int count;
|
|
var string extras;
|
|
$count = 0;
|
|
var string icon_url;
|
|
foreach var string k ($.link_keyseq) {
|
|
$link = $this->get_link($k);
|
|
$icon_url = $manage_icons{$k};
|
|
if ($link.url) {
|
|
$count ++;
|
|
if ($count == 1) {
|
|
"""<ul class="comment-management-links$display_type">""";
|
|
}
|
|
if ($*comment_management_links == "text") {
|
|
foreach var string extra ( $link.extra ) {
|
|
var string value = $link.extra{$extra};
|
|
$extras = $extras + "$extra='$value' ";
|
|
}
|
|
"""<li class="link $k""" + ( ($count == 1) ? " first-item" : "" ) + """"><a href="$link.url" $extras>$link.caption</a></li>\n""";
|
|
}
|
|
else {
|
|
"""<li class="link $k""" + ( ($count == 1) ? " first-item" : "" ) + """"><a href="$link.url"><img src="$icon_url" alt="$link.caption" title="$link.caption" /></a></li>""";
|
|
}
|
|
}
|
|
}
|
|
if ($count > 0) {
|
|
"""</ul>""";
|
|
}
|
|
}
|
|
|
|
function Comment::print_interaction_links() {
|
|
var string display_type = ($*comment_interaction_links == "text") ? " text-links" : " icon-links";
|
|
|
|
"""<ul class="comment-interaction-links$display_type">""";
|
|
if ($*comment_interaction_links == "text") {
|
|
print safe """<li class="link commentpermalink"><a href="$this.permalink_url">$*text_comment_link</a></li>\n""";
|
|
} else {
|
|
print safe """<li class="link commentpermalink"><a href="$this.permalink_url"><img src="$*image_link" alt="$*text_comment_link" title="$*text_comment_link" /></a></li>""";
|
|
}
|
|
if ($this.frozen) {
|
|
if ($*comment_interaction_links == "text") {
|
|
print safe """<li class="frozen first-item">$*text_comment_frozen</li>\n""";
|
|
} else {
|
|
print safe """<li class="frozen first-item"><img src="$*image_freeze" alt="$*text_comment_frozen" title="$*text_comment_frozen" /></li>""";
|
|
}
|
|
} else {
|
|
"""<li class="link reply first-item">""";
|
|
if ($*comment_interaction_links == "text") {
|
|
$this->print_reply_link({"linktext" => $*text_comment_reply});
|
|
} else {
|
|
$this->print_reply_link({ "img_url" => $*image_reply, "alt" => $*text_comment_reply, "title" => $*text_comment_reply });
|
|
}
|
|
"""</li>""";
|
|
}
|
|
if ($this.threadroot_url != "") {
|
|
if ($*comment_interaction_links == "text") {
|
|
print safe """<li class="link threadroot"><a href="$this.threadroot_url">$*text_comment_threadroot</a></li>\n""";
|
|
} else {
|
|
print safe """<li class="link threadroot"><a href="$this.threadroot_url"><img src="$*image_threadroot" alt="$*text_comment_threadroot" title="$*text_comment_threadroot" /></a></li>""";
|
|
}
|
|
}
|
|
if ($this.parent_url != "") {
|
|
if ($*comment_interaction_links == "text") {
|
|
print safe """<li class="link commentparent"><a href="$this.parent_url">$*text_comment_parent</a></li>\n""";
|
|
} else {
|
|
print safe """<li class="link commentparent"><a href="$this.parent_url"><img src="$*image_parent" alt="$*text_comment_parent" title="$*text_comment_parent" /></a></li>""";
|
|
}
|
|
}
|
|
if ($this.thread_url != "") {
|
|
if ($*comment_interaction_links == "text") {
|
|
print safe """<li class="link thread"><a href="$this.thread_url">$*text_comment_thread</a></li>\n""";
|
|
} else {
|
|
print safe """<li class="link thread"><a href="$this.thread_url"><img src="$*image_thread" alt="$*text_comment_thread" title="$*text_comment_thread" /></a></li>""";
|
|
}
|
|
}
|
|
var Link expand_link = $this->get_link("expand_comments");
|
|
if (defined $expand_link) {
|
|
"""<li class="link expand">""";
|
|
if ($*comment_interaction_links == "text") {
|
|
$this->print_expand_link();
|
|
} else {
|
|
$this->print_expand_link({ "img_url" => $*image_expand, "alt" => $*text_comment_expand, "title" => $*text_comment_expand });
|
|
}
|
|
"""</li>""";
|
|
}
|
|
var Link hide_link = $this->get_link("hide_comments");
|
|
if (defined $hide_link) {
|
|
var string show_hide = "";
|
|
if (not $this.hide_children) {
|
|
$show_hide = " cmt_show_hide_default";
|
|
}
|
|
"""<li class="link cmt_hide$show_hide" style="display:none;" id="cmt${this.talkid}_hide">""";
|
|
if ($*comment_interaction_links == "text") {
|
|
$this->print_hide_link();
|
|
} else {
|
|
$this->print_hide_link({ "img_url" => $*image_hide, "alt" => $*text_comment_hide, "title" => $*text_comment_hide });
|
|
}
|
|
"""</li>\n""";
|
|
}
|
|
var Link unhide_link = $this->get_link("unhide_comments");
|
|
if (defined $unhide_link) {
|
|
var string show_hide = "";
|
|
"""<li class="link cmt_unhide$show_hide" style="display: none;" id="cmt${this.talkid}_unhide">""";
|
|
if ($*comment_interaction_links == "text") {
|
|
$this->print_unhide_link();
|
|
} else {
|
|
$this->print_unhide_link({ "img_url" => $*image_show, "alt" => $*text_comment_unhide, "title" => $*text_comment_unhide });
|
|
}
|
|
"""</li>\n""";
|
|
}
|
|
"""</ul>""";
|
|
}
|
|
|
|
function EntryPage::print_comment_partial (Comment c) {
|
|
$c->print_wrapper_start();
|
|
if ($c.deleted) {
|
|
print $*text_deleted;
|
|
if ($c.hide_children) {
|
|
var Link expand_link = $c->get_link("expand_comments");
|
|
if (defined $expand_link) {
|
|
print " (";
|
|
$c->print_expand_link();
|
|
print ")";
|
|
}
|
|
}
|
|
}
|
|
elseif ($c.fromsuspended) {
|
|
print $*text_fromsuspended;
|
|
if ($c.hide_children) {
|
|
var Link expand_link = $c->get_link("expand_comments");
|
|
if (defined $expand_link) {
|
|
print " (";
|
|
$c->print_expand_link();
|
|
print ")";
|
|
}
|
|
}
|
|
}
|
|
elseif ($c.screened_noshow) {
|
|
print $*text_screened;
|
|
if ($c.hide_children) {
|
|
var Link expand_link = $c->get_link("expand_comments");
|
|
if (defined $expand_link) {
|
|
print " (";
|
|
$c->print_expand_link();
|
|
print ")";
|
|
}
|
|
}
|
|
}
|
|
else {
|
|
var string poster = defined $c.poster ? $c.poster->as_string() : "<i>$*text_poster_anonymous</i>";
|
|
$c->print_subject();
|
|
$c->print_poster(); " - ";
|
|
$c->print_time();
|
|
var Link expand_link = $c->get_link("expand_comments");
|
|
if (defined $expand_link) {
|
|
if ($*comment_interaction_links == "text") {
|
|
"<span class='partial-expand-link text-links'> "; $c->print_expand_link(); "</span>";
|
|
} else {
|
|
" "; $c->print_expand_link({ "img_url" => "$*image_expand", "class" => "partial-expand-link icon-links" });
|
|
}
|
|
}
|
|
}
|
|
if ( $c.comment_posted ) {
|
|
print safe "<span class='comment-posted'>$*text_comment_posted</span>";
|
|
}
|
|
$c->print_wrapper_end();
|
|
}
|
|
|
|
|
|
## Print character between years
|
|
## Add span for styling
|
|
|
|
function YearPage::print_year_links() {
|
|
if (size $.years) {
|
|
"""<ul>\n""";
|
|
foreach var YearYear y ($.years) {
|
|
if ($y.displayed) {
|
|
"""<li class="active">$y.year<span> $*text_default_separator</span></li>\n""";
|
|
} else {
|
|
"""<li><a href="$y.url">$y.year</a><span> $*text_default_separator</span></li>\n""";
|
|
}
|
|
}
|
|
"""</ul>\n""";
|
|
}
|
|
}
|
|
|
|
## Reorganize posts:
|
|
## Move time and poster above metatypes
|
|
## Separate the header from everything else so it can wrap correctly
|
|
## Create a new wrapping DIV to style the rest of the post
|
|
## Wrap time, poster and metatypes in a new DIV to let the user pic float besides them
|
|
## Move tags to contents for spacing issues
|
|
|
|
function Page::print_entry(Entry e) {
|
|
$e->print_wrapper_start();
|
|
"""<div class="header">\n""";
|
|
"""<div class="inner">\n""";
|
|
$e->print_subject();
|
|
"</div>\n</div>\n";
|
|
"""<div class="entrybox-wrapper">\n""";
|
|
"""<div class="inner">\n""";
|
|
"""<div class="entry-info">\n""";
|
|
$e->print_time();
|
|
$e->print_poster();
|
|
$e->print_metatypes();
|
|
"""</div>\n""";
|
|
$e->print_userpic();
|
|
"""<div>\n""";
|
|
"""<div class="contents">\n""";
|
|
"""<div class="inner">\n""";
|
|
if ($*entry_metadata_position == "top") { $e->print_metadata(); }
|
|
$e->print_text();
|
|
if ($*entry_metadata_position == "bottom") { $e->print_metadata(); }
|
|
$e->print_tags();
|
|
"</div>\n</div>\n";
|
|
"""</div>\n""";
|
|
"""<div class="footer">\n""";
|
|
"""<div class="inner">\n""";
|
|
$this->print_entry_footer($e);
|
|
"</div>\n</div>\n";
|
|
"</div>\n</div>\n";
|
|
$e->print_wrapper_end();
|
|
}
|
|
|
|
function ReplyPage::print_comment (Comment c) {
|
|
$c->print_wrapper_start();
|
|
"""<div class="header">\n""";
|
|
"""<div class="inner">\n""";
|
|
$c->print_subject();
|
|
"</div>\n</div>\n";
|
|
"""<div class="commentbox-wrapper">\n""";
|
|
"""<div class="inner">\n""";
|
|
"""<div class="comment-info">\n""";
|
|
$c->print_time();
|
|
$c->print_poster();
|
|
$c->print_metatypes();
|
|
"""</div>\n""";
|
|
$c->print_userpic();
|
|
"""<div class="contents">\n""";
|
|
"""<div class="inner">\n""";
|
|
if ($*entry_metadata_position == "top") { $c->print_metadata(); }
|
|
$c->print_metadata();
|
|
$c->print_text();
|
|
if ($*entry_metadata_position == "bottom") { $c->print_metadata(); }
|
|
"</div>\n</div>\n";
|
|
"""<div class="footer">\n""";
|
|
"""<div class="inner">\n""";
|
|
$c->print_management_links();
|
|
$c->print_interaction_links();
|
|
$c->print_reply_container();
|
|
"</div>\n</div>\n";
|
|
"</div>\n</div>\n";
|
|
$c->print_wrapper_end();
|
|
}
|
|
|
|
function EntryPage::print_comment (Comment c) {
|
|
$c->print_wrapper_start();
|
|
"""<div class="header">\n""";
|
|
"""<div class="inner">\n""";
|
|
$c->print_subject();
|
|
"</div>\n</div>\n";
|
|
"""<div class="commentbox-wrapper">\n""";
|
|
"""<div class="inner">\n""";
|
|
"""<div class="comment-info">\n""";
|
|
$c->print_time();
|
|
$c->print_poster();
|
|
$c->print_metatypes();
|
|
if ( $c.comment_posted ) {
|
|
print safe "<div class='comment-posted'>$*text_comment_posted</div>";
|
|
}
|
|
"""</div>\n""";
|
|
$c->print_userpic();
|
|
"""<div class="contents">\n""";
|
|
"""<div class="inner">\n""";
|
|
if ($*entry_metadata_position == "top") { $c->print_metadata(); }
|
|
$c->print_text();
|
|
if ($*entry_metadata_position == "bottom") { $c->print_metadata(); }
|
|
"</div>\n</div>\n";
|
|
"""<div class="footer">\n""";
|
|
"""<div class="inner">\n""";
|
|
if ($this.multiform_on) {
|
|
"""<span class="multiform-checkbox">""";
|
|
print safe " <label for='ljcomsel_$c.talkid'>$*text_multiform_check</label> ";
|
|
$c->print_multiform_check();
|
|
"</span>";
|
|
}
|
|
$c->print_management_links();
|
|
$c->print_interaction_links();
|
|
$c->print_reply_container();
|
|
"</div>\n</div>\n";
|
|
"</div>\n</div>\n";
|
|
$c->print_wrapper_end();
|
|
}
|
|
|
|
function YearPage::print_month(YearMonth m) {
|
|
if (not $m.has_entries) { return; }
|
|
|
|
var string month_label = $m->month_format();
|
|
"""
|
|
<div class="month-wrapper">
|
|
<div class="separator separator-before"><div class="inner"></div></div>
|
|
<div class="month">
|
|
<div class="inner">
|
|
<div class="header">
|
|
<div class="inner">
|
|
<h3>$month_label</h3>
|
|
</div><!-- header>inner -->
|
|
</div><!-- header -->
|
|
<div class="yearbox-wrapper">
|
|
<div class="inner">
|
|
<div class="contents">
|
|
<div class="inner">
|
|
<table summary="Monthly calendar with links to each day's entries" class="month" cellspacing="0" cellpadding="0">
|
|
<caption>$month_label</caption>
|
|
<thead>
|
|
<tr>""";
|
|
foreach var int d ( weekdays() ) {
|
|
"<th>"+$*lang_dayname_short[$d]+"</th>\n";
|
|
}
|
|
"""
|
|
</tr>
|
|
</thead>
|
|
<tbody>""";
|
|
foreach var YearWeek w ($m.weeks) {
|
|
$w->print();
|
|
}
|
|
"""
|
|
</tbody>
|
|
</table>
|
|
</div><!-- contents>inner -->
|
|
</div><!-- contents -->
|
|
<div class="footer">
|
|
<div class="inner">
|
|
<a href="$m.url">$*text_view_month</a>
|
|
</div><!-- footer>inner -->
|
|
</div><!-- footer -->
|
|
</div></div>
|
|
</div><!-- month>inner -->
|
|
</div><!-- month -->
|
|
<div class="separator separator-after"><div class="inner"></div></div>
|
|
</div><!-- month-wrapper -->
|
|
""";
|
|
}
|
|
|
|
function TagsPage::print_body {
|
|
"""<div class='tags-container'>\n<div class="inner">\n""";
|
|
"""<div class="header">\n<div class="inner">\n""";
|
|
print safe "<h2>$*text_tags_page_header</h2>";
|
|
"</div>\n</div>\n";
|
|
"""<div class="tagsbox-wrapper">\n""";
|
|
"""<div class="inner">\n""";
|
|
"""<div class="contents">\n<div class="inner">\n""";
|
|
|
|
if ($*tags_page_type == "multi") {
|
|
print_multilevel_tags($.tags, { "list-class" => "ljtaglist tags_multilevel", "print_uses" => $*tags_page_count_type });
|
|
}
|
|
elseif ($*tags_page_type == "cloud") {
|
|
print_cloud_tags($.tags, { "list-class" => "ljtaglist tags_cloud", "print_uses" => $*tags_page_count_type });
|
|
}
|
|
else {
|
|
print_list_tags($.tags, { "list-class" => "ljtaglist tags_list", "print_uses" => $*tags_page_count_type });
|
|
}
|
|
|
|
"</div>\n</div>\n";
|
|
"""<div class="footer">\n<div class="inner">\n""";
|
|
print_tag_manage_link();
|
|
"</div>\n</div>\n";
|
|
"</div>\n</div>\n";
|
|
"</div>\n</div>\n";
|
|
}
|
|
|
|
function IconsPage::print_body {
|
|
"""<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="iconsbox-wrapper">\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";
|
|
"</div>\n</div>\n";
|
|
}
|
|
|
|
## Print separator before journal subtitle and page title
|
|
|
|
function Page::print_global_subtitle() {
|
|
if ($.global_subtitle) {
|
|
"""<h2 id="subtitle"><span>$*text_default_separator""" + $.global_subtitle + """</span></h2>""";
|
|
}
|
|
}
|
|
|
|
function FriendsPage::print_global_subtitle(){
|
|
if ($.friends_subtitle){
|
|
"""<h2 id="subtitle"><span>$*text_default_separator""" + $.friends_subtitle + """</span></h2>""";
|
|
} elseif ($.friends_title) {
|
|
} elseif ($.global_subtitle) {
|
|
"""<h2 id="subtitle"><span>$*text_default_separator""" + $.global_subtitle + """</span></h2>""";
|
|
}
|
|
}
|
|
|
|
function Page::view_title() [notags] : string {
|
|
return $*text_default_separator + lang_viewname($.view);
|
|
}
|
|
|
|
function RecentPage::view_title() : string {
|
|
if ($.filter_active) {
|
|
if ($.filter_tags) {
|
|
return $*text_default_separator + $*text_view_recent_tagged + $.filter_name;
|
|
} else {
|
|
return $*text_default_separator + "(" + $.filter_name + ")";
|
|
}
|
|
}
|
|
else {
|
|
return $*text_default_separator + $*text_view_recent;
|
|
}
|
|
}
|
|
function FriendsPage::view_title() : string {
|
|
if ($.friends_mode == "") {
|
|
if ($.filter_active) {
|
|
if ($.filter_name != "") {
|
|
return $*text_default_separator + $*text_view_friends+" ("+$.filter_name+")";
|
|
} else {
|
|
return $*text_default_separator + $*text_view_friends_filter;
|
|
}
|
|
} else {
|
|
if ($.journal.journal_type == "C") {
|
|
return $*text_default_separator + $*text_view_friends_comm;
|
|
} else {
|
|
return $*text_default_separator + $*text_view_friends;
|
|
}
|
|
}
|
|
}
|
|
elseif ($.friends_mode == "network") {
|
|
if ($.filter_active) {
|
|
if ($.filter_name != "") {
|
|
return $*text_default_separator + $*text_view_network+" ("+$.filter_name+")";
|
|
}
|
|
else {
|
|
return $*text_default_separator + $*text_view_network_filter;
|
|
}
|
|
}
|
|
else {
|
|
return $*text_default_separator + $*text_view_network;
|
|
}
|
|
}
|
|
else {
|
|
return $*text_default_separator + "Unknown Friends View";
|
|
}
|
|
}
|
|
function DayPage::view_title : string {
|
|
return $*text_default_separator + $.date->date_format($*entry_date_format);
|
|
}
|
|
function MonthPage::view_title : string {
|
|
return $*text_default_separator + $.date->date_format($*lang_fmt_month_long);
|
|
}
|
|
function YearPage::view_title() : string {
|
|
return $*text_default_separator + string($.year);
|
|
}
|
|
function EntryPage::view_title() : string {
|
|
return $*text_default_separator + ($.entry.subject ? $.entry->get_plain_subject() : $*text_nosubject);
|
|
}
|
|
function ReplyPage::view_title() : string {
|
|
if ($.replyto isa Comment) {
|
|
var Comment c = $.replyto as Comment;
|
|
var string suffix = $.isedit ?
|
|
" (" + $*text_edit_comment_title + ")" :
|
|
" (" + $*text_new_comment_title + ")";
|
|
return $*text_default_separator + $c->get_plain_subject() + $suffix;
|
|
}
|
|
else {
|
|
var Entry e = $.replyto as Entry;
|
|
return $*text_default_separator + $e.subject ?
|
|
$e->get_plain_subject() + " (" + $*text_comment_reply + ")" :
|
|
$*text_nosubject + " (" + $*text_comment_reply + ")";
|
|
}
|
|
}
|
|
|
|
function Page::title() [notags] : string {
|
|
return $*text_default_separator + $this->view_title();
|
|
}
|
|
|
|
## Add header and footer sections
|
|
## Create new divs for journal header
|
|
## Make tertiary go to footer in one-column and two-column modes
|
|
## Add separator before page-top
|
|
|
|
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">
|
|
<div id="header-primary"><div class="inner">
|
|
""";
|
|
$this->print_header();
|
|
"""
|
|
</div></div><!-- end primary and primary>inner -->
|
|
<div id="header-secondary"><div class="inner">
|
|
""";
|
|
$this->print_module_section("header");
|
|
"""
|
|
</div></div><!-- end secondary and secondary>inner -->
|
|
|
|
<div id="invisible-separator" style="float: left; width: 1px;"></div> <!-- this is a hack for IE7 + two-columns-right -->
|
|
</div><!-- end header>inner -->
|
|
</div> <!-- end header -->
|
|
<div id="header-footer"></div>
|
|
<div id="content">
|
|
<div class="inner">
|
|
""";
|
|
if ( $*layout_type == "one-column-split") {
|
|
"""
|
|
<div id="secondary"><div class="inner">
|
|
""";
|
|
$this->print_module_section("one");
|
|
"""
|
|
</div></div><!-- end secondary and secondary>inner -->
|
|
""";
|
|
}
|
|
"""
|
|
<div id="primary"><div class="inner">
|
|
""";
|
|
$this->print_body();
|
|
"""
|
|
</div></div><!-- end primary and primary>inner -->
|
|
""";
|
|
if ( $*layout_type != "one-column-split") {
|
|
"""
|
|
<div id="secondary"><div class="inner">
|
|
""";
|
|
$this->print_module_section("one");
|
|
"""
|
|
</div></div><!-- end secondary and secondary>inner -->
|
|
""";
|
|
}
|
|
"""
|
|
<div id="invisible-separator" style="float: left; width: 1px;"></div> <!-- this is a hack for IE7 + two-columns-right -->
|
|
""";
|
|
if ( $*layout_type->contains("three") ) {
|
|
"""
|
|
<div id="tertiary"><div class="inner">
|
|
""";
|
|
$this->print_module_section("two");
|
|
"""
|
|
</div></div><!-- end tertiary and tertiary>inner -->
|
|
""";
|
|
}
|
|
"""
|
|
<div id="content-footer"></div>
|
|
</div><!-- end content>inner -->
|
|
</div> <!-- end content -->
|
|
<div id="footer">
|
|
<div class="inner">
|
|
""";
|
|
if ( $*layout_type->contains("one") or $*layout_type->contains("two") ) {
|
|
"""
|
|
<div id="tertiary"><div class="inner">
|
|
""";
|
|
$this->print_module_section("two");
|
|
"""
|
|
</div></div><!-- end tertiary and tertiary>inner -->
|
|
""";
|
|
}
|
|
print safe """<div class="page-top">$*text_default_separator<a href="#">$*text_page_top</a></div>""";
|
|
$this->print_module_section("footer");
|
|
"""
|
|
</div><!-- end footer>inner -->
|
|
</div><!-- end footer -->
|
|
</div> <!-- end canvas>inner -->
|
|
</div> <!-- end canvas -->
|
|
""";
|
|
$this->print_wrapper_end();
|
|
"""</html>""";
|
|
}
|
|
|
|
##===============================
|
|
## Stylesheet
|
|
##===============================
|
|
|
|
function print_stylesheet () {
|
|
var string medium_media_query = generate_medium_media_query();
|
|
|
|
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 blockquote_background = generate_background_css ($*image_background_blockquote_url, $*image_background_blockquote_repeat, $*image_background_blockquote_position, $*color_page_background);
|
|
var string module_background = generate_background_css ($*image_background_module_url, $*image_background_module_repeat, $*image_background_module_position, $*color_module_background);
|
|
var string footer_background = generate_background_css ($*image_background_footer_url, $*image_background_footer_repeat, $*image_background_footer_position, $*color_footer_background);
|
|
|
|
var string page_colors = generate_color_css($*color_page_text, $*color_page_background, $*color_page_border);
|
|
var string entry_colors = generate_color_css($*color_entry_text, $*color_entry_background, $*color_entry_border);
|
|
var string entry_title_colors = generate_color_css($*color_entry_title, $*color_entry_title_background, new Color);
|
|
var string module_colors = generate_color_css($*color_module_text, $*color_module_background, $*color_module_border);
|
|
var string header_module_colors = generate_color_css($*color_module_header_link, $*color_module_header_background, $*color_module_header_border);
|
|
|
|
var string page_font = generate_font_css("", $*font_base, $*font_fallback, $*font_base_size, $*font_base_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 entry_userpic_margin = "";
|
|
if ($*userpics_position =="left") { $entry_userpic_margin = "margin-right: 1em;"; }
|
|
elseif ($*userpics_position =="right") { $entry_userpic_margin = "margin-left: 1em;"; }
|
|
|
|
var string header_footer = ($*image_background_header_url != "") ? """height: $*image_background_header_height""" + """px; margin-bottom: 1.5em;""" : "";
|
|
var string blockquote_padding = ($*image_background_blockquote_url != "") ? ($*image_background_blockquote_width + """px""") : "15px";
|
|
var string footer_padding = ($*image_background_footer_url != "") ? ($*image_background_footer_height + """px""") : "0";
|
|
|
|
var string page_font_popup = $*font_base != "" ? "font-family: $*font_base, $*font_fallback !important;" : "font-family: $*font_fallback !important;";
|
|
|
|
var string header_css = "";
|
|
if ($*module_navlinks_section == "header") {
|
|
$header_css = """
|
|
#header {
|
|
background: none;
|
|
padding: 0;
|
|
}
|
|
|
|
#header-secondary {
|
|
padding-bottom: 1.75em;
|
|
}
|
|
|
|
@media $medium_media_query {
|
|
#header {
|
|
border-right: $*sidebar_width solid transparent;
|
|
min-width: $*sidebar_width; /* prevents sidebar overlap of entry, when entry becomes narrower than sidebar */
|
|
}
|
|
|
|
#header-primary {
|
|
float: left;
|
|
width: 100%;
|
|
margin-right: -100%;
|
|
margin-left: 0;
|
|
padding-bottom: 1.75em;
|
|
}
|
|
|
|
#header-secondary {
|
|
float: right;
|
|
width: $*sidebar_width;
|
|
margin-right: -$*sidebar_width;
|
|
padding-bottom: 1.75em;
|
|
}
|
|
|
|
#header-primary > .inner:first-child { margin-right: 3.5em; }
|
|
}
|
|
|
|
|
|
#header .module {
|
|
column-count: 2;
|
|
-moz-column-count: 2;
|
|
-webkit-column-count: 2;
|
|
}
|
|
""";
|
|
}
|
|
var string module_css = "";
|
|
if ($*color_module_background.as_string != "" or $*color_module_border.as_string != "") {
|
|
$module_css = """
|
|
#secondary .module .module-content,
|
|
#tertiary .module .module-content {
|
|
border-radius: 2em;
|
|
padding: 1em 1.5em;
|
|
}
|
|
|
|
#secondary .module h2,
|
|
#tertiary .module h2 {
|
|
margin-left: 1em;
|
|
}
|
|
""";
|
|
}
|
|
|
|
"""
|
|
|
|
/* Database
|
|
/* by ninetydegrees
|
|
******************************/
|
|
|
|
/* General
|
|
******************************/
|
|
|
|
body {
|
|
line-height: 1.2em;
|
|
margin: 0;
|
|
}
|
|
|
|
#canvas { margin: 1.5em auto; }
|
|
.has-navstrip #canvas { margin-top: 2.5em; }
|
|
|
|
a,
|
|
a:visited {
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover { text-decoration: underline; }
|
|
|
|
.separator { display: none; }
|
|
|
|
.ljuser { font-style: italic; }
|
|
|
|
.has-userpic .userpic,
|
|
.module .userpic,
|
|
.icon-image,
|
|
.ContextualPopup .Userpic {
|
|
box-shadow: -.1em -.1em .4em $*color_userpic_shadow;
|
|
border: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.userpic img,
|
|
.icon-image img,
|
|
.ContextualPopup .Userpic img {
|
|
box-shadow: .1em .1em .4em $*color_userpic_shadow;
|
|
display: block;
|
|
}
|
|
|
|
.has-userpic .userpic:hover,
|
|
.module .userpic:hover {
|
|
position: relative;
|
|
left: 1px;
|
|
top: 1px;
|
|
}
|
|
|
|
blockquote {
|
|
$blockquote_background
|
|
color: $*color_page_text;
|
|
margin: 1em;
|
|
padding: 15px 15px 15px $blockquote_padding;
|
|
border-radius: .6em;
|
|
}
|
|
|
|
blockquote a { color: $*color_page_link; }
|
|
blockquote a:visited { color: $*color_page_link_visited; }
|
|
blockquote a:hover { color: $*color_page_link_hover; }
|
|
blockquote a:active { color: $*color_page_link_active; }
|
|
|
|
/* Header
|
|
******************************/
|
|
|
|
#header {
|
|
background-image: url();
|
|
height: auto;
|
|
margin: 0 5% 1.75em;
|
|
padding: 0;
|
|
}
|
|
|
|
$header_css
|
|
|
|
h1#title {
|
|
line-height: 1em;
|
|
letter-spacing: .1em;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-transform: uppercase;
|
|
text-shadow: 2px 2px 2px $*color_page_title_shadow;
|
|
}
|
|
|
|
h1#title a {
|
|
color: $*color_page_link;
|
|
}
|
|
|
|
h1#title a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
h2#subtitle,
|
|
h2#pagetitle {
|
|
font-weight: normal;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: left;
|
|
text-transform: capitalize;
|
|
$page_subtitle_font
|
|
}
|
|
|
|
#header .module {
|
|
background: transparent;
|
|
border: none;
|
|
margin: .75em 0 0;
|
|
}
|
|
|
|
#header ul { margin: 0; }
|
|
|
|
#header li {
|
|
$header_module_colors
|
|
border-radius: .6em;
|
|
margin: 4px 0;
|
|
padding: .1em .5em;
|
|
}
|
|
|
|
#header li:hover {
|
|
background-color: $*color_module_header_background_hover;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#header li .module a:visited { color: $*color_module_header_link_visited; }
|
|
|
|
#header .module li:hover > a,
|
|
#header .module li a:hover {
|
|
color: $*color_module_header_link_hover;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#header .module li a:active { color: $*color_module_header_link_active; }
|
|
|
|
#header .module li.current { background-color: $*color_module_header_background_hover; }
|
|
#header .module li.current a { color: $*color_module_header_link_hover; }
|
|
|
|
#header .module li { list-style: none; }
|
|
|
|
#header-footer {
|
|
$header_background
|
|
clear: both;
|
|
$header_footer;
|
|
}
|
|
|
|
/* Content
|
|
******************************/
|
|
|
|
#content { clear: both; }
|
|
|
|
#content {
|
|
margin-left: 10%;
|
|
margin-right: 10%;
|
|
}
|
|
|
|
#primary > .inner:first-child { padding: 0; }
|
|
|
|
@media $medium_media_query {
|
|
.two-columns-left #primary > .inner:first-child { margin-left: 3.5em; }
|
|
.two-columns-right #primary > .inner:first-child { margin-right: 3.5em; }
|
|
|
|
.three-columns.column-left #primary > .inner:first-child { margin-left: 2em; }
|
|
.three-columns.column-right #primary > .inner:first-child { margin-right: 2em; }
|
|
}
|
|
|
|
#secondary,
|
|
#tertiary {
|
|
margin-top: 1.9em;
|
|
width: auto;
|
|
}
|
|
|
|
.page-entry #secondary,
|
|
.page-entry #tertiary,
|
|
.page-reply #secondary,
|
|
.page-reply #tertiary,
|
|
.page-tags #secondary,
|
|
.page-tags #tertiary {
|
|
margin-top: 0;
|
|
}
|
|
|
|
#secondary > .inner:first-child,
|
|
#tertiary > .inner:first-child {
|
|
padding: 0;
|
|
}
|
|
|
|
@media $medium_media_query {
|
|
.one-column #secondary,
|
|
.one-column #tertiary,
|
|
.two-columns #tertiary {
|
|
text-align: center;
|
|
margin: 0px auto;
|
|
}
|
|
|
|
.three-columns-left #secondary > .inner:first-child,
|
|
.three-columns-right #secondary > .inner:first-child {
|
|
margin-right: 1em;
|
|
}
|
|
|
|
.three-columns-left #tertiary > .inner:first-child,
|
|
.three-columns-right #tertiary > .inner:first-child {
|
|
margin-left: 1em;
|
|
}
|
|
}
|
|
|
|
/* Navigation
|
|
******************************/
|
|
|
|
.navigation {
|
|
margin: 1.5em 0;
|
|
min-height: 1.5em;
|
|
text-align: center;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.navigation ul { margin: 0; }
|
|
|
|
.navigation li { padding: 0; }
|
|
|
|
.page-month .navigation input,
|
|
.page-month .navigation select {
|
|
$entry_colors
|
|
border: 1px solid $*color_elements_border;
|
|
border-radius: .6em;
|
|
padding: .3em 1em;
|
|
}
|
|
|
|
.page-month .navigation input:hover {
|
|
background-color: $*color_calendar_background;
|
|
border-color: transparent;
|
|
color: $*color_calendar_link;
|
|
}
|
|
|
|
.navigation.empty {
|
|
display: none;
|
|
}
|
|
|
|
/* Entries
|
|
******************************/
|
|
|
|
.entry {
|
|
background: none;
|
|
border: none;
|
|
margin-bottom: 1.75em;
|
|
}
|
|
|
|
.page-entry .entry,
|
|
.page-reply .entry {
|
|
margin-top: .6em;
|
|
}
|
|
|
|
.entrybox-wrapper {
|
|
$entry_background
|
|
border-radius: 2em;
|
|
$entry_colors
|
|
padding: 1em 1.5em;
|
|
}
|
|
|
|
.entry-title {
|
|
font-weight: normal;
|
|
letter-spacing: .1em;
|
|
margin: 0;
|
|
margin-$*post_title_align: 1em;
|
|
padding: 0;
|
|
text-align: $*post_title_align;
|
|
text-transform: uppercase;
|
|
text-shadow: 1px 1px 1px $*color_entry_title_shadow;
|
|
}
|
|
|
|
.entry-info {
|
|
font-style: italic;
|
|
display: inline-block;
|
|
margin-top: .5em;
|
|
}
|
|
|
|
.date,
|
|
.time,
|
|
.poster,
|
|
.access-filter,
|
|
.restrictions {
|
|
display: block;
|
|
}
|
|
|
|
.restrictions { color: $*color_entry_link_hover; }
|
|
|
|
.date::before { content: 'Date: '; }
|
|
.time::before { content: 'Time: '; }
|
|
.entry .poster::before { content: 'Posted by: '; }
|
|
.poster.empty { display: none; }
|
|
.access-filter::before { content: 'Security: '; }
|
|
.restrictions::before { content: 'Warnings: '; }
|
|
|
|
.has-userpic .userpic {
|
|
float: $*userpics_position;
|
|
margin: .5em 0;
|
|
$entry_userpic_margin
|
|
}
|
|
|
|
.contents {
|
|
clear: both;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.entry-content {
|
|
margin-bottom: 1em;
|
|
text-align: $*post_text_align;
|
|
}
|
|
|
|
.entry a { color: $*color_entry_text; }
|
|
.entry-content a { color: $*color_entry_link; }
|
|
.entry-content a:visited { color: $*color_entry_link_visited; }
|
|
.entry-content a:hover { color: $*color_entry_link_hover; }
|
|
.entry-content a:active { color: $*color_entry_link_active; }
|
|
|
|
.metadata,
|
|
.tag {
|
|
font-style: italic;
|
|
}
|
|
|
|
.metadata ul,
|
|
.metadata li,
|
|
.tag ul,
|
|
.tag ul li {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.footer { text-align: left; }
|
|
|
|
.footer ul,
|
|
.footer ul li {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Comment Page
|
|
******************************/
|
|
|
|
.comment-pages {
|
|
margin: 2em 0 1em 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.comment-pages b { font-weight: normal; }
|
|
|
|
.comment-wrapper { padding: 0; }
|
|
|
|
.comment { margin-bottom: 1.75em; }
|
|
|
|
.commentbox-wrapper {
|
|
$entry_background
|
|
border-radius: 2em;
|
|
$entry_colors
|
|
padding: 1em 1.5em;
|
|
}
|
|
|
|
.comment a { color: $*color_entry_text; }
|
|
.comment-content a { color: $*color_entry_link; }
|
|
.comment-content a:visited, .comment a:visited { color: $*color_entry_link_visited; }
|
|
.comment-content a:hover, .comment a:hover { color: $*color_entry_link_hover; }
|
|
.comment-content a:active, .comment a:active { color: $*color_entry_link_active; }
|
|
|
|
.comment-title {
|
|
font-weight: normal;
|
|
letter-spacing: .1em;
|
|
padding: 0;
|
|
text-align: $*post_title_align;
|
|
text-transform: uppercase;
|
|
text-shadow: 1px 1px 1px $*color_comment_title_shadow;
|
|
}
|
|
|
|
/* Margin already set to 0 in Tabula Rasa */
|
|
.comment .comment-title { margin-$*post_title_align: 1em; }
|
|
|
|
.comment-info {
|
|
font-style: italic;
|
|
display: inline-block;
|
|
margin-top: .5em;
|
|
}
|
|
|
|
.comment-content {
|
|
margin-bottom: 1em;
|
|
text-align: $*post_text_align;
|
|
}
|
|
|
|
.partial .comment {
|
|
background: none;
|
|
border-radius: 0;
|
|
color: $*color_page_text;
|
|
margin-top: -1.25em;
|
|
padding: 0;
|
|
}
|
|
|
|
.partial .comment a { color: $*color_page_link; }
|
|
.partial .comment-title, .partial .comment-title a { color: $*color_page_link_hover; }
|
|
.partial .comment a:visited { color: $*color_page_link_visited; }
|
|
.partial .comment a:hover { color: $*color_page_link_hover; }
|
|
.partial .comment a:active { color: $*color_page_link_active; }
|
|
|
|
.partial .comment-title {
|
|
font-size: 1em;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
.partial .comment-poster { display: inline; }
|
|
|
|
.edittime { margin-top: .5em; }
|
|
|
|
.multiform-checkbox { display: block; }
|
|
|
|
.bottomcomment {
|
|
$entry_background
|
|
border-radius: 2em;
|
|
$entry_colors
|
|
margin-bottom: 2em;
|
|
padding: 1em;
|
|
text-align: right;
|
|
}
|
|
|
|
.bottomcomment a { color: $*color_entry_text; }
|
|
.bottomcomment a:visited { color: $*color_entry_link_visited; }
|
|
.bottomcomment a:hover { color: $*color_entry_link_hover; }
|
|
.bottomcomment a:active { color: $*color_entry_link_active; }
|
|
|
|
.bottomcomment input,
|
|
.bottomcomment select {
|
|
$page_colors
|
|
border: 1px solid $*color_elements_border;
|
|
border-radius: .6em;
|
|
padding: .2em;
|
|
}
|
|
|
|
.bottomcomment input[type='submit']:hover {
|
|
background-color: $*color_calendar_background;
|
|
border-color: transparent;
|
|
color: $*color_calendar_link;
|
|
}
|
|
|
|
.bottomcomment label {
|
|
display: block;
|
|
margin-bottom: .25em;
|
|
text-align: right;
|
|
}
|
|
|
|
/* Entry & Comment Links
|
|
******************************/
|
|
|
|
.entry .entry-management-links.icon-links,
|
|
.comment-management-links.icon-links {
|
|
display: inline;
|
|
}
|
|
|
|
.entry .entry-interaction-links.icon-links,
|
|
.comment-interaction-links.icon-links {
|
|
float: right;
|
|
clear: both;
|
|
}
|
|
|
|
.bottomcomment ul {
|
|
display: inline-block;
|
|
margin: 0 0 .2em;
|
|
}
|
|
|
|
.bottomcomment .entry-interaction-links.icon-links { margin-left: 1em; }
|
|
|
|
#primary .text-links {
|
|
display: block;
|
|
text-align: right;
|
|
}
|
|
|
|
#primary .partial .text-links {
|
|
display: inline;
|
|
text-align: left;
|
|
}
|
|
|
|
#primary .text-links li,
|
|
#primary .icon-links li {
|
|
padding: 0 .25em;
|
|
}
|
|
|
|
#primary .text-links {
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
#primary .icon-links img {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#primary .text-links a { color: $*color_entry_interaction_links; }
|
|
|
|
#primary .icon-links a { color: $*color_entry_text; }
|
|
|
|
#primary .text-links a:visited,
|
|
#primary .icon-links a:visited {
|
|
color: $*color_entry_link_visited;
|
|
}
|
|
|
|
#primary .text-links a:hover,
|
|
#primary .icon-links a:hover,
|
|
.partial .icon-links img:hover {
|
|
color: $*color_entry_link_hover;
|
|
position: relative;
|
|
left: 1px;
|
|
text-decoration: none;
|
|
top: 1px;
|
|
}
|
|
|
|
#primary .text-links a:active,
|
|
#primary .icon-links a:active{
|
|
color: $*color_entry_link_active;
|
|
}
|
|
|
|
/* Reply Forms
|
|
******************************/
|
|
|
|
#qrdiv a { color: $*color_entry_link; }
|
|
#qrdiv a:visited { color: $*color_entry_link_visited; }
|
|
#qrdiv a:hover { color: $*color_entry_link_hover; }
|
|
#qrdiv a:active { color: $*color_entry_link_active; }
|
|
|
|
#qrdiv input,
|
|
#qrdiv select,
|
|
#qrdiv textarea {
|
|
$page_colors
|
|
border: 1px solid $*color_elements_border;
|
|
border-radius: .6em;
|
|
padding: .2em;
|
|
}
|
|
|
|
#qrdiv textarea:focus { border: 1px solid $*color_entry_text; }
|
|
|
|
#qrdiv input[type='button'] { margin: .1em; }
|
|
|
|
#qrdiv input[type='button']:hover,
|
|
#qrdiv input[type='submit']:hover {
|
|
background-color: $*color_calendar_background;
|
|
border-color: transparent;
|
|
color: $*color_calendar_link;
|
|
}
|
|
|
|
#qrdiv td[align='center'] {
|
|
padding-bottom: 0 !important;
|
|
width: 100% !important;
|
|
text-align: right !important;
|
|
}
|
|
|
|
#qrformdiv #subject { width: 99%; }
|
|
|
|
#qrdiv #subject:focus { border: 1px solid $*color_entry_text; }
|
|
|
|
#qrformdiv label {
|
|
color: $*color_entry_text;
|
|
display: inline;
|
|
text-align: left;
|
|
}
|
|
|
|
span.de {
|
|
color: $*color_entry_link_hover;
|
|
display: block;
|
|
padding-top: .2em;
|
|
}
|
|
|
|
#postform {
|
|
$entry_background
|
|
border-radius: 2em;
|
|
$entry_colors
|
|
margin-bottom: 0;
|
|
padding: 1em;
|
|
}
|
|
|
|
#postform a { color: $*color_entry_link; }
|
|
#postform a:visited { color: $*color_entry_link_visited; }
|
|
#postform a:hover { color: $*color_entry_link_hover; }
|
|
#postform a:active { color: $*color_entry_link_active; }
|
|
|
|
#postform input,
|
|
#postform select,
|
|
#postform textarea {
|
|
background-color: $*color_page_background !important;
|
|
border: 1px solid $*color_elements_border;
|
|
border-radius: .6em;
|
|
color: $*color_page_text !important;
|
|
padding: .2em;
|
|
}
|
|
|
|
#postform #subject,
|
|
#postform textarea {
|
|
width: 80%;
|
|
}
|
|
|
|
#postform #subject:focus,
|
|
#postform textarea:focus,
|
|
#postform input.textbox:focus {
|
|
border: 1px solid $*color_entry_text;
|
|
}
|
|
|
|
#postform input[type='button'],
|
|
#postform input[type='submit'] {
|
|
margin: .2em .1em;
|
|
}
|
|
|
|
#postform input[type='button']:hover,
|
|
#postform input[type='submit']:hover {
|
|
background-color: $*color_calendar_background !important;
|
|
border-color: transparent;
|
|
color: $*color_calendar_link !important;
|
|
}
|
|
|
|
#postform strong { color: $*color_entry_link_hover; }
|
|
|
|
/* Archive&Tags&Icons Pages
|
|
******************************/
|
|
|
|
.month,
|
|
.tags-container,
|
|
.icons-container {
|
|
margin-bottom: 1.75em;
|
|
margin-top: .6em;
|
|
}
|
|
|
|
.page-month .month { margin: 0; }
|
|
|
|
.month a, .tags-container a, .icons-container a { color: $*color_entry_link; }
|
|
.month .footer a, .tags-container .footer a, .icons-container .footer a { color: $*color_entry_text; }
|
|
.month a:visited, .tags-container a:visited, .icons-container a:visited { color: $*color_entry_link_visited; }
|
|
.month a:hover, .tags-container a:hover, .icons-container a:hover { color: $*color_entry_link_hover; }
|
|
.month a:active, .tags-container a:active, .icons-container a:active { color: $*color_entry_link_active; }
|
|
|
|
.yearbox-wrapper,
|
|
.page-month .month,
|
|
.tagsbox-wrapper,
|
|
.iconsbox-wrapper {
|
|
$entry_background
|
|
border-radius: 2em;
|
|
$entry_colors
|
|
padding: 1em 1.5em;
|
|
}
|
|
|
|
.month h3,
|
|
.tags-container h2,
|
|
.icons-container h2 {
|
|
$entry_title_colors
|
|
$entry_title_font
|
|
font-weight: normal;
|
|
letter-spacing: .1em;
|
|
margin: 0;
|
|
margin-$*post_title_align: 1em;
|
|
padding: 0;
|
|
text-align: $*post_title_align;
|
|
text-transform: uppercase;
|
|
text-shadow: 1px 1px 1px $*color_entry_title_shadow;
|
|
}
|
|
|
|
.page-archive .active { color: $*color_page_link_hover; }
|
|
|
|
.page-archive caption { display: none; }
|
|
|
|
.page-archive .month table { width: 80%; }
|
|
|
|
.page-archive table.month {
|
|
border-collapse: separate;
|
|
border-spacing: 1px;
|
|
}
|
|
|
|
.page-archive .month table,
|
|
.page-archive table.month td,
|
|
.page-archive table.month th {
|
|
border: none;
|
|
padding: 0;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.page-archive .month th {
|
|
background-color: $*color_calendar_header_background;
|
|
border-radius: .6em;
|
|
color: $*color_calendar_header_text;
|
|
padding: .1em .2em;
|
|
}
|
|
|
|
.page-archive .month td { width: 14%; }
|
|
|
|
.page-archive td.day-has-entries a {
|
|
background-color: $*color_calendar_background;
|
|
border-radius: .6em;
|
|
color: $*color_calendar_link;
|
|
padding: .1em .6em;
|
|
}
|
|
|
|
.page-archive td.day-has-entries a:visited {
|
|
background-color: $*color_calendar_background_visited;
|
|
color: $*color_calendar_link_visited;
|
|
}
|
|
|
|
.page-archive td.day-has-entries a:hover {
|
|
background-color: $*color_calendar_background_hover;
|
|
color: $*color_calendar_link_hover;
|
|
position: relative;
|
|
left: 1px;
|
|
text-decoration: none;
|
|
top: 1px;
|
|
}
|
|
|
|
.page-archive td.day-has-entries a:active {
|
|
background-color: $*color_calendar_background_active;
|
|
color: $*color_calendar_link_active;
|
|
}
|
|
|
|
.page-archive .month .footer,
|
|
.tags-container .footer,
|
|
.icons-container .footer {
|
|
font-style: italic;
|
|
text-align: right;
|
|
}
|
|
|
|
.month-back,
|
|
.month-forward {
|
|
color: $*color_page_background;
|
|
}
|
|
|
|
.page-month .month h3 {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.page-month .month .tag a { color: $*color_entry_text; }
|
|
.page-month .month .tag a:visited { color: $*color_entry_link_visited; }
|
|
.page-month .month .tag a:hover { color: $*color_entry_link_hover; }
|
|
.page-month .month .tag a:active { color: $*color_entry_link_active; }
|
|
|
|
.day-date { display: none; }
|
|
|
|
.tags-container li { list-style: square; }
|
|
.tags-container li li { list-style: none; }
|
|
|
|
.sorting-options ul {
|
|
margin: 0 0 1em;
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.icon-pages { text-align: center; }
|
|
|
|
.icon-pages b { font-weight: normal; }
|
|
|
|
.icons-container .icon { margin-bottom: 1.25em; }
|
|
|
|
.icon-image {
|
|
float: left;
|
|
clear: left;
|
|
margin-bottom: .25em;
|
|
}
|
|
|
|
.icon-info {
|
|
min-height: 100px;
|
|
padding-left: 120px;
|
|
}
|
|
|
|
.icon-info span { font-style: italic; }
|
|
|
|
.icon-info .default { text-decoration: underline; }
|
|
|
|
.icon-keywords ul {
|
|
color: $*color_entry_link_hover;
|
|
margin: 0;
|
|
}
|
|
|
|
.icon-keywords ul li { padding: 0; }
|
|
|
|
/* Modules
|
|
******************************/
|
|
|
|
#secondary .module,
|
|
#tertiary .module {
|
|
background: transparent;
|
|
border: none;
|
|
margin: 0 0 1.75em;
|
|
}
|
|
|
|
@media $medium_media_query {
|
|
.one-column #secondary .module,
|
|
.one-column #tertiary .module,
|
|
.two-columns #tertiary .module {
|
|
display: inline-block;
|
|
float: none;
|
|
margin: 1.75em 1em 0;
|
|
width: $*sidebar_width;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.one-column #secondary .calendar-horizontal.module,
|
|
.one-column #tertiary .calendar-horizontal.module,
|
|
.two-columns #tertiary .calendar-horizontal.module {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
}
|
|
|
|
.module h2 {
|
|
letter-spacing: .1em;
|
|
text-shadow: 1px 1px 1px $*color_module_title_shadow;
|
|
}
|
|
|
|
.module h2,
|
|
.module h2 a {
|
|
font-weight: normal;
|
|
text-align: left;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#secondary .module .module-content,
|
|
#tertiary .module .module-content {
|
|
$module_background
|
|
$module_colors
|
|
}
|
|
|
|
$module_css
|
|
|
|
.module ul { margin-bottom: 0; }
|
|
|
|
.module li {
|
|
list-style: square;
|
|
margin: 0;
|
|
}
|
|
|
|
.module li li { list-style: none; }
|
|
|
|
.module-navlinks li.current,
|
|
.module-navlinks li.current a {
|
|
color: $*color_page_link_hover;
|
|
}
|
|
|
|
.module-userprofile .userpic {
|
|
display: inline-block;
|
|
margin: 1em 0 1em 1em;
|
|
}
|
|
|
|
.module-userprofile .journal-name,
|
|
.module-userprofile .journal-website-name {
|
|
font-style: italic;
|
|
margin-left: 1em;
|
|
}
|
|
|
|
ul.userlite-interaction-links.icon-links {
|
|
margin-left: 1em;
|
|
}
|
|
|
|
ul.userlite-interaction-links.icon-links img:hover {
|
|
position: relative;
|
|
left: 1px;
|
|
top: 1px;
|
|
}
|
|
|
|
.one-column .calendar-horizontal.module .module-content { text-align: center; }
|
|
|
|
.calendar-horizontal .module-content > a:first-child { margin-right: .5em; }
|
|
.calendar-horizontal .module-content > a:last-child { margin-left: .5em; }
|
|
|
|
.module-calendar table {
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.module-calendar th {
|
|
background-color: $*color_module_calendar_header_background;
|
|
border-radius: .6em;
|
|
color: $*color_module_calendar_header_text;
|
|
text-align: center;
|
|
}
|
|
|
|
.module-calendar table td {
|
|
text-align: center;
|
|
width: 14%;
|
|
}
|
|
|
|
.module-calendar .entry-day a {
|
|
background-color: $*color_module_calendar_background;
|
|
border-radius: .6em;
|
|
color: $*color_module_calendar_link;
|
|
padding: .05em .15em;
|
|
}
|
|
|
|
.module-calendar .entry-day a:visited {
|
|
background-color: $*color_module_calendar_background_visited;
|
|
color: $*color_module_calendar_link_visited;
|
|
}
|
|
|
|
.module-calendar .entry-day a:hover {
|
|
background-color: $*color_module_calendar_background_hover;
|
|
color: $*color_module_calendar_link_hover;
|
|
position: relative;
|
|
left: 1px;
|
|
text-decoration: none;
|
|
top: 1px;
|
|
}
|
|
|
|
.module-calendar .entry-day a:active {
|
|
background-color: $*color_module_calendar_background_active;
|
|
color: $*color_module_calendar_link_active;
|
|
}
|
|
|
|
.module-customtext .module-content { text-align: $*post_text_align; }
|
|
|
|
.any-column .module-syndicate .module-content {
|
|
margin-left: 15px;
|
|
text-align: left;
|
|
}
|
|
|
|
.module .manage-link {
|
|
font-style: italic;
|
|
text-align: right;
|
|
}
|
|
|
|
.module-tags_cloud .manage-link { margin-top: 1em; }
|
|
|
|
.module-search .search-form {
|
|
margin: 0 auto;
|
|
text-align: right;
|
|
}
|
|
|
|
.module-search .search-box,
|
|
.module-search .search-button {
|
|
background-color: $*color_module_calendar_header_background;
|
|
border: 1px solid transparent;
|
|
border-radius: .6em;
|
|
color: $*color_module_calendar_header_text;
|
|
}
|
|
|
|
.module-search .search-box {
|
|
padding: .2em;
|
|
width: 90%;
|
|
}
|
|
|
|
.module-search .search-button {
|
|
margin-top: .3em;
|
|
padding: .2em;
|
|
}
|
|
|
|
.module-search .search-box:focus { border: 1px solid $*color_module_calendar_header_text; }
|
|
|
|
.module-search .search-button:hover {
|
|
background-color: $*color_module_calendar_background_hover;
|
|
border: 1px solid transparent;
|
|
color: $*color_module_calendar_link_hover;
|
|
}
|
|
|
|
/* Footer
|
|
******************************/
|
|
|
|
#footer {
|
|
$footer_background
|
|
margin-top: 1.5em;
|
|
padding: $footer_padding 0 0;
|
|
text-align: left;
|
|
}
|
|
|
|
#footer #tertiary {
|
|
margin-left: 5%;
|
|
margin-right: 5%;
|
|
}
|
|
|
|
.page-top {
|
|
clear: both;
|
|
margin-left: 5%;
|
|
margin-right: 5%;
|
|
margin-top: 2em;
|
|
text-align: center;
|
|
}
|
|
|
|
.module-section-footer {
|
|
margin-top: 1.5em;
|
|
margin-left: 5%;
|
|
margin-right: 5%;
|
|
}
|
|
|
|
.module-section-footer .module {
|
|
background: transparent;
|
|
border: none;
|
|
display: block;
|
|
width: 100%;
|
|
padding: 0;
|
|
text-align: right;
|
|
}
|
|
|
|
.module-section-footer .module-powered a {
|
|
color: $*color_page_link_hover;
|
|
font-style: italic;
|
|
}
|
|
|
|
.module-section-footer .module-powered a:visited { color: $*color_page_link_visited; }
|
|
.module-section-footer .module-powered a:hover { color: $*color_page_link_hover; }
|
|
.module-section-footer .module-powered a:active { color: $*color_page_link_active; }
|
|
|
|
/* Contextual Pop-ups
|
|
******************************/
|
|
|
|
.ContextualPopup {
|
|
background: $*color_entry_background;
|
|
border: none !important;
|
|
border-radius: .6em;
|
|
color: $*color_entry_text;
|
|
$page_font_popup
|
|
font-size: 1em !important;
|
|
padding: .6em;
|
|
}
|
|
|
|
.ContextualPopup a,
|
|
.ContextualPopup a:visited {
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.ContextualPopup a { color: $*color_page_link_hover; }
|
|
.ContextualPopup a:visited { color: $*color_page_link_visited; }
|
|
.ContextualPopup a:hover { text-decoration: underline !important; }
|
|
.ContextualPopup a:active { color: $*color_page_link_active; }
|
|
|
|
""";
|
|
}
|