dw-nonfree: bin/upgrading/s2layers/transmogrified/layout.s2@0294fe281d24

     1 layerinfo type = "layout";

     2 layerinfo name = "Transmogrified";

     3 layerinfo redist_uniq = "transmogrified/layout";

     4 layerinfo author_name = "Yvonne";

     5 layerinfo author_email = "absolut@livejournal.com";

     6 layerinfo des = "Transmogrified, a style you can change easily";

     8 set layout_authors = [ { "name" => "Yvonne" } ];

    10 propgroup presentation {

    11     property use num_items_recent;

    12     property use num_items_reading;

    13     property use use_journalstyle_entry_page;

    14     property use layout_type;

    15     property use sidebar_width;

    16     property use margins_size;

    17     property use margins_unit;

    18     property use tags_page_type;

    19     property use userpics_style_group;

    20     property use userpics_position;

    21     property use entry_metadata_position;

    22     property use use_custom_friend_colors;

    23     property use use_shared_pic;

    24     property use userlite_interaction_links;

    25     property use entry_management_links;

    26     property use comment_management_links;

    27     property use reg_firstdayofweek;

    28     property use entry_datetime_format_group;

    29     property use comment_datetime_format_group;

    30 }

    32 set layout_type = "two-columns-right";

    33 set sidebar_width = "230px";

    34 set margins_size = "2";

    35 set margins_unit = "%";

    36 set tags_page_type = "";

    37 set userpics_position = "right";

    38 set entry_management_links = "text";

    39 set comment_management_links = "text";

    40 set all_commentsubjects = true;

    41 set custom_colors_template = "%%new%% .userpic a {background-color: %%background%%; border: solid 1px %%foreground%%;}";

    43 propgroup colors {

    44     property use color_page_background;

    46     property Color color_page_title_background { des = "Title background"; }

    47     property use color_page_title;

    48     property Color color_header_background { des = "Header background"; }

    49     property Color color_header_text { des = "Header text"; }

    50     property Color color_header_hover_background {des = "Header link background when hovered over"; }

    51     property Color color_header_hover { des = "Header link text when hovered over"; }

    53     property Color color_main_background { des = "Main background"; }

    54     property use color_page_text;

    56     property use color_page_link;

    57     property use color_page_link_hover;

    58     property use color_page_link_active;

    59     property use color_page_link_visited;

    61     property use color_module_link;

    62     property use color_module_link_hover;

    63     property use color_module_link_active;

    64     property use color_module_link_visited;

    65     property use color_module_border;

    66     property use color_module_text;

    67     property use color_module_background;

    68     property use color_module_title;

    69     property Color color_module_title_background { des = "Sidebar box title background"; }

    70     property Color color_module_title_border { des = "Sidebar box title border"; }

    72     property use color_entry_border;

    73     property use color_entry_background;

    74     property use color_entry_link;

    75     property use color_entry_link_hover;

    76     property use color_entry_link_active;

    77     property use color_entry_link_visited;

    78     property use color_entry_text;

    79     property use color_entry_title;

    80     property Color color_entry_title_border { des = "Entry\Comment subject border"; }

    81     property Color color_entry_title_background { des = "Entry\Comment subject background"; }

    83     property Color color_entry_border_alt { des = "Alternate entry\Comment border"; }

    84     property Color color_entry_background_alt { des = "Alternate entry\Comment background b"; }

    85     property Color color_entry_link_alt { des = "Alternate entry\Comment b links"; }

    86     property Color color_entry_link_hover_alt { des = "Alternate entry\Comment b hover links"; }

    87     property Color color_entry_link_active_alt { des = "Alternate entry\Comment b active links"; }

    88     property Color color_entry_link_visited_alt { des = "Alternate entry\Comment b visited links"; }

    89     property Color color_entry_text_alt { des = "Alternate entry\Comment b text"; }

    90     property Color color_entry_subject_alt { des = "Alternate entry\Comment subject b"; }

    91     property Color color_entry_subject_alt_border { des = "Alternate entry\Comment subject border b"; }

    92     property Color color_entry_subject_alt_background { des = "Alternate entry\Comment subject background b"; }

    94     property Color color_comments_form_border { des = "Comments form border"; }

    96     property Color color_footer_background { des = "Footer background"; }

    97     property Color color_footer_text { des = "Footer text"; }

    98     property Color color_footer_link { des = "Footer link"; }

   100     property Color color_archivemonth_background { des = "Archive month background"; }

   101     property Color color_archivemonth_border { des = "Archive month border"; }

   102     property Color color_archivemonth_title_background { des = "Archive month title background"; }

   103     property Color color_archivemonth_title_border { des = "Archive month title border"; }

   104     property Color color_archivemonth_title { des = "Archive month title text"; }

   106     property Color color_navigation_background { des = "Page back/forwards background"; }

   107     property Color color_navigation_text { des = "Page back/forwards text"; }

   108     property Color color_navigation_border { des = "Page back/forwards border"; }

   110     ### Also used for the custom Icons page; implemented later hence the inaccurate name.

   111     property Color color_tagspage_background { des = "Tags and Icons page background"; }

   112     property Color color_tagspage_border { des = "Tags and Iconspage border"; }

   113     property Color color_tagspage_title { des = "Tags and Icons page title text"; }

   114     property Color color_tagspage_title_border { des = "Tags and Icons page title border"; }

   115     property Color color_tagspage_title_background { des = "Tags and Icons page title background"; }

   117 }

   119 propgroup images {

   120     property use image_background_page_group;

   121     property use image_background_header_group;

   122     property use image_background_header_height;

   123     property use image_background_entry_group;

   124     property use image_background_module_group;

   125 }

   127 propgroup fonts {

   128     property use font_base;

   129     property use font_fallback;

   130     property use font_base_size;

   131     property use font_base_units;

   132     property use font_journal_title;

   133     property use font_journal_title_size;

   134     property use font_journal_title_units;

   135     property use font_entry_title;

   136     property use font_entry_title_size;

   137     property use font_entry_title_units;

   138     property use font_comment_title;

   139     property use font_comment_title_size;

   140     property use font_comment_title_units;

   141     property use font_module_heading;

   142     property use font_module_heading_size;

   143     property use font_module_heading_units;

   144     property use font_module_text;

   145     property use font_module_text_size;

   146     property use font_module_text_units;

   147 }

   149 set font_base = "Verdana";

   150 set font_fallback = "sans-serif";

   151 set font_base_size = "1";

   152 set font_base_units = "em";

   153 set font_module_heading_size = "1.1";

   154 set font_module_heading_units = "em";

   156 propgroup modules {

   157     property use module_userprofile_group;

   158     property use module_navlinks_group;

   159     property use module_calendar_group;

   160     property use module_pagesummary_group;

   161     property use module_tags_group;

   162     property use module_active_group;

   163     property use module_links_group;

   164     property use module_syndicate_group;

   165     property use module_time_group;

   166     property use module_poweredby_group;

   167     property use module_customtext_group;

   168     property use module_credit_group;

   169     property use module_search_group;

   170     property use module_cuttagcontrols_group;

   171 }

   173 set module_layout_sections = "none|(none)|one|Header|two|Main Module Section|three|Footer";

   174 set module_navlinks_section = "one";

   175 set module_userprofile_section = "two";

   176 set module_pagesummary_section = "two";

   177 set module_tags_section = "two";

   178 set module_links_section = "two";

   179 set module_syndicate_section = "two";

   180 set module_calendar_section = "two";

   181 set module_poweredby_section = "three";

   182 set module_time_section = "none";

   183 set module_customtext_section = "two";

   184 set module_active_section = "two";

   185 set module_credit_section = "two";

   186 set module_search_section = "two";

   187 set module_cuttagcontrols_section = "two";

   189 propgroup text {

   190     property use text_view_recent;

   191     property use text_view_friends;

   192     property use text_view_network;

   193     property use text_view_friends_comm;

   194     property use text_view_friends_filter;

   195     property use text_view_archive;

   196     property use text_view_userinfo;

   197     property use text_view_memories;

   198     property use text_view_tags;

   200     property use text_post_comment;

   201     property use text_max_comments;

   202     property use text_read_comments;

   203     property use text_post_comment_friends;

   204     property use text_read_comments_friends;

   206     property use text_skiplinks_back;

   207     property use text_skiplinks_forward;

   208     property use text_meta_music;

   209     property use text_meta_mood;

   210     property use text_meta_location;

   211     property use text_meta_xpost;

   212     property use text_tags;

   214     property use text_entry_prev;

   215     property use text_entry_next;

   216     property use text_edit_entry;

   217     property use text_edit_tags;

   218     property use text_tell_friend;

   219     property use text_mem_add;

   220     property use text_watch_comments;

   221     property use text_unwatch_comments;

   222     property use text_permalink;

   223     property use text_stickyentry_subject;

   225     property use text_module_customtext;

   226     property use text_module_customtext_content;

   227     property use text_module_customtext_url;

   228 }

   230 propgroup customcss {

   231     property use external_stylesheet;

   232     property use include_default_stylesheet;

   233     property use linked_stylesheet;

   234     property use custom_css;

   235 }

   237 function Page::print()

   238 {

   239     """

   240     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

   241     <html xmlns="http://www.w3.org/1999/xhtml">

   242     <head>""";

   243         $this->print_head();

   244         $this->print_stylesheets();

   245         $this->print_head_title();

   246     println "</head>";

   247     $this->print_wrapper_start();

   248     $this->print_control_strip();

   249     """

   250             <div id="container">

   251             <div id="header">

   252     """;

   253     """

   254                 <a name="top">

   255     """;

   256     $this->print_global_title();

   257     """

   258                 </a>

   259             </div>

   260     """;

   261     $this->print_module_section("one");

   262     """

   263             <div id="wrap">

   264     """;

   265             if ($*layout_type == "one-column-split") {

   266                 $this->print_module_section("two");

   267             }

   268     """

   269             <div id="content">

   270     """;

   271     $this->print_body();

   272     """

   273             </div>

   274     """;

   275             if ($*layout_type != "one-column-split") {

   276                 $this->print_module_section("two");

   277             }

   278     """

   279             </div><div style="clear:both;"></div>

   280         </div>

   281         <div id="footer">

   282     """;

   283     $this->print_module_section("three");

   284     """

   285         </div>

   286         <div id="body-footer">

   287     """;

   288             print safe """<div class="page-top"><a href="#">$*text_page_top</a></div>""";

   289     """

   290         </div>

   291     """;

   292     $this->print_wrapper_end();

   293     """

   294     </html>

   295     """;

   296 }

   298 function Page::print_default_stylesheet () {

   299     var string sidebar_positioning = "";

   300     var string sidebar_position = "";

   301     var string sidebar_position_alt = "";

   302     if ($*layout_type == "two-columns-right") { $sidebar_positioning = "margin-right: -$*sidebar_width;"; $sidebar_position = "right"; $sidebar_position_alt = "left"; }

   303     elseif ($*layout_type == "two-columns-left") { $sidebar_positioning = "margin-left: -$*sidebar_width;"; $sidebar_position = "left"; $sidebar_position_alt = "right"; }

   305     var string page_background = generate_background_css ($*image_background_page_url, $*image_background_page_repeat, $*image_background_page_position, $*color_page_background);

   306     var string header_background = generate_background_css ($*image_background_header_url, $*image_background_header_repeat, $*image_background_header_position, new Color);

   307     if ($*image_background_header_height > 0) {

   308         $header_background = """

   309             $header_background

   310             height: """ + $*image_background_header_height + """px;""";

   311     }

   313     var string entry_background = generate_background_css ($*image_background_entry_url, $*image_background_entry_repeat, $*image_background_entry_position, $*color_entry_background);

   314     var string module_background = generate_background_css ($*image_background_module_url, $*image_background_module_repeat, $*image_background_module_position, $*color_module_background);

   316     var string page_colors = generate_color_css($*color_page_text, $*color_main_background, $*color_page_border);

   317     var string page_title_colors = generate_color_css($*color_page_title, new Color, new Color);

   319     var string page_link_colors = generate_color_css($*color_page_link, new Color, new Color);

   320     var string page_link_active_colors = generate_color_css($*color_page_link_active, new Color, new Color);

   321     var string page_link_hover_colors = generate_color_css($*color_page_link_hover, new Color, new Color);

   322     var string page_link_visited_colors = generate_color_css($*color_page_link_visited, new Color, new Color);

   324     var string page_font = generate_font_css("", $*font_base, $*font_fallback, $*font_base_size, $*font_base_units);

   325     var string page_title_font = generate_font_css($*font_journal_title, $*font_base, $*font_fallback, $*font_journal_title_size, $*font_journal_title_units);

   326     var string entry_title_font = generate_font_css($*font_entry_title, $*font_base, $*font_fallback, $*font_entry_title_size, $*font_entry_title_units);

   327     var string comment_title_font = generate_font_css($*font_comment_title, $*font_base, $*font_fallback, $*font_comment_title_size, $*font_comment_title_units);

   328     var string module_font = generate_font_css($*font_module_text, $*font_base, $*font_fallback, $*font_module_text_size, $*font_module_text_units);

   329     var string module_title_font = generate_font_css($*font_module_heading, $*font_base, $*font_fallback, $*font_module_heading_size, $*font_module_heading_units);

   331     var string entry_userpic_shift = "";

   332     if ( $*entry_userpic_style == "" ) { $entry_userpic_shift = "-66px"; }

   333     elseif ( $*entry_userpic_style == "small" ) { $entry_userpic_shift = "-50px"; }

   334     elseif ( $*entry_userpic_style == "smaller" ) { $entry_userpic_shift = "-33px"; }

   336     var string comment_userpic_shift = "";

   337     if ( $*comment_userpic_style == "" ) { $comment_userpic_shift = "-66px"; }

   338     elseif ( $*comment_userpic_style == "small" ) { $comment_userpic_shift = "-50px"; }

   339     elseif ( $*comment_userpic_style == "smaller" ) { $comment_userpic_shift = "-33px"; }

   341     var string entry_header_margin = "";

   342     if ( $*entry_userpic_style == "" ) { $entry_header_margin = "120px"; }

   343     elseif ( $*entry_userpic_style == "small" ) { $entry_header_margin = "95px"; }

   344     elseif ( $*entry_userpic_style == "smaller" ) { $entry_header_margin = "70px"; }

   346     var string comment_header_margin = "";

   347     if ( $*comment_userpic_style == "" ) { $comment_header_margin = "120px"; }

   348     elseif ( $*comment_userpic_style == "small" ) { $comment_header_margin = "95px"; }

   349     elseif ( $*comment_userpic_style == "smaller" ) { $comment_header_margin = "70px"; }

   351     var string userpic_css = "";

   352     if($*userpics_position == "left") {

   353         $userpic_css = """

   354         .entry-title, .comment-title { margin: 0; }

   355         .has-userpic .entry .header { margin: 0 0 0 $entry_header_margin; }

   356         .has-userpic .comment .header { margin: 0 0 0 $comment_header_margin; }

   357         .entry .userpic a, .comment .userpic a { left: 10px; right: auto; }""";

   358     }

   359     elseif($*userpics_position == "right") {

   360         $userpic_css = """

   361         .entry-title, .comment-title { margin: 0; }

   362         .has-userpic .entry .header { margin: 0 $entry_header_margin 0 0; }

   363         .has-userpic .comment .header { margin: 0 $comment_header_margin 0 0; }

   364         .entry .userpic a, .comment .userpic a { right: 10px; left: auto; }""";

   365     }

   368 # NB Background image stuff in container, not in body, and colors fixed accordingly. Otherwise it messes up the layout.

   369 # Homegrown logic for entry and module colors to fit with Transmog specialist options for alternating

   371     """

   372     /* believe me, this style is much easier to deal with if you

   373     just leave this here. It says "lets use the IE box model" for

   374     non IE browsers */

   375     * { box-sizing:border-box; -moz-box-sizing:border-box }

   377     body {

   378         background-color: $*color_page_background;

   379         $page_font

   380         margin: 0;

   381         padding: 0;

   382     }

   384     a { $page_link_colors  }

   385     a:visited { $page_link_visited_colors }

   386     a:hover { $page_link_hover_colors }

   387     a:active { $page_link_active_colors }

   389     q { font-style: italic; }

   391     #container {

   392                 $page_background

   393                 $page_colors

   394     }

   396     #container, #footer, #body-footer {

   397         margin: 0 $*margins_size$*margins_unit;

   398     }

   400     #header {

   401                 $header_background

   402                 background-color: $*color_page_title_background;

   403                 color: $*color_page_title;

   404                 margin: 0;

   405                 padding: 0;

   406     }

   408     #header a {

   409         color: $*color_page_title;

   410         text-decoration: none;

   411     }

   413     #header h1 {

   414         margin: 0;

   415         padding: 20px;

   416         $page_title_font

   417     }

   419     #header h2 {

   420         padding: 0 20px 20px 20px;

   421     }

   423     #wrap {

   424         color: $*color_page_text;

   425         padding-top: 20px;

   426         padding-$sidebar_position_alt: 20px;

   427     }

   429     #content {

   430         margin: 0 0;

   431         position: relative;

   432         width: 100%;

   433         padding-bottom: 20px;

   434         z-index: 20;

   435      }

   437     .module {

   438         $module_background

   439     }

   441     .module h2 {

   442         $module_title_font

   443     }

   445     .module-content {

   446         $module_font

   447     }

   449     .module-section-two {

   450         position: relative;

   451         width: $*sidebar_width;

   452         /* this must stay at the bottom of this code as in some circumstances

   453         it closes one declaration and opens another one */

   454         $sidebar_positioning

   455     }

   457     .one-column .module-section-two {

   458         margin: 0;

   459         position: relative;

   460         width: auto;

   461     }

   463     .module-section-two .module {

   464         border: solid 1px $*color_module_border;

   465         color: $*color_module_text;

   466         background-color: $*color_module_background;

   467         margin: 20px;

   468         margin-$sidebar_position_alt: 10px;

   469         padding: 10px;

   470     }

   472     .one-column .module-section-two .module {

   473         margin: 20px 0;

   474     }

   476     .module-section-one .module {

   477         padding: .5em 20px;

   478     }

   480     .module-section-one .module-navlinks.module {

   481         padding: 0;

   482     }

   484     .module-section-one .module-navlinks ul {

   485         background-color: $*color_header_background;

   486         color: $*color_header_text;

   487         margin: 0;

   488         padding: 0 20px;

   489     }

   491     .module-section-one .module-navlinks li {

   492         display: inline;

   493         line-height: 2.3em;

   494         list-style: none;

   495     }

   497     .module-section-one .module-navlinks li a {

   498         text-decoration: none;

   499         padding-top: 0.5em;

   500         padding-right: 20px;

   501         padding-bottom: 0.5em;

   502         padding-left: 20px;

   503         background-color: $*color_header_background;

   504         color: $*color_header_text;

   505     }

   507     .module-section-one .module-navlinks ul li a:hover, .module-section-one .module-navlinks ul li.active a {

   508         background-color: $*color_header_hover_background;

   509         color: $*color_header_hover;

   510     }

   512     .module-section-two a {

   513         color: $*color_module_link;

   514     }

   516     .module-section-two a:visited {

   517          color: $*color_module_link_visited;

   518      }

   520     .module-section-two a:hover {

   521          color: $*color_module_link_hover;

   522      }

   524      .module-section-two a:active {

   525          color: $*color_module_link_active;

   526      }

   528     .module-section-two .module-header a {

   529         text-decoration: none;

   530     }

   531     .module-section-two h2 {

   532         margin: 0;

   533         margin-bottom: 7px;

   534         padding: 0.2em;

   535         background-color: $*color_module_title_background;

   536         color: $*color_module_title;

   537         border: 1px solid $*color_module_title_border;

   538     }

   540     .module-section-two ul {

   541         list-style-type: none;

   542         margin-left: 0.5em;

   543         padding: 0;

   544     }

   545     .module-section-two ul ul {

   546         list-style-type: none;

   547         margin-left: 0.5em;

   548         padding: 0.5em;

   549     }

   551     .module-userprofile .userpic img {

   552         border: none;

   553         margin: 20px;

   554     }

   555     .module-userprofile .userpic {

   556         text-align: center;

   557     }

   558     .module-userprofile ul.icon-links {

   559         margin: 0;

   560         padding: 0;

   561         text-align: center;

   562         margin-top: 5px;

   563     }

   564     .module-userprofile p {

   565         margin-top: 0;

   566         margin-bottom: 0;

   567     }

   568     .module-userprofile .icon-links li {

   569         display: inline;

   570         padding: 5px;

   571         list-style: none;

   572     }

   574     .one-column .module-userprofile .module-content {

   575         text-align: center;

   576     }

   578     .module-calendar .module-content {

   579         text-align: center;

   580     }

   581     .module-calendar table {

   582         margin-left: auto;

   583         margin-right: auto;

   584     }

   585     .module-search .search-form {

   586         text-align: right;

   587     }

   589     .one-column .module-search .search-form {

   590         text-align: left;

   591     }

   593     .module-search .search-box {

   594         width: 100%;

   595     }

   597     .one-column .module-search .search-box {

   598         width: auto;

   599     }

   601     /* wrap long content, particularly openid usernames */

   602     .module-pagesummary .ljuser {

   603         white-space: normal !important;

   604     }

   605     .module-pagesummary .module-content {

   606         word-wrap: break-word;

   607     }

   608     .module-credit dt, .module-credit dd {

   609         display: inline;

   610         margin: 0;

   611         padding: 0;

   612     }

   613     .module-credit dt {

   614         font-weight: bold;

   615         margin-right: 0.5em;

   616     }

   618     .module-tags_cloud li, .tags_cloud li {

   619         display: inline;

   620         list-style-type: none;

   621     }

   623     .entry, .comment, .text_noentries_day {

   624         padding: 10px;

   625         margin-top: 76px;

   626         position: relative;

   627         margin-bottom: 10px;

   628     }

   629     $userpic_css

   631     .entry .userpic a, .comment .userpic a {

   632         display: block;

   633         position: absolute;

   634         padding: 5px;

   635     }

   637     .entry .userpic a {

   638         top: $entry_userpic_shift;

   639     }

   641     .comment .userpic a {

   642         top: $comment_userpic_shift;

   643     }

   645     .entry .userpic img, .comment .userpic img {

   646         border: none;

   647     }

   649 .comment-title {

   650     $comment_title_font

   651     }

   653     .comment-title h4 {

   654         font-size: inherit;

   655         font-weight: inherit;

   656         margin: 0;

   657         padding: 0;

   658     }

   659     .entry-title, .comment-title {

   660         padding: 0.2em;

   661     }

   662     .entry .entry-title {

   663         $entry_title_font

   664     }

   665     .entry-title a, .comment-title a {

   666         text-decoration: none;

   667     }

   669     .entry-wrapper-odd .entry, .comment-wrapper-odd .comment, .text_noentries_day {

   670         border: solid 1px $*color_entry_border;

   671         background-color: $*color_entry_background;

   672         color: $*color_entry_text;

   673     }

   674     .entry-wrapper-odd .userpic a, .comment-wrapper-odd .userpic a {

   675         background-color: $*color_entry_title_background;

   676         border: solid 1px $*color_entry_title_border;

   677     }

   678     .entry-wrapper-odd .entry-title, .comment-wrapper-odd .comment-title {

   679         border: solid 1px $*color_entry_title_border;

   680         color: $*color_entry_title;

   681         background-color: $*color_entry_title_background;

   682     }

   683     .entry-wrapper-odd .entry-title a, .comment-wrapper-odd .comment-title a {

   684         color: $*color_entry_title;

   685     }

   686     .entry-wrapper-odd a, .comment-wrapper-odd a {

   687         color: $*color_entry_link;

   688     }

   689     .entry-wrapper-odd a:visited, .comment-wrapper-odd a:visited {

   690         color: $*color_entry_link_visited;

   691     }

   692     .entry-wrapper-odd a:hover, .comment-wrapper-odd a:hover {

   693         color: $*color_entry_link_hover;

   694     }

   695     .entry-wrapper-odd a:active, .comment-wrapper-odd a:active {

   696         color: $*color_entry_link_active;

   697     }

   699     .entry-wrapper-even .entry, .comment-wrapper-even .comment {

   700         border: solid 1px $*color_entry_border_alt;

   701         background-color: $*color_entry_background_alt;

   702         color: $*color_entry_text_alt;

   703     }

   704     .entry-wrapper-even .userpic a, .comment-wrapper-even .userpic a {

   705         background-color: $*color_entry_subject_alt_background;

   706         border: solid 1px $*color_entry_subject_alt_border;

   707     }

   708     .entry-wrapper-even .entry-title, .comment-wrapper-even .comment-title {

   709         border: solid 1px $*color_entry_subject_alt_border;

   710         color: $*color_entry_subject_alt;

   711         background-color: $*color_entry_subject_alt_background;

   712     }

   713     .entry-wrapper-even .entry-title a, .comment-wrapper-even .comment-title a {

   714         color: $*color_entry_subject_alt;

   715     }

   716     .entry-wrapper-even a, .comment-wrapper-even a {

   717         color: $*color_entry_link_alt;

   718     }

   719     .entry-wrapper-even a:visited, .comment-wrapper-even a:visited {

   720         color: $*color_entry_link_visited_alt;

   721     }

   722     .entry-wrapper-even a:hover, .comment-wrapper-even a:hover {

   723         color: $*color_entry_link_hover_alt;

   724     }

   725     .entry-wrapper-even a:active, .comment-wrapper-even a:active {

   726         color: $*color_entry_link_active_alt;

   727     }

   729     .entry .time, .entry .date {

   730         padding: 0.2em;

   731         display: inline-block;

   732     }

   733     .entry-content, .comment-content {

   734         padding: 10px 0;

   735     }

   737     .no-userpic .comment {

   738         margin-top: 20px;

   739     }

   740     .no-userpic .comment-title {

   741         margin: 0;

   742     }

   744     .partial .comment-title {

   745         display: inline;

   746         margin-right: .3em;

   747         line-height: 1.4em;

   748         }

   750     .partial .comment-title h4 {

   751         display: inline;

   752         }

   754     .partial .comment-poster:before {

   755         content: "- ";

   756         }

   758     .tag {

   759         font-weight: bold;

   760         text-align: left;

   761     }

   762     .tag a {

   763         font-weight: normal;

   764     }

   765     .tag ul { display: inline; margin: 0; padding: 0; }

   767     .tag li {

   768         display: inline;

   769         list-style: none;

   770         padding: 0;

   771     }

   772     *+html .tag li {

   773         padding: 0 5px;

   774     }

   776     .entry .metadata.top-metadata {

   777         padding-top: 10px;

   778     }

   779     .entry .metadata.bottom-metadata {

   780         clear: both;

   781     }

   782     .entry .metadata ul {

   783         margin: 0;

   784         padding: 0;

   785     }

   786     .entry .metadata li {

   787         list-style: none;

   788     }

   789     .entry .footer, .comment .footer {

   790         clear: both;

   791     }

   792     .entry .footer .inner, .comment .footer .inner {

   793         text-align: right;

   794     }

   795     .entry .footer a {

   796         white-space: nowrap;

   797     }

   798     .entry-management-links, .entry-interaction-links, .comment-management-links, .comment-interaction-links {

   799         text-align: right;

   800         margin: 0;

   801         padding: 0;

   802         display: inline;

   803     }

   804     .entry-management-links li, .entry-interaction-links li,

   805     .comment-management-links li, .comment-interaction-links li {

   806         display: inline;

   807         list-style: none;

   808         margin: 0;

   809         padding: 5px;

   810     }

   811     /* lets have a default */

   812     .entry-management-links li a, .comment-management-links li a,

   813     .comment-interaction-links .thread a {

   814         background-image: url($*STATDIR/transmogrified/permalink.gif);

   815         background-repeat: no-repeat;

   816         background-position: 0% 50%;

   817         padding-left: 14px;

   818     }

   820     .entry-management-links .edit_entry a, .comment-management-links .delete_comment a,

   821     .comment-management-links .edit_comment a {

   822         background-image: url($*STATDIR/transmogrified/edit.gif);

   823     }

   824     .entry-management-links .edit_tags a, .comment-interaction-links .parent a {

   825         background-image: url($*STATDIR/transmogrified/tag.gif);

   826     }

   827     .entry-management-links .mem_add a, .entry-management-links .watch_comments a,

   828     .comment-management-links .watch_thread a {

   829         background-image: url($*STATDIR/transmogrified/memories.gif);

   830     }

   831     .entry-management-links .link_prev a {

   832         background-image: url($*STATDIR/transmogrified/previous.gif);

   833     }

   834     .entry-management-links .link_next a {

   835         background-image: url($*STATDIR/transmogrified/next.gif);

   836     }

   837     .entry-interaction-links li a, .entry-management-links .tell_friend a,

   838     .comment-interaction-links li a {

   839         background-image: url($*STATDIR/transmogrified/comment.gif);

   840         background-repeat: no-repeat;

   841         background-position: 0% 50%;

   842         padding-left: 14px;

   843         display: inline;

   844     }

   845     .comment-management-links .delete_comment a {

   846         background-image: url($*STATDIR/transmogrified/delete.gif);

   847     }

   849     .entry .footer hr {

   850         display: none;

   851     }

   853     .entry .metadata-label {

   854         font-weight: bold;

   855     }

   856     .full .comment-poster {

   857         display: inline-block;

   858         min-width: 40%;

   859     }

   861     #content > hr { display: none; }

   863     .module-section-three {

   864         clear: both;

   865         width: 100%;

   866         background-color: $*color_footer_background;

   867         color: $*color_footer_text;

   868         margin: 0;

   869         padding: 0.5em 0;

   870     }

   871     .module-section-three a {

   872         color: $*color_footer_link;

   873     }

   874     .module-section-three .module {

   875         padding: .5em 20px;

   876     }

   878     .navigation {

   879         margin: 0;

   880         padding: 10px;

   881         text-align: center;

   882         border: 1px solid $*color_navigation_border;

   883         background-color: $*color_navigation_background;

   884         color: $*color_navigation_text;

   885     }

   887     .navigation ul {

   888         margin: 0;

   889         padding: 0;

   890         text-align: center;

   891     }

   892     .navigation li {

   893         display: inline;

   894         padding: 0 5px;

   895     }

   896     .navigation .page-back a:before {

   897         content: "<<  ";

   898         font-size: 0.5em;

   899         letter-spacing: 0;

   900         vertical-align: 40%;

   901         padding-right: 1px;

   902     }

   903     .navigation .page-forward a:after {

   904         content: " >>";

   905         font-size: 0.5em;

   906         letter-spacing: 0;

   907         vertical-align: 40%;

   908         padding-left: 1px;

   909     }

   911     .navigation.empty {

   912         display: none;

   913         }

   915     .page-read .navigation.empty {

   916         display: block;

   917         }

   919     .month-wrapper, #archive-month dl {

   920         padding: 10px;

   921         position: relative;

   922         margin: 20px 0;

   923         border: solid 1px $*color_archivemonth_border;

   924         background-color: $*color_archivemonth_background;

   925     }

   927      .month-wrapper h3 {

   928         padding: 0.2em;

   929         margin: 0;

   930         border: solid 1px $*color_archivemonth_title_border;

   931         color: $*color_archivemonth_title;

   932         background-color: $*color_archivemonth_title_background;

   933         font-size: 1.2em;

   934         margin-bottom: 20px;

   935     }

   937     .month caption {

   938         display: none;

   939     }

   940     .month .day span, .month .day p {

   941         padding: 0;

   942         margin: 0;

   943     }

   944     .month .day p {

   945         margin-top: 4px;

   946         margin-bottom: -4px;

   947     }

   948     .month .day, .month th {

   949         line-height: 2em;

   950         vertical-align: text-top;

   951         padding: 5px;

   952         text-align: center;

   953     }

   954     /* IE only to line up the empty days neatly */

   955     *+html .month .day span, *+html .month th span {

   956         vertical-align: 100%;

   957     }

   958     .month .day-has-entries {

   959         line-height: 1em;

   960     }

   961     .month .footer {

   962         width: 250px;

   963         text-align: center;

   964         margin: 10px 0;

   965     }

   967     #postform {

   968         margin-top: 20px;

   969         border: solid 1px $*color_comments_form_border;

   970     }

   972     .text_noentries_day {

   973         margin-top: 20px;

   974         margin-bottom: 20px;

   975     }

   977     #archive-month dt {

   978         font-weight: bold;

   979     }

   980     #archive-month .entry-title {

   981         font-size: $*font_base_size$*font_base_units;

   982         display: inline-block;

   983         padding-left: 5px;

   984     }

   986     /*--- Tags Page ---*/

   988     .page-tags #wrap {

   989         margin-$sidebar_position_alt: 20px;

   990         }

   992     .tags-container {

   993         background-color: $*color_tagspage_background;

   994         border: 1px solid $*color_tagspage_border;

   995         margin-top: 10px;

   996         padding: 10px;

   997         }

   999     .tags-container h2 {

  1000         background-color: $*color_tagspage_title_background;

  1001         border: solid 1px $*color_tagspage_title_border;

  1002         color: $*color_tagspage_title;

  1003         font-size: 1.2em;

  1004         margin: 0 0 20px;

  1005         padding: .2em;

  1006         }

  1008     /*--- Icons Page ---*/

  1010     .page-icons #wrap {

  1011         margin-$sidebar_position_alt: 20px;

  1012         }

  1014     .icons-container {

  1015         background-color: $*color_tagspage_background;

  1016         border: 1px solid $*color_tagspage_border;

  1017         margin-top: 10px;

  1018         padding: 10px;

  1019         }

  1021     .icons-container h2 {

  1022         background-color: $*color_tagspage_title_background;

  1023         border: solid 1px $*color_tagspage_title_border;

  1024         color: $*color_tagspage_title;

  1025         font-size: 1.2em;

  1026         margin: 0 0 20px;

  1027         padding: .2em;

  1028         }

  1030     .sorting-options ul {

  1031         padding-left: 0;

  1032         text-align: center;

  1033         }

  1035     .sorting-options ul li {

  1036         display: inline;

  1037         list-style: none;

  1038         }

  1040     .page-icons .comment {

  1041         margin: 0;

  1042         padding: 0;

  1043         }

  1045     .page-icons .icon {

  1046         margin: 1em 0;

  1047         }

  1049     .icon-image {

  1050         float: left;

  1051         clear: left;

  1052         margin-bottom: .25em;

  1053         min-width: 100px;

  1054         padding-right: 1em;

  1055         }

  1057     .icon-info {

  1058         min-height: 100px;

  1059         }

  1061     .icon-info span {

  1062         font-weight: bold;

  1063         }

  1065     .icon-info .default {

  1066         text-decoration: underline;

  1067         }

  1069     .icon-info .keywords ul {

  1070         display: inline;

  1071         padding-left: 0;

  1072         }

  1074     .icon-info .keywords ul li {

  1075         display: inline;

  1076         list-style: none;

  1077         padding: 0 .25em 0 0;

  1078         }

  1080     #commenttext {

  1081         width: 95%;

  1082     }

  1084     #body-footer {

  1085         background-color: $*color_header_background;

  1086         color: $*color_header_text;

  1087         padding: .5em 0;

  1088         text-align: right;

  1089     }

  1091     #body-footer a {

  1092         background-color: $*color_header_background;

  1093         color: $*color_header_text;

  1094         padding: .5em 20px;

  1095         text-decoration: none;

  1096     }

  1098     #body-footer a:hover {

  1099         background-color: $*color_header_hover_background;

  1100         color: $*color_header_hover;

  1101     }

  1103     .one-column #content { float: none; }

  1104     .one-column .module-section-two { float: none; padding-bottom: 10px; }

  1105     .one-column #wrap { padding-left: 20px; padding-right: 20px; }

  1106     .two-columns-right #content { float: left; }

  1107     .two-columns-right .module-section-two { float: left; }

  1108     .two-columns-right #wrap { padding-$sidebar_position: $*sidebar_width; }

  1109     .two-columns-left #content { float: right; }

  1110     .two-columns-left .module-section-two { float: right; }

  1111     .two-columns-left #wrap { padding-$sidebar_position: $*sidebar_width; }

  1113     """;

  1114 }

author	fu
	Fri Jan 27 18:00:49 2012 +0800
changeset 451	0294fe281d24
parent 450	e6798bb82d8c
child 452	a86a9cac2a37
permissions	-rw-r--r--