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

     1 layerinfo "type" = "layout";

     2 layerinfo "name" = "Sunday Morning";

     3 layerinfo "redist_uniq" = "sundaymorning/layout";

     4 layerinfo "author_name" = "regna";

     5 layerinfo "lang" = "en";

     7 # Originally a Transmogrified theme

     9 set layout_authors = [ { "name" => "regna", "type" => "user" } ];

    11 propgroup presentation {

    12     property use num_items_recent;

    13     property use num_items_reading;

    14     property use use_journalstyle_entry_page;

    15     property use layout_type;

    16     property use sidebar_width;

    17     property use tags_page_type;

    18     property use userpics_style_group;

    19     property use userpics_position;

    20     property use entry_metadata_position;

    21     property use use_custom_friend_colors;

    22     property use use_shared_pic;

    23     property use userlite_interaction_links;

    24     property use entry_management_links;

    25     property use comment_management_links;

    26     property use reg_firstdayofweek;

    27     property use entry_datetime_format_group;

    28     property use comment_datetime_format_group;

    29 }

    31 set layout_type = "two-columns-left";

    32 set userpics_position = "right";

    33 set sidebar_width = "200px";

    34 set tags_page_type = "";

    35 set entry_management_links = "text";

    36 set comment_management_links = "text";

    37 set all_commentsubjects = true;

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

    41 propgroup colors {

    42     property use color_page_background;

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

    45     property use color_page_title;

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

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

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

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

    51     property use color_page_text;

    53     property use color_page_link;

    54     property use color_page_link_hover;

    55     property use color_page_link_active;

    56     property use color_page_link_visited;

    58     property use color_module_link;

    59     property use color_module_link_hover;

    60     property use color_module_link_active;

    61     property use color_module_link_visited;

    62     property use color_module_border;

    63     property use color_module_text;

    64     property use color_module_background;

    65     property use color_module_title;

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

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

    69     property use color_entry_border;

    70     property use color_entry_background;

    71     property use color_entry_link;

    72     property use color_entry_link_hover;

    73     property use color_entry_link_active;

    74     property use color_entry_link_visited;

    75     property use color_entry_text;

    76     property use color_entry_title;

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

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

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

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

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

    83 }

    85 propgroup images {

    86     property use image_background_page_group;

    87 }

    89 set image_background_page_repeat = "no-repeat";

    91 propgroup fonts {

    92     property use font_base;

    93     property use font_fallback;

    94     property use font_base_size;

    95     property use font_base_units;

    96     property use font_journal_title;

    97     property use font_journal_title_size;

    98     property use font_journal_title_units;

    99     property use font_entry_title;

   100     property use font_entry_title_size;

   101     property use font_entry_title_units;

   102     property use font_comment_title;

   103     property use font_comment_title_size;

   104     property use font_comment_title_units;

   105     property use font_module_heading;

   106     property use font_module_heading_size;

   107     property use font_module_heading_units;

   108     property use font_module_text;

   109     property use font_module_text_size;

   110     property use font_module_text_units;

   111 }

   113 set font_base = "Arial";

   114 set font_fallback = "sans-serif";

   115 set font_base_size = "1";

   116 set font_base_units = "em";

   117 set font_journal_title_size = "2";

   118 set font_journal_title_units = "em";

   119 set font_module_heading_size = "1.353";

   120 set font_module_heading_units = "em";

   122 propgroup modules {

   123     property use module_userprofile_group;

   124     property use module_navlinks_group;

   125     property use module_calendar_group;

   126     property use module_pagesummary_group;

   127     property use module_tags_group;

   128     property use module_active_group;

   129     property use module_links_group;

   130     property use module_syndicate_group;

   131     property use module_time_group;

   132     property use module_poweredby_group;

   133     property use module_customtext_group;

   134     property use module_credit_group;

   135     property use module_search_group;

   136     property use module_cuttagcontrols_group;

   138     property string module_navlinks_section_override {

   139         values = "none|(none)|one|Header|two|Main Module Section|three|Footer";

   140         grouped = 1;

   141         }

   142 }

   144 set module_layout_sections = "none|(none)|two|Main Module Section|three|Footer";

   145 set grouped_property_override = { "module_navlinks_section" => "module_navlinks_section_override" };

   147 set module_navlinks_section = "one";

   148 set module_userprofile_section = "two";

   149 set module_pagesummary_section = "two";

   150 set module_tags_section = "two";

   151 set module_links_section = "two";

   152 set module_syndicate_section = "two";

   153 set module_calendar_section = "two";

   154 set module_time_section = "none";

   155 set module_customtext_section = "two";

   156 set module_active_section = "two";

   157 set module_credit_section = "two";

   158 set module_poweredby_section = "two";

   159 set module_poweredby_order = 20;

   160 set module_search_section = "two";

   161 set module_cuttagcontrols_section = "two";

   163 propgroup text {

   164     property use text_view_recent;

   165     property use text_view_friends;

   166     property use text_view_network;

   167     property use text_view_friends_comm;

   168     property use text_view_friends_filter;

   169     property use text_view_archive;

   170     property use text_view_userinfo;

   171     property use text_view_memories;

   172     property use text_view_tags;

   174     property use text_post_comment;

   175     property use text_max_comments;

   176     property use text_read_comments;

   177     property use text_post_comment_friends;

   178     property use text_read_comments_friends;

   180     property use text_skiplinks_back;

   181     property use text_skiplinks_forward;

   182     property use text_meta_music;

   183     property use text_meta_mood;

   184     property use text_meta_location;

   185     property use text_meta_xpost;

   186     property use text_tags;

   188     property use text_entry_prev;

   189     property use text_entry_next;

   190     property use text_edit_entry;

   191     property use text_edit_tags;

   192     property use text_tell_friend;

   193     property use text_mem_add;

   194     property use text_watch_comments;

   195     property use text_unwatch_comments;

   196     property use text_permalink;

   198     property use text_stickyentry_subject;

   200     property use text_module_customtext;

   201     property use text_module_customtext_content;

   202     property use text_module_customtext_url;

   203 }

   205 propgroup customcss {

   206     property use external_stylesheet;

   207     property use include_default_stylesheet;

   208     property use linked_stylesheet;

   209     property use custom_css;

   210 }

   212 function Page::print()

   213 {

   214     """

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

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

   217     <head>""";

   218         $this->print_head();

   219         $this->print_stylesheets();

   220         $this->print_head_title();

   221     println "</head>";

   222     $this->print_wrapper_start();

   223     $this->print_control_strip();

   224     """

   225     <div id="container">

   226         <div id="header">

   227             <a name="top">

   228     """;

   229                 $this->print_global_title();

   230     """

   231             </a>

   232         </div>

   233     """;

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

   235     """

   236         <div id="wrap">

   238     """;

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

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

   241         }

   242     """

   243             <div id="content">

   244     """;

   245                 $this->print_body();

   246     """

   247             </div>

   248     """;

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

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

   251         }

   252     """

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

   254         <div id="bottom">

   255             """;

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

   257             """

   258         </div>

   259         <div id="footer">

   260         """;

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

   262         """

   263         </div>

   264     </div>

   265     """;

   266     $this->print_wrapper_end();

   267     """

   268     </html>

   269     """;

   270 }

   272 function Page::print_default_stylesheet() {

   273     var string sidebar_position = "";

   274     var string sidebar_position_alt = "";

   275     var string image_background_page_position = "100% 70px";

   276     if ($*layout_type == "two-columns-right") { $sidebar_position = "right"; $sidebar_position_alt = "left"; $image_background_page_position = "0% 70px"; }

   277     elseif ($*layout_type == "two-columns-left") { $sidebar_position = "left"; $sidebar_position_alt = "right"; }

   279     var string page_background_colors = generate_color_css( new Color, $*color_page_background, new Color );

   280     var string page_colors = generate_color_css( $*color_page_text, new Color, new Color );

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

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

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

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

   286     var string page_content_title_colors = generate_color_css( $*color_entry_text, $*color_entry_background, $*color_entry_border );

   288     var string container_background = generate_background_css( $*image_background_page_url, $*image_background_page_repeat, $image_background_page_position, new Color );

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

   291     var string page_title_anchor_colors = generate_color_css( $*color_page_title, new Color, new Color );

   292     var string header_colors = generate_color_css( $*color_header_text, $*color_header_background, $*color_module_border );

   293     var string header_hover_colors = generate_color_css( $*color_header_hover, $*color_header_hover_background, new Color );

   295     var string module_base_colors = generate_color_css( $*color_module_text, new Color, new Color );

   296     var string module_link_colors = generate_color_css ( $*color_module_link, new Color, new Color );

   297     var string module_link_active_colors = generate_color_css( $*color_module_link_active, new Color, new Color );

   298     var string module_link_hover_colors = generate_color_css( $*color_module_link_hover, new Color, new Color );

   299     var string module_link_visited_colors = generate_color_css( $*color_module_link_visited, new Color, new Color );

   300     var string module_title_colors = generate_color_css( $*color_module_title, $*color_module_title_background, $*color_module_title_border );

   301     var string module_colors = generate_color_css( new Color, $*color_module_background, $*color_module_border );

   303     var string entry_colors = generate_color_css( $*color_entry_text, $*color_entry_background, $*color_entry_border );

   304     var string entry_title_colors = generate_color_css( $*color_entry_title, $*color_entry_title_background, new Color );

   305     var string entry_title_link_colors = generate_color_css( $*color_entry_title, new Color, new Color );

   306     var string userpic_colors = generate_color_css( new Color, $*color_module_background, $*color_entry_title_border );

   308     var string entry_link_colors = generate_color_css( $*color_entry_link, new Color, new Color );

   309     var string entry_link_active_colors = generate_color_css( $*color_entry_link_active, new Color, new Color );

   310     var string entry_link_hover_colors = generate_color_css( $*color_entry_link_hover, new Color, new Color );

   311     var string entry_link_visited_colors = generate_color_css( $*color_entry_link_visited, new Color, new Color );

   313     var string navigation_colors = generate_color_css( $*color_navigation_text, $*color_navigation_background, $*color_navigation_border );

   314     var string postform_colors = generate_color_css( new Color, $*color_entry_background, $*color_entry_border );

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

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

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

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

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

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

   323     var string entry_userpic_shift = "";

   324     if ( $*entry_userpic_style == "" ) { $entry_userpic_shift = "-50px"; }

   325     elseif ( $*entry_userpic_style == "small" ) { $entry_userpic_shift = "-37.5px"; }

   326     elseif ( $*entry_userpic_style == "smaller" ) { $entry_userpic_shift = "-25px"; }

   328     var string comment_userpic_shift = "";

   329     if ( $*comment_userpic_style == "" ) { $comment_userpic_shift = "-50px"; }

   330     elseif ( $*comment_userpic_style == "small" ) { $comment_userpic_shift = "-37.5px"; }

   331     elseif ( $*comment_userpic_style == "smaller" ) { $comment_userpic_shift = "-25px"; }

   333     var string entry_header_margin = "";

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

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

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

   338     var string comment_header_margin = "";

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

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

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

   343     var string userpic_css = "";

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

   345         $userpic_css = """

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

   348         /* make sure userpic can't overlap the poster's username */

   349         .has-userpic .header { min-height: 55px; }

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

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

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

   355         }

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

   357         $userpic_css = """

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

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

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

   362         .has-userpic .poster-ip { padding-right: $comment_header_margin; }

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

   365         }

   366 """

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

   368 just leave this here. It says "let's use the IE box model" for

   369 non IE browsers */

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

   372 body {

   373     $page_background_colors

   374     $page_font

   375     margin: 0;

   376     padding: 0;

   377     width: 100%;

   378 }

   380 a {

   381     $page_link_colors

   382     text-decoration: none;

   383 }

   384 a:visited {

   385     $page_link_visited_colors

   386 }

   387 a:hover {

   388     $page_link_hover_colors

   389 }

   390 a:active {

   391     $page_link_active_colors

   392 }

   394 q { font-style: italic;

   395 }

   397 #container {

   398     width: 100%;

   399     position: relative;

   400     $container_background

   401 }

   403 #header {

   404     $page_title_colors

   405     margin: 0;

   406     padding: 0;

   407 }

   409 #header a {

   410     $page_title_anchor_colors

   411 }

   413 #header h1 {

   414     margin: 0;

   415     padding: 1em;

   416     $page_title_font

   417 }

   419 #header h2 {

   420     padding: 0 1em 1em 1em;

   421 }

   423 #wrap {

   424     $page_colors

   425 }

   427 #wrap,

   428 .two-columns #bottom {

   429     padding-$sidebar_position_alt: 200px; /* Fixed: to display the bkg image */

   430     padding-top: 10px;

   431 }

   433 .one-column #wrap,

   434 .one-column #bottom {

   435     margin-left: 2em;

   436     margin-right: 2em;

   437 }

   439 .one-column #bottom {

   440     margin-top: 1em;

   441 }

   443 .two-columns #wrap,

   444 .two-columns #bottom {

   445     margin-$sidebar_position: $*sidebar_width;

   446     padding-$sidebar_position: 60px;

   447 }

   449 #content {

   450     width: 100%;

   451     z-index: 20;

   452 }

   454 .entry-wrapper {

   455     margin-top: -20px;

   456 }

   458 .module h2 {

   459     $module_title_font

   460 }

   462 .module-content {

   463     $module_font

   464 }

   466 .module-section-two {

   467     width: $*sidebar_width;

   468     max-width: $*sidebar_width;

   469     $module_base_colors

   470 }

   472 .two-columns .module-section-two {

   473     position: absolute;

   474     $sidebar_position: 2em;

   475     top: 8em;

   476 }

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

   479     width: auto;

   480     max-width: none;

   481 }

   483 .one-column-split .module-section-two {

   484     margin-bottom: 1em;

   485 }

   487 .module-section-three {

   488     $module_base_colors

   489 }

   491 .module-section-one ul {

   492     $module_base_colors

   493     margin: 0;

   494     margin-top: 1.5em;

   495     padding: .5em;

   496 }

   498 .one-column .module-section-one ul {

   499     margin-left: 2em;

   500     padding-left: 0;

   501     padding-right: 0;

   502 }

   504 .two-columns .module-section-one ul {

   505     margin-$sidebar_position: $*sidebar_width;

   506     padding-$sidebar_position: 60px;

   507     padding-$sidebar_position_alt: 0;

   508 }

   510 .two-columns-right .module-section-one ul {

   511     text-align: right;

   512 }

   514 .module-section-one li {

   515     position: relative;

   516     display: inline;

   517     list-style: none;

   518 }

   520 .module-section-one li a {

   521     line-height: 3em;

   522     padding: .5em 20px;

   523     $header_colors

   524 }

   526 .module-section-one ul li a:hover {

   527     $header_hover_colors

   528 }

   530 .module-section-two a, .module-section-two .module-header a,

   531 .module-section-three a, .module-section-three .module-header a {

   532     $module_link_colors

   533 }

   535 .module-section-two a:visited, .module-section-two .module-header a:visited,

   536 .module-section-three a:visited, .module-section-three .module-header a:visited {

   537     $module_link_visited_colors

   538 }

   540 .module-section-two a:hover, .module-section-two .module-header a:hover,

   541 .module-section-three a:hover, .module-section-three .module-header a:hover {

   542     $module_link_hover_colors

   543 }

   545 .module-section-two a:active, .module-section-two .module-header a:active,

   546 .module-section-three a:active, .module-section-three .module-header a:active {

   547     $module_link_active_colors

   548 }

   550 .module-section-two h2,

   551 .module-section-three h2 {

   552     margin: 0;

   553     margin-bottom: 7px;

   554     padding: .2em;

   555     text-align: center;

   556     $module_title_colors

   557     border-left: none;

   558     border-right: none;

   559     border-top: none;

   560 }

   562 .module-section-two ul,

   563 .module-section-three ul {

   564     list-style-type: none;

   565     margin-left: .5em;

   566     padding: 0;

   567 }

   568 .module-section-two ul ul,

   569 .module-section-two ul ul {

   570     list-style-type: none;

   571     margin-left: .5em;

   572     padding: 0;

   573     margin-bottom: 0;

   574 }

   576 .module-section-two .module,

   577 .module-section-three .module {

   578     $module_colors

   579     border-top: none;

   580 }

   582 .module-section-two .module:first-child,

   583 .module-section-three .module:first-child {

   584     border-top: 1px solid $*color_module_border;

   585 }

   587 .module-userprofile, .module-tags, .module-syndicate {

   588     text-align: center;

   589 }

   591 .module-tags_cloud li, .tags_cloud li {

   592     display: inline;

   593     list-style-type: none;

   594 }

   596 .module-userprofile .userpic img {

   597     border: none;

   598     margin: 20px;

   599 }

   600 .module-userprofile .userpic {

   601     text-align: center;

   602 }

   603 .module-userprofile ul.icon-links {

   604     margin: 0;

   605     margin-top: 5px;

   606     padding: 0;

   607     text-align: center;

   608 }

   610 .module-userprofile ul.text-links {

   611     text-align: left;

   612 }

   614 .module-userprofile p {

   615     margin-top: 0;

   616     margin-bottom: 0;

   617 }

   618 .module-userprofile .icon-links li {

   619     display: inline;

   620     padding: 5px;

   621     list-style: none;

   622 }

   623 .module-calendar {

   624     text-align: center;

   625 }

   626 .module-calendar table {

   627     margin-left: auto;

   628     margin-right: auto;

   629 }

   631 .module-search .search-box { margin: .5em 0; width: 100%; }

   633 .one-column .module-search .search-box,

   634 .module-section-three .module-search .search-box {

   635     width: auto;

   636     }

   638 .module-search .search-form { margin: .5em; text-align: right; }

   640 .one-column .module-search .search-form,

   641 .module-section-three .module-search .search-form {

   642     text-align: left;

   643     }

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

   646 .module-pagesummary .ljuser {

   647     white-space: normal !important;

   648 }

   649 .module-pagesummary .module-content {

   650     word-wrap: break-word;

   651 }

   653 .module-credit dl {

   654     margin: 0 1em;

   655 }

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

   657     padding: 0;

   658     margin: 0;

   659     display: block;

   660 }

   661 .module-credit dt {

   662     float: left;

   663     clear: left;

   664     font-weight: bold;

   665     margin-right: .5em;

   666 }

   667 .module-customtext .module-content {

   668     padding: 0 .5em;

   669 }

   671 .module-section-two .module-time,

   672 .module-section-two .module-powered {

   673     font-size: .8em;

   674     text-align: center;

   675 }

   676 .module-section-two .module-navlinks ul {

   677     margin-top: 0;

   678     padding-top: 1em;

   679 }

   681 .entry, .comment, .text_noentries_day {

   682     padding: 10px;

   683     margin-top: 200px;

   684     position: relative;

   685     margin-bottom: 10px;

   686 }

   687 $userpic_css

   689 .entry .userpic a, .comment .userpic a {

   690     display: block;

   691     position: absolute;

   692     padding: 5px;

   693 }

   695     .entry .userpic a {

   696         top: $entry_userpic_shift;

   697     }

   699     .comment .userpic a {

   700         top: $comment_userpic_shift;

   701     }

   703 .entry .userpic img, .comment .userpic img {

   704     border: none;

   705 }

   707 .comment-title {

   708     $comment_title_font

   709     }

   711 .comment-title h4 {

   712     font-size: inherit;

   713     font-weight: inherit;

   714     margin: 0;

   715     padding: 0;

   716 }

   717 .entry-title, .comment-title {

   718     padding: .2em;

   719 }

   720 .entry-title {

   721     $entry_title_font

   722 }

   723 .entry-wrapper .entry, .comment, .text_noentries_day {

   724     $entry_colors

   725     margin-top: 100px;

   726 }

   727 .entry-wrapper .userpic a, .comment-wrapper .userpic a {

   728     $userpic_colors

   729 }

   730 .entry-wrapper .entry-title, .comment-wrapper .comment-title {

   731     border: none;

   732     $entry_title_colors

   733 }

   734 .entry-wrapper .entry-title a, .comment-wrapper .comment-title a {

   735     $entry_title_link_colors

   736 }

   737 .entry-wrapper a, .comment-wrapper a {

   738     $entry_link_colors

   739 }

   740 .entry-wrapper a:visited, .comment-wrapper a:visited {

   741     $entry_link_visited_colors

   742 }

   743 .entry-wrapper a:hover, .comment-wrapper a:hover {

   744     $entry_link_hover_colors

   745 }

   746 .entry-wrapper a:active, .comment-wrapper a:active {

   747     $entry_link_active_colors

   748 }

   750 .entry .time, .entry .date {

   751     padding: .2em;

   752     display: inline-block;

   753 }

   754 .entry-content, .comment-content {

   755     padding: 10px 0;

   756 }

   757 .tag {

   758     font-weight: bold;

   759     text-align: left;

   760 }

   761 .tag a {

   762     font-weight: normal;

   763 }

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

   766 .tag li {

   767     display: inline;

   768     list-style: none;

   769     padding: 0;

   770 }

   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 { clear: both; }

   790 .entry .footer .inner, .comment .footer .inner {

   791     text-align: right;

   792 }

   793 .entry .footer a {

   794     white-space: nowrap;

   795 }

   796 /* lets have a default */

   797 .entry-management-links li a, .comment-management-links li a, .comment-interaction-links .thread a {

   798     padding-left: 1em;

   799 }

   801 #entries {

   802     margin-top: -30px;

   803 }

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

   806     margin: 0;

   807     padding: 0;

   808     display: inline;

   809     font-size: .8em;

   810     text-align: right;

   811     text-transform: lowercase;

   812 }

   814 .entry-management-links li, .entry-interaction-links li, .comment-management-links li, .comment-interaction-links li {

   815     display: inline;

   816     list-style: none;

   817     margin: 0;

   818     padding: 0 0 0 1em;

   819 }

   821 .entry-interaction-links li a, .entry-management-links .tell_friend a, .comment-interaction-links li a {

   822     padding-left: 1em;

   823     display: inline;

   824 }

   825 .entry .footer hr {

   826     display: none;

   827 }

   829 .entry .metadata-label {

   830     font-weight: bold;

   831 }

   832 .full .comment-poster {

   833     display: inline-block;

   834     min-width: 40%;

   835 }

   837 #content > hr { display: none; }

   839 .navigation {

   840     margin: 0;

   841     margin-top: 30px;

   842     padding: 0;

   843     text-align: left;

   844     $navigation_colors

   845 }

   847 .navigation ul {

   848     margin-top: 0;

   849     padding-top: 5px;

   850     text-align: left;

   851     font-size: .7em;

   852 }

   854 .navigation li {

   855     display: inline;

   856     padding: 0 1px;

   857 }

   858 .navigation .page-back a:before {

   859     content: " << ";

   860     font-size: .9em;

   861     letter-spacing: 0;

   862     vertical-align: 40%;

   863     padding-right: 1px;

   864 }

   866 .navigation .page-forward a:after {

   867     content: " >>";

   868     font-size: .9em;

   869     letter-spacing: 0;

   870     vertical-align: 40%;

   871     padding-left: 1px;

   872 }

   874 .manage-link {

   875     text-align: center;

   876     font-size: .7em;

   877 }

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

   880     padding: 10px;

   881     position: relative;

   882     margin: 20px 0;

   883     $entry_colors

   884 }

   886  .month-wrapper h3 {

   887     padding: .2em;

   888     margin: 0;

   889     margin-bottom: 20px;

   890     font-size: 1.2em;

   891     $page_content_title_colors

   892 }

   894 .month caption {

   895     display: none;

   896 }

   897 .month .day span, .month .day p {

   898     padding: 0;

   899     margin: 0;

   900 }

   901 .month .day p {

   902     margin-top: 4px;

   903     margin-bottom: -4px;

   904 }

   905 .month .day, .month th {

   906     line-height: 2em;

   907     vertical-align: text-top;

   908     padding: 5px;

   909     text-align: center;

   910 }

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

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

   913     vertical-align: 100%;

   914 }

   915 .month .day-has-entries {

   916     line-height: 1em;

   917 }

   918 .month .footer {

   919     width: 250px;

   920     text-align: center;

   921     margin: 10px 0;

   922 }

   924 #postform {

   925     margin-top: 20px;

   926     $postform_colors

   927 }

   929 .text_noentries_day {

   930     margin-top: 20px;

   931     margin-bottom: 20px;

   932 }

   934 #archive-month dt {

   935     font-weight: bold;

   936 }

   937 #archive-month .entry-title {

   938     display: inline-block;

   939     padding-left: 5px;

   940 }

   942 /*--- Tags Page ---*/

   944 .tags-container {

   945     $entry_colors

   946     padding: 10px;

   947 }

   949 .tags-container h2 {

   950     $page_content_title_colors

   951     font-size: 1.2em;

   952     margin: 0 10px 20px 0;

   953     padding: .2em;

   954 }

   956 .tags-container ul {

   957     margin: 10px;

   958     padding: 0;

   959     text-align: left;

   960 }

   961 .tags-container li {

   962     margin-left: 10px;

   963     padding: 0;

   964 }

   966 /*--- Icons Page ---*/

   968 .icons-container {

   969     $entry_colors

   970     padding: 10px;

   971     }

   973 .icons-container a {

   974     color: $*color_entry_link;

   975     }

   977 .icons-container a;visited {

   978     color: $*color_entry_link_visited;

   979     }

   981 .icons-container a:hover {

   982     color: $*color_entry_link_hover;

   983     }

   985 .icons-container a:active {

   986     color: $*color_entry_link_active;

   987     }

   989 .icons-container h2 {

   990     $page_content_title_colors

   991     font-size: 1.2em;

   992     margin: 0 10px 20px 0;

   993     padding: .2em;

   994     }

   996 .sorting-options ul {

   997     padding-left: 0;

   998     }

  1000 .sorting-options ul li {

  1001     display: inline;

  1002     list-style: none;

  1003     }

  1005 .page-icons .comment {

  1006     background: transparent;

  1007     border: none;

  1008     margin: 0;

  1009     padding: 0;

  1010     }

  1012 .page-icons .icon {

  1013     margin: 1em 0;

  1014     }

  1016 .icon-image {

  1017     float: left;

  1018     clear: left;

  1019     margin-bottom: .25em;

  1020     min-width: 100px;

  1021     padding-right: 1em;

  1022     }

  1024 .icon-info {

  1025     min-height: 100px;

  1026     }

  1028 .icon-info span {

  1029     font-weight: bold;

  1030     }

  1032 .icon-info .default {

  1033     text-decoration: underline;

  1034     }

  1036 .icon-info .keywords ul {

  1037     display: inline;

  1038     padding-left: 0;

  1039     }

  1041 .icon-info .keywords ul li {

  1042     display: inline;

  1043     list-style: none;

  1044     padding: 0 .25em 0 0;

  1045     }

  1047 #commenttext {

  1048     width: 95%;

  1049 }

  1051 #footer {

  1052     font-size: .9em;

  1053     margin: 1em 0;

  1054     text-align: center;

  1055 }

  1057 """;

  1059 }

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