1212 lines
28 KiB
Text
1212 lines
28 KiB
Text
|
layerinfo type = "layout";
|
||
|
|
layerinfo name = "Pattern";
|
||
|
|
layerinfo redist_uniq = "pattern/layout";
|
||
|
|
layerinfo author_name = "ninetydegrees";
|
||
|
|
layerinfo lang = "en";
|
||
|
|
|
||
|
|
set layout_authors = [ {"name" => "ninetydegrees", "type" => "user"} ];
|
||
|
|
|
||
|
|
##===============================
|
||
|
|
## Presentation
|
||
|
|
##===============================
|
||
|
|
|
||
|
|
propgroup presentation_child {
|
||
|
|
property string post_text_align {
|
||
|
|
des = "Content text alignment";
|
||
|
|
values = "left|Left|justify|Justify";
|
||
|
|
}
|
||
|
|
property int content_margins {
|
||
|
|
des = "Content margins (in %)";
|
||
|
|
size = 5;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
set layout_type = "two-columns-right";
|
||
|
|
set entry_date_format = "long_dayfirst";
|
||
|
|
set entry_time_format = "short_24";
|
||
|
|
set comment_time_format = "short_24";
|
||
|
|
set entry_userpic_style = "small";
|
||
|
|
set comment_userpic_style = "small";
|
||
|
|
set post_text_align = "justify";
|
||
|
|
set content_margins = 20;
|
||
|
|
|
||
|
|
set reverse_sortorder_year = true;
|
||
|
|
set reverse_sortorder_month = true;
|
||
|
|
set reverse_sortorder_day = true;
|
||
|
|
set reg_firstdayofweek = "monday";
|
||
|
|
|
||
|
|
##===============================
|
||
|
|
## Colors
|
||
|
|
##===============================
|
||
|
|
|
||
|
|
propgroup colors_child {
|
||
|
|
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_footer_text { des = "Page footer text color"; }
|
||
|
|
}
|
||
|
|
|
||
|
|
##===============================
|
||
|
|
## Fonts
|
||
|
|
##===============================
|
||
|
|
|
||
|
|
set font_base = "'Trebuchet MS'";
|
||
|
|
set font_fallback = "sans-serif";
|
||
|
|
set font_module_heading = "Georgia";
|
||
|
|
set font_module_heading_size = "1.2";
|
||
|
|
set font_module_heading_units = "em";
|
||
|
|
set font_journal_title = "Georgia";
|
||
|
|
set font_journal_title_size = "2";
|
||
|
|
set font_journal_title_units ="em";
|
||
|
|
set font_journal_subtitle= "Georgia";
|
||
|
|
set font_journal_subtitle_size = "1.1";
|
||
|
|
set font_journal_subtitle_units = "em";
|
||
|
|
set font_entry_title = "Georgia";
|
||
|
|
set font_entry_title_size = "1.2";
|
||
|
|
set font_entry_title_units ="em";
|
||
|
|
set font_comment_title = "Georgia";
|
||
|
|
set font_comment_title_size = "1.1";
|
||
|
|
set font_comment_title_units ="em";
|
||
|
|
|
||
|
|
##===============================
|
||
|
|
## Images
|
||
|
|
##===============================
|
||
|
|
|
||
|
|
propgroup images_child {
|
||
|
|
|
||
|
|
property string image_background_subject_url {
|
||
|
|
des = "Entry title background image URL";
|
||
|
|
}
|
||
|
|
property int image_background_subject_height {
|
||
|
|
des = "The height of your image, in pixels.";
|
||
|
|
example = "50";
|
||
|
|
size = 6;
|
||
|
|
}
|
||
|
|
property int image_background_subject_width {
|
||
|
|
des = "The width of your image, in pixels.";
|
||
|
|
example = "50";
|
||
|
|
size = 6;
|
||
|
|
}
|
||
|
|
|
||
|
|
property string image_background_tags_url {
|
||
|
|
des = "Entry tags background image URL";
|
||
|
|
}
|
||
|
|
property int image_background_tags_height {
|
||
|
|
des = "The height of your image, in pixels.";
|
||
|
|
example = "50";
|
||
|
|
size = 6;
|
||
|
|
}
|
||
|
|
property int image_background_tags_width {
|
||
|
|
des = "The width of your image, in pixels.";
|
||
|
|
example = "50";
|
||
|
|
size = 6;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
##===============================
|
||
|
|
## Text
|
||
|
|
##===============================
|
||
|
|
|
||
|
|
set text_default_separator = " / ";
|
||
|
|
set text_meta_music = "music:";
|
||
|
|
set text_meta_mood = "mood:";
|
||
|
|
set text_meta_location = "location:";
|
||
|
|
set text_meta_groups = "groups:";
|
||
|
|
set text_meta_xpost = "xpost:";
|
||
|
|
set text_tags = "";
|
||
|
|
set text_skiplinks_back = "back";
|
||
|
|
set text_skiplinks_forward = "forward";
|
||
|
|
set text_day_prev = "previous";
|
||
|
|
set text_day_next = "next";
|
||
|
|
set text_page_top = "^top";
|
||
|
|
set text_posting_in = " in ";
|
||
|
|
set text_comment_from = "by ";
|
||
|
|
set text_openid_from = "by ";
|
||
|
|
set text_comment_date = "";
|
||
|
|
set text_comment_ipaddr = "";
|
||
|
|
set text_comment_edittime = "edited";
|
||
|
|
|
||
|
|
##===============================
|
||
|
|
## Modules
|
||
|
|
##===============================
|
||
|
|
|
||
|
|
propgroup modules_child {
|
||
|
|
property string module_navlinks_section_override {
|
||
|
|
values = "none|(none)|abovetitle|Header|one|Main Module Section|two|Secondary Module Section";
|
||
|
|
grouped = 1;
|
||
|
|
}
|
||
|
|
property string module_search_section_override {
|
||
|
|
values = "none|(none)|titleright|Header|one|Main Module Section|two|Secondary Module Section";
|
||
|
|
grouped = 1;
|
||
|
|
}
|
||
|
|
property string module_userprofile_section_override {
|
||
|
|
values = "none|(none)|headersec|Header|one|Main Module Section|two|Secondary Module Section";
|
||
|
|
grouped = 1;
|
||
|
|
}
|
||
|
|
property string module_syndicate_section_override {
|
||
|
|
values = "none|(none)|titleright|Header|one|Main Module Section|two|Secondary Module Section";
|
||
|
|
grouped = 1;
|
||
|
|
}
|
||
|
|
property string module_credit_section_override {
|
||
|
|
values = "none|(none)|footer|Footer|one|Main Module Section|two|Secondary Module Section";
|
||
|
|
grouped = 1;
|
||
|
|
}
|
||
|
|
property string module_poweredby_section_override {
|
||
|
|
values = "none|(none)|footer|Footer";
|
||
|
|
grouped = 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
set grouped_property_override = {
|
||
|
|
"module_navlinks_section" => "module_navlinks_section_override",
|
||
|
|
"module_search_section" => "module_search_section_override",
|
||
|
|
"module_userprofile_section" => "module_userprofile_section_override",
|
||
|
|
"module_syndicate_section" => "module_syndicate_section_override",
|
||
|
|
"module_credit_section" => "module_credit_section_override",
|
||
|
|
"module_poweredby_section" => "module_poweredby_section_override"
|
||
|
|
};
|
||
|
|
|
||
|
|
set module_navlinks_section = "abovetitle";
|
||
|
|
set module_search_section = "titleright";
|
||
|
|
set module_userprofile_section = "headersec";
|
||
|
|
set module_syndicate_section = "titleright";
|
||
|
|
set module_credit_section = "footer";
|
||
|
|
set module_poweredby_section = "footer";
|
||
|
|
|
||
|
|
set module_tags_opts_type = "cloud";
|
||
|
|
set module_subscriptionfilters_section = "one";
|
||
|
|
set module_active_section = "one";
|
||
|
|
set module_links_section = "one";
|
||
|
|
set module_tags_section = "one";
|
||
|
|
set module_pagesummary_section = "one";
|
||
|
|
set module_time_section = "one";
|
||
|
|
set module_time_show = false;
|
||
|
|
set module_subscriptionfilters_show = true;
|
||
|
|
|
||
|
|
##===============================
|
||
|
|
## Functions
|
||
|
|
##===============================
|
||
|
|
|
||
|
|
## Add title
|
||
|
|
|
||
|
|
function print_module_navlinks( bool apply_class_to_link ) {
|
||
|
|
var Page p = get_page();
|
||
|
|
open_module("navlinks", "Navigation", "");
|
||
|
|
|
||
|
|
var string{}[] links = [];
|
||
|
|
|
||
|
|
foreach var string k ($p.views_order) {
|
||
|
|
var string class = "list-item-$k";
|
||
|
|
var string css = "";
|
||
|
|
|
||
|
|
if ($apply_class_to_link ) {
|
||
|
|
var string css = """ class="$k" """;
|
||
|
|
if ($p.view == $k) { $css = """ class="current $k" """; }
|
||
|
|
} else {
|
||
|
|
$class = "$k " + $class;
|
||
|
|
if ($p.view == $k) { $class = "current " + $class; }
|
||
|
|
}
|
||
|
|
|
||
|
|
$links[size $links] = { "class" => $class, "item" => """<a href="$p.view_url{$k}"$css>"""+lang_viewname($k)+"""</a>""" };
|
||
|
|
}
|
||
|
|
print_module_list($links);
|
||
|
|
close_module();
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
## Add header sections and CSS
|
||
|
|
## Close canvas inner after footer
|
||
|
|
|
||
|
|
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-wrapper"><div class="inner">
|
||
|
|
<div id="header-content"><div class="inner">
|
||
|
|
<div id="header-primary"><div class="inner">
|
||
|
|
""";
|
||
|
|
$this->print_module_section("abovetitle");
|
||
|
|
"""
|
||
|
|
<div id="title-content"><div class="inner">
|
||
|
|
<div id="title-primary"><div class="inner">
|
||
|
|
""";
|
||
|
|
$this->print_header();
|
||
|
|
"""
|
||
|
|
</div></div><!-- end title-primary and >inner -->
|
||
|
|
<div id="title-secondary"><div class="inner">
|
||
|
|
""";
|
||
|
|
$this->print_module_section("titleright");
|
||
|
|
"""
|
||
|
|
</div></div><!-- end title-secondary and >inner -->
|
||
|
|
</div></div><!-- end title-content and >inner -->
|
||
|
|
</div></div><!-- end header-primary and >inner -->
|
||
|
|
<div id="header-secondary"><div class="inner">
|
||
|
|
""";
|
||
|
|
$this->print_module_section("headersec");
|
||
|
|
"""
|
||
|
|
</div></div><!-- end header-secondary and >inner -->
|
||
|
|
<div id="invisible-separator" style="float: left; width: 1px;"></div> <!-- this is a hack for IE7 + two-columns-right -->
|
||
|
|
</div></div><!-- end header-content and >inner -->
|
||
|
|
</div></div><!-- end header-wrapper and >inner -->
|
||
|
|
<div id="header-footer"></div>
|
||
|
|
</div></div><!-- end header and >inner -->
|
||
|
|
<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 -->
|
||
|
|
<div id="tertiary"><div class="inner">
|
||
|
|
""";
|
||
|
|
$this->print_module_section("two");
|
||
|
|
"""
|
||
|
|
</div></div><!-- end tertiary and tertiary>inner -->
|
||
|
|
<div id="content-footer"></div>
|
||
|
|
</div></div><!-- end content and content>inner -->
|
||
|
|
<div id="footer"><div class="inner">
|
||
|
|
""";
|
||
|
|
print safe """<div class="page-top"><a href="#">$*text_page_top</a></div>""";
|
||
|
|
$this->print_module_section("footer");
|
||
|
|
"""
|
||
|
|
</div></div><!-- end footer and footer>inner -->
|
||
|
|
</div></div> <!-- end canvas and canvas>inner -->
|
||
|
|
""";
|
||
|
|
$this->print_wrapper_end();
|
||
|
|
"""</html>""";
|
||
|
|
}
|
||
|
|
|
||
|
|
##===============================
|
||
|
|
## Stylesheet
|
||
|
|
##===============================
|
||
|
|
|
||
|
|
function print_stylesheet () {
|
||
|
|
var string medium_media_query = generate_medium_media_query();
|
||
|
|
var string large_media_query = generate_large_media_query();
|
||
|
|
|
||
|
|
var string header_background = generate_background_css ($*image_background_header_url, $*image_background_header_repeat, $*image_background_header_position, $*color_header_background);
|
||
|
|
if ($*image_background_header_height > 0) {
|
||
|
|
$header_background = """
|
||
|
|
$header_background
|
||
|
|
min-height: """ + $*image_background_header_height + """px;""";
|
||
|
|
}
|
||
|
|
|
||
|
|
var string subject_background = generate_background_css ($*image_background_subject_url, "no-repeat", "top left", new Color);
|
||
|
|
var string tags_background = generate_background_css ($*image_background_tags_url, "no-repeat", "center left", new Color);
|
||
|
|
|
||
|
|
var string subject_height = ($*image_background_subject_url != "") ? """min-height: $*image_background_subject_height""" + """px;""" : "";
|
||
|
|
var string subject_padding = ($*image_background_subject_url != "") ? """padding-top: 1.1em; padding-left: """ + ($*image_background_subject_width + 7) + """px;""" : "";
|
||
|
|
var string title_padding = ($*image_background_subject_url != "") ? """padding: 0 0 0 .2em""" : "";
|
||
|
|
|
||
|
|
var string tags_height = ($*image_background_tags_url != "") ? """min-height: $*image_background_tags_height""" + """px;""" : "";
|
||
|
|
var string tags_padding = ($*image_background_tags_url != "") ? """padding-top: .6em; padding-left: """ + ($*image_background_tags_width + 2) + """px;""" : "";
|
||
|
|
|
||
|
|
var string header_link_colors = generate_color_css($*color_header_link, new Color, new Color);
|
||
|
|
var string header_link_active_colors = generate_color_css($*color_header_link_active, new Color, new Color);
|
||
|
|
var string header_link_hover_colors = generate_color_css($*color_header_link_hover, new Color, new Color);
|
||
|
|
var string header_link_visited_colors = generate_color_css($*color_header_link_visited, new Color, new Color);
|
||
|
|
|
||
|
|
var string entry_background = generate_background_css ($*image_background_entry_url, $*image_background_entry_repeat, $*image_background_entry_position, $*color_entry_background);
|
||
|
|
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 entry_link_colors = generate_color_css($*color_entry_link, new Color, new Color);
|
||
|
|
var string entry_link_active_colors = generate_color_css($*color_entry_link_active, new Color, new Color);
|
||
|
|
var string entry_link_hover_colors = generate_color_css($*color_entry_link_hover, new Color, new Color);
|
||
|
|
var string entry_link_visited_colors = generate_color_css($*color_entry_link_visited, new Color, new Color);
|
||
|
|
|
||
|
|
var string footer_colors = generate_color_css($*color_footer_text, $*color_footer_background, new Color);
|
||
|
|
|
||
|
|
var string module_colors = generate_color_css($*color_module_text, $*color_module_background, $*color_module_border);
|
||
|
|
var string module_link_colors = generate_color_css($*color_module_link, new Color, new Color);
|
||
|
|
var string module_link_active_colors = generate_color_css($*color_module_link_active, new Color, new Color);
|
||
|
|
var string module_link_hover_colors = generate_color_css($*color_module_link_hover, new Color, new Color);
|
||
|
|
var string module_link_visited_colors = generate_color_css($*color_module_link_visited, new Color, new Color);
|
||
|
|
|
||
|
|
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 margin = $*content_margins + "%";
|
||
|
|
|
||
|
|
var string header_css = "";
|
||
|
|
if ($*module_userprofile_section == "headersec") {
|
||
|
|
$header_css = """
|
||
|
|
#header-content {
|
||
|
|
border-right: $*sidebar_width solid transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header-primary {
|
||
|
|
float: left;
|
||
|
|
width: 100%;
|
||
|
|
margin-right:-100%;
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header-secondary {
|
||
|
|
float: right;
|
||
|
|
width: $*sidebar_width;
|
||
|
|
margin-right: -$*sidebar_width;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header-primary > .inner:first-child {
|
||
|
|
padding: .5em .5em .5em 1.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header-#secondary > .inner:first-child {
|
||
|
|
padding: .5em;
|
||
|
|
}
|
||
|
|
""";
|
||
|
|
|
||
|
|
if ( $*layout_type->contains("left") ) {
|
||
|
|
$header_css = $header_css + """
|
||
|
|
#header-content {
|
||
|
|
border-left: $*sidebar_width solid transparent;
|
||
|
|
border-right: 0;
|
||
|
|
}
|
||
|
|
#header-secondary {
|
||
|
|
float: left;
|
||
|
|
width: $*sidebar_width;
|
||
|
|
margin-left: -$*sidebar_width;
|
||
|
|
}
|
||
|
|
""";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
var string title_css = "";
|
||
|
|
if ($*module_search_section == "titleright" or $*module_syndicate_section == "titleright") {
|
||
|
|
$title_css = """
|
||
|
|
#title-content {
|
||
|
|
border-right: 10.5em solid transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
#title-primary {
|
||
|
|
float: left;
|
||
|
|
width: 100%;
|
||
|
|
margin-right:-100%;
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#title-secondary {
|
||
|
|
float: right;
|
||
|
|
width: 10.5em;
|
||
|
|
margin-right: -10.5em;
|
||
|
|
}
|
||
|
|
""";
|
||
|
|
}
|
||
|
|
|
||
|
|
var string{}{} scaling = {
|
||
|
|
"" => {
|
||
|
|
"noicon_img" => "$*IMGDIR/profile_icons/user.png",
|
||
|
|
"icon_wrap_size" => "100px",
|
||
|
|
},
|
||
|
|
"small" => {
|
||
|
|
"noicon_img" => "$*IMGDIR/profile_icons/user-small.png",
|
||
|
|
"icon_wrap_size" => "75px",
|
||
|
|
},
|
||
|
|
"smaller" => {
|
||
|
|
"noicon_img" => "$*IMGDIR/profile_icons/user-smaller.png",
|
||
|
|
"icon_wrap_size" => "50px",
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
var string entrypic_background = generate_background_css( $scaling{$*entry_userpic_style}{"noicon_img"}, "no-repeat", "center", new Color );
|
||
|
|
var string entry_icon_wrap_size = $scaling{$*entry_userpic_style}{"icon_wrap_size"};
|
||
|
|
|
||
|
|
var string commentpic_background = generate_background_css( $scaling{$*comment_userpic_style}{"noicon_img"}, "no-repeat", "center", new Color );
|
||
|
|
var string comment_icon_wrap_size = $scaling{$*comment_userpic_style}{"icon_wrap_size"};
|
||
|
|
|
||
|
|
var string entry_margin = "";
|
||
|
|
if ( $*entry_userpic_style == "" ) { $entry_margin = "115px"; }
|
||
|
|
elseif ( $*entry_userpic_style == "small" ) { $entry_margin = "90px"; }
|
||
|
|
elseif ( $*entry_userpic_style == "smaller" ) { $entry_margin = "65px"; }
|
||
|
|
|
||
|
|
var string comment_margin = "";
|
||
|
|
if ( $*comment_userpic_style == "" ) { $comment_margin = "115px"; }
|
||
|
|
elseif ( $*comment_userpic_style == "small" ) { $comment_margin = "90px"; }
|
||
|
|
elseif ( $*comment_userpic_style == "smaller" ) { $comment_margin = "65px"; }
|
||
|
|
|
||
|
|
var string userpic_css = "";
|
||
|
|
|
||
|
|
if ($*userpics_position != "none") {
|
||
|
|
$userpic_css = """
|
||
|
|
.no-userpic .entry .userpic {
|
||
|
|
$entrypic_background
|
||
|
|
width: $entry_icon_wrap_size;
|
||
|
|
height: $entry_icon_wrap_size;
|
||
|
|
}
|
||
|
|
|
||
|
|
.no-userpic .comment .userpic {
|
||
|
|
$commentpic_background
|
||
|
|
width: $comment_icon_wrap_size;
|
||
|
|
height: $comment_icon_wrap_size;
|
||
|
|
}
|
||
|
|
""";
|
||
|
|
|
||
|
|
if($*userpics_position == "left") {
|
||
|
|
$userpic_css = $userpic_css + """
|
||
|
|
.entry .header,
|
||
|
|
.entry-poster,
|
||
|
|
.entry-content,
|
||
|
|
.entry .metadata,
|
||
|
|
.entry .footer {
|
||
|
|
margin-left: $entry_margin;
|
||
|
|
}
|
||
|
|
|
||
|
|
.comment .header,
|
||
|
|
.full .comment .poster,
|
||
|
|
.poster-ip,
|
||
|
|
.comment-content,
|
||
|
|
.comment .footer,
|
||
|
|
.comment-pages.toppages {
|
||
|
|
margin-left: $comment_margin;
|
||
|
|
}
|
||
|
|
|
||
|
|
.entry .userpic {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.comment .userpic {
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
""";
|
||
|
|
} elseif($*userpics_position == "right") {
|
||
|
|
$userpic_css = $userpic_css + """
|
||
|
|
.entry .header,
|
||
|
|
.entry-poster,
|
||
|
|
.entry-content,
|
||
|
|
.entry .metadata,
|
||
|
|
.entry .footer {
|
||
|
|
margin-right: $entry_margin;
|
||
|
|
}
|
||
|
|
|
||
|
|
.comment .header,
|
||
|
|
.full .comment .poster,
|
||
|
|
.poster-ip,
|
||
|
|
.comment-content,
|
||
|
|
.comment .footer,
|
||
|
|
.comment-pages.toppages {
|
||
|
|
margin-right: $comment_margin;
|
||
|
|
}
|
||
|
|
|
||
|
|
.entry .userpic {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.comment .userpic {
|
||
|
|
display: block;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
""";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
"""
|
||
|
|
|
||
|
|
/* Pattern
|
||
|
|
/* by ninetydegrees
|
||
|
|
******************************/
|
||
|
|
|
||
|
|
/* Main
|
||
|
|
******************************/
|
||
|
|
|
||
|
|
body {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
hr,
|
||
|
|
.page-separator {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#canvas {
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Containers
|
||
|
|
******************************/
|
||
|
|
|
||
|
|
#header-wrapper,
|
||
|
|
#content {
|
||
|
|
margin-left: $margin;
|
||
|
|
margin-right: $margin;
|
||
|
|
}
|
||
|
|
|
||
|
|
#primary > .inner:first-child {
|
||
|
|
padding: .5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
#secondary {
|
||
|
|
text-transform: lowercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
#secondary > .inner:first-child {
|
||
|
|
padding: .5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
#tertiary {
|
||
|
|
text-transform: lowercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
#tertiary > .inner:first-child {
|
||
|
|
padding: .5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.one-column #secondary,
|
||
|
|
.one-column #tertiary,
|
||
|
|
.two-columns #tertiary {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Header
|
||
|
|
******************************/
|
||
|
|
|
||
|
|
#header {
|
||
|
|
padding: .5em 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header h1, #header h2 {
|
||
|
|
font-style: italic;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
text-transform: lowercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header h1 a {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header .module-wrapper {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header h2 {
|
||
|
|
line-height: 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
$header_css
|
||
|
|
|
||
|
|
$title_css
|
||
|
|
|
||
|
|
#header-footer {
|
||
|
|
clear: both;
|
||
|
|
font-size: 0; /*to make IE happy*/
|
||
|
|
height: 0;
|
||
|
|
}
|
||
|
|
#header a { $header_link_colors }
|
||
|
|
#header a:visited { $header_link_visited_colors }
|
||
|
|
#header a:hover { $header_link_hover_colors }
|
||
|
|
#header a:active { $header_link_active_colors }
|
||
|
|
|
||
|
|
/* Navigation
|
||
|
|
******************************/
|
||
|
|
|
||
|
|
.navigation {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navigation ul {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.topnav ul {
|
||
|
|
margin-bottom: 1.5em;
|
||
|
|
margin-top: .5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottomnav ul {
|
||
|
|
margin-top: 1.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navigation ul li {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0 .2ch;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navigation .page-back a::before {
|
||
|
|
content: "<< ";
|
||
|
|
}
|
||
|
|
|
||
|
|
.navigation .page-forward a::after {
|
||
|
|
content: " >>";
|
||
|
|
}
|
||
|
|
|
||
|
|
.navigation .page-separator {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Entries
|
||
|
|
******************************/
|
||
|
|
|
||
|
|
.entry {
|
||
|
|
margin-bottom: .5em;
|
||
|
|
padding: 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.entry .header {
|
||
|
|
$subject_background
|
||
|
|
$subject_height
|
||
|
|
$subject_padding
|
||
|
|
}
|
||
|
|
|
||
|
|
.entry .entry-title {
|
||
|
|
display: inline;
|
||
|
|
font-style: italic;
|
||
|
|
line-height: 1em; /* to make sure meta icons are vertically centered */
|
||
|
|
padding: 0;
|
||
|
|
$title_padding
|
||
|
|
text-transform: lowercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
.entry .access-filter,
|
||
|
|
.entry .restrictions {
|
||
|
|
float: left;
|
||
|
|
display: inline;
|
||
|
|
padding-right: .2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.datetime {
|
||
|
|
clear: both;
|
||
|
|
display: block;
|
||
|
|
font-style: italic;
|
||
|
|
margin: .25em 0;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.entry .time::before {
|
||
|
|
content: "@ ";
|
||
|
|
}
|
||
|
|
|
||
|
|
.entry .poster {
|
||
|
|
display: block;
|
||
|
|
$entry_title_font
|
||
|
|
font-weight: bold;
|
||
|
|
margin-bottom: 1em;
|
||
|
|
text-transform: lowercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
.entry .poster::before {
|
||
|
|
content: "by ";
|
||
|
|
}
|
||
|
|
|
||
|
|
.poster.empty {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.entry .contents {
|
||
|
|
min-height: $entry_margin;
|
||
|
|
}
|
||
|
|
|
||
|
|
.entry-content {
|
||
|
|
margin-bottom: 1em;
|
||
|
|
text-align: $*post_text_align;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Make sure content isn't bigger than container */
|
||
|
|
pre {
|
||
|
|
white-space: pre-wrap;
|
||
|
|
word-wrap: break-word;
|
||
|
|
}
|
||
|
|
|
||
|
|
.entry .footer ul {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
text-align: right;
|
||
|
|
text-transform: lowercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
.entry .footer li {
|
||
|
|
padding: 0 .1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.entry .footer .text-links li {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.entry .footer .text-links li::after {
|
||
|
|
content: " #";
|
||
|
|
}
|
||
|
|
|
||
|
|
.entry .footer .text-links li:last-child::after {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Entry Metadata
|
||
|
|
******************************/
|
||
|
|
|
||
|
|
.metadata {
|
||
|
|
font-style: italic;
|
||
|
|
margin-bottom: 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.metadata ul {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.metadata li {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Entry Tags
|
||
|
|
******************************/
|
||
|
|
|
||
|
|
.tag {
|
||
|
|
$tags_background
|
||
|
|
$tags_height
|
||
|
|
margin-bottom: 1em;
|
||
|
|
$tags_padding
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Comments
|
||
|
|
******************************/
|
||
|
|
|
||
|
|
.comment {
|
||
|
|
$entry_background
|
||
|
|
$entry_colors
|
||
|
|
margin-bottom: .5em;
|
||
|
|
padding: 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
#content > .inner:first-child .comment a { $entry_link_colors }
|
||
|
|
#content > .inner:first-child .comment a:visited { $entry_link_visited_colors }
|
||
|
|
#content > .inner:first-child .comment a:hover { $entry_link_hover_colors }
|
||
|
|
#content > .inner:first-child .comment a:active { $entry_link_active_colors }
|
||
|
|
|
||
|
|
.comment-poster {
|
||
|
|
display: block;
|
||
|
|
$comment_title_font
|
||
|
|
font-weight: bold;
|
||
|
|
text-transform: lowercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
.poster-ip {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.comment .contents {
|
||
|
|
min-height: $comment_margin;
|
||
|
|
}
|
||
|
|
|
||
|
|
.comment-content {
|
||
|
|
margin-bottom: 1em;
|
||
|
|
margin-top: 1em;
|
||
|
|
text-align: $*post_text_align;
|
||
|
|
}
|
||
|
|
|
||
|
|
.edittime {
|
||
|
|
margin-top: 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.comment .footer ul {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
text-align: right;
|
||
|
|
text-transform: lowercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
.comment .footer li {
|
||
|
|
padding: 0 .1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.comment .footer .text-links li {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.comment .footer .text-links li::after {
|
||
|
|
content: " #";
|
||
|
|
}
|
||
|
|
|
||
|
|
/* cmt_hide isn't last in the list */
|
||
|
|
/* hidden cmt_unhide comes after it */
|
||
|
|
.comment .footer .text-links li:last-child::after,
|
||
|
|
.comment .footer .text-links .cmt_hide::after {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
|
||
|
|
.comment .multiform-checkbox {
|
||
|
|
display: block;
|
||
|
|
text-align: right;
|
||
|
|
text-transform: lowercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
.toppages,
|
||
|
|
.bottompages {
|
||
|
|
padding: 0 1em;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottomcomment {
|
||
|
|
margin: 1.5em 0;
|
||
|
|
padding: 0 1em;
|
||
|
|
text-align: right;
|
||
|
|
text-transform: lowercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottomcomment ul {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottomcomment li {
|
||
|
|
padding: 0 .1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottomcomment .text-links li {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottomcomment .text-links li::after {
|
||
|
|
content: " .";
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottomcomment .text-links li:last-child::after {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
|
||
|
|
.partial .comment {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.partial .poster,
|
||
|
|
.partial .datetime {
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
|
||
|
|
.partial .datetime + a {
|
||
|
|
text-align: right;
|
||
|
|
text-transform: lowercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
$userpic_css
|
||
|
|
|
||
|
|
/* Reply
|
||
|
|
******************************/
|
||
|
|
|
||
|
|
#postform {
|
||
|
|
$entry_colors
|
||
|
|
padding-right: 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
#content > .inner:first-child #postform a { $entry_link_colors }
|
||
|
|
#content > .inner:first-child #postform a:visited { $entry_link_visited_colors }
|
||
|
|
#content > .inner:first-child #postform a:hover { $entry_link_hover_colors }
|
||
|
|
#content > .inner:first-child #postform a:active { $entry_link_active_colors }
|
||
|
|
|
||
|
|
/* Other Pages
|
||
|
|
******************************/
|
||
|
|
|
||
|
|
.month,
|
||
|
|
.page-day .day,
|
||
|
|
.tags-container,
|
||
|
|
.icons-container {
|
||
|
|
$entry_background
|
||
|
|
$entry_colors
|
||
|
|
margin-bottom: .5em;
|
||
|
|
padding: 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-day .day {
|
||
|
|
margin-bottom: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#content > .inner:first-child .month a,
|
||
|
|
#content > .inner:first-child .tags-container a,
|
||
|
|
#content > .inner:first-child .icons-container a { $entry_link_colors }
|
||
|
|
|
||
|
|
#content > .inner:first-child .month a:visited,
|
||
|
|
#content > .inner:first-child .tags-container a:visited,
|
||
|
|
#content > .inner:first-child .icons-container a:visited { $entry_link_visited_colors }
|
||
|
|
|
||
|
|
#content > .inner:first-child .month a:hover,
|
||
|
|
#content > .inner:first-child .tags-container a:hover,
|
||
|
|
#content > .inner:first-child .icons-container a:hover { $entry_link_hover_colors }
|
||
|
|
|
||
|
|
#content > .inner:first-child .month a:active,
|
||
|
|
#content > .inner:first-child .tags-container a:active,
|
||
|
|
#content > .inner:first-child .icons-container a:active { $entry_link_active_colors }
|
||
|
|
|
||
|
|
.month h3,
|
||
|
|
.tags-container h2,
|
||
|
|
.icons-container h2 {
|
||
|
|
$entry_title_colors
|
||
|
|
$entry_title_font
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.day-date {
|
||
|
|
padding-left: 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.month .footer,
|
||
|
|
#primary .manage-link {
|
||
|
|
text-align: right;
|
||
|
|
text-transform: lowercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
.month caption {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-archive .month .contents {
|
||
|
|
margin: 1.5em 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.month {
|
||
|
|
width: 80%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-archive .month td,
|
||
|
|
.page-archive .month th {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-archive .month td {
|
||
|
|
vertical-align: top;
|
||
|
|
width: 14%;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.month td.day {
|
||
|
|
padding: 2px 0;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.month td.day-has-entries {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.month td.day-has-entries a {
|
||
|
|
font-weight: bold;
|
||
|
|
padding: 1px;
|
||
|
|
border: 1px dotted;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sorting-options ul {
|
||
|
|
margin: 0 0 1em;
|
||
|
|
padding: 0;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.icons-container .icon {
|
||
|
|
min-height: 125px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.icon-image {
|
||
|
|
float: left;
|
||
|
|
clear: left;
|
||
|
|
min-width: 106px;
|
||
|
|
padding-right: 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.icon-keywords {
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
|
||
|
|
.icon-info .keywords-label,
|
||
|
|
.icon-info .comment-text,
|
||
|
|
.icon-info .description-text {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.icon-comment::before,
|
||
|
|
.icon-description::before {
|
||
|
|
content: "# ";
|
||
|
|
}
|
||
|
|
|
||
|
|
.icon-info .default { font-weight: bold; }
|
||
|
|
|
||
|
|
.icon-keywords ul { margin: 0; }
|
||
|
|
|
||
|
|
.icon-keywords ul li { padding: 0; }
|
||
|
|
|
||
|
|
/* Modules
|
||
|
|
******************************/
|
||
|
|
|
||
|
|
.module {
|
||
|
|
margin-bottom: .5em;
|
||
|
|
padding: .75em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.module h2 {
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
|
||
|
|
.one-column #secondary .module,
|
||
|
|
.one-column #tertiary .module,
|
||
|
|
.two-columns #tertiary .module {
|
||
|
|
display: inline-block;
|
||
|
|
float: none;
|
||
|
|
text-align: center;
|
||
|
|
vertical-align: top;
|
||
|
|
width: $*sidebar_width;
|
||
|
|
}
|
||
|
|
|
||
|
|
.module ul {
|
||
|
|
list-style-type: none;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.module ul li {
|
||
|
|
margin: .15em 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.module ul ul {
|
||
|
|
margin-left: .5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.module-content {
|
||
|
|
margin-left: .75em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.module .manage-link {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.module-userprofile ul {
|
||
|
|
margin-top: .5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.any-column .module-calendar table {
|
||
|
|
margin: 0 auto 0 0;
|
||
|
|
text-align: center;
|
||
|
|
width: 80%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.module-calendar td {
|
||
|
|
padding: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.module-calendar td a {
|
||
|
|
display: block;
|
||
|
|
font-weight: bold;
|
||
|
|
padding: 1px;
|
||
|
|
border: 1px dotted;
|
||
|
|
}
|
||
|
|
|
||
|
|
.any-column .module-syndicate .module-content {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Header modules
|
||
|
|
******************************/
|
||
|
|
|
||
|
|
#header .module {
|
||
|
|
background: none;
|
||
|
|
border: none;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header .module-navlinks,
|
||
|
|
#header .module-search,
|
||
|
|
#header .module-syndicate {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.one-column #header .module-userprofile {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header .journal-name {
|
||
|
|
margin-left: .75em;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header .userlite-interaction-links {
|
||
|
|
margin-left: .75em;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header .module-navlinks .module-content,
|
||
|
|
#header .module-syndicate .module-content,
|
||
|
|
#header .module-search .module-content {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header .module-header {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header .module-navlinks {
|
||
|
|
margin-bottom: 1em;
|
||
|
|
padding: 0;
|
||
|
|
text-align: right;
|
||
|
|
text-transform: lowercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header .module-navlinks li {
|
||
|
|
display: inline;
|
||
|
|
padding: 0 .25em;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header .search-box {
|
||
|
|
max-width: 95%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Footer modules
|
||
|
|
******************************/
|
||
|
|
|
||
|
|
#footer .module {
|
||
|
|
$footer_colors
|
||
|
|
font-style: italic;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
text-align: right;
|
||
|
|
text-transform: initial;
|
||
|
|
}
|
||
|
|
|
||
|
|
#footer .module-credit h2 { display: none; }
|
||
|
|
|
||
|
|
#footer .module-credit .category-title { font-weight: normal; }
|
||
|
|
|
||
|
|
#footer .module-credit li img { vertical-align: middle !important; }
|
||
|
|
|
||
|
|
#footer .module-credit li:after,
|
||
|
|
#footer #site-branding:after {
|
||
|
|
content: ".";
|
||
|
|
padding-right: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Footer
|
||
|
|
******************************/
|
||
|
|
|
||
|
|
#footer {
|
||
|
|
padding: .7em 0;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
#footer .page-top {margin-bottom: 1em; }
|
||
|
|
|
||
|
|
""";
|
||
|
|
}
|