dw-free: bin/upgrading/s2layers/bases/layout.s2@5bab31c9f015

     1 layerinfo "type" = "layout";

     2 layerinfo "name" = "Bases";

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

     4 layerinfo "author_name" = "Malionette";

     5 layerinfo "lang" = "en";

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

     8 set layout_authors = [ { "name" => "malionette", "type" => "user" } ];

    10 ##===============================

    11 ## Display settings - general

    12 ##===============================

    14 propgroup presentation {

    15     property use num_items_recent;

    16     property use num_items_reading;

    17     property use use_journalstyle_entry_page;

    18     property use layout_type;

    19     property use tags_page_type;

    20     property use userpics_style_group;

    21     property use userpics_position;

    22     property use entry_metadata_position;

    23     property use use_custom_friend_colors;

    24     property use use_shared_pic;

    25     property use userlite_interaction_links;

    26     property use entry_management_links;

    27     property use comment_management_links;

    28     property use reg_firstdayofweek;

    29     property use entry_datetime_format_group;

    30     property use comment_datetime_format_group;

    31 }

    33 set module_layout_sections = "none|(none)|one|Group One";

    35 ##===============================

    36 ## Navigation Module

    37 ##===============================

    39 property string module_navlinks_section_override {

    40     values = "none|(none)|header|Header|one|Group One";

    41     grouped = 1;

    42 }

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

    46 set module_navlinks_section = "header";

    48 set num_items_recent = 10;

    49 set num_items_reading = 10;

    50 set userpics_position = "right";

    51 set use_custom_friend_colors = false;

    53 set show_userpics_recent = true;

    54 set linklist_support = true;

    56 set custom_foreground_element = "userpic_border";

    57 set custom_background_element = "userpic_background";

    59 ##===============================

    60 ## Journal style - colors

    61 ##===============================

    63 propgroup colors {

    64     property use color_page_background;

    65     property use color_page_text;

    66     property use color_page_link;

    67     property use color_page_link_active;

    68     property use color_page_link_hover;

    69     property use color_page_link_visited;

    70     property use color_page_border;

    71     property use color_page_title;

    73     property use color_header_background;

    75     property use color_module_background;

    76     property use color_module_text;

    77     property use color_module_link;

    78     property use color_module_link_active;

    79     property use color_module_link_hover;

    80     property use color_module_link_visited;

    81     property use color_module_border;

    82     property use color_module_title;

    83     property use color_module_title_background;

    85     property use color_entry_background;

    86     property use color_entry_text;

    87     property use color_entry_link;

    88     property use color_entry_link_active;

    89     property use color_entry_link_hover;

    90     property use color_entry_link_visited;

    91     property use color_entry_border;

    92     property use color_entry_title;

    93     property use color_entry_title_background;

    94     property use color_entry_interaction_links;

    96     property use color_comment_title_background;

    98 }

   101 propgroup fonts {

   102     property use font_base;

   103     property use font_fallback;

   104     property use font_base_size;

   105     property use font_base_units;

   106     property use font_journal_title;

   107     property use font_journal_title_size;

   108     property use font_journal_title_units;

   109     property use font_journal_subtitle;

   110     property use font_journal_subtitle_size;

   111     property use font_journal_subtitle_units;

   112     property use font_entry_title;

   113     property use font_entry_title_size;

   114     property use font_entry_title_units;

   115     property use font_comment_title;

   116     property use font_comment_title_size;

   117     property use font_comment_title_units;

   118     property use font_module_heading;

   119     property use font_module_heading_size;

   120     property use font_module_heading_units;

   121     property use font_module_text;

   122     property use font_module_text_size;

   123     property use font_module_text_units;

   124 }

   126 set font_base = "Arial";

   127 set font_fallback = "sans-serif";

   128 set font_base_size  = "1";

   129 set font_base_units = "em";

   131 set font_journal_title  = "Arial";

   132 set font_journal_title_size  = "2.25";

   133 set font_journal_title_units = "em";

   135 set font_journal_subtitle  = "Arial";

   136 set font_journal_subtitle_size  = "1.125";

   137 set font_journal_subtitle_units = "em";

   139 set font_module_text  = "Arial";

   140 set font_module_text_size  = "1";

   141 set font_module_text_units = "em";

   143 set font_module_heading  = "Arial";

   144 set font_module_heading_size  = "1";

   145 set font_module_heading_units = "em";

   147 set font_entry_title  = "Arial";

   148 set font_entry_title_size  = "1.25";

   149 set font_entry_title_units = "em";

   151 set font_comment_title_size  = "1.5";

   152 set font_comment_title_units = "em";

   154 ##===============================

   155 ## Display settings - images

   156 ##===============================

   158 propgroup images {

   159     property use image_background_page_group;

   160     property use image_background_header_group;

   161     property use image_background_header_height;

   162     property use image_background_entry_group;

   163     property use image_background_module_group;

   164 }

   166 ##===============================

   167 ## Display settings - modules

   168 ##===============================

   170 propgroup modules {

   171     property use module_userprofile_group;

   172     property use module_navlinks_group;

   173     property use module_customtext_group;

   174     property use module_calendar_group;

   175     property use module_pagesummary_group;

   176     property use module_tags_group;

   177     property use module_active_group;

   178     property use module_links_group;

   179     property use module_syndicate_group;

   180     property use module_time_group;

   181     property use module_poweredby_group;

   182     property use module_credit_group;

   183     property use module_search_group;

   184     property use module_cuttagcontrols_group;

   185 }

   187 ##===============================

   188 ## Custom CSS

   189 ##===============================

   191 propgroup customcss {

   192     property use external_stylesheet;

   193     property use include_default_stylesheet;

   194     property use linked_stylesheet;

   195     property use custom_css;

   196 }

   198 propgroup text {

   199 ##===============================

   200 ## Text - main navigation

   201 ##===============================

   203     property use text_view_recent;

   204     property use text_view_friends;

   205     property use text_view_network;

   206     property use text_view_archive;

   207     property use text_view_userinfo;

   208     property use text_view_memories;

   209     property use text_view_tags;

   211 ##===============================

   212 ## Text - entry comment-related

   213 ##===============================

   215     property use text_post_comment;

   216     property use text_max_comments;

   217     property use text_read_comments;

   218     property use text_post_comment_friends;

   219     property use text_read_comments_friends;

   221     property use text_skiplinks_back;

   222     property use text_skiplinks_forward;

   223     property use text_meta_music;

   224     property use text_meta_mood;

   225     property use text_meta_location;

   226     property use text_meta_xpost;

   227     property use text_tags;

   229     property use text_entry_prev;

   230     property use text_entry_next;

   231     property use text_edit_entry;

   232     property use text_edit_tags;

   233     property use text_tell_friend;

   234     property use text_mem_add;

   235     property use text_watch_comments;

   236     property use text_unwatch_comments;

   237     property use text_permalink;

   238     property use text_stickyentry_subject;

   240     property use text_module_customtext;

   241     property use text_module_customtext_content;

   242     property use text_module_customtext_url;

   243 }

   245 function print_module_navlinks() {

   246     var Page p = get_page();

   247     open_module("navlinks", "", "");

   248     var string[] links = [];

   250     println """<ul class="module-list">""";

   251     foreach var string k ($p.views_order) {

   252         var string css = """$k""";

   253         if ($p.view == $k) { $css = """current $k"""; }

   254         println """<li class="module-list-item $css"><a href="$p.view_url{$k}" class="$css">"""+lang_viewname($k)+"""</a></li>""";

   255     }

   256     println "</ul>";

   258     close_module();

   259 }

   261 function Page::print()

   262 {

   263     """<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">\n<head profile="http://www.w3.org/2006/03/hcard http://purl.org/uF/hAtom/0.1/ http://gmpg.org/xfn/11">\n""";

   264     $this->print_head();

   265     $this->print_stylesheets();

   266     $this->print_head_title();

   267     """</head>""";

   268     $this->print_wrapper_start();

   269     $this->print_control_strip();

   270     """

   271     <div id="canvas">

   272         <div class="inner">

   273             <div id="header">

   274                 <div class="inner">

   275                     """;

   276                     $this->print_global_title();

   277                     $this->print_global_subtitle();

   278                     $this->print_title();

   279                     $this->print_module_section("header");

   280     """

   281                 </div><!-- end header>inner -->

   282             </div><!-- end header -->

   283             <div id="content">

   284                 <div class="inner">

   285                     <div id="primary"><div class="inner">

   286                         """;

   287                         $this->print_body();

   288     """

   289                     </div></div><!-- end primary and primary>inner -->

   290                     <div id="secondary"><div class="inner">

   291                         """;

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

   293     """

   294                     </div></div><!--  end secondary and secondary>inner -->

   295                 </div><!-- end content>inner -->

   296             </div> <!-- end content -->

   297         </div> <!-- end canvas>inner -->

   298     """;

   300     """

   301     </div> <!-- end canvas -->

   302     """;

   303     $this->print_wrapper_end();

   304     """</html>""";

   305 }

   307 function Page::print_default_stylesheet()

   308 {

   310 var string sidebar_position = "";

   311 var string sidebar_position_opposite = "";

   313 if ($*layout_type == "two-columns-left") { $sidebar_position = "left"; $sidebar_position_opposite = "right"; }

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

   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 page_subtitle_font = generate_font_css($*font_journal_subtitle, $*font_base, $*font_fallback, $*font_journal_subtitle_size, $*font_journal_subtitle_units);

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

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

   321 var string module_text_font = generate_font_css($*font_module_text, $*font_base, $*font_fallback, $*font_module_text_size, $*font_module_text_units);

   322 var string module_heading_font = generate_font_css($*font_module_heading, $*font_base, $*font_fallback, $*font_module_heading_size, $*font_module_heading_units);

   323 var string page_background = generate_background_css ($*image_background_page_url, $*image_background_page_repeat,

   324     $*image_background_page_position, $*color_page_background);

   325 var string header_background = generate_background_css ($*image_background_header_url, $*image_background_header_repeat,

   326     $*image_background_header_position, $*color_header_background);

   327 var string entry_background = generate_background_css ($*image_background_entry_url, $*image_background_entry_repeat,

   328     $*image_background_entry_position, $*color_entry_background );

   329 var string module_background = generate_background_css ($*image_background_module_url, $*image_background_module_repeat,

   330     $*image_background_module_position, $*color_module_background );

   331 var Color element_background = $*color_page_background->lighter();

   333     var string header_background_height = "";

   335     if ($*image_background_header_height > 0) {

   336         $header_background_height = """padding-top: """ + $*image_background_header_height + """px;""";

   337     }

   339     if ($*image_background_header_url != "" ) {

   340         print """#title, #subtitle, #pagetitle { display: none; }""";

   341     }

   343     var string userpic_css = "";

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

   345         $userpic_css = """

   346         .has-userpic .entry .userpic,

   347         .has-userpic .comment .userpic { float: left; }

   348         """;

   349     }

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

   351         $userpic_css = """

   352         .has-userpic .entry .userpic,

   353         .has-userpic .comment .userpic { float: right; }

   354         """;

   355     }

   357     var string navlinks_css = "";

   358         if ($*module_navlinks_section == "header") {

   359             $navlinks_css = """

   361             .module-navlinks ul {

   362                 background: $*color_module_title_background;

   363                 font-size: 1em;

   364                 font-weight: bold;

   365                 line-height: 2.2em;

   366                 margin: .083em 0;

   367                 padding: 0;

   368                 }

   370             .module-navlinks li {

   371                 display: inline;

   372                 height: 2.2em;

   373                 line-height: 2.2em;

   374                 list-style: none;

   375                 margin: 0;

   376                 margin-left: -.25em;

   377                 padding: .5em 0;

   378                 }

   380             .module-navlinks li:first-child {

   381                 border-left: .083em solid $*color_module_background;

   382                 margin-left: .6em !important;

   383                 }

   385             .module-navlinks li:hover {

   386                 background: $*color_module_link_hover;

   387                 }

   389             .module-navlinks li a {

   390                 border-right: .083em solid $*color_module_background;

   391                 line-height: 2.2em;

   392                 padding: .5em .833em;

   393                 }

   395             .module-navlinks li a:hover {

   396                 text-decoration: underline;

   397                 }

   399             .module-navlinks li.current {

   400                 background: $*color_module_link_hover;

   401                 }

   403             .module-navlinks li a,

   404             .module-navlinks li a:hover,

   405             .module-navlinks li a:visited {

   406                 color: $*color_module_title;

   407                 }

   408             """;

   409         }

   410         else {

   411             $navlinks_css = "";

   412         }

   414     """

   415 /* DREAMWIDTH :--- Bases. ---

   416 Sven @ Fruitstyle.Dreamwidth.org

   417 Do not remove this note. */

   419 /* ====================== PAGE ======================= */

   421 body {$page_font $page_background color: $*color_page_text; width: 100%; margin: 0; padding: 0;}

   423 #canvas {padding-top: 4%; padding-bottom: 4%; }

   425 #primary > .inner:first-child {padding: 0;}

   427 #secondary > .inner:first-child {padding: 0;}

   429 .one-column #secondary {display: none;}

   430 .one-column #primary {border: 0.083em solid $*color_page_border; background: $*color_entry_background; width: 90%; padding: 0; border-top: 0; position: absolute; margin-left: 5%; }

   431 .one-column #header { width: 90%;}

   433 .two-columns #secondary {

   434     background: $*color_entry_background;

   435     border: .083em solid $*color_page_border;

   436     border-bottom: 0;

   437     margin-$sidebar_position: auto;

   438     margin-$sidebar_position_opposite: 66.4%;

   439     width: 16.667em;

   440     }

   442 .two-columns #primary {

   443     background: $*color_entry_background;

   444     border: .083em solid $*color_page_border;

   445     border-top: 0;

   446     margin-$sidebar_position_opposite: 5%;

   447     padding: 0;

   448     position: absolute;

   449     width: 60.4%;

   450     $sidebar_position_opposite: 0;

   451     }

   453 .two-columns #header {

   454     width: 60.4%;

   455     }

   457 /* ====================== RANDOM MARK UP AND CONDITIONALS ======================= */

   459 a {color: $*color_page_link; text-decoration: none;}

   460 a:active {color: $*color_page_link_active; text-decoration: none;}

   461 a:visited {color: $*color_page_link_visited; text-decoration: none;}

   462 a:hover, a:visited:hover, a:active:hover {color: $*color_page_link_hover; text-decoration: underline;}

   464 abbr {border-color: $*color_page_link; }

   466 blockquote {border-bottom: 0.083em solid $*color_page_border; clear: both; margin: 0.833em 1.667em 0.833em 1.667em;

   467             padding: 0.833em; background: $element_background; border-top: 0.583em solid $*color_page_link; }

   469 q { font-style: italic; }

   471 caption {font-size: 0.75em; text-transform: uppercase;}

   473 code {font: italic 1em georgia; }

   475 dt {font-weight: bold; border-bottom: 0.083em solid $*color_page_border;}

   476 dd {font-weight: normal;}

   478 h1 {font-size: 2.5em; font-weight: normal; }

   479 h2 {font-size: 2em; font-weight: normal; }

   480 h3 {font-size 1.5em; font-weight: normal; }

   481 h4 {font-size: 1.166em; font-weight: bold; }

   482 h5 {font-size: 1em; font-weight: bold; }

   483 h6 {font-size: 0.75em; font-weight: bold; }

   485 hr {border: 0.083em solid $*color_page_border;}

   487 input, select {border: 0.083em solid $*color_page_border; background: $*color_comment_title_background !important; font-size: 0.833em !important; color: $*color_page_text !important;}

   489 i {color: $*color_page_link_hover; }

   491 label {font-weight: bold;}

   493 ol {list-style: decimal-leading-zero; }

   495 pre {font-size: 1em;}

   497 sub, sup {color: $*color_page_text; }

   499 tt {font: 1.334em monospace; }

   501 textarea { margin: 0.5em; padding: 0.5em; border: 0.083em solid $*color_page_border; background: $*color_comment_title_background; color: $*color_page_text; font: italic 1em georgia;}

   503 ul { padding: 0 0 0 2em; list-style: square;}

   504 ul ul {list-style: circle;}

   506 .entry-content a img {border-bottom: 0.083em solid $*color_entry_link; }

   507 .entry-content a img:hover {border-color: $*color_entry_link_hover; }

   508 .entry-content .userpic, #comments .userpic {background: $*color_entry_background;}

   510 /* ====================== HEADER ======================= */

   512 #header {

   513     border: .083em solid $*color_page_border;

   514     border-bottom: none;

   515     margin: 0 -100% 0 5%;

   516     padding: 0;

   517     $header_background

   518     $header_background_height

   519     }

   521 .two-columns-left #header {

   522     margin: 0 5% 0 auto;

   523     }

   525 #title { $page_title_font font-weight: bold; padding: 2em 0 0 0.65em; color: $*color_page_title; margin: 0; }

   527 #subtitle { $page_subtitle_font padding-left: 1.5em; color: $*color_page_title; }

   529 #pagetitle { border-bottom: 0.083em solid $*color_page_border; font-size: 1em; padding: 0 0 1em 2.2em; margin: 0.5em 0 0 0; }

   531 $navlinks_css

   533 .entry-interaction-links li {display: inline; padding: 0.583em 0 0.583em 0 !important; border-left: 0.083em solid $*color_entry_background; border-right: 0.083em solid $*color_entry_background; }

   534 .entry-interaction-links li + li {border-left: 0; margin: 0 0 0 -0.25em;}

   535 .entry-interaction-links a {color: $*color_entry_interaction_links !important; padding: 0.583em 0.833em 0.583em 0.833em; font-weight: bold;}

   536 .entry-interaction-links a:hover{background: $*color_module_link_hover; text-decoration: underline; }

   538 /* ====================== SIDEBAR ======================= */

   540 .module { color: $*color_module_text; }

   541 .module a { color: $*color_module_link; }

   542 .module a:visited { color: $*color_module_link_visited; }

   543 .module a:active { color: $*color_module_link_active; }

   544 .module a:hover, #secondary a:visited:hover, #secondary a:active:hover { color: $*color_module_link_hover; }

   546 .module-header { text-align: center; margin: 0; list-style: none; background: $*color_module_title_background; padding: 0.6em 0 0.6em 0;

   547                  $module_heading_font font-weight: bold; color: $*color_module_title; border-bottom: 0.083em solid $*color_module_background;}

   548 .module-header a, .module-header a:visited, .module-header a:active { text-decoration: underline; color: $*color_module_title;}

   549 .module-header a:hover, .module-header a:visited:hover, .module-header a:active:hover {color: $*color_comment_title_background;}

   551 #secondary .module-content {border-top: 0.083em solid $*color_module_border; $module_text_font }

   553 #secondary .module {background: $*color_module_background; padding: 0.083em 0 0.083em 0; border-bottom: 0.083em solid $*color_module_border; }

   555 #secondary .module-content { $module_background }

   557 /* -------- profile -------- */

   559 .module-userprofile {text-align: center; font-weight: bold; }

   561 .module-userprofile .userpic img{border: 0.083em solid $*color_module_border; padding: 0.2em; background: $*color_module_background; margin: 0 auto; margin-top: 1em; }

   562 .module-userprofile img {border: 0;}

   563 .module-userprofile img:hover {opacity: .7;}

   565 .module-userprofile .journal-name {margin: 0.5em 0 0.5em 0;}

   567 /* -------- profile - interactions -------- */

   569 .module-userprofile .userlite-interaction-links {margin: 0.583em 0 0.583em 0; padding: 0; list-style: none; overflow: hidden;}

   570 .module-userprofile li {display: inline; margin: 0 0.25em 0 0.25em;}

   572 .module-userprofile img { border-bottom: 0.083em solid transparent; padding: 0 0 0.25em 0; }

   573 .module-userprofile img:hover { border-bottom: 0.083em solid $*color_module_link_hover; }

   575 /* -------- navlinks -------- */

   577 #secondary .module-navlinks {padding-top: 0 !important;}

   578 #secondary .module-navlinks .module-content {border-top: 0; padding: 0; margin: 0;}

   579 #secondary .module-navlinks ul{list-style: none; margin: 0; padding: 0; }

   580 #secondary .module-navlinks li { padding: 0; margin: 0;}

   581 #secondary .module-navlinks li + li {border-top: 0.083em solid $*color_module_border;}

   583 #secondary .module-navlinks a {padding: 0.6em; display: block;}

   584 #secondary .module-navlinks a:hover {background: $*color_comment_title_background; color: $*color_module_link; text-decoration: none;}

   585 #secondary .module-navlinks .current {background: $*color_module_title_background; color: $*color_module_title; font-weight: bold;}

   587 /* -------- calendar -------- */

   589 .module-calendar table {width: 16.5em; text-align: center; border-collapse: collapse; margin: 0 0 0 -0.4em;}

   590 .module-calendar td {border-top: 0.083em solid $*color_module_border;}

   591 .module-calendar td .entry-day a {display: block; background: $element_background; }

   593 .module-calendar .module-content { padding: 0.5em;}

   595 /* -------- tags -------- */

   597 .module-typelist .module-list { padding-left: 2em; }

   598 .module-typelist .module-list .module-list-item {list-style-type: square; color: $*color_module_text; font-size: 0.833em; }

   599 .module-typelist .module-list .module-list-item a { text-align: left; font-size: 1.2em;}

   601 .module-tags_cloud .module-list {padding: 0.5em;}

   602 .module-tags_cloud li, .tags_cloud li {display: inline; list-style-type: none;}

   604 .module-tags_cloud .manage-link {

   605     border-top: .083em solid $*color_module_border;

   606     margin-top: .5em;

   607     text-align: center;

   608     }

   610 .module-tags_multilevel .module-list { padding: 0.5em; margin: 0; }

   611 .module-tags_multilevel .module-list .module-list { border-top: 0.083em solid $*color_module_border; border-bottom: 0; padding: 1em; }

   612 .module-tags_multilevel .module-list .module-list-item {list-style-type: none; color: $*color_module_text;  border-bottom: 0.083em solid $*color_module_border; margin: 0;  }

   613 .module-tags_multilevel .module-list .module-list-item a { text-align: left; }

   615 .module-typelist .manage-link,

   616 .module-tags_list .manage-link,

   617 .module-tags_multilevel .manage-link {

   618     border-top: .083em solid $*color_module_border;

   619     padding-bottom: .5em;

   620     padding-top: .5em;

   621     text-align: center;

   622     }

   624 /* -------- summary -------- */

   626 .module-pagesummary ul {display: block; margin: 0; padding: 0.833em; list-style: none; color: $*color_module_text; font-size: 0.75em;}

   627 .module-pagesummary li {margin: 0.417em 0 0.417em 0; padding: 0 0 0.417em 0; border-bottom: 0.083em solid $*color_module_border;}

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

   629 .module-pagesummary .ljuser {white-space: normal !important;}

   630 .module-pagesummary .module-content {word-wrap: break-word;}

   632 /* -------- syndicate -------- */

   634 .module-syndicate .module-content{text-align: center; padding: 0.5em; margin: 0;}

   635 .module-syndicate img:hover {opacity: .7;}

   637 /* -------- techie -------- */

   639 .module-time  .module-content, .module-powered .module-content {padding: 0.5em; border: 0; }

   641 /* -------- custom text -------- */

   643 .module-customtext .module-content {padding: 0.5em; }

   645 /* -------- credit -------- */

   647 .module-credit .module-content {padding: 0 0.5em 0 0.5em; }

   649 /* -------- search -------- */

   651 .search-form { margin: .2em auto; }

   652 .search-box { margin: .2em; }

   654 /* ====================== NAVIGATION BAR ======================= */

   656 .navigation ul {margin: 0; padding: 0; list-style: none; border-top: 0.083em solid $*color_page_border; }

   657 .navigation li {display: inline; padding: 0 1em 0 1em; border-right: 0.083em solid $*color_page_border; }

   658 li.page-separator {display: none;}

   659 .navigation li + li {margin-left: -0.25em;}

   660 .noentries { padding: 0 1em; }

   662 /* ====================== ENTRIES ======================= */

   664 #primary a { color: $*color_entry_link; }

   665 #primary a:visited {color: $*color_entry_link_visited; }

   666 #primary a:active {color: $*color_entry_link_active; }

   667 #primary a:hover, #primary a:visited:hover, #primary a:active:hover {color: $*color_entry_link_hover; }

   669 #primary { color: $*color_entry_text; }

   671 #entries > .inner {border-top: 0.083em solid $*color_entry_background;}

   673 .entry-title {$entry_title_font border: 0.083em solid $*color_entry_border; border-left: 0; border-right: 0; padding: 0.5em; margin: 0; color: $*color_entry_text; background: $*color_entry_title_background; }

   674 .entry-title a {text-decoration: none; color: $*color_entry_title; }

   676 .datetime { font-size: 0.75em; text-transform: uppercase; display: block; color: $*color_entry_text; padding: 0.5em 1em 0.5em 1em;

   677 border-bottom: 0.083em solid $*color_entry_border; background: $*color_comment_title_background; }

   679 .access-filter, .restrictions {float: left; margin: 0.25em 0.5em 0.25em 0.5em;}

   681 .has-userpic .entry .userpic { border: 0.083em solid $*color_entry_border; padding: 0.2em; margin: 0.5em; background: $*color_entry_background; }

   682 .entry .userpic img {border: 0;}

   683 .entry .userpic img:hover {opacity: .7;}

   685 .entry-poster { display: block; border-bottom: 0.083em solid $*color_entry_border; padding: 0.167em 0.833em 0.167em 0.833em;}

   686 .page-recent .journal-type-P .entry-poster, .page-recent .journal-type-Y .entry-poster {display: none;}

   687 .ljuser a b:hover { color: $*color_page_link_hover;}

   689 .entry-content { padding: 0.833em; min-height: 8.5em; border-bottom: 0.083em solid $*color_entry_border; $entry_background}

   691 /* To prevent overlapping when icon's on the left */

   692 /* and list is the first thing in content */

   693 .entry-content li,

   694 .comment-content li {

   695     list-style-position: inside;

   696     }

   698 .entry-content a img {border-width: 0.083em; padding: 0.25em;}

   699 .entry-content a img:hover {opacity: .7;}

   701 /* ====================== METADATA ======================= */

   703 .metadata ul {padding: 0; margin: 0; list-style: none; }

   704 .metadata li {padding: 0.167em 0.833em 0.167em 0.833em; margin: 0; border-bottom: 0.083em solid $*color_entry_border;}

   705 .metadata-label {font-weight: bold; }

   706 .page-recent .journal-type-P .metadata.top-metadata li,

   707 .page-recent .journal-type-I .metadata.top-metadata li,

   708 .page-recent .journal-type-P .metadata.top-metadata li + li + li,

   709 .page-recent .journal-type-I .metadata.top-metadata li + li + li { background: $*color_entry_background; }

   710 .page-recent .journal-type-P .metadata.top-metadata li + li,

   711 .page-recent .journal-type-I .metadata.top-metadata li + li,

   712 .page-recent .journal-type-P .metadata.top-metadata li + li + li + li,

   713 .page-recent .journal-type-I .metadata.top-metadata li + li + li + li { background: $*color_comment_title_background; }

   715 /* ====================== ENTRY TAGS ======================= */

   717 .tag {margin: 0; padding: 0; border-bottom: 0.083em solid $*color_entry_border; background: $*color_entry_background; }

   718 .tag-text {float: left; font-weight: bold; padding: 0 0.5em 0 1em; }

   719 .tag ul { padding: 0; list-style: none; margin: 0; }

   720 .tag li {display: inline; margin: 0; }

   722 .metadata li, .metadata li + li + li {background: $*color_comment_title_background; color: }

   723 .metadata li + li , .metadata li + li + li + li {background: $*color_entry_background; }

   725 /* ====================== ENTRY TOOLS ======================= */

   727 .entry .footer { overflow: auto; background:  $*color_module_title_background; border-bottom: 0.083em solid $*color_entry_background;}

   728 .entry-interaction-links {margin: 0; list-style: none; padding: 0.583em; border-top: 0.083em solid $*color_entry_background;}

   729 .entry-interaction-links li {display: inline; padding: 0.583em 0 0.583em 0 !important; border-left: 0.083em solid $*color_entry_background; border-right: 0.083em solid $*color_entry_background; }

   730 .entry-interaction-links li + li {border-left: 0; margin: 0 0 0 -0.25em;}

   731 .entry-interaction-links a {color: $*color_entry_interaction_links !important; padding: 0.583em 0.833em 0.583em 0.833em; font-weight: bold;}

   732 .entry-interaction-links a:hover{background: $*color_module_link_hover; text-decoration: underline; }

   734 .entry-management-links { margin: 0.583em 0.583em 0 0; list-style: none; display: inline; float: right;}

   735 .entry-management-links li {display: inline; margin: 0 0.25em 0 0.25em; }

   737 .entry-management-links.text-links {

   738     border-top: .083em solid $*color_entry_background;

   739     border-bottom: .083em solid $*color_module_title_background;

   740     display: block;

   741     float: none;

   742     line-height: 2.332em;

   743     list-style: none;

   744     margin: 0;

   745     padding-right: .583em;

   746     text-align: right;

   747     }

   749 .entry-management-links.text-links li {

   750     border-right: .083em solid $*color_entry_background;

   751     display: inline;

   752     margin: 0 0 0 -0.25em;

   753     padding: .583em 0 !important;

   754     }

   756 .entry-management-links.text-links li:first-child {

   757     border-left: .083em solid $*color_entry_background;

   758     margin: 0;

   759     }

   761 .entry-management-links.text-links a {

   762     color: $*color_entry_interaction_links !important;

   763     font-weight: bold;

   764     padding: .583em .833em;

   765     }

   767 .entry-management-links.text-links a:hover {

   768     background: $*color_module_link_hover;

   769     text-decoration: underline;

   770     }

   772 .entry-management-links img { border-bottom: 0.083em solid transparent; padding: 0 0.25em 0.25em 0.25em; }

   773 .entry-management-links img:hover { border-bottom: 0.083em solid $*color_entry_interaction_links; opacity: 0.7; }

   775 li.first-item {margin-left: 0;}

   777 .page-entry li.edit_entry {margin-left: -0.25em !important;}

   779 /* ====================== COMMENT PAGES ======================= */

   781 .above-entry-interaction-links, .below-reply-container {display: none;}

   783 #comments { border-top: 0.083em solid $*color_entry_border; padding-top: 0.5em;}

   785 .comment { border: 0.083em solid $*color_entry_border; margin: 0 1em 0 1em; }

   787 .comment-title {

   788     $comment_title_font

   789     font-weight: normal;

   790     padding: 0.5em;

   791     }

   793 .comment-title a {display: block; }

   795 .comment-title h4 {

   796     font-size: inherit;

   797     font-weight: inherit;

   798     margin: 0;

   799     padding: 0;

   800 }

   802 .full .comment .datetime { border-top: .083em solid $*color_entry_border;}

   803 .full .comment-poster, .poster-ip { border-bottom: .083em solid $*color_entry_border; display: block; padding: 0 .5em; }

   805 .comment-pages {font-size: 0.833em; font-weight: lighter; text-align: center; padding: 0.833em; border-bottom: 0.083em solid $*color_entry_border;}

   807 .comment-content {padding: 0.5em; border-bottom: 0.083em solid $*color_entry_border; min-height: 7em;}

   808 .no-userpic .comment-content {min-height: 1em;}

   810 .has-userpic .comment .userpic {border: 0.083em solid $*color_entry_border; margin: 0.5em; padding: 0.2em; }

   812 .screened .comment-content {background: $element_background; padding: 0.833em; }

   814 .partial .comment {color: transparent; padding: 0 0 0.5em 0; min-width: 16.667em; background: $*color_entry_background;}

   815 .partial .comment-title { font-size: 1.166em; font-weight: bold; }

   816 .partial .comment-poster { color: $*color_entry_text; padding-left: .5em; }

   817 .partial .comment .datetime { border: 0; display: inline; background: none; margin: 0; padding: 0;}

   819 .comment-wrapper {padding-top: 0;}

   821 .bottomcomment, .comments-message {padding-bottom: 0.833em; text-align: center; margin: 0.833em 0 0 0; }

   822 .bottomcomment .entry-interaction-links {margin-bottom: 0.833em; text-align: left;}

   824 .ljcmtmanage, .Note .Inner {border: 0.083em solid $*color_page_border !important; background: $*color_entry_background !important; }

   825 .ljcmtmanage b {color: $*color_page_text; }

   827 /* ====================== COMMENT TOOLS ======================= */

   829 .comment .userpic img {border: 0;}

   830 .comment a img:hover {opacity: .7;}

   832 .comment-interaction-links {padding: 0; margin: 0; list-style: none; background: $*color_comment_title_background; padding: 0.25em; border-top: 0.083em solid $*color_entry_border;

   833                             text-align: left; }

   834 .comment-interaction-links li {display: inline; padding: 0.25em 0 0.25em 0 !important; border-right: 0.083em solid $*color_entry_background; }

   835 .comment-interaction-links li + li { margin: 0 0 0 -0.25em; }

   836 .comment-interaction-links a { padding: 0.25em 0.417em 0.25em 0.417em; font-weight: bold;}

   837 .comment-interaction-links a:hover{background: $*color_entry_background; text-decoration: underline; }

   839 .comment-interaction-links li.first-item {border-left: 0.083em solid $*color_entry_background; }

   841 .comment-interaction-links .first-item {border-left: 0;}

   843 .comment-management-links { margin: 1.833em 0.5em 0 0; list-style: none; display: inline; float: right;}

   844 .comment-management-links li {display: inline; margin: 0.25em !important; }

   846 .comment-management-links img { padding: 0 0.25em 0.25em 0.25em; }

   847 .comment-management-links img:hover { opacity: 0.7; }

   849 li.frozen {font-size: 0.75em; text-transform: uppercase; padding: 0.5em 0.833em 0.25em 0.833em !important; }

   851 .multiform-checkbox { padding: 0.333em 0 0 0.25em; }

   853 #postform td b {color: $*color_page_text;}

   855 /* ====================== REPLY FORM ======================= */

   857 #qrform > table { border: 0 !important; border-spacing: 0 !important; width: 100%; margin: 0 0 1em 0; border-bottom: 0.083em solid $*color_page_border !important;}

   858 #qrform td { border-right: 0.083em solid $*color_page_border; border-top: 0.083em solid $*color_page_border !important; padding: 0.5em; font-size: 1em; }

   859 #qrform td + td { border-right: 0; font-size: 1em; }

   860 #subject {width: 80% !important; }

   861 .textbox {width: 94% !important; font-size: 1em;}

   863 #prop_picture_keyword { margin: 0 0 0 0.833em;}

   865 #postform {background: $*color_entry_background; border: 0.083em solid $*color_page_border; border: 0;}

   866 #postform table {border-spacing: 0; width: 100%; }

   867 #postform td { border-right: 0.083em solid $*color_page_border;  font-size: 1em; }

   868 #postform td + td { border-right: 0; font-size: 1em; text-transform: lowercase; font-weight: normal;}

   869 #postform tr + tr td { border-top: 0.083em solid $*color_page_border; padding: 0.417em; }

   871 #postform #userpics label{ margin: 0 0.25em 0 0.25em;}

   873 #postform table table {width: 100%; }

   874 #postform table table td {padding: 0.25em;}

   876 /* ====================== TAGS PAGES ======================= */

   878 ul.ljtaglist { margin: 0.5em; list-style: square; color: $*color_module_text; }

   879 .tags-container h2 {font-size: 1.667em; font-weight: normal; padding-left: 1em; border-top: 0.083em solid $*color_page_border; border-bottom: 0.083em solid $*color_page_border;  margin: 0;}

   880 .tags-container .manage-tags-link {padding: 0.5em 0 0.5em 1em; margin-top: 0.5em; border-top: 0.083em solid $*color_page_border;}

   882 div.ljtaglist {padding: 0.5em; }

   885 /* ====================== ICONS PAGES ======================= */

   887 .icons-container h2 {

   888     border-bottom: 0.083em solid $*color_page_border;

   889     border-top: 0.083em solid $*color_page_border;

   890     font-size: 1.667em;

   891     font-weight: normal;

   892     margin: 0;

   893     padding-left: 1em;

   894     }

   896 .icons-container .contents {

   897     padding: 0 1em;

   898     }

   900 .sorting-options ul {

   901     padding-left: 0;

   902     }

   904 .sorting-options ul li {

   905     display: inline;

   906     list-style: none;

   907     }

   909 .page-icons .comment {

   910     border: none;

   911     margin: 0;

   912     }

   914 .page-icons .icon {

   915     margin: 1em 0;

   916     }

   918 .icon-image {

   919     float: left;

   920     clear: left;

   921     margin-bottom: .25em;

   922     min-width: 100px;

   923     padding-right: 1em;

   924     }

   926 .icon-info {

   927     min-height: 100px;

   928     }

   930 .icon-info span {

   931     font-weight: bold;

   932     }

   934 .icon-info .default {

   935     text-decoration: underline;

   936     }

   938 .icon-info .keywords ul {

   939     display: inline;

   940     padding-left: 0;

   941     }

   943 .icon-info .keywords ul li {

   944     display: inline;

   945     list-style: none;

   946     padding: 0 .25em 0 0;

   947     }

   949 .icons-container .manage-link {

   950     border-top: 0.083em solid $*color_page_border;

   951     margin-top: .5em;

   952     padding: .5em 0 .5em 1em;

   953     }

   955 /* ====================== ARCHIVE PAGES ======================= */

   957 #archive-year .header h3 {font-size: 1.667em; border: 0.083em solid $*color_page_border; border-left: 0; border-right: 0; padding: 0.583em; margin: 0; }

   959 .month caption { display: none; }

   961 table.month {width: 100%; text-align: center; }

   962 .month th {padding: 0.833em 0 0 0;  border-color: $*color_page_border !important; }

   963 .month td {border-top: 0.083em solid $*color_page_border; border-color: $*color_page_border !important; width: 14%; }

   964 .month tr > td + td + td + td + td + td {width: 15% !important;}

   966 .day-has-entries span {float: left; margin: 0; width: 50%; padding: 0 0 0 25%;}

   967 .day-has-entries p{text-align: right; margin: 0; padding: 0 !important; }

   969 #archive-year .footer .inner {text-align: right; padding: 0 1em 0 0; }

   971 #archive-month dd, #archive-month dl {margin: 0; padding: 0; }

   972 #archive-month h3.entry-title {border: 0; font-size: 1em; font-weight: bold; display: block; border-bottom: 0.083em solid $*color_page_border;}

   973 #archive-month dt {border-top: 0.083em solid $*color_page_border; font-size: 1.667em; padding: 0 0 0 0.833em; }

   975 #archive-month ul {border-top: 0.083em solid $*color_page_border;}

   977 /* ====================== EXTRAS ======================= */

   979 #lj_controlstrip {width: 100%; }

   981 #lj_controlstrip td{border-right: 0.083em solid $*color_page_border; background: $*color_module_background; color: $*color_page_text; font-size: 1em; border-bottom: 0.083em solid $*color_page_border;}

   982 #lj_controlstrip a {color: $*color_page_link;}

   983 #lj_controlstrip a:visited {color: $*color_page_link_visited;}

   984 #lj_controlstrip a:active {color: $*color_page_link_active;}

   985 #lj_controlstrip a:hover, #lj_controlstrip a:visited:hover, #lj_controlstrip a:active:hover { color: $*color_page_link_hover; }

   987 #lj_controlstrip_statustext {color: $*color_page_text; }

   989 #lj_controlstrip table td {border: 0;}

   991 div.ContextualPopup {border: 0.083em solid $*color_page_border; background: $*color_entry_background; padding: 0.583em;}

   992 div.ContextualPopup div.Inner {border: 0; }

   993 div.ContextualPopup .Userpic {border: 0.083em solid $*color_page_border; padding: 0.25em; }

   995 $userpic_css

   997     """;

   998 }

author	fu
	Fri Jan 27 17:59:59 2012 +0800
changeset 4240	5bab31c9f015
parent 4224	701719de9628
child 4302	4fc7eee083ff
permissions	-rw-r--r--