bin/upgrading/s2layers/negatives/layout.s2
author fu
Fri Jan 27 17:59:59 2012 +0800
changeset 4240 5bab31c9f015
parent 4224 701719de9628
child 4302 4fc7eee083ff
permissions -rw-r--r--
http://bugs.dwscoalition.org/show_bug.cgi?id=4245

Call keywords in list context, so that we get a list instead of a comma-separated string. Add a bit of padding because we no longer have a physical comma.

Patch by fu.
mark@511
     1
layerinfo type = "layout";
mark@511
     2
layerinfo name = "Negatives";
mark@511
     3
layerinfo redist_uniq = "negatives/layout";
mark@511
     4
layerinfo author_name = "phoenix";
mark@511
     5
layerinfo des = "Highly customisable div-based layout";
mark@511
     6
layerinfo lang = "en";
mark@511
     7
mark@1413
     8
set layout_authors = [ { "name" => "phoenix", "type" => "user" } ];
mark@1413
     9
afuna@721
    10
##===============================
afuna@721
    11
## Display settings - general
afuna@721
    12
##===============================
afuna@721
    13
afuna@721
    14
propgroup presentation {
afuna@721
    15
    property use num_items_recent;
afuna@721
    16
    property use num_items_reading;
afuna@721
    17
    property use use_journalstyle_entry_page;
afuna@796
    18
    property use layout_type;
fu@3534
    19
    property use margins_size;
fu@3534
    20
    property use margins_unit;
afuna@932
    21
    property use tags_page_type;
fu@3482
    22
    property use userpics_style_group;
fu@2494
    23
    property use userpics_position;
fu@2358
    24
    property use entry_metadata_position;
afuna@1145
    25
    property use use_custom_friend_colors;
fu@2347
    26
    property use use_shared_pic;
fu@2456
    27
    property use userlite_interaction_links;
fu@2456
    28
    property use entry_management_links;
fu@2456
    29
    property use comment_management_links;
fu@4189
    30
    property use reg_firstdayofweek;
fu@3210
    31
    property use entry_datetime_format_group;
fu@3210
    32
    property use comment_datetime_format_group;
afuna@721
    33
}
afuna@721
    34
fu@2494
    35
set userpics_position = "right";
afuna@908
    36
set layout_type = "two-columns-right";
afuna@1145
    37
set custom_colors_template = "%%new%% div.footer, %%new%% div.footer ul, %%new%% div.footer ul a {background-color: %%background%%} %%new%% {border: 5px solid %%background%%;} %%new%% div.footer a, %%new%% div.footer {color: %%foreground%%;}";
afuna@908
    38
afuna@721
    39
##===============================
afuna@721
    40
## Journal style - colors
afuna@721
    41
##===============================
afuna@721
    42
afuna@721
    43
propgroup colors {
afuna@721
    44
afuna@721
    45
    property use color_page_background;
afuna@721
    46
    property use color_page_text;
afuna@744
    47
    property use color_page_link;
afuna@830
    48
    property use color_page_link_hover;
afuna@1473
    49
    property use color_page_link_active;
afuna@1473
    50
    property use color_page_link_visited;
afuna@721
    51
afuna@1926
    52
    property use color_header_background;
afuna@1926
    53
    property use color_header_link;
afuna@1926
    54
    property use color_header_link_hover;
afuna@1926
    55
    property use color_header_link_active;
afuna@1926
    56
    property use color_header_link_visited;
afuna@1926
    57
afuna@1926
    58
    property use color_footer_background;
afuna@1926
    59
    property use color_footer_link;
afuna@1926
    60
    property use color_footer_link_hover;
afuna@1926
    61
    property use color_footer_link_active;
afuna@1926
    62
    property use color_footer_link_visited;
afuna@1926
    63
afuna@721
    64
    property use color_module_background;
afuna@721
    65
    property use color_module_text;
afuna@721
    66
    property use color_module_border;
afuna@721
    67
    property use color_module_link;
afuna@830
    68
    property use color_module_link_hover;
afuna@1473
    69
    property use color_module_link_active;
afuna@1473
    70
    property use color_module_link_visited;
afuna@721
    71
    property use color_module_title;
afuna@721
    72
afuna@721
    73
    property use color_entry_link;
afuna@830
    74
    property use color_entry_link_hover;
afuna@1473
    75
    property use color_entry_link_active;
afuna@1473
    76
    property use color_entry_link_visited;
afuna@721
    77
    property use color_entry_border;
afuna@721
    78
    property use color_entry_background;
afuna@721
    79
    property use color_entry_text;
afuna@721
    80
    property use color_entry_title;
afuna@1473
    81
afuna@1926
    82
    property use color_entry_interaction_links_background;
afuna@721
    83
    property use color_entry_interaction_links;
afuna@1473
    84
    property use color_entry_interaction_links_hover;
afuna@1473
    85
    property use color_entry_interaction_links_active;
afuna@1473
    86
    property use color_entry_interaction_links_visited;
afuna@721
    87
afuna@721
    88
}
afuna@721
    89
afuna@721
    90
afuna@721
    91
##===============================
afuna@928
    92
## Journal style - images
afuna@928
    93
##===============================
afuna@928
    94
afuna@1437
    95
propgroup fonts {
afuna@1437
    96
    property use font_base;
afuna@1437
    97
    property use font_fallback;
afuna@1437
    98
    property use font_base_size;
afuna@1437
    99
    property use font_base_units;
fu@2209
   100
    property use font_entry_title;
fu@2209
   101
    property use font_entry_title_size;
fu@2209
   102
    property use font_entry_title_units;
fu@3057
   103
    property use font_comment_title;
fu@3057
   104
    property use font_comment_title_size;
fu@3057
   105
    property use font_comment_title_units;
afuna@1437
   106
    property use font_module_heading;
afuna@1437
   107
    property use font_module_heading_units;
afuna@1437
   108
    property use font_module_heading_size;
fu@2209
   109
    property use font_module_text;
fu@2209
   110
    property use font_module_text_size;
fu@2209
   111
    property use font_module_text_units;
afuna@1437
   112
}
afuna@1437
   113
afuna@1437
   114
set font_base = "Georgia";
afuna@1437
   115
set font_fallback = "serif";
afuna@1437
   116
set font_base_size = "1";
afuna@1437
   117
set font_base_units = "em";
afuna@1437
   118
set font_module_heading_size = "1.1";
afuna@1437
   119
set font_module_heading_units = "em";
afuna@1437
   120
set font_entry_title_size = "1.1";
afuna@1437
   121
set font_entry_title_units = "em";
afuna@1437
   122
afuna@1437
   123
##===============================
afuna@1437
   124
## Journal style - images
afuna@1437
   125
##===============================
afuna@1437
   126
afuna@928
   127
propgroup images {
afuna@928
   128
    property use image_background_page_group;
afuna@928
   129
    property use image_background_header_group;
afuna@928
   130
    property use image_background_header_height;
afuna@928
   131
    property use image_background_entry_group;
afuna@928
   132
    property use image_background_module_group;
afuna@928
   133
}
afuna@928
   134
afuna@928
   135
##===============================
afuna@721
   136
## Display settings - modules
afuna@721
   137
##===============================
afuna@661
   138
mark@689
   139
propgroup modules {
mark@689
   140
    property use module_userprofile_group;
mark@689
   141
    property use module_navlinks_group;
afuna@974
   142
    property use module_customtext_group;
mark@689
   143
    property use module_calendar_group;
mark@689
   144
    property use module_pagesummary_group;
mark@1972
   145
    property use module_active_group;
mark@689
   146
    property use module_tags_group;
mark@689
   147
    property use module_links_group;
mark@689
   148
    property use module_syndicate_group;
mark@689
   149
    property use module_time_group;
mark@689
   150
    property use module_poweredby_group;
mark@1413
   151
    property use module_credit_group;
fu@2382
   152
    property use module_search_group;
fu@3465
   153
    property use module_cuttagcontrols_group;
mark@689
   154
}
mark@689
   155
mark@689
   156
fu@3701
   157
set module_layout_sections = "none|(none)|one|Main Module Section|two|Header|three|Footer";
mark@689
   158
mark@689
   159
set module_navlinks_section = "two";
mark@689
   160
mark@689
   161
set module_userprofile_section = "one";
mark@689
   162
set module_customtext_section = "one";
mark@689
   163
set module_pagesummary_section = "one";
mark@689
   164
set module_tags_section = "one";
mark@689
   165
set module_links_section = "one";
mark@689
   166
set module_syndicate_section = "one";
mark@1413
   167
set module_credit_section = "one";
mark@689
   168
mark@689
   169
set module_calendar_section = "three";
mark@689
   170
set module_calendar_opts_type = "horizontal";
mark@689
   171
mark@689
   172
set module_time_section = "none";
afuna@721
   173
set module_poweredby_section = "one";
mark@689
   174
afuna@721
   175
##===============================
afuna@721
   176
## Custom CSS
afuna@721
   177
##===============================
mark@511
   178
afuna@721
   179
propgroup customcss {
afuna@721
   180
    property use external_stylesheet;
afuna@721
   181
    property use include_default_stylesheet;
afuna@721
   182
    property use linked_stylesheet;
afuna@721
   183
    property use custom_css;
mark@511
   184
}
mark@511
   185
afuna@958
   186
propgroup text {
afuna@958
   187
afuna@721
   188
##===============================
afuna@721
   189
## Text - main navigation
afuna@721
   190
##===============================
afuna@721
   191
afuna@958
   192
    property use text_view_archive;
afuna@958
   193
    property use text_view_userinfo;
afuna@958
   194
    property use text_view_memories;
afuna@958
   195
    property use text_view_tags;
afuna@958
   196
afuna@721
   197
##===============================
afuna@721
   198
## Text - entry comment-related
afuna@721
   199
##===============================
mark@511
   200
afuna@721
   201
    property use text_view_recent;
afuna@721
   202
    property use text_view_friends;
afuna@1490
   203
    property use text_view_network;
afuna@721
   204
    property use text_view_friends_comm;
afuna@721
   205
    property use text_view_friends_filter;
afuna@721
   206
    property use text_view_archive;
afuna@721
   207
    property use text_view_userinfo;
afuna@721
   208
    property use text_view_memories;
afuna@721
   209
afuna@721
   210
    property use text_post_comment;
afuna@721
   211
    property use text_max_comments;
afuna@721
   212
    property use text_read_comments;
afuna@721
   213
    property use text_post_comment_friends;
afuna@721
   214
    property use text_read_comments_friends;
afuna@958
   215
afuna@958
   216
    property use text_skiplinks_back;
afuna@958
   217
    property use text_skiplinks_forward;
afuna@958
   218
    property use text_meta_music; 
afuna@958
   219
    property use text_meta_mood; 
afuna@958
   220
    property use text_meta_location; 
fu@3354
   221
    property use text_meta_xpost;
afuna@958
   222
    property use text_tags; 
afuna@958
   223
afuna@958
   224
    property use text_entry_prev;
afuna@958
   225
    property use text_entry_next; 
afuna@958
   226
    property use text_edit_entry; 
afuna@958
   227
    property use text_edit_tags; 
afuna@958
   228
    property use text_tell_friend; 
afuna@958
   229
    property use text_mem_add; 
afuna@958
   230
    property use text_watch_comments; 
afuna@958
   231
    property use text_unwatch_comments; 
afuna@958
   232
    property use text_permalink;
mark@1651
   233
    property use text_stickyentry_subject;
afuna@974
   234
afuna@974
   235
    property use text_module_customtext;
afuna@974
   236
    property use text_module_customtext_content;
afuna@974
   237
    property use text_module_customtext_url;
mark@511
   238
}
mark@511
   239
mark@511
   240
set entry_management_links = "text";
mark@511
   241
set comment_management_links = "text";
mark@511
   242
mark@511
   243
#######################
mark@511
   244
#Functions
mark@511
   245
#######################
mark@511
   246
mark@511
   247
########################
afuna@1926
   248
#Initialize some properties with fallback values
afuna@1926
   249
function prop_init {
afuna@1926
   250
    if ( not defined $*color_entry_interaction_links_background ) {
afuna@1926
   251
        $*color_entry_interaction_links_background = $*color_page_background;
afuna@1926
   252
    }
afuna@1926
   253
}
afuna@1926
   254
afuna@1926
   255
########################
mark@511
   256
#Prints the stylesheet
afuna@1381
   257
function Page::print_default_stylesheet()
mark@511
   258
{
afuna@928
   259
    var string page_background = generate_background_css($*image_background_page_url,$*image_background_page_repeat,$*image_background_page_position,$*color_page_background);
afuna@1926
   260
    var string header_background = generate_background_css($*image_background_header_url, $*image_background_header_repeat, $*image_background_header_position, $*color_header_background);
afuna@1926
   261
    var string footer_background = generate_background_css( "", "", "", $*color_footer_background );
afuna@928
   262
    var string entry_background = generate_background_css ($*image_background_entry_url, $*image_background_entry_repeat, $*image_background_entry_position,$*color_entry_background);
afuna@928
   263
    var string module_background = generate_background_css ($*image_background_module_url, $*image_background_module_repeat, $*image_background_module_position,$*color_module_background);
afuna@928
   264
    if ($*image_background_header_height > 0) {
afuna@928
   265
        $header_background = $header_background + "\n        height: " + $*image_background_header_height + "px;";
afuna@928
   266
    }
fu@2977
   267
    var string page_font = generate_font_css("", $*font_base, $*font_fallback, $*font_base_size, $*font_base_units);
fu@2977
   268
    var string entry_title_font = generate_font_css($*font_entry_title, $*font_base, $*font_fallback, $*font_entry_title_size, $*font_entry_title_units);
fu@3057
   269
    var string comment_title_font = generate_font_css($*font_comment_title, $*font_base, $*font_fallback, $*font_comment_title_size, $*font_comment_title_units);
fu@2977
   270
    var string module_font = generate_font_css($*font_module_text, $*font_base, $*font_fallback, $*font_module_text_size, $*font_module_text_units);
fu@2977
   271
    var string module_title_font = generate_font_css($*font_module_heading, $*font_base, $*font_fallback, $*font_module_heading_size, $*font_module_heading_units);
afuna@1381
   272
fu@2494
   273
    var string userpic_css = "";
fu@2494
   274
    if ($*userpics_position == "left") {
fu@2494
   275
        $userpic_css = """
fu@2767
   276
        .entry .userpic,
fu@2767
   277
        .comment .userpic {
fu@2494
   278
            float: left;
fu@2494
   279
            margin-right: 2px;
fu@2494
   280
        }
fu@2494
   281
        """;
fu@2494
   282
    }
fu@2494
   283
    elseif ($*userpics_position == "right") {
fu@2494
   284
        $userpic_css = """
fu@2767
   285
        .entry .userpic,
fu@2767
   286
        .comment .userpic {
fu@2494
   287
            float: right;
fu@2494
   288
        }
fu@2494
   289
        """;
fu@2494
   290
    }
fu@2494
   291
fu@2544
   292
    """
mark@511
   293
    body {
mark@511
   294
        margin: 0;
mark@511
   295
        padding: 0;
afuna@1437
   296
        $page_font
afuna@928
   297
        $page_background
afuna@721
   298
        color:$*color_page_text;
mark@511
   299
        }
fu@3534
   300
fu@3534
   301
    html body {
fu@3534
   302
        margin-left: $*margins_size$*margins_unit;
fu@3534
   303
        margin-right: $*margins_size$*margins_unit;
fu@3534
   304
        }
fu@3534
   305
mark@511
   306
    a {
mark@511
   307
        text-decoration: none;
mark@511
   308
        font-weight: bold;
afuna@744
   309
        color:  $*color_page_link;
mark@511
   310
        outline: none;
mark@511
   311
        }
kareila@1642
   312
    a:visited {
kareila@1642
   313
        color: $*color_page_link_visited;
kareila@1642
   314
    }
kareila@1642
   315
    a:hover {
kareila@1642
   316
        color: $*color_page_link_hover;
kareila@1642
   317
        }
afuna@1473
   318
    a:active {
afuna@721
   319
        color: $*color_entry_link_active;
mark@511
   320
        }
mark@511
   321
    img, img a {
mark@511
   322
        border: 0!important;
mark@511
   323
        }
fu@2217
   324
    q { font-style: italic;
fu@2217
   325
        }
afuna@721
   326
    #header {
afuna@928
   327
        border-top: 0!important;
afuna@928
   328
        border-bottom: 5px double $*color_module_border;
afuna@928
   329
        $header_background
afuna@721
   330
    }
afuna@1926
   331
    #header a {
afuna@1926
   332
        color: $*color_header_link;
afuna@1926
   333
    }
afuna@1926
   334
    #header a:active {
afuna@1926
   335
        color: $*color_header_link_active;
afuna@1926
   336
    }
afuna@1926
   337
    #header a:visited {
afuna@1926
   338
        color: $*color_header_link_visited;
afuna@1926
   339
    }
afuna@1926
   340
    #header a:hover {
afuna@1926
   341
        color: $*color_header_link_hover;
afuna@1926
   342
    }
afuna@721
   343
    .module-section-two {
afuna@721
   344
    }
afuna@721
   345
    .module-section-three {
afuna@721
   346
        border-bottom: 0!important;
afuna@721
   347
        border-top: 5px double $*color_module_border;
afuna@721
   348
    }
afuna@721
   349
    #footer {
afuna@721
   350
        clear:both;
afuna@1926
   351
        $footer_background;
afuna@1926
   352
    }
afuna@1926
   353
    #footer a {
afuna@1926
   354
        color: $*color_footer_link;
afuna@1926
   355
    }
afuna@1926
   356
    #footer a:active {
afuna@1926
   357
        color: $*color_footer_link_active;
afuna@1926
   358
    }
afuna@1926
   359
    #footer a:visited {
afuna@1926
   360
        color: $*color_footer_link_visited;
afuna@1926
   361
    }
afuna@1926
   362
    #footer a:hover {
afuna@1926
   363
        color: $*color_footer_link_hover;
afuna@721
   364
    }
mark@511
   365
    #primary {
mark@538
   366
        position: relative;
mark@511
   367
        font-size: 0.9em;
mark@511
   368
        padding: 10px;
mark@511
   369
        padding-bottom: 5px;
mark@511
   370
        border: 0px;
afuna@721
   371
        border-left:5px double $*color_module_border;
afuna@721
   372
        border-right:5px double $*color_module_border;
kareila@1470
   373
        z-index: 10;
mark@511
   374
        }
mark@511
   375
    #secondary {
mark@538
   376
        position: relative;
mark@511
   377
        margin: 0px;
mark@511
   378
        padding: 10px;
mark@511
   379
        border: 0px;
mark@511
   380
        padding-bottom: 10px;
afuna@721
   381
        font-size: 0.80em;
afuna@928
   382
        $module_background
afuna@721
   383
        color: $*color_module_text;
mark@511
   384
        }
fu@3698
   385
fu@3698
   386
    .one-column #secondary {
fu@3698
   387
        border-left: 5px double $*color_module_border;
fu@3698
   388
        border-right: 5px double $*color_module_border;
fu@3698
   389
        }
fu@3698
   390
fu@3698
   391
    .one-column-split #secondary {
fu@3698
   392
        border-left: 5px double $*color_module_border;
fu@3698
   393
        border-right: 5px double $*color_module_border;
fu@3698
   394
        }
fu@3698
   395
afuna@1473
   396
    #secondary a {
afuna@721
   397
        color:$*color_module_link;
mark@511
   398
        font-weight:normal;
mark@511
   399
        padding-bottom:1px;
mark@511
   400
    }
kareila@1642
   401
    #secondary a:visited {
kareila@1642
   402
        color:$*color_module_link_visited;
kareila@1642
   403
    }
afuna@1473
   404
    #secondary a:hover {
afuna@830
   405
        color:$*color_module_link_hover;
mark@511
   406
    }
afuna@1473
   407
    #secondary a:active {
afuna@1473
   408
        color:$*color_module_link_active;
afuna@1473
   409
    }
mark@511
   410
    #secondary .module-header {
afuna@721
   411
        border-bottom:1px solid $*color_module_border;
mark@511
   412
        font-weight:bold;
mark@511
   413
        letter-spacing:.3em;
afuna@1812
   414
    }
afuna@1812
   415
    .two-columns-right #secondary .module-header {
mark@511
   416
        text-align: right;
mark@511
   417
    }
mark@511
   418
    #secondary .module-header a {
afuna@721
   419
        color: $*color_module_title;
mark@511
   420
    }
fu@3360
   421
fu@3360
   422
    .manage-link {
mark@511
   423
        text-align: center;
afuna@649
   424
    }
fu@3360
   425
afuna@721
   426
    .module {
mark@511
   427
        letter-spacing:.3em;
mark@550
   428
        padding: 0.5em 0;
mark@550
   429
    }
fu@2209
   430
fu@2209
   431
    .module h2 {
fu@2209
   432
        $module_title_font
fu@2209
   433
    }
fu@2209
   434
fu@2209
   435
    .module-content {
fu@2209
   436
        $module_font
fu@2209
   437
    }
fu@2209
   438
fu@2605
   439
    .module-tags_cloud li, .tags_cloud li { 
fu@2605
   440
        display: inline;
fu@2605
   441
        list-style-type: none; 
fu@2605
   442
    }
fu@2605
   443
afuna@721
   444
    .entry, .entry-wrapper, .comment, .comment-wrapper {
mark@511
   445
        min-height: 110px;
afuna@721
   446
        border:5px solid $*color_entry_border;
afuna@721
   447
        padding: 5px;
afuna@928
   448
        $entry_background;
afuna@721
   449
        color: $*color_entry_text;
mark@511
   450
    }
mark@738
   451
    .comment-wrapper.partial , .partial .comment { 
mark@738
   452
        min-height: 0;
mark@738
   453
    }
kareila@2543
   454
fu@3057
   455
    .comment-title {
fu@3057
   456
        $comment_title_font
fu@3057
   457
        }
fu@3057
   458
kareila@2543
   459
    .comment-title h4 {
kareila@2543
   460
        font-size: inherit;
kareila@2543
   461
        font-weight: inherit;
fu@2563
   462
        margin: 0;
fu@2563
   463
        padding: 0;
kareila@2543
   464
    }
mark@738
   465
    .partial .comment-title {
mark@738
   466
        display: inline;
fu@2663
   467
        margin-right: .2em;
fu@2663
   468
    }
fu@2663
   469
    .partial .comment-title h4 {
fu@2663
   470
        display: inline;
fu@2663
   471
    }
fu@2663
   472
    .partial .comment-poster:before {
fu@2663
   473
        content: "- ";
mark@738
   474
    }
afuna@744
   475
    .entry a, .comment a {
afuna@744
   476
        color: $*color_entry_link;
afuna@744
   477
    }
kareila@1642
   478
    .entry a:visited, .comment a:visited {
kareila@1642
   479
        color: $*color_entry_link_visited;
kareila@1642
   480
    }
afuna@830
   481
    .entry a:hover, .comment a:hover {
afuna@830
   482
        color: $*color_entry_link_hover;
afuna@830
   483
    }
afuna@1473
   484
    .entry a:active, .comment a:active {
afuna@1473
   485
        color: $*color_entry_link_active;
afuna@1473
   486
    }
mark@1087
   487
    .tag { margin: 10px 0; }
mark@1087
   488
    .tag ul { display: inline; margin: 0; padding: 0; }
mark@1087
   489
    .tag li { display: inline; }
mark@2190
   490
    .bottomcomment, .comments-message {
afuna@721
   491
        border: 15px double $*color_entry_border;
afuna@721
   492
        padding: 5px;
afuna@721
   493
        margin-top: 5px;
afuna@721
   494
        background-color: $*color_entry_background;
fu@3122
   495
        color: $*color_entry_text;
mark@511
   496
    }
afuna@721
   497
    .entry-wrapper .footer {
afuna@1926
   498
        background-color: $*color_entry_interaction_links_background;
mark@511
   499
    }
mark@511
   500
    .comment-poster .anonymous {
mark@511
   501
        font-weight: bold;
mark@511
   502
    }
afuna@902
   503
    .comment-management-links {
afuna@902
   504
        display: inline;
afuna@902
   505
        padding-left: 0;
afuna@902
   506
    }
fu@2766
   507
    .entry-title, .userlite-interaction-links.icon-links li,
afuna@721
   508
    .entry-management-links li, .entry-interaction-links li,
afuna@721
   509
    .comment-interaction-links li, .comment-management-links li {
mark@511
   510
        display: inline;
mark@511
   511
        padding-left: 0.5em;
mark@511
   512
    }
afuna@744
   513
    .entry-title a {
afuna@721
   514
        color: $*color_entry_title;
afuna@721
   515
    }
afuna@830
   516
    .entry-title a:hover {
afuna@830
   517
        color: $*color_entry_link_hover;
afuna@830
   518
    }
fu@2858
   519
fu@2858
   520
    /* To prevent overlapping when icon's on the left */
fu@2858
   521
    /* and list is the first thing in content */
fu@2858
   522
    .entry-content li,
fu@2858
   523
    .comment-content li {
fu@2858
   524
        list-style-position: inside;
fu@2858
   525
        }
fu@2858
   526
fu@2918
   527
    .entry .footer,
fu@2918
   528
    .comment .footer {
fu@2918
   529
        clear: both;
fu@2918
   530
    }
fu@2918
   531
afuna@721
   532
    .entry-management-links, .entry-management-links a,
afuna@721
   533
    .entry-interaction-links, .entry-interaction-links a,
afuna@1473
   534
    .comment-interaction-links, .comment-interaction-links a{
afuna@1926
   535
        background-color: $*color_entry_interaction_links_background;
afuna@721
   536
        color: $*color_entry_interaction_links;
afuna@767
   537
        padding: 0 0.5em;
afuna@767
   538
        font-weight: normal;
afuna@721
   539
        text-align: center;
afuna@721
   540
    }
kareila@1642
   541
    .entry-management-links a:visited, .comment-management-links a:visited,
kareila@1642
   542
    .entry-interaction-links a:visited, .comment-interaction-links a:visited{
kareila@1642
   543
        color: $*color_entry_interaction_links_visited;
kareila@1642
   544
     }
afuna@1473
   545
    .entry-management-links a:hover, .comment-management-links a:hover, 
afuna@1473
   546
    .entry-interaction-links a:hover, .comment-interaction-links a:hover{
afuna@1473
   547
         color: $*color_entry_interaction_links_hover;
afuna@1473
   548
    } 
afuna@1473
   549
    .entry-management-links a:active, .comment-management-links a:active,
afuna@1473
   550
    .entry-interaction-links a:active, .comment-interaction-links a:active{
afuna@1473
   551
        color: $*color_entry_interaction_links_active;
afuna@721
   552
    }
afuna@1473
   553
 
fu@2767
   554
    .userlite-interaction-links.icon-links, .entry-management-links ul, .comment-management-links ul {
afuna@721
   555
        list-style: none;
fu@2766
   556
        margin-left: 0;
fu@2766
   557
        padding-left: 0;
afuna@721
   558
    }
afuna@1696
   559
afuna@1696
   560
    .tags-container {
afuna@1696
   561
        color: $*color_entry_text;
afuna@1696
   562
        margin: 5px;
afuna@1696
   563
        padding: 5px;
afuna@1696
   564
        $entry_background;
afuna@1696
   565
    }
afuna@1696
   566
afuna@1696
   567
    .tags-container h2 {
afuna@1696
   568
        font-weight: bold !important;
afuna@1696
   569
        margin: 0 !important;
afuna@1696
   570
        padding-bottom: 10px !important;
afuna@1696
   571
        $entry_title_font
afuna@1696
   572
    }
afuna@1696
   573
afuna@1696
   574
    .tags-container .ljtaglist {
afuna@1696
   575
        padding-bottom: 5px !important;
afuna@1696
   576
    }
afuna@1696
   577
afuna@1696
   578
    .tags-container a {
afuna@1696
   579
        color: $*color_entry_link !important;
afuna@1696
   580
    }
afuna@1696
   581
    .tags-container a:visited {
afuna@1696
   582
        color: $*color_entry_link_visited !important;
afuna@1696
   583
    }
afuna@1696
   584
    .tags-container a:hover {
afuna@1696
   585
        color: $*color_entry_link_hover !important;
afuna@1696
   586
    }
afuna@1696
   587
    .tags-container a:active {
afuna@1696
   588
        color: $*color_entry_link_active !important;
afuna@1696
   589
    }
afuna@1696
   590
fu@4217
   591
    /*--- Icons Page ---*/
fu@4217
   592
fu@4217
   593
    .icons-container {
fu@4217
   594
        color: $*color_entry_text;
fu@4217
   595
        margin: 5px;
fu@4217
   596
        padding: 5px;
fu@4217
   597
        $entry_background;
fu@4217
   598
        }
fu@4217
   599
fu@4217
   600
    .icons-container h2 {
fu@4217
   601
        font-weight: bold !important;
fu@4217
   602
        margin: 0 !important;
fu@4217
   603
        padding-bottom: 10px !important;
fu@4217
   604
        $entry_title_font
fu@4217
   605
        }
fu@4217
   606
fu@4217
   607
    .icons-container a {
fu@4217
   608
        color: $*color_entry_link !important;
fu@4217
   609
        }
fu@4217
   610
fu@4217
   611
    .icons-container a:visited {
fu@4217
   612
        color: $*color_entry_link_visited !important;
fu@4217
   613
        }
fu@4217
   614
fu@4217
   615
    .icons-container a:hover {
fu@4217
   616
        color: $*color_entry_link_hover !important;
fu@4217
   617
        }
fu@4217
   618
fu@4217
   619
    .icons-container a:active {
fu@4217
   620
        color: $*color_entry_link_active !important;
fu@4217
   621
        }
fu@4217
   622
fu@4217
   623
    .sorting-options ul {
fu@4217
   624
        padding-left: 0;
fu@4217
   625
        }
fu@4217
   626
fu@4217
   627
    .sorting-options ul li {
fu@4217
   628
        display: inline;
fu@4217
   629
        list-style: none;
fu@4217
   630
        }
fu@4217
   631
fu@4217
   632
    .page-icons .comment {
fu@4217
   633
        border: none;
fu@4217
   634
        min-height: 0;
fu@4217
   635
        padding: 0;
fu@4217
   636
        }
fu@4217
   637
fu@4217
   638
    .page-icons .icon {
fu@4217
   639
        margin: 1em 0;
fu@4217
   640
        }
fu@4217
   641
fu@4217
   642
    .icon-image {
fu@4217
   643
        float: left;
fu@4217
   644
        clear: left;
fu@4217
   645
        margin-bottom: .25em;
fu@4217
   646
        min-width: 100px;
fu@4217
   647
        padding-right: 1em;
fu@4217
   648
        }
fu@4217
   649
fu@4217
   650
    .icon-info {
fu@4217
   651
        min-height: 100px;
fu@4217
   652
        }
fu@4217
   653
fu@4217
   654
    .icon-info span {
fu@4217
   655
        font-weight: bold;
fu@4217
   656
        }
fu@4217
   657
fu@4217
   658
    .icon-info .default {
fu@4217
   659
        text-decoration: underline;
fu@4217
   660
        }
fu@4217
   661
fu@4217
   662
    .icon-info .keywords ul {
fu@4217
   663
        display: inline;
fu@4217
   664
        padding: 0;
fu@4217
   665
        }
fu@4217
   666
fu@4217
   667
    .icon-info .keywords ul li {
fu@4217
   668
        display: inline;
fu@4217
   669
        list-style: none;
fu@4240
   670
        padding: 0 .25em 0 0;
fu@4217
   671
        }
fu@4217
   672
fu@2367
   673
    .module-section-two .module,
fu@2367
   674
    .module-section-three .module {
fu@2367
   675
        padding-left: .5em;
fu@2367
   676
        padding-right: .5em;
fu@2367
   677
    }
fu@2367
   678
mark@1906
   679
    .module-navlinks ul {
mark@1906
   680
        display: block;
mark@1906
   681
        padding: 0;
mark@1906
   682
    }
mark@1906
   683
    .module-navlinks ul, .module-navlinks li {
afuna@721
   684
        font-weight: bold;
mark@1825
   685
    }
mark@1825
   686
    .module-section-three .module-navlinks ul,
mark@1825
   687
    .module-section-three .module-navlinks li,
mark@1825
   688
    .module-section-two .module-navlinks ul,
mark@1825
   689
    .module-section-two .module-navlinks li {
afuna@721
   690
        display: inline;
mark@1906
   691
        padding: .2em 1em .2em .5em;
mark@1906
   692
    }
mark@1906
   693
    .two-columns-left .module-section-two .module-navlinks {
mark@1906
   694
        text-align: right;
mark@1825
   695
    }
mark@1825
   696
    .module-section-one .module-navlinks {
mark@1825
   697
        clear: both;
mark@1825
   698
    }
fu@3603
   699
afuna@721
   700
    .module ul {
afuna@721
   701
        list-style-position: inside;
afuna@721
   702
    }
afuna@1241
   703
    .module-section-one ul { padding-left: 0.3em }
afuna@1241
   704
    .navigation ul { padding-left: 0em; list-style-type: none; }
afuna@1241
   705
    .navigation li { padding-left: 0.3em; display: inline; }
mark@511
   706
    .datetime{
mark@511
   707
        margin-bottom:10px;
mark@511
   708
        font-style:italic;
mark@511
   709
    }
mark@511
   710
    .subject, .subject a, .subject a:visited, .subject a:hover, .subject a:active {
mark@511
   711
        font-weight:bold;
fu@2209
   712
    }
fu@2209
   713
    .subject {
afuna@1437
   714
        $entry_title_font
mark@511
   715
    }
fu@2767
   716
fu@2767
   717
    .two-columns-right .module-section-one .module-userprofile .userpic {
fu@2767
   718
        text-align: right;
fu@2767
   719
    }
fu@2767
   720
afuna@1215
   721
    .module-section-two .module-calendar,
afuna@1215
   722
    .module-section-three .module-calendar {
mark@511
   723
        text-align: center;
afuna@721
   724
        font-size: 0.8em;
mark@511
   725
        padding:5px;
mark@511
   726
        margin: 0px 190px 0px 100px;
mark@511
   727
    }
afuna@1215
   728
    .module-calendar table {
afuna@1215
   729
        letter-spacing: 0.2em;
afuna@1215
   730
        text-align: center;
afuna@1241
   731
    }
afuna@721
   732
    .module-calendar {
afuna@721
   733
        color: $*color_module_text;
mark@511
   734
    }
afuna@721
   735
    .module-calendar a{
afuna@721
   736
        color: $*color_module_link;
mark@511
   737
    }
mark@511
   738
    .module-calendar a:hover{
afuna@721
   739
        color: $*color_module_link_hover;
mark@511
   740
    }
mark@1816
   741
    /* wrap long content, particularly openid usernames */
mark@1816
   742
    .module-pagesummary .ljuser {
mark@1816
   743
        white-space: normal !important;
mark@1816
   744
    }
mark@1816
   745
    .module-pagesummary .module-content {
mark@1816
   746
        word-wrap: break-word;
mark@1816
   747
    }
mark@1413
   748
    .module-credit dt, .module-credit dd {
mark@1413
   749
        display: inline;
mark@1413
   750
        margin: 0;
mark@1413
   751
        padding: 0;
mark@1413
   752
    }
mark@1413
   753
    .module-credit dt {
mark@1413
   754
        font-weight: bold;
mark@1413
   755
        margin-right: 0.5em;
mark@1413
   756
    }
mark@511
   757
mark@511
   758
    .floatclear {
mark@511
   759
        visibility: hidden;
fu@4187
   760
        clear: both;
fu@4187
   761
        height: 0;
mark@511
   762
    }
mark@511
   763
mark@511
   764
    textarea.textbox{
mark@511
   765
        width: 100%;
mark@511
   766
    }
fu@4187
   767
afuna@685
   768
    .entry h3 { display: inline; }
afuna@721
   769
fu@3371
   770
    .page-top {
fu@3371
   771
        font-size: .8em;
fu@3371
   772
        padding: 5px 1em 5px 5px;
fu@3371
   773
        text-align: right;
fu@3371
   774
    }
fu@3371
   775
fu@3698
   776
    .one-column #primary,
fu@3698
   777
    .one-column #secondary {
fu@3698
   778
        margin: 0 5%;
fu@3698
   779
    }
fu@3698
   780
mark@1906
   781
    .two-columns-left #primary {float: right;}
mark@1906
   782
    .two-columns-left #secondary { float: right; }
mark@1906
   783
    .two-columns-right #primary { float: left; }
kareila@1665
   784
    .two-columns-right #secondary {float: left;}
mark@1906
   785
    .two-columns-left #primary { right: 10%; width: 70%; }
mark@1906
   786
    .two-columns-left #secondary { right: 10%; width: 15%; }
kareila@1665
   787
    .two-columns-right #primary {left: 10%; width: 70%;}
kareila@1665
   788
    .two-columns-right #secondary {left: 10%; width: 15%;}
kareila@1665
   789
fu@2494
   790
$userpic_css
fu@2494
   791
mark@511
   792
    """;
mark@511
   793
}
mark@511
   794
mark@511
   795
#Print_body
mark@511
   796
function Page::print_entry (Entry e)
mark@511
   797
{
afuna@721
   798
    $e->print_wrapper_start();
afuna@757
   799
    print "<div class=\"header\">";
afuna@721
   800
    $e->print_userpic();
afuna@757
   801
    print "<div class=\"subject\">&raquo;";
mark@511
   802
            $e->print_metatypes();
mark@511
   803
            $e->print_subject();
afuna@649
   804
        println "</div>";
afuna@795
   805
        print "<div class=\"datetime\">(";
afuna@721
   806
            $e->print_poster();
afuna@795
   807
            print " ";
mark@511
   808
            $e->print_time();
mark@511
   809
            print ")";
mark@511
   810
        println "</div>";
afuna@757
   811
    println "</div>";
fu@2358
   812
    if ($*entry_metadata_position == "top") { $e->print_metadata(); }
afuna@721
   813
    $e->print_text();
fu@2358
   814
    if ($*entry_metadata_position == "bottom") { $e->print_metadata(); }
afuna@721
   815
    $e->print_tags();
afuna@721
   816
    println "<div class=\"footer\">";
afuna@721
   817
    $e->print_interaction_links( "topcomment" );
afuna@721
   818
    $e->print_management_links();
afuna@739
   819
    println "</div>";
afuna@721
   820
    $this->print_reply_container({"target" => "topcomment" });
afuna@721
   821
    $e->print_wrapper_end();
afuna@721
   822
}
afuna@649
   823
mark@511
   824
#######################################
mark@511
   825
#Year Page
mark@511
   826
function YearPage::print_body()
mark@511
   827
{
mark@511
   828
    println "<div class=\"entry\">";
mark@511
   829
mark@511
   830
        "<div class=\"subject\">";
mark@511
   831
            $this->print_year_links();
mark@511
   832
        println "</div>";
mark@511
   833
mark@511
   834
        println "<center>";
mark@511
   835
        foreach var YearMonth m ($.months) {
mark@511
   836
            $this->print_month($m);
mark@511
   837
        }
mark@511
   838
        println "</center>";
afuna@649
   839
mark@511
   840
    println "</div>";
mark@511
   841
}
mark@511
   842
mark@511
   843
function YearPage::print_month(YearMonth m) {
mark@511
   844
    if (not $m.has_entries) { return; }
fu@3114
   845
    """<br /><div class="entry"><table summary="Monthly calendar with links to each day's entries" style="width: 100%; border-collapse: collapse;">\n
afuna@721
   846
       <tr><th class="comments" colspan="7" style="text-align: center;">""";
mark@511
   847
    print $m->month_format();
mark@511
   848
    """</th></tr>\n""";
mark@511
   849
    foreach var int d (weekdays()) {
mark@511
   850
        "<th>"+$*lang_dayname_short[$d]+"</th>\n";
mark@511
   851
    }
mark@511
   852
    "</tr>\n";
mark@511
   853
    foreach var YearWeek w ($m.weeks) {
mark@511
   854
        $w->print();
mark@511
   855
    }
afuna@721
   856
    """<tr><td class="comments" colspan="7" style="text-align: center;">
mark@511
   857
        &laquo; <a href="$m.url">$*text_view_month</a> &raquo;</td></tr>\n""";
mark@511
   858
    "</table></div>";
mark@511
   859
}
mark@511
   860
mark@511
   861
mark@511
   862
mark@511
   863
function YearWeek::print() {
mark@511
   864
    """<tr valign="top" style="height: 2em;">\n""";
mark@511
   865
    if ($.pre_empty > 0) {
mark@511
   866
        """<td class="emptyday" colspan="$.pre_empty">&nbsp;</td>\n""";
mark@511
   867
       }
mark@511
   868
    foreach var YearDay d ($.days) {
afuna@721
   869
        """<td class="entry" width="14%">\n""";
mark@511
   870
        """<div style="text-align: right;">$d.day</div>\n""";
mark@511
   871
        if ($d.num_entries > 0) {
mark@511
   872
            """<div style="text-align: center;"><a href="$d.url">$d.num_entries</a></div>\n""";
mark@511
   873
        }
mark@511
   874
    """</td>\n""";
mark@511
   875
    }
mark@511
   876
    if ($.post_empty > 0) {
mark@511
   877
        """<td colspan="$.post_empty">&nbsp;</td>\n""";
mark@511
   878
    }
mark@511
   879
    "</tr>";
mark@511
   880
}
mark@511
   881
mark@511
   882
mark@511
   883
mark@511
   884
function MonthPage::print_body
mark@511
   885
{
mark@511
   886
    println "<div class=\"entry\">";
mark@511
   887
    println "<div class=\"subject\">" + $.date->date_format($*lang_fmt_month_long) + "</div>";
mark@511
   888
    "<form method='post' action='$.redir.url'><center>";
mark@511
   889
    $.redir->print_hiddens();
mark@511
   890
    if ($.prev_url != "") { "[<a href='$.prev_url'>&lt;&lt;&lt;</a>]\n"; }
mark@511
   891
    if (size $.months > 1) {
mark@511
   892
        "<select name='redir_key'>\n";
mark@511
   893
        foreach var MonthEntryInfo mei ($.months)
mark@511
   894
        {
mark@511
   895
            var string sel;
mark@511
   896
            if ($mei.date.year == $.date.year and $mei.date.month == $.date.month) {
mark@511
   897
                $sel = " selected='selected'";
mark@511
   898
            }
mark@511
   899
            println "<option value='$mei.redir_key'$sel>" + $mei.date->date_format($*lang_fmt_month_long) + "</option>";
mark@511
   900
        }
mark@511
   901
        println "</select>\n<input type='submit' value='View' />";
mark@511
   902
    }
mark@511
   903
    if ($.next_url != "") { "\n[<a href='$.next_url'>&gt;&gt;&gt;</a>]\n"; }
mark@511
   904
    "</center></form>";
mark@511
   905
    foreach var MonthDay d ($.days) {
mark@511
   906
        if ($d.has_entries) {
mark@511
   907
            println "<div class='subject'>";
mark@511
   908
            println "<a href=\"$d.url\">" + lang_ordinal($d.day) + " " + $.date->date_format($*lang_fmt_month_long) + "</a></div>";
mark@511
   909
            println "<div style='margin-left: 20px;'>";
mark@511
   910
            $d->print_subjectlist();
mark@511
   911
            println "</div>\n<br />\n";
mark@511
   912
        }
mark@511
   913
    }
mark@511
   914
    println "</div>";
mark@511
   915
}
mark@511
   916
mark@511
   917
function DayPage::print_body()
mark@511
   918
{
mark@511
   919
    if (not $.has_entries) {
mark@511
   920
        println $*text_noentries_day;
mark@511
   921
    }
mark@511
   922
    foreach var Entry e ($.entries) {
mark@511
   923
        $this->print_entry($e);
mark@511
   924
    }
mark@511
   925
}
mark@511
   926
mark@511
   927
mark@511
   928
#####################################
mark@511
   929
#Comment Links
mark@511
   930
mark@511
   931
function EntryPage::print_comment (Comment c)
mark@511
   932
{
afuna@685
   933
    $c->print_wrapper_start();
mark@511
   934
    $c->print_userpic();
mark@511
   935
    println "<div class='datetime'><a href='$c.permalink_url' title='Permalink'>";
afuna@649
   936
    $c->print_time();
mark@511
   937
    println "</a>";
afuna@721
   938
    print "</div>";
mark@511
   939
afuna@902
   940
    if ($this.multiform_on)
afuna@902
   941
    {
afuna@902
   942
        """<span class="multiform-checkbox">""";
afuna@902
   943
        println "<label for='ljcomsel_$c.talkid'>$*text_multiform_check</label>";
afuna@902
   944
        $c->print_multiform_check();
afuna@902
   945
        "</span>";
afuna@902
   946
    }
afuna@902
   947
mark@511
   948
    $c->print_management_links();
afuna@902
   949
    println "<br />";
afuna@902
   950
afuna@685
   951
    $c->print_metadata();
afuna@685
   952
mark@511
   953
    println "";
mark@511
   954
afuna@560
   955
    $c->print_poster();
afuna@685
   956
    $c->print_metatypes();
mark@511
   957
mark@511
   958
    $c->print_subject();
mark@511
   959
afuna@902
   960
    println "<br />";
afuna@721
   961
mark@511
   962
    $c->print_text();
afuna@721
   963
    println "<div class=\"footer\">";
afuna@649
   964
        $c->print_interaction_links();
mark@511
   965
    println "</div>";
afuna@649
   966
mark@511
   967
    $c->print_reply_container();
afuna@685
   968
    $c->print_wrapper_end();
mark@511
   969
}
mark@511
   970
mark@511
   971
####################################
mark@511
   972
#Layout Frame
mark@511
   973
function Page::print()
mark@511
   974
{
mark@511
   975
    println """<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
mark@511
   976
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
mark@511
   977
    <head>""";
mark@511
   978
        $this->print_head();
mark@511
   979
        $this->print_stylesheets();
afuna@565
   980
        $this->print_head_title();
mark@511
   981
    println "</head>";
mark@511
   982
afuna@789
   983
        $this->print_wrapper_start();
mark@511
   984
        $this->print_control_strip();
afuna@721
   985
        println "<div id=\"header\">";
mark@689
   986
        $this->print_module_section("two");
afuna@721
   987
        println "</div>";
fu@3698
   988
        if ($*layout_type == "one-column-split") {
fu@3698
   989
            println "<div id=\"secondary\">";
fu@3698
   990
                if ($this.view != "archive" and $this.view != "month"){
fu@3698
   991
                    println "<div id='page-navigation-top' class='page-navigation'>";
fu@3698
   992
                        $this->print_navigation();
fu@3698
   993
                    println "</div>";
fu@3698
   994
                }
fu@3698
   995
                $this->print_module_section("one");
fu@3698
   996
            println "</div>";
fu@3698
   997
        }
mark@511
   998
        println "<div id=\"primary\">";
mark@511
   999
            $this->print_body();
mark@511
  1000
            println "<div class=\"floatclear\">.</div>";
mark@511
  1001
        println "</div>";
fu@3698
  1002
        if ($*layout_type != "one-column-split") {
fu@3698
  1003
            println "<div id=\"secondary\">";
fu@3698
  1004
                if ($this.view != "archive" and $this.view != "month"){
fu@3698
  1005
                    println "<div id='page-navigation-top' class='page-navigation'>";
fu@3698
  1006
                        $this->print_navigation();
fu@3698
  1007
                    println "</div>";
fu@3698
  1008
                }
fu@3698
  1009
                $this->print_module_section("one");
fu@3698
  1010
            println "</div>";
fu@3698
  1011
        }
afuna@721
  1012
        println "<div id=\"footer\">";
mark@689
  1013
        $this->print_module_section("three");
afuna@721
  1014
        println "<div>";
mark@511
  1015
fu@3371
  1016
        println "<div id=\"body-footer\">";
fu@3371
  1017
            print safe """<div class="page-top"><a href="#">$*text_page_top</a></div>""";
fu@3371
  1018
        println "</div>";
fu@3371
  1019
afuna@789
  1020
    $this->print_wrapper_end();
mark@511
  1021
    println "</html>";
afuna@649
  1022
}
afuna@685
  1023