bin/upgrading/s2layers/sundaymorning/layout.s2
author fu
Fri Jan 27 18:00:49 2012 +0800
changeset 451 0294fe281d24
parent 450 e6798bb82d8c
child 452 a86a9cac2a37
permissions -rw-r--r--
http://bugs.dwscoalition.org/show_bug.cgi?id=4245

Add a bit of spacing for keywords.

Patch by fu.
afuna@157
     1
layerinfo "type" = "layout";
afuna@157
     2
layerinfo "name" = "Sunday Morning";
afuna@157
     3
layerinfo "redist_uniq" = "sundaymorning/layout";
fu@340
     4
layerinfo "author_name" = "regna";
afuna@157
     5
layerinfo "lang" = "en";
afuna@157
     6
afuna@157
     7
# Originally a Transmogrified theme
afuna@157
     8
afuna@163
     9
set layout_authors = [ { "name" => "regna", "type" => "user" } ];
afuna@157
    10
afuna@157
    11
propgroup presentation {
afuna@157
    12
    property use num_items_recent;
afuna@157
    13
    property use num_items_reading;
afuna@157
    14
    property use use_journalstyle_entry_page;
afuna@157
    15
    property use layout_type;
afuna@157
    16
    property use sidebar_width;
afuna@157
    17
    property use tags_page_type;
fu@389
    18
    property use userpics_style_group;
fu@266
    19
    property use userpics_position;
fu@266
    20
    property use entry_metadata_position;
afuna@157
    21
    property use use_custom_friend_colors;
fu@264
    22
    property use use_shared_pic;
fu@282
    23
    property use userlite_interaction_links;
fu@282
    24
    property use entry_management_links;
fu@282
    25
    property use comment_management_links;
fu@446
    26
    property use reg_firstdayofweek;
fu@359
    27
    property use entry_datetime_format_group;
fu@359
    28
    property use comment_datetime_format_group;
afuna@157
    29
}
afuna@157
    30
kareila@302
    31
set layout_type = "two-columns-left";
afuna@157
    32
set userpics_position = "right";
afuna@157
    33
set sidebar_width = "200px";
afuna@157
    34
set tags_page_type = "";
kareila@302
    35
set entry_management_links = "text";
kareila@302
    36
set comment_management_links = "text";
kareila@302
    37
set all_commentsubjects = true;
afuna@157
    38
kareila@299
    39
set custom_colors_template = "%%new%% .userpic a { background-color: %%background%%; border: solid 1px %%foreground%%; }";
afuna@157
    40
fu@383
    41
propgroup colors {
fu@383
    42
    property use color_page_background;
fu@383
    43
    
fu@383
    44
    property Color color_page_title_background { des = "Title background"; }
fu@383
    45
    property use color_page_title;
fu@383
    46
    property Color color_header_background { des = "Header background"; }
fu@383
    47
    property Color color_header_text { des = "Header text"; }
fu@383
    48
    property Color color_header_hover_background {des = "Header link background when hovered over"; }
fu@383
    49
    property Color color_header_hover { des = "Header link text when hovered over"; }
fu@383
    50
fu@383
    51
    property use color_page_text;
fu@383
    52
fu@383
    53
    property use color_page_link;
fu@383
    54
    property use color_page_link_hover;
fu@383
    55
    property use color_page_link_active;
fu@383
    56
    property use color_page_link_visited;
fu@383
    57
fu@383
    58
    property use color_module_link;
fu@383
    59
    property use color_module_link_hover;
fu@383
    60
    property use color_module_link_active;
fu@383
    61
    property use color_module_link_visited;
fu@383
    62
    property use color_module_border;
fu@383
    63
    property use color_module_text;
fu@383
    64
    property use color_module_background;
fu@383
    65
    property use color_module_title;
fu@383
    66
    property Color color_module_title_background { des = "Sidebar box title background"; }
fu@383
    67
    property Color color_module_title_border { des = "Sidebar box title border"; }
fu@383
    68
fu@383
    69
    property use color_entry_border;
fu@383
    70
    property use color_entry_background;
fu@383
    71
    property use color_entry_link;
fu@383
    72
    property use color_entry_link_hover;
fu@383
    73
    property use color_entry_link_active;
fu@383
    74
    property use color_entry_link_visited;
fu@383
    75
    property use color_entry_text;
fu@383
    76
    property use color_entry_title;
fu@383
    77
    property Color color_entry_title_border { des = "Entry\Comment subject border"; }
fu@383
    78
    property Color color_entry_title_background { des = "Entry\Comment subject background"; }
fu@383
    79
fu@383
    80
    property Color color_navigation_background { des = "Page back/forwards background"; }
fu@383
    81
    property Color color_navigation_text { des = "Page back/forwards text"; }
fu@383
    82
    property Color color_navigation_border { des = "Page back/forwards border"; }
fu@383
    83
}
fu@383
    84
fu@383
    85
propgroup images {
fu@383
    86
    property use image_background_page_group;
fu@383
    87
}
fu@383
    88
fu@383
    89
set image_background_page_repeat = "no-repeat";
fu@383
    90
fu@383
    91
propgroup fonts {
fu@383
    92
    property use font_base;
fu@383
    93
    property use font_fallback;
fu@383
    94
    property use font_base_size;
fu@383
    95
    property use font_base_units;
fu@383
    96
    property use font_journal_title;
fu@383
    97
    property use font_journal_title_size;
fu@383
    98
    property use font_journal_title_units;
fu@383
    99
    property use font_entry_title;
fu@383
   100
    property use font_entry_title_size;
fu@383
   101
    property use font_entry_title_units;
fu@383
   102
    property use font_comment_title;
fu@383
   103
    property use font_comment_title_size;
fu@383
   104
    property use font_comment_title_units;
fu@383
   105
    property use font_module_heading;
fu@383
   106
    property use font_module_heading_size;
fu@383
   107
    property use font_module_heading_units;
fu@383
   108
    property use font_module_text;
fu@383
   109
    property use font_module_text_size;
fu@383
   110
    property use font_module_text_units;
fu@383
   111
}
fu@383
   112
fu@383
   113
set font_base = "Arial";
fu@383
   114
set font_fallback = "sans-serif";
fu@383
   115
set font_base_size = "1";
fu@383
   116
set font_base_units = "em";
fu@383
   117
set font_journal_title_size = "2";
fu@383
   118
set font_journal_title_units = "em";
fu@383
   119
set font_module_heading_size = "1.353";
fu@383
   120
set font_module_heading_units = "em";
fu@383
   121
afuna@157
   122
propgroup modules {
afuna@157
   123
    property use module_userprofile_group;
afuna@157
   124
    property use module_navlinks_group;
afuna@157
   125
    property use module_calendar_group;
afuna@157
   126
    property use module_pagesummary_group;
afuna@157
   127
    property use module_tags_group;
mark@213
   128
    property use module_active_group;
afuna@157
   129
    property use module_links_group;
afuna@157
   130
    property use module_syndicate_group;
afuna@157
   131
    property use module_time_group;
afuna@157
   132
    property use module_poweredby_group;
afuna@157
   133
    property use module_customtext_group;
afuna@157
   134
    property use module_credit_group;
fu@273
   135
    property use module_search_group;
fu@393
   136
    property use module_cuttagcontrols_group;
fu@265
   137
fu@265
   138
    property string module_navlinks_section_override {
fu@406
   139
        values = "none|(none)|one|Header|two|Main Module Section|three|Footer";
kareila@299
   140
        grouped = 1;
kareila@299
   141
        }
afuna@157
   142
}
afuna@157
   143
fu@406
   144
set module_layout_sections = "none|(none)|two|Main Module Section|three|Footer";
fu@265
   145
set grouped_property_override = { "module_navlinks_section" => "module_navlinks_section_override" };
fu@265
   146
fu@265
   147
set module_navlinks_section = "one";
fu@265
   148
set module_userprofile_section = "two";
fu@265
   149
set module_pagesummary_section = "two";
fu@265
   150
set module_tags_section = "two";
fu@265
   151
set module_links_section = "two";
fu@265
   152
set module_syndicate_section = "two";
fu@265
   153
set module_calendar_section = "two";
fu@265
   154
set module_time_section = "none";
fu@265
   155
set module_customtext_section = "two";
fu@265
   156
set module_active_section = "two";
fu@265
   157
set module_credit_section = "two";
fu@265
   158
set module_poweredby_section = "two";
fu@265
   159
set module_poweredby_order = 20;
fu@273
   160
set module_search_section = "two";
fu@390
   161
set module_cuttagcontrols_section = "two";
fu@265
   162
afuna@157
   163
propgroup text {
afuna@157
   164
    property use text_view_recent;
afuna@157
   165
    property use text_view_friends;
afuna@157
   166
    property use text_view_network;
afuna@157
   167
    property use text_view_friends_comm;
afuna@157
   168
    property use text_view_friends_filter;
afuna@157
   169
    property use text_view_archive;
afuna@157
   170
    property use text_view_userinfo;
afuna@157
   171
    property use text_view_memories;
afuna@157
   172
    property use text_view_tags;
afuna@157
   173
afuna@157
   174
    property use text_post_comment;
afuna@157
   175
    property use text_max_comments;
afuna@157
   176
    property use text_read_comments;
afuna@157
   177
    property use text_post_comment_friends;
afuna@157
   178
    property use text_read_comments_friends;
afuna@157
   179
afuna@157
   180
    property use text_skiplinks_back;
afuna@157
   181
    property use text_skiplinks_forward;
kareila@299
   182
    property use text_meta_music;
kareila@299
   183
    property use text_meta_mood;
kareila@299
   184
    property use text_meta_location;
fu@378
   185
    property use text_meta_xpost;
kareila@299
   186
    property use text_tags;
afuna@157
   187
afuna@157
   188
    property use text_entry_prev;
kareila@299
   189
    property use text_entry_next;
kareila@299
   190
    property use text_edit_entry;
kareila@299
   191
    property use text_edit_tags;
kareila@299
   192
    property use text_tell_friend;
kareila@299
   193
    property use text_mem_add;
kareila@299
   194
    property use text_watch_comments;
kareila@299
   195
    property use text_unwatch_comments;
kareila@299
   196
    property use text_permalink;
afuna@178
   197
afuna@178
   198
    property use text_stickyentry_subject;
afuna@178
   199
afuna@157
   200
    property use text_module_customtext;
afuna@157
   201
    property use text_module_customtext_content;
afuna@157
   202
    property use text_module_customtext_url;
afuna@157
   203
}
afuna@157
   204
afuna@157
   205
propgroup customcss {
afuna@157
   206
    property use external_stylesheet;
afuna@157
   207
    property use include_default_stylesheet;
afuna@157
   208
    property use linked_stylesheet;
afuna@157
   209
    property use custom_css;
afuna@157
   210
}
afuna@157
   211
afuna@157
   212
function Page::print()
afuna@157
   213
{
afuna@157
   214
    """
afuna@157
   215
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
afuna@157
   216
    <html xmlns="http://www.w3.org/1999/xhtml">
afuna@157
   217
    <head>""";
afuna@157
   218
        $this->print_head();
afuna@157
   219
        $this->print_stylesheets();
kareila@299
   220
        $this->print_head_title();
afuna@157
   221
    println "</head>";
afuna@157
   222
    $this->print_wrapper_start();
afuna@157
   223
    $this->print_control_strip();
afuna@157
   224
    """
kareila@302
   225
    <div id="container">
kareila@302
   226
        <div id="header">
kareila@302
   227
            <a name="top">
afuna@157
   228
    """;
kareila@302
   229
                $this->print_global_title();
afuna@157
   230
    """
kareila@302
   231
            </a>
kareila@302
   232
        </div>
afuna@157
   233
    """;
kareila@302
   234
        $this->print_module_section("one");
afuna@157
   235
    """
kareila@302
   236
        <div id="wrap">
fu@405
   237
fu@405
   238
    """;
fu@405
   239
        if ($*layout_type == "one-column-split") {
fu@405
   240
            $this->print_module_section("two");
fu@405
   241
        }
fu@405
   242
    """
afuna@157
   243
            <div id="content">
afuna@157
   244
    """;
kareila@302
   245
                $this->print_body();
afuna@157
   246
    """
afuna@157
   247
            </div>
afuna@157
   248
    """;
fu@405
   249
        if ($*layout_type != "one-column-split") {
kareila@302
   250
            $this->print_module_section("two");
fu@405
   251
        }
afuna@157
   252
    """
kareila@302
   253
        </div><div style="clear:both;"></div>
fu@405
   254
        <div id="bottom">
fu@405
   255
            """;
fu@405
   256
            $this->print_module_section("three");
fu@405
   257
            """
fu@405
   258
        </div>
fu@382
   259
        <div id="footer">
fu@382
   260
        """;
fu@382
   261
            print safe """<div class="page-top"><a href="#">$*text_page_top</a></div>""";
fu@382
   262
        """
fu@382
   263
        </div>
kareila@302
   264
    </div>
afuna@157
   265
    """;
afuna@157
   266
    $this->print_wrapper_end();
afuna@157
   267
    """
afuna@157
   268
    </html>
afuna@157
   269
    """;
afuna@157
   270
}
afuna@157
   271
afuna@157
   272
function Page::print_default_stylesheet() {
kareila@304
   273
    var string sidebar_position = "";
kareila@304
   274
    var string sidebar_position_alt = "";
fu@435
   275
    var string image_background_page_position = "100% 70px";
fu@435
   276
    if ($*layout_type == "two-columns-right") { $sidebar_position = "right"; $sidebar_position_alt = "left"; $image_background_page_position = "0% 70px"; }
fu@435
   277
    elseif ($*layout_type == "two-columns-left") { $sidebar_position = "left"; $sidebar_position_alt = "right"; }
afuna@157
   278
afuna@157
   279
    var string page_background_colors = generate_color_css( new Color, $*color_page_background, new Color );
afuna@157
   280
    var string page_colors = generate_color_css( $*color_page_text, new Color, new Color );
afuna@157
   281
    var string page_link_colors = generate_color_css( $*color_page_link, new Color, new Color );
afuna@157
   282
    var string page_link_active_colors = generate_color_css( $*color_page_link_active, new Color, new Color );
afuna@157
   283
    var string page_link_hover_colors = generate_color_css( $*color_page_link_hover, new Color, new Color );
afuna@157
   284
    var string page_link_visited_colors = generate_color_css( $*color_page_link_visited, new Color, new Color );
afuna@157
   285
fu@450
   286
    var string page_content_title_colors = generate_color_css( $*color_entry_text, $*color_entry_background, $*color_entry_border );
afuna@157
   287
fu@435
   288
    var string container_background = generate_background_css( $*image_background_page_url, $*image_background_page_repeat, $image_background_page_position, new Color );
fu@435
   289
afuna@157
   290
    var string page_title_colors = generate_color_css( $*color_page_title, $*color_page_title_background, new Color );
afuna@157
   291
    var string page_title_anchor_colors = generate_color_css( $*color_page_title, new Color, new Color );
afuna@157
   292
    var string header_colors = generate_color_css( $*color_header_text, $*color_header_background, $*color_module_border );
afuna@157
   293
    var string header_hover_colors = generate_color_css( $*color_header_hover, $*color_header_hover_background, new Color );
afuna@157
   294
afuna@157
   295
    var string module_base_colors = generate_color_css( $*color_module_text, new Color, new Color );
afuna@157
   296
    var string module_link_colors = generate_color_css ( $*color_module_link, new Color, new Color );
afuna@157
   297
    var string module_link_active_colors = generate_color_css( $*color_module_link_active, new Color, new Color );
afuna@157
   298
    var string module_link_hover_colors = generate_color_css( $*color_module_link_hover, new Color, new Color );
afuna@157
   299
    var string module_link_visited_colors = generate_color_css( $*color_module_link_visited, new Color, new Color );
afuna@157
   300
    var string module_title_colors = generate_color_css( $*color_module_title, $*color_module_title_background, $*color_module_title_border );
afuna@157
   301
    var string module_colors = generate_color_css( new Color, $*color_module_background, $*color_module_border );
afuna@157
   302
afuna@157
   303
    var string entry_colors = generate_color_css( $*color_entry_text, $*color_entry_background, $*color_entry_border );
afuna@157
   304
    var string entry_title_colors = generate_color_css( $*color_entry_title, $*color_entry_title_background, new Color );
afuna@157
   305
    var string entry_title_link_colors = generate_color_css( $*color_entry_title, new Color, new Color );
afuna@157
   306
    var string userpic_colors = generate_color_css( new Color, $*color_module_background, $*color_entry_title_border );
afuna@157
   307
afuna@157
   308
    var string entry_link_colors = generate_color_css( $*color_entry_link, new Color, new Color );
afuna@157
   309
    var string entry_link_active_colors = generate_color_css( $*color_entry_link_active, new Color, new Color );
afuna@157
   310
    var string entry_link_hover_colors = generate_color_css( $*color_entry_link_hover, new Color, new Color );
afuna@157
   311
    var string entry_link_visited_colors = generate_color_css( $*color_entry_link_visited, new Color, new Color );
afuna@157
   312
afuna@157
   313
    var string navigation_colors = generate_color_css( $*color_navigation_text, $*color_navigation_background, $*color_navigation_border );
afuna@157
   314
    var string postform_colors = generate_color_css( new Color, $*color_entry_background, $*color_entry_border );
afuna@157
   315
fu@334
   316
    var string page_font = generate_font_css("", $*font_base, $*font_fallback, $*font_base_size, $*font_base_units);
fu@334
   317
    var string page_title_font = generate_font_css($*font_journal_title, $*font_base, $*font_fallback, $*font_journal_title_size, $*font_journal_title_units);
fu@334
   318
    var string entry_title_font = generate_font_css($*font_entry_title, $*font_base, $*font_fallback, $*font_entry_title_size, $*font_entry_title_units);
fu@348
   319
    var string comment_title_font = generate_font_css($*font_comment_title, $*font_base, $*font_fallback, $*font_comment_title_size, $*font_comment_title_units);
fu@334
   320
    var string module_font = generate_font_css($*font_module_text, $*font_base, $*font_fallback, $*font_module_text_size, $*font_module_text_units);
fu@334
   321
    var string module_title_font = generate_font_css($*font_module_heading, $*font_base, $*font_fallback, $*font_module_heading_size, $*font_module_heading_units);
afuna@247
   322
fu@389
   323
    var string entry_userpic_shift = "";
fu@389
   324
    if ( $*entry_userpic_style == "" ) { $entry_userpic_shift = "-50px"; }
fu@389
   325
    elseif ( $*entry_userpic_style == "small" ) { $entry_userpic_shift = "-37.5px"; }
fu@389
   326
    elseif ( $*entry_userpic_style == "smaller" ) { $entry_userpic_shift = "-25px"; }
fu@389
   327
fu@389
   328
    var string comment_userpic_shift = "";
fu@389
   329
    if ( $*comment_userpic_style == "" ) { $comment_userpic_shift = "-50px"; }
fu@389
   330
    elseif ( $*comment_userpic_style == "small" ) { $comment_userpic_shift = "-37.5px"; }
fu@389
   331
    elseif ( $*comment_userpic_style == "smaller" ) { $comment_userpic_shift = "-25px"; }
fu@389
   332
fu@389
   333
    var string entry_header_margin = "";
fu@389
   334
    if ( $*entry_userpic_style == "" ) { $entry_header_margin = "120px"; }
fu@389
   335
    elseif ( $*entry_userpic_style == "small" ) { $entry_header_margin = "95px"; }
fu@389
   336
    elseif ( $*entry_userpic_style == "smaller" ) { $entry_header_margin = "70px"; }
fu@389
   337
fu@389
   338
    var string comment_header_margin = "";
fu@389
   339
    if ( $*comment_userpic_style == "" ) { $comment_header_margin = "120px"; }
fu@389
   340
    elseif ( $*comment_userpic_style == "small" ) { $comment_header_margin = "95px"; }
fu@389
   341
    elseif ( $*comment_userpic_style == "smaller" ) { $comment_header_margin = "70px"; }
fu@389
   342
afuna@157
   343
    var string userpic_css = "";
afuna@157
   344
    if($*userpics_position == "left") {
kareila@299
   345
        $userpic_css = """
kareila@299
   346
        .entry-title, .comment-title { margin: 0; }
fu@389
   347
kareila@299
   348
        /* make sure userpic can't overlap the poster's username */
fu@389
   349
        .has-userpic .header { min-height: 55px; }
fu@389
   350
fu@389
   351
        .has-userpic .entry .header { margin: 0 0 0 $entry_header_margin; }
fu@389
   352
        .has-userpic .comment .header { margin: 0 0 0 $comment_header_margin; }
fu@389
   353
kareila@299
   354
        .entry .userpic a, .comment .userpic a { left: 10px; right: auto; }""";
afuna@157
   355
        }
afuna@157
   356
    elseif($*userpics_position == "right") {
kareila@299
   357
        $userpic_css = """
kareila@299
   358
        .entry-title, .comment-title { margin: 0; }
fu@389
   359
fu@389
   360
        .has-userpic .entry .header { margin: 0 $entry_header_margin 0 0; }
fu@389
   361
        .has-userpic .comment .header { margin: 0 $comment_header_margin 0 0; }
fu@389
   362
        .has-userpic .poster-ip { padding-right: $comment_header_margin; }
fu@389
   363
kareila@299
   364
        .entry .userpic a, .comment .userpic a { right: 10px; left: auto; }""";
afuna@157
   365
        }
afuna@157
   366
"""
afuna@157
   367
/* believe me, this style is much easier to deal with if you 
kareila@299
   368
just leave this here. It says "let's use the IE box model" for
afuna@157
   369
non IE browsers */
afuna@157
   370
* { box-sizing:border-box; -moz-box-sizing:border-box }
afuna@157
   371
afuna@157
   372
body {
afuna@157
   373
    $page_background_colors
afuna@247
   374
    $page_font
kareila@299
   375
    margin: 0;
afuna@157
   376
    padding: 0;
kareila@299
   377
    width: 100%;
afuna@157
   378
}
afuna@157
   379
afuna@157
   380
a {
afuna@157
   381
    $page_link_colors
afuna@157
   382
    text-decoration: none;
afuna@157
   383
}
afuna@157
   384
a:visited {
afuna@157
   385
    $page_link_visited_colors
afuna@157
   386
}
afuna@157
   387
a:hover {
afuna@157
   388
    $page_link_hover_colors
afuna@157
   389
}
kareila@169
   390
a:active {
kareila@169
   391
    $page_link_active_colors
kareila@169
   392
}
afuna@157
   393
fu@248
   394
q { font-style: italic;
fu@248
   395
}
fu@248
   396
afuna@157
   397
#container {
kareila@299
   398
    width: 100%;
afuna@157
   399
    position: relative;
afuna@157
   400
    $container_background
afuna@157
   401
}
afuna@157
   402
 
afuna@157
   403
#header {
afuna@157
   404
    $page_title_colors
afuna@157
   405
    margin: 0;
afuna@157
   406
    padding: 0;
afuna@157
   407
}
afuna@157
   408
afuna@157
   409
#header a {
afuna@157
   410
    $page_title_anchor_colors
afuna@157
   411
}
afuna@157
   412
afuna@157
   413
#header h1 {
kareila@299
   414
    margin: 0;
afuna@157
   415
    padding: 1em;
afuna@247
   416
    $page_title_font
afuna@157
   417
}
afuna@157
   418
afuna@157
   419
#header h2 {
afuna@157
   420
    padding: 0 1em 1em 1em;
afuna@157
   421
}
afuna@157
   422
afuna@157
   423
#wrap {
afuna@157
   424
    $page_colors
fu@405
   425
}
fu@405
   426
fu@405
   427
#wrap,
fu@405
   428
.two-columns #bottom {
fu@343
   429
    padding-$sidebar_position_alt: 200px; /* Fixed: to display the bkg image */
afuna@157
   430
    padding-top: 10px;
kareila@303
   431
}
kareila@303
   432
fu@405
   433
.one-column #wrap,
fu@405
   434
.one-column #bottom {
kareila@303
   435
    margin-left: 2em;
fu@343
   436
    margin-right: 2em;
kareila@303
   437
}
kareila@303
   438
fu@405
   439
.one-column #bottom {
fu@405
   440
    margin-top: 1em;
fu@405
   441
}
fu@405
   442
fu@405
   443
.two-columns #wrap,
fu@405
   444
.two-columns #bottom {
fu@343
   445
    margin-$sidebar_position: $*sidebar_width;
fu@343
   446
    padding-$sidebar_position: 60px;
afuna@157
   447
}
afuna@157
   448
afuna@157
   449
#content {
afuna@157
   450
    width: 100%;
afuna@157
   451
    z-index: 20;
afuna@157
   452
}
afuna@157
   453
afuna@157
   454
.entry-wrapper {
afuna@157
   455
    margin-top: -20px;
afuna@157
   456
}
afuna@157
   457
afuna@247
   458
.module h2 {
afuna@247
   459
    $module_title_font
afuna@247
   460
}
afuna@247
   461
afuna@247
   462
.module-content {
afuna@247
   463
    $module_font
afuna@247
   464
}
afuna@247
   465
afuna@157
   466
.module-section-two {
afuna@157
   467
    width: $*sidebar_width;
fu@343
   468
    max-width: $*sidebar_width;
afuna@157
   469
    $module_base_colors
kareila@303
   470
}
kareila@303
   471
kareila@303
   472
.two-columns .module-section-two {
kareila@303
   473
    position: absolute;
kareila@304
   474
    $sidebar_position: 2em;
fu@435
   475
    top: 8em;
afuna@157
   476
}
afuna@157
   477
fu@405
   478
.one-column .module-section-two {
fu@405
   479
    width: auto;
fu@405
   480
    max-width: none;
fu@405
   481
}
fu@405
   482
fu@405
   483
.one-column-split .module-section-two {
fu@405
   484
    margin-bottom: 1em;
fu@405
   485
}
fu@405
   486
fu@405
   487
.module-section-three {
fu@405
   488
    $module_base_colors
fu@405
   489
}
fu@405
   490
kareila@303
   491
.module-section-one ul {
kareila@303
   492
    $module_base_colors
kareila@304
   493
    margin: 0;
kareila@304
   494
    margin-top: 1.5em;
kareila@303
   495
    padding: .5em;
kareila@303
   496
}
kareila@303
   497
kareila@304
   498
.one-column .module-section-one ul {
kareila@304
   499
    margin-left: 2em;
fu@343
   500
    padding-left: 0;
fu@343
   501
    padding-right: 0;
kareila@304
   502
}
kareila@304
   503
kareila@303
   504
.two-columns .module-section-one ul {
fu@343
   505
    margin-$sidebar_position: $*sidebar_width;
fu@343
   506
    padding-$sidebar_position: 60px;
fu@343
   507
    padding-$sidebar_position_alt: 0;
kareila@304
   508
}
kareila@304
   509
kareila@304
   510
.two-columns-right .module-section-one ul {
kareila@304
   511
    text-align: right;
kareila@303
   512
}
kareila@303
   513
afuna@157
   514
.module-section-one li {
afuna@157
   515
    position: relative;
afuna@157
   516
    display: inline;
afuna@157
   517
    list-style: none;
afuna@157
   518
}
afuna@157
   519
afuna@157
   520
.module-section-one li a {
fu@306
   521
    line-height: 3em;
kareila@305
   522
    padding: .5em 20px;
afuna@157
   523
    $header_colors
afuna@157
   524
}
afuna@157
   525
kareila@305
   526
.module-section-one ul li a:hover {
afuna@157
   527
    $header_hover_colors
afuna@157
   528
}
afuna@157
   529
fu@405
   530
.module-section-two a, .module-section-two .module-header a,
fu@405
   531
.module-section-three a, .module-section-three .module-header a {
afuna@157
   532
    $module_link_colors
afuna@157
   533
}
afuna@157
   534
fu@405
   535
.module-section-two a:visited, .module-section-two .module-header a:visited,
fu@405
   536
.module-section-three a:visited, .module-section-three .module-header a:visited {
afuna@157
   537
    $module_link_visited_colors
afuna@157
   538
}
afuna@157
   539
fu@405
   540
.module-section-two a:hover, .module-section-two .module-header a:hover,
fu@405
   541
.module-section-three a:hover, .module-section-three .module-header a:hover {
afuna@157
   542
    $module_link_hover_colors
afuna@157
   543
}
afuna@157
   544
fu@405
   545
.module-section-two a:active, .module-section-two .module-header a:active,
fu@405
   546
.module-section-three a:active, .module-section-three .module-header a:active {
afuna@157
   547
    $module_link_active_colors
afuna@157
   548
}
afuna@157
   549
fu@405
   550
.module-section-two h2,
fu@405
   551
.module-section-three h2 {
afuna@157
   552
    margin: 0;
afuna@157
   553
    margin-bottom: 7px;
kareila@299
   554
    padding: .2em;
afuna@157
   555
    text-align: center;
afuna@157
   556
    $module_title_colors
kareila@299
   557
    border-left: none;
kareila@299
   558
    border-right: none;
kareila@299
   559
    border-top: none;
afuna@157
   560
}
afuna@157
   561
fu@405
   562
.module-section-two ul,
fu@405
   563
.module-section-three ul {
afuna@157
   564
    list-style-type: none;
kareila@299
   565
    margin-left: .5em;
afuna@157
   566
    padding: 0;
afuna@157
   567
}
fu@405
   568
.module-section-two ul ul,
afuna@157
   569
.module-section-two ul ul {
afuna@157
   570
    list-style-type: none;
kareila@299
   571
    margin-left: .5em;
afuna@157
   572
    padding: 0;
kareila@299
   573
    margin-bottom: 0;
afuna@157
   574
}
afuna@157
   575
fu@405
   576
.module-section-two .module,
fu@405
   577
.module-section-three .module {
afuna@157
   578
    $module_colors
afuna@157
   579
    border-top: none;
afuna@157
   580
}
kareila@299
   581
fu@405
   582
.module-section-two .module:first-child,
fu@405
   583
.module-section-three .module:first-child {
afuna@157
   584
    border-top: 1px solid $*color_module_border;
afuna@157
   585
}
afuna@157
   586
afuna@157
   587
.module-userprofile, .module-tags, .module-syndicate {
afuna@157
   588
    text-align: center;
afuna@157
   589
}
afuna@157
   590
fu@295
   591
.module-tags_cloud li, .tags_cloud li {
fu@295
   592
    display: inline;
fu@295
   593
    list-style-type: none;
fu@295
   594
}
fu@295
   595
afuna@157
   596
.module-userprofile .userpic img {
afuna@157
   597
    border: none;
afuna@157
   598
    margin: 20px;
afuna@157
   599
}
afuna@157
   600
.module-userprofile .userpic {
afuna@157
   601
    text-align: center;
afuna@157
   602
}
fu@320
   603
.module-userprofile ul.icon-links {
kareila@299
   604
    margin: 0;
kareila@305
   605
    margin-top: 5px;
kareila@299
   606
    padding: 0;
afuna@157
   607
    text-align: center;
afuna@157
   608
}
fu@320
   609
fu@320
   610
.module-userprofile ul.text-links {
fu@320
   611
    text-align: left;
fu@320
   612
}
fu@320
   613
afuna@157
   614
.module-userprofile p {
kareila@299
   615
    margin-top: 0;
kareila@299
   616
    margin-bottom: 0;
afuna@157
   617
}
fu@320
   618
.module-userprofile .icon-links li {
afuna@157
   619
    display: inline;
afuna@157
   620
    padding: 5px;
afuna@157
   621
    list-style: none;
afuna@157
   622
}
afuna@157
   623
.module-calendar {
afuna@157
   624
    text-align: center;
afuna@157
   625
}
afuna@157
   626
.module-calendar table {
afuna@157
   627
    margin-left: auto;
afuna@157
   628
    margin-right: auto;
afuna@157
   629
}
afuna@157
   630
kareila@299
   631
.module-search .search-box { margin: .5em 0; width: 100%; }
fu@405
   632
fu@405
   633
.one-column .module-search .search-box,
fu@405
   634
.module-section-three .module-search .search-box {
fu@405
   635
    width: auto;
fu@405
   636
    }
fu@405
   637
kareila@305
   638
.module-search .search-form { margin: .5em; text-align: right; }
fu@273
   639
fu@405
   640
.one-column .module-search .search-form,
fu@405
   641
.module-section-three .module-search .search-form {
fu@405
   642
    text-align: left;
fu@405
   643
    }
fu@405
   644
mark@196
   645
/* wrap long content, particularly openid usernames */
mark@196
   646
.module-pagesummary .ljuser {
mark@196
   647
    white-space: normal !important;
mark@196
   648
}
mark@196
   649
.module-pagesummary .module-content {
mark@196
   650
    word-wrap: break-word;
mark@196
   651
}
mark@196
   652
afuna@157
   653
.module-credit dl {
afuna@157
   654
    margin: 0 1em;
afuna@157
   655
}
afuna@157
   656
.module-credit dt, .module-credit dd {
afuna@157
   657
    padding: 0;
afuna@157
   658
    margin: 0;
afuna@157
   659
    display: block;
afuna@157
   660
}
afuna@157
   661
.module-credit dt {
afuna@157
   662
    float: left;
afuna@157
   663
    clear: left;
afuna@157
   664
    font-weight: bold;
kareila@299
   665
    margin-right: .5em;
afuna@157
   666
}
fu@265
   667
.module-customtext .module-content {
fu@265
   668
    padding: 0 .5em;
fu@265
   669
}
afuna@157
   670
fu@265
   671
.module-section-two .module-time,
afuna@157
   672
.module-section-two .module-powered {
kareila@299
   673
    font-size: .8em;
afuna@157
   674
    text-align: center;
afuna@157
   675
}
fu@265
   676
.module-section-two .module-navlinks ul {
fu@265
   677
    margin-top: 0;
fu@265
   678
    padding-top: 1em;
fu@265
   679
}
afuna@157
   680
afuna@157
   681
.entry, .comment, .text_noentries_day {
afuna@157
   682
    padding: 10px;
afuna@157
   683
    margin-top: 200px;
afuna@157
   684
    position: relative;
afuna@157
   685
    margin-bottom: 10px;
afuna@157
   686
}
afuna@157
   687
$userpic_css
fu@389
   688
afuna@157
   689
.entry .userpic a, .comment .userpic a {
afuna@157
   690
    display: block;
afuna@157
   691
    position: absolute;
afuna@157
   692
    padding: 5px;
afuna@157
   693
}
fu@389
   694
fu@389
   695
    .entry .userpic a {
fu@389
   696
        top: $entry_userpic_shift;
fu@389
   697
    }
fu@389
   698
fu@389
   699
    .comment .userpic a {
fu@389
   700
        top: $comment_userpic_shift;
fu@389
   701
    }
fu@389
   702
afuna@157
   703
.entry .userpic img, .comment .userpic img {
afuna@157
   704
    border: none;
afuna@157
   705
}
kareila@292
   706
fu@348
   707
.comment-title {
fu@348
   708
    $comment_title_font
fu@348
   709
    }
fu@348
   710
kareila@292
   711
.comment-title h4 {
kareila@292
   712
    font-size: inherit;
kareila@292
   713
    font-weight: inherit;
fu@294
   714
    margin: 0;
fu@294
   715
    padding: 0;
kareila@292
   716
}
afuna@157
   717
.entry-title, .comment-title {
kareila@299
   718
    padding: .2em;
afuna@157
   719
}
afuna@247
   720
.entry-title {
afuna@247
   721
    $entry_title_font
afuna@247
   722
}
afuna@157
   723
.entry-wrapper .entry, .comment, .text_noentries_day {
afuna@157
   724
    $entry_colors
afuna@157
   725
    margin-top: 100px;
afuna@157
   726
}
afuna@157
   727
.entry-wrapper .userpic a, .comment-wrapper .userpic a {
afuna@157
   728
    $userpic_colors
afuna@157
   729
}
afuna@157
   730
.entry-wrapper .entry-title, .comment-wrapper .comment-title {
afuna@157
   731
    border: none;
afuna@157
   732
    $entry_title_colors
afuna@157
   733
}
afuna@157
   734
.entry-wrapper .entry-title a, .comment-wrapper .comment-title a {
afuna@157
   735
    $entry_title_link_colors
afuna@157
   736
}
afuna@157
   737
.entry-wrapper a, .comment-wrapper a {
afuna@157
   738
    $entry_link_colors
afuna@157
   739
}
afuna@157
   740
.entry-wrapper a:visited, .comment-wrapper a:visited {
afuna@157
   741
    $entry_link_visited_colors
afuna@157
   742
}
afuna@157
   743
.entry-wrapper a:hover, .comment-wrapper a:hover {
afuna@157
   744
    $entry_link_hover_colors
afuna@157
   745
}
kareila@169
   746
.entry-wrapper a:active, .comment-wrapper a:active {
kareila@169
   747
    $entry_link_active_colors
kareila@169
   748
}
afuna@157
   749
afuna@157
   750
.entry .time, .entry .date {
kareila@305
   751
    padding: .2em;
afuna@157
   752
    display: inline-block;
afuna@157
   753
}
afuna@157
   754
.entry-content, .comment-content {
kareila@299
   755
    padding: 10px 0;
afuna@157
   756
}
afuna@157
   757
.tag {
afuna@157
   758
    font-weight: bold;
afuna@157
   759
    text-align: left;
afuna@157
   760
}
afuna@157
   761
.tag a {
afuna@157
   762
    font-weight: normal;
afuna@157
   763
}
afuna@157
   764
.tag ul { display: inline; margin: 0; padding: 0; }
afuna@157
   765
afuna@157
   766
.tag li {
afuna@157
   767
    display: inline;
afuna@157
   768
    list-style: none;
kareila@299
   769
    padding: 0;
afuna@157
   770
}
kareila@299
   771
afuna@157
   772
*+html .tag li {
afuna@157
   773
    padding: 0 5px;
afuna@157
   774
}
afuna@157
   775
fu@266
   776
.entry .metadata.top-metadata {
fu@266
   777
    padding-top: 10px;
fu@266
   778
}
fu@399
   779
.entry .metadata.bottom-metadata {
fu@399
   780
    clear: both;
fu@399
   781
}
afuna@157
   782
.entry .metadata ul {
kareila@299
   783
    margin: 0;
kareila@299
   784
    padding: 0;
afuna@157
   785
}
afuna@157
   786
.entry .metadata li {
afuna@157
   787
    list-style: none;
afuna@157
   788
}
fu@399
   789
.entry .footer, .comment .footer { clear: both; }
afuna@157
   790
.entry .footer .inner, .comment .footer .inner {
afuna@157
   791
    text-align: right;
afuna@157
   792
}
afuna@157
   793
.entry .footer a {
afuna@157
   794
    white-space: nowrap;
afuna@157
   795
}
afuna@157
   796
/* lets have a default */
kareila@299
   797
.entry-management-links li a, .comment-management-links li a, .comment-interaction-links .thread a {
afuna@157
   798
    padding-left: 1em;
afuna@157
   799
}
afuna@157
   800
afuna@157
   801
#entries {
afuna@157
   802
    margin-top: -30px;
afuna@157
   803
}
afuna@157
   804
afuna@157
   805
.entry-management-links, .entry-interaction-links, .comment-management-links, .comment-interaction-links {
afuna@157
   806
    margin: 0;
afuna@157
   807
    padding: 0; 
afuna@157
   808
    display: inline;
kareila@299
   809
    font-size: .8em;
kareila@305
   810
    text-align: right;
afuna@157
   811
    text-transform: lowercase;
afuna@157
   812
}
kareila@299
   813
afuna@157
   814
.entry-management-links li, .entry-interaction-links li, .comment-management-links li, .comment-interaction-links li {
afuna@157
   815
    display: inline;
afuna@157
   816
    list-style: none;
afuna@157
   817
    margin: 0;
afuna@157
   818
    padding: 0 0 0 1em;
afuna@157
   819
}
afuna@157
   820
kareila@299
   821
.entry-interaction-links li a, .entry-management-links .tell_friend a, .comment-interaction-links li a {
kareila@299
   822
    padding-left: 1em;
afuna@157
   823
    display: inline;
afuna@157
   824
}
afuna@157
   825
.entry .footer hr {
afuna@157
   826
    display: none;
afuna@157
   827
}
afuna@157
   828
afuna@157
   829
.entry .metadata-label {
afuna@157
   830
    font-weight: bold;
afuna@157
   831
}
fu@307
   832
.full .comment-poster {
afuna@157
   833
    display: inline-block;
afuna@157
   834
    min-width: 40%;
afuna@157
   835
}
afuna@157
   836
afuna@157
   837
#content > hr { display: none; }
afuna@157
   838
afuna@157
   839
.navigation {
afuna@157
   840
    margin: 0;
kareila@305
   841
    margin-top: 30px;
kareila@299
   842
    padding: 0;
afuna@157
   843
    text-align: left;
afuna@157
   844
    $navigation_colors
afuna@157
   845
}
afuna@157
   846
afuna@157
   847
.navigation ul {
kareila@299
   848
    margin-top: 0;
afuna@157
   849
    padding-top: 5px;
afuna@157
   850
    text-align: left;
kareila@299
   851
    font-size: .7em;
afuna@157
   852
}
afuna@157
   853
afuna@157
   854
.navigation li {
afuna@157
   855
    display: inline;
afuna@157
   856
    padding: 0 1px;
afuna@157
   857
}
afuna@157
   858
.navigation .page-back a:before {
afuna@157
   859
    content: " << ";
kareila@299
   860
    font-size: .9em;
kareila@299
   861
    letter-spacing: 0;
afuna@157
   862
    vertical-align: 40%;
afuna@157
   863
    padding-right: 1px;
afuna@157
   864
}
afuna@157
   865
afuna@157
   866
.navigation .page-forward a:after {
afuna@157
   867
    content: " >>";
kareila@299
   868
    font-size: .9em;
kareila@299
   869
    letter-spacing: 0;
afuna@157
   870
    vertical-align: 40%;
afuna@157
   871
    padding-left: 1px;
afuna@157
   872
}
afuna@157
   873
fu@379
   874
.manage-link {
afuna@157
   875
    text-align: center;
kareila@305
   876
    font-size: .7em;
afuna@157
   877
}
afuna@157
   878
afuna@157
   879
.month-wrapper, #archive-month dl {
afuna@157
   880
    padding: 10px;
afuna@157
   881
    position: relative;
kareila@299
   882
    margin: 20px 0;
afuna@157
   883
    $entry_colors
afuna@157
   884
}
afuna@157
   885
afuna@157
   886
 .month-wrapper h3 {
kareila@299
   887
    padding: .2em;
afuna@157
   888
    margin: 0;
kareila@305
   889
    margin-bottom: 20px;
afuna@157
   890
    font-size: 1.2em;
afuna@157
   891
    $page_content_title_colors
afuna@157
   892
}
afuna@157
   893
afuna@157
   894
.month caption {
afuna@157
   895
    display: none;
afuna@157
   896
}
afuna@157
   897
.month .day span, .month .day p {
afuna@157
   898
    padding: 0;
afuna@157
   899
    margin: 0;
afuna@157
   900
}
afuna@157
   901
.month .day p {
afuna@157
   902
    margin-top: 4px;
afuna@157
   903
    margin-bottom: -4px;
afuna@157
   904
}
afuna@157
   905
.month .day, .month th {
afuna@157
   906
    line-height: 2em;
afuna@157
   907
    vertical-align: text-top;
afuna@157
   908
    padding: 5px;
afuna@157
   909
    text-align: center;
afuna@157
   910
}
afuna@157
   911
/* IE only to line up the empty days neatly */
afuna@157
   912
*+html .month .day span, *+html .month th span{
afuna@157
   913
    vertical-align: 100%;
afuna@157
   914
}
afuna@157
   915
.month .day-has-entries {
afuna@157
   916
    line-height: 1em;
afuna@157
   917
}
afuna@157
   918
.month .footer {
afuna@157
   919
    width: 250px;
afuna@157
   920
    text-align: center;
kareila@299
   921
    margin: 10px 0;
afuna@157
   922
}
afuna@157
   923
afuna@157
   924
#postform {
afuna@157
   925
    margin-top: 20px;
afuna@157
   926
    $postform_colors
afuna@157
   927
}
afuna@157
   928
afuna@157
   929
.text_noentries_day {
afuna@157
   930
    margin-top: 20px;
afuna@157
   931
    margin-bottom: 20px;
afuna@157
   932
}
afuna@157
   933
afuna@157
   934
#archive-month dt {
afuna@157
   935
    font-weight: bold;
afuna@157
   936
}
afuna@157
   937
#archive-month .entry-title {
afuna@157
   938
    display: inline-block;
afuna@157
   939
    padding-left: 5px;
afuna@157
   940
}
afuna@157
   941
fu@450
   942
/*--- Tags Page ---*/
fu@450
   943
fu@450
   944
.tags-container {
fu@450
   945
    $entry_colors
fu@450
   946
    padding: 10px;
fu@450
   947
}
fu@450
   948
fu@450
   949
.tags-container h2 {
fu@450
   950
    $page_content_title_colors
fu@450
   951
    font-size: 1.2em;
fu@450
   952
    margin: 0 10px 20px 0;
fu@450
   953
    padding: .2em;
fu@450
   954
}
fu@450
   955
fu@450
   956
.tags-container ul {
fu@450
   957
    margin: 10px;
fu@450
   958
    padding: 0;
fu@450
   959
    text-align: left;
fu@450
   960
}
fu@450
   961
.tags-container li {
fu@450
   962
    margin-left: 10px;
fu@450
   963
    padding: 0;
fu@450
   964
}
fu@450
   965
fu@450
   966
/*--- Icons Page ---*/
fu@450
   967
fu@450
   968
.icons-container {
fu@450
   969
    $entry_colors
fu@450
   970
    padding: 10px;
fu@450
   971
    }
fu@450
   972
fu@450
   973
.icons-container a {
fu@450
   974
    color: $*color_entry_link;
fu@450
   975
    }
fu@450
   976
fu@450
   977
.icons-container a;visited {
fu@450
   978
    color: $*color_entry_link_visited;
fu@450
   979
    }
fu@450
   980
fu@450
   981
.icons-container a:hover {
fu@450
   982
    color: $*color_entry_link_hover;
fu@450
   983
    }
fu@450
   984
fu@450
   985
.icons-container a:active {
fu@450
   986
    color: $*color_entry_link_active;
fu@450
   987
    }
fu@450
   988
fu@450
   989
.icons-container h2 {
fu@450
   990
    $page_content_title_colors
fu@450
   991
    font-size: 1.2em;
fu@450
   992
    margin: 0 10px 20px 0;
fu@450
   993
    padding: .2em;
fu@450
   994
    }
fu@450
   995
fu@450
   996
.sorting-options ul {
fu@450
   997
    padding-left: 0;
fu@450
   998
    }
fu@450
   999
fu@450
  1000
.sorting-options ul li {
fu@450
  1001
    display: inline;
fu@450
  1002
    list-style: none;
fu@450
  1003
    }
fu@450
  1004
fu@450
  1005
.page-icons .comment {
fu@450
  1006
    background: transparent;
fu@450
  1007
    border: none;
fu@450
  1008
    margin: 0;
fu@450
  1009
    padding: 0;
fu@450
  1010
    }
fu@450
  1011
fu@450
  1012
.page-icons .icon {
fu@450
  1013
    margin: 1em 0;
fu@450
  1014
    }
fu@450
  1015
fu@450
  1016
.icon-image {
fu@450
  1017
    float: left;
fu@450
  1018
    clear: left;
fu@450
  1019
    margin-bottom: .25em;
fu@450
  1020
    min-width: 100px;
fu@450
  1021
    padding-right: 1em;
fu@450
  1022
    }
fu@450
  1023
fu@450
  1024
.icon-info {
fu@450
  1025
    min-height: 100px;
fu@450
  1026
    }
fu@450
  1027
fu@450
  1028
.icon-info span {
fu@450
  1029
    font-weight: bold;
fu@450
  1030
    }
fu@450
  1031
fu@450
  1032
.icon-info .default {
fu@450
  1033
    text-decoration: underline;
fu@450
  1034
    }
fu@450
  1035
fu@450
  1036
.icon-info .keywords ul {
fu@450
  1037
    display: inline;
fu@450
  1038
    padding-left: 0;
fu@450
  1039
    }
fu@450
  1040
fu@450
  1041
.icon-info .keywords ul li {
fu@450
  1042
    display: inline;
fu@450
  1043
    list-style: none;
fu@451
  1044
    padding: 0 .25em 0 0;
fu@450
  1045
    }
fu@450
  1046
afuna@157
  1047
#commenttext {
afuna@157
  1048
    width: 95%;
afuna@157
  1049
}
afuna@157
  1050
fu@382
  1051
#footer {
fu@382
  1052
    font-size: .9em;
fu@382
  1053
    margin: 1em 0;
fu@382
  1054
    text-align: center;
fu@382
  1055
}
fu@382
  1056
afuna@157
  1057
""";
afuna@157
  1058
afuna@157
  1059
}