Mercurialdw-free / file revision
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | raw | help
bin/upgrading/s2layers/brittle/layout.s2
author fu
Fri Jan 27 17:59:59 2012 +0800
changeset 4240 5bab31c9f015
parent 4231 19ee0e413510
child 4302 4fc7eee083ff
permissions -rw-r--r--
http://bugs.dwscoalition.org/show_bug.cgi?id=4245

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

Patch by fu. 
     1 layerinfo type = "layout";

     2 layerinfo name = "Brittle";

     3 layerinfo redist_uniq = "brittle/layout";

     4 layerinfo author_name = "renoir";

     5 

     6 set layout_authors = [ { "name" => "renoir", "type" => "user" } ];

     7 

     8 ##===============================

     9 ## Display settings - general

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

    11 

    12 propgroup presentation {

    13     property use num_items_recent;

    14     property use num_items_reading;

    15     property use use_journalstyle_entry_page;

    16     property use layout_type;

    17     property use tags_page_type;

    18     property use sidebar_width;

    19     property use margins_size;

    20     property use margins_unit;

    21     property use userpics_style_group;

    22     property string entryicons_position {

    23        des = "Place icons on the same side or opposite the sidebar";

    24        values = "none|None (don't show)|same|Same side as sidebar|opposite|Opposite the sidebar";

    25     }

    26     property use entry_metadata_position;

    27     property use use_custom_friend_colors;

    28     property use use_shared_pic;

    29     property use userlite_interaction_links;

    30     property use entry_management_links;

    31     property use comment_management_links;

    32     property use reg_firstdayofweek;

    33     property use entry_datetime_format_group;

    34     property use comment_datetime_format_group;

    35 }

    36 

    37 set sidebar_width = "15em";

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

    39 set entry_userpic_style= "small";

    40 set comment_userpic_style= "small";

    41 set entryicons_position = "opposite";

    42 set use_custom_friend_colors = false;

    43 set custom_foreground_element = "userpic_border";

    44 set custom_background_element = "userpic_background";

    45 

    46 ##===============================

    47 ## Journal style - colors

    48 ##===============================

    49 

    50 propgroup colors {

    51 

    52     property use color_page_background;

    53     property use color_page_text;

    54     property use color_page_link;

    55     property use color_page_link_hover;

    56     property use color_page_link_visited;

    57 

    58     property use color_footer_background;

    59     property use color_footer_link;

    60     property use color_footer_link_hover;

    61     property use color_footer_link_visited;

    62 

    63     property Color color_navigation_module_background { des = "Navigation module background color"; }

    64     property Color color_navigation_module_link { des = "Navigation module link color"; }

    65     property Color color_navigation_module_link_hover { des = "Navigation module hover link color"; }

    66     property Color color_navigation_module_link_visited { des = "Navigation module visited link color"; }

    67 

    68     property use color_entry_title;

    69     property use color_entry_background;

    70     property use color_entry_text;

    71     property use color_entry_link;

    72     property use color_entry_link_hover;

    73     property use color_entry_link_visited;

    74 }

    75 

    76 

    77 ##===============================

    78 ## Display settings - fonts

    79 ##===============================

    80 

    81 propgroup fonts {

    82     property use font_base;

    83     property use font_fallback;

    84     property use font_base_size;

    85     property use font_base_units;

    86 

    87     property string font_entry_text {

    88         des = "Preferred font for entry text";

    89         maxlength = 50;

    90         size = 25;

    91         note = "For example: Arial or \"Times New Roman\". Leave blank if you don't care.";

    92         }

    93     property string font_entry_text_size {

    94         des = "Size of entry text font";

    95         size = 3;

    96         }

    97     property string font_entry_text_units {

    98         des = "Units for entry text size";

    99         values = "em|em|ex|ex|%|%|pt|pt|px|px";

   100     }

   101     property use font_entry_title;

   102     property use font_entry_title_size;

   103     property use font_entry_title_units;

   104     property use font_comment_title;

   105     property use font_comment_title_size;

   106     property use font_comment_title_units;

   107 

   108     property string font_navigation_module_text {

   109         des = "Preferred font for navigation module text";

   110         maxlength = 50;

   111         size = 25;

   112         note = "For example: Arial or \"Times New Roman\". Leave blank if you don't care.";

   113         }

   114     property string font_navigation_module_text_size {

   115         des = "Size of navigation module text font";

   116         size = 3;

   117         }

   118     property string font_navigation_module_text_units {

   119         des = "Units for navigation module text size";

   120         values = "em|em|ex|ex|%|%|pt|pt|px|px";

   121         }

   122     property use font_module_heading;

   123     property use font_module_heading_size;

   124     property use font_module_heading_units;

   125     property string font_other_module_text {

   126         des = "Preferred font for module text other than navigation module";

   127         maxlength = 50;

   128         size = 25;

   129         note = "For example: Arial or \"Times New Roman\". Leave blank if you don't care.";

   130         }

   131     property string font_other_module_text_size {

   132         des = "Size of module text font other than navigation module";

   133         size = 3;

   134         }

   135     property string font_other_module_text_units {

   136         des = "Units for module text size other than navigation module";

   137         values = "em|em|ex|ex|%|%|pt|pt|px|px";

   138         }

   139 

   140     property string font_date_time {

   141         des = "Preferred font for date and time in entries and comments";

   142         maxlength = 50;

   143         size = 25;

   144         note = "For example: Arial or \"Times New Roman\". Leave blank if you don't care.";

   145         }

   146     property string font_date_time_size {

   147         des = "Size of font for date and time in entries and comments";

   148         size = 3;

   149         }

   150     property string font_date_time_units {

   151         des = "Units for date and time in entries and comments text size";

   152         values = "em|em|ex|ex|%|%|pt|pt|px|px";

   153         }

   154 

   155 }

   156 

   157 

   158 set font_base = "Georgia";

   159 set font_fallback = "sans-serif";

   160 set font_base_size = "1";

   161 set font_base_units = "em";

   162 

   163 set font_entry_text = "Georgia";

   164 set font_entry_text_size = "0.95";

   165 set font_entry_text_units = "em";

   166 set font_entry_title = "Georgia";

   167 set font_entry_title_size = "0.7";

   168 set font_entry_title_units = "em";

   169 

   170 set font_navigation_module_text = "Georgia";

   171 set font_navigation_module_text_size = "0.8";

   172 set font_navigation_module_text_units = "em";

   173 set font_other_module_text = "Georgia";

   174 set font_other_module_text_size = "0.8";

   175 set font_other_module_text_units = "em";

   176 set font_module_heading = "Georgia";

   177 set font_module_heading_size = "1";

   178 set font_module_heading_units = "em";

   179 

   180 set font_date_time = "Helvetica";

   181 set font_date_time_size = "0.6";

   182 set font_date_time_units = "em";

   183 

   184 ##===============================

   185 ## Display settings - images

   186 ##===============================

   187 

   188 propgroup images {

   189     property use image_background_page_group;

   190     property use image_background_entry_group;

   191 }

   192 

   193 ##===============================

   194 ## Display settings - modules

   195 ##===============================

   196 

   197 propgroup modules {

   198     property use module_userprofile_group;

   199     property use module_navlinks_group;

   200     property use module_customtext_group;

   201     property use module_calendar_group;

   202     property use module_pagesummary_group;

   203     property use module_tags_group;

   204     property use module_active_group;

   205     property use module_links_group;

   206     property use module_syndicate_group;

   207     property use module_time_group;

   208     property use module_poweredby_group;

   209     property use module_credit_group;

   210     property use module_search_group;

   211     property use module_cuttagcontrols_group;

   212 }

   213 

   214 # explicitly define what sections the layout has available

   215 set module_layout_sections = "none|(none)|one|Group One|two|Group Two";

   216 

   217 # set module order and sections

   218 set module_navlinks_order = 1;

   219 set module_navlinks_section = "one";

   220 set module_customtext_order = 2;

   221 set module_customtext_section = "one";

   222 set module_userprofile_order = 3;

   223 set module_userprofile_section = "two";

   224 set module_links_order = 5;

   225 set module_links_section = "two";

   226 set module_syndicate_order = 6;

   227 set module_syndicate_section = "two";

   228 set module_tags_order = 7;

   229 set module_tags_section = "two";

   230 set module_pagesummary_order = 8;

   231 set module_pagesummary_section = "two";

   232 set module_active_order = 9;

   233 set module_active_section = "two";

   234 set module_credit_order = 10;

   235 set module_credit_section = "two";

   236 set module_calendar_order = 13;

   237 set module_calendar_section = "two";

   238 set module_calendar_opts_type = "horizontal";

   239 

   240 ##===============================

   241 ## Custom CSS

   242 ##===============================

   243 

   244 propgroup customcss {

   245     property use external_stylesheet;

   246     property use include_default_stylesheet;

   247     property use linked_stylesheet;

   248     property use custom_css;

   249 }

   250 

   251 propgroup text {

   252 ##===============================

   253 ## Text - main navigation

   254 ##===============================

   255 

   256     property use text_view_recent;

   257     property use text_view_friends;

   258     property use text_view_network;

   259     property use text_view_archive;

   260     property use text_view_userinfo;

   261     property use text_view_memories;

   262     property use text_view_tags;

   263 

   264 ##===============================

   265 ## Text - entry comment-related

   266 ##===============================

   267 

   268     property use text_post_comment;

   269     property use text_max_comments;

   270     property use text_read_comments;

   271     property use text_post_comment_friends;

   272     property use text_read_comments_friends;

   273 

   274     property use text_skiplinks_back;

   275     property use text_skiplinks_forward;

   276     property use text_meta_music;

   277     property use text_meta_mood;

   278     property use text_meta_location;

   279     property use text_meta_xpost;

   280     property use text_tags;

   281 

   282     property use text_entry_prev;

   283     property use text_entry_next;

   284     property use text_edit_entry;

   285     property use text_edit_tags;

   286     property use text_tell_friend;

   287     property use text_mem_add;

   288     property use text_watch_comments;

   289     property use text_unwatch_comments;

   290     property use text_permalink;

   291     property use text_stickyentry_subject;

   292 

   293     property use text_module_customtext;

   294     property use text_module_customtext_content;

   295     property use text_module_customtext_url;

   296 }

   297 

   298 function prop_init() {

   299     if ( $*entryicons_position == "none" ) {

   300         $*userpics_position = "none";

   301     }

   302 }

   303 

   304 function Page::print_default_stylesheet() {

   305 

   306     var string sidebar_position = "";

   307     var string sidebar_position_opposite = "";

   308 

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

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

   311 

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

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

   314 

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

   316     var string entry_font = generate_font_css($*font_entry_text, $*font_base, $*font_fallback, $*font_entry_text_size, $*font_entry_text_units);

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

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

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

   320     var string navigation_module_font = generate_font_css($*font_navigation_module_text, $*font_base, $*font_fallback, $*font_navigation_module_text_size, $*font_navigation_module_text_units);

   321     var string other_module_font = generate_font_css($*font_other_module_text, $*font_base, $*font_fallback, $*font_other_module_text_size, $*font_other_module_text_units);

   322     var string date_time_font = generate_font_css($*font_date_time, $*font_base, $*font_fallback, $*font_date_time_size, $*font_date_time_units);

   323     var string input_textarea_font = generate_font_css($*font_date_time, $*font_base, $*font_fallback, "", "");

   324 

   325     var Color bottom_border = $*color_entry_text -> lighter(90);

   326     var Color solid_border = $*color_entry_background -> darker(25);

   327     var Color blockquote_text = $*color_entry_text -> lighter(10);

   328     var Color blockquote_background = $*color_entry_background -> darker(10);

   329 

   330     var string entry_userpic_margin = "";

   331     if ( $*entry_userpic_style == "" ) { $entry_userpic_margin = "130px"; }

   332     elseif ( $*entry_userpic_style == "small" ) { $entry_userpic_margin = "105px"; }

   333     elseif ( $*entry_userpic_style == "smaller" ) { $entry_userpic_margin = "80px"; }

   334 

   335     var string comment_userpic_margin = "";

   336     if ( $*comment_userpic_style == "" ) { $comment_userpic_margin = "140px"; }

   337     elseif ( $*comment_userpic_style == "small" ) { $comment_userpic_margin = "115px"; }

   338     elseif ( $*comment_userpic_style == "smaller" ) { $comment_userpic_margin = "90px"; }

   339 

   340     var string entryicon_css = "";

   341     if ($*entryicons_position == "opposite") {

   342         $entryicon_css = """

   343         .entry .userpic,

   344         .comment .userpic {

   345             float: $sidebar_position_opposite;

   346             text-align: $sidebar_position;

   347             }

   348         .entry .userpic {

   349             margin-$sidebar_position_opposite: -$entry_userpic_margin;

   350             }

   351         .comment .userpic {

   352             margin-$sidebar_position_opposite: -$comment_userpic_margin;

   353             }

   354         """;

   355     }

   356     elseif ($*entryicons_position == "same") {

   357         $entryicon_css = """

   358         .entry .userpic,

   359         .comment .userpic {

   360             float: $sidebar_position;

   361             text-align: $sidebar_position;

   362             }

   363         .entry .userpic{

   364             margin-$sidebar_position: -$entry_userpic_margin;

   365             }

   366         .comment .userpic {

   367             margin-$sidebar_position: -$comment_userpic_margin;

   368             }

   369         #secondary {

   370             margin-$sidebar_position_opposite: $entry_userpic_margin;

   371             }

   372         """;

   373     }

   374 

   375     """

   376 body {

   377     padding: 0;

   378     $page_background

   379     $page_font

   380     color: $*color_page_text;

   381     line-height: 1.6em;

   382     text-align: center;

   383     }

   384 

   385     html body {

   386         margin-left: $*margins_size$*margins_unit;

   387         margin-right: $*margins_size$*margins_unit;

   388         }

   389 

   390 img { border: none; }

   391 

   392 a { text-decoration: none; }

   393 a, a:link { color: $*color_page_link;   }

   394 a:visited { color: $*color_page_link_visited; }

   395 a:hover { color: $*color_page_link_hover; }

   396 

   397 q { font-style: italic; }

   398 

   399 #canvas {

   400     margin: 0 auto;

   401     padding: 5% 0;

   402     padding-$sidebar_position_opposite: 15%;

   403     text-align: justify;

   404     width: 85%;

   405 }

   406 

   407 #primary {

   408     float: $sidebar_position_opposite;

   409     width: 45%;

   410     text-align: justify;

   411     margin: 0;

   412     margin-$sidebar_position: .6em;

   413     }

   414 

   415 #secondary {

   416     float: $sidebar_position_opposite;

   417     width: $*sidebar_width;

   418     margin: 1px 0 0 0;

   419     padding: 0 1em;

   420     font-size: 1em;

   421 }

   422 

   423 #tertiary {

   424     background-color: $*color_entry_background;

   425     clear: both;

   426     color: $*color_entry_text;

   427     line-height: 125%;

   428     margin-$sidebar_position: auto;

   429     width: 45%;

   430     }

   431 

   432 #tertiary > .inner:first-child { }

   433 

   434 #tertiary .separator-after { clear: both; }

   435 

   436 

   437 /*--- header + footer ---*/

   438 

   439 #header { display: none; }

   440 #footer {

   441     background: $*color_footer_background;

   442     width: 45%;

   443     font-size: 0.7em;

   444     text-transform: lowercase;

   445     clear: both;

   446     margin-top: 10px;

   447     margin-$sidebar_position: auto;

   448 }

   449 

   450 #footer a, #footer a:link, #footer a:active { color: $*color_footer_link; }

   451 #footer a:visited { color: $*color_footer_link_visited; }

   452 #footer a:hover { color: $*color_footer_link_hover; }

   453 

   454 #footer .inner { padding: 10px; }

   455 

   456 

   457 /*--- prev/next navigation ---*/

   458 

   459 li.page-back, li.page-forward {

   460     display: inline;

   461     list-style: none;

   462     padding: 0;

   463     margin: 0;

   464     }

   465 

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

   467 

   468 .navigation ul {

   469     display: inline;

   470     padding: 0;

   471     margin: 0;

   472     }

   473 

   474 

   475 /*--- entry ---*/

   476 

   477 .entry {

   478     $entry_background

   479     color: $*color_entry_text;

   480     padding: 10px;

   481     margin: 0 0 10px 0;

   482     $entry_font

   483     }

   484 

   485 .entry a, #tertiary a {

   486     color: $*color_entry_link;

   487     }

   488 

   489 .entry a:visited, #tertiary a:visited {

   490     color: $*color_entry_link_visited;

   491     }

   492 

   493 .entry a:hover, #tertiary a:hover {

   494     color: $*color_entry_link_hover;

   495     }

   496 

   497 .entry-content { margin: 10px 0 0 0; }

   498 

   499 .entry .header {

   500     padding: 0;

   501     margin: 0 0 10px 0;

   502     border-bottom: 1px dotted $bottom_border;

   503     }

   504 

   505 h3.entry-title {

   506     margin: 0;

   507     padding: 0;

   508     $entry_title_font

   509     font-weight: normal;

   510     text-transform: lowercase;

   511     letter-spacing: 1px;

   512     color: $*color_entry_title;

   513     }

   514 

   515 h3.entry-title a { color: $*color_entry_title; }

   516 

   517 .datetime {

   518     $date_time_font

   519     text-transform: uppercase;

   520     color: $*color_entry_title;

   521     }

   522 .datetime a { color: $*color_entry_title; }

   523 

   524 .entry .userpic {

   525     display: block;

   526     margin: 0;

   527     }

   528 

   529 .entry .userpic img {

   530     border: 5px solid $*color_navigation_module_background;

   531     }

   532 

   533 .poster {

   534     $date_time_font

   535     text-transform: uppercase;

   536     }

   537 

   538 .metadata { margin: 1.25em 0 0 0; }

   539 

   540 .metadata.top-metadata { margin: 10px 0 1.25em 0; }

   541 

   542 .metadata ul {

   543     padding: 0;

   544     margin: 0;

   545     }

   546 

   547 .metadata ul li {

   548     list-style: none;

   549     font-size: 60%;

   550     font-weight: normal;

   551     text-transform: lowercase;

   552     color: $*color_entry_title;

   553     letter-spacing: 0;

   554     padding: 0;

   555     }

   556 

   557 .tag-text {

   558     font-size: 60%;

   559     text-transform: lowercase;

   560     }

   561 

   562 .tag ul {

   563     padding: 0 0 0 13px;

   564     margin: 0;

   565     display: inline;

   566     }

   567 

   568 .tag ul li {

   569     display: inline;

   570     list-style: none;

   571     font-size: 60%;

   572     font-weight: normal;

   573     text-transform: lowercase;

   574     color: $*color_entry_title;

   575     letter-spacing: 0;

   576     padding: 0;

   577     }

   578 

   579 ul.entry-management-links {

   580     padding: 0;

   581     margin: 10px 0 0 0;

   582     }

   583 

   584 ul.entry-management-links li {

   585     display: inline;

   586     list-style: none;

   587     font-size: 60%;

   588     font-weight: normal;

   589     text-transform: lowercase;

   590     color: $*color_entry_title;

   591     letter-spacing: 0;

   592     padding: 0 5px 0 0;

   593     }

   594 

   595 ul.entry-interaction-links {

   596     padding: 0 0 5px 0;

   597     margin: 10px 0 0 0;

   598     text-align: center;

   599     }

   600 

   601 ul.entry-interaction-links li {

   602     display: inline;

   603     list-style: none;

   604     font-size: 65%;

   605     font-weight: normal;

   606     text-transform: uppercase;

   607     color: $*color_entry_title;

   608     letter-spacing: 0;

   609     padding: 0 5px 0 0;

   610     }

   611 

   612 

   613 /*-- archive --*/

   614 

   615 li.active {

   616     list-style: none;

   617     display: inline;

   618     padding: 0;

   619     margin: 10px;

   620     }

   621 

   622 .month {

   623     background-color: $*color_entry_background;

   624     color: $*color_entry_text;

   625     padding: 20px;

   626     margin: 0;

   627     }

   628 

   629 .month h3 {

   630     $entry_title_font

   631     font-weight: normal;

   632     text-transform: lowercase;

   633     letter-spacing: 1px;

   634     padding: 0;

   635     margin: 0;

   636     text-align: right;

   637     }

   638 

   639 .month a {

   640     color: $*color_entry_link;

   641     }

   642 

   643 .month a:visited {

   644     color: $*color_entry_link_visited;

   645     }

   646 

   647 .month a:hover {

   648     color: $*color_entry_link_hover;

   649     }

   650 

   651 .navigation ul { display: inline; }

   652 .navigation li { display: inline; list-style: none; }

   653 

   654 table.month { border: 0; }

   655 .month caption { display: none; }

   656 .month th {

   657     text-align: center;

   658     margin: 0 2px;

   659     text-transform: lowercase;

   660     font-weight: normal;

   661     }

   662 .month td.day {

   663     font-weight: normal;

   664     color: $*color_entry_title;

   665     }

   666 .month td.day-has-entries {

   667     font-weight: normal;

   668     color: $*color_entry_title;

   669     }

   670 .month td.day-has-entries p {

   671     padding: 0 0 0 5px;

   672     margin: 0;

   673     display: inline;

   674     }

   675 .month table {

   676     width: 100%;

   677     border: 0;

   678     margin: auto;

   679     }

   680 

   681 td.day {

   682     padding: 10px;

   683     border: 0;

   684     text-align: center;

   685     }

   686 

   687 

   688 /*-- tags --*/

   689 

   690 .page-tags .tags-container {

   691     background-color: $*color_entry_background;

   692     color: $*color_entry_text;

   693     $entry_font

   694     padding: 10px;

   695     margin: 0 0 10px 0;

   696     }

   697 

   698 .page-tags .tags-container h2 {

   699     margin: 0 0 10px 0;

   700     padding: 0;

   701     $entry_title_font

   702     border-width: 0 0 1px 0;

   703     border-style: dotted;

   704     border-color: $bottom_border;

   705     font-weight: normal;

   706     text-transform: lowercase;

   707     letter-spacing: 1px;

   708     color: $*color_entry_title;

   709     }

   710 

   711 .page-tags .ljtaglist { margin: 0; padding: 0; }

   712 .page-tags .ljtaglist li {

   713     padding: 0 0 0 10px;

   714     margin: 0;

   715     text-transform: lowercase;

   716     letter-spacing: 0;

   717     list-style: none;

   718     }

   719 

   720 .page-tags .tags-container a {

   721     color: $*color_entry_link;

   722     }

   723 

   724 .page-tags .tags-container a:visited {

   725     color: $*color_entry_link_visited;

   726     }

   727 

   728 .page-tags .tags-container a:hover {

   729     color: $*color_entry_link_hover;

   730     }

   731 

   732 .page-tags .tags_cloud { text-align: center; }

   733 

   734 /*-- icons page --*/

   735 

   736 .icons-container {

   737     background-color: $*color_entry_background;

   738     color: $*color_entry_text;

   739     $entry_font

   740     padding: 10px;

   741     margin: 0 0 10px;

   742     }

   743 

   744 .icons-container h2 {

   745     border-color: $bottom_border;

   746     border-style: dotted;

   747     border-width: 0 0 1px 0;

   748     color: $*color_entry_title;

   749     $entry_title_font

   750     font-weight: normal;

   751     letter-spacing: 1px;

   752     margin: 0 0 10px 0;

   753     padding: 0;

   754     text-transform: lowercase;

   755     }

   756 

   757 .icons-container a {

   758     color: $*color_entry_link;

   759     }

   760 

   761 .icons-container a:visited {

   762     color: $*color_entry_link_visited;

   763     }

   764 

   765 .icons-container a:hover {

   766     color: $*color_entry_link_hover;

   767     }

   768 

   769 .sorting-options ul {

   770     padding-left: 0;

   771     }

   772 

   773 .sorting-options ul li {

   774     display: inline;

   775     list-style: none;

   776     margin: 0;

   777     }

   778 

   779 .page-icons .comment {

   780     margin: 0;

   781     padding: 0;

   782     }

   783 

   784 .page-icons .icon {

   785     margin: 1em 0;

   786     }

   787 

   788 .icon-image {

   789     float: left;

   790     clear: left;

   791     margin-bottom: .25em;

   792     min-width: 100px;

   793     padding-right: 1em;

   794     }

   795 

   796 .icon-info {

   797     min-height: 100px;

   798     }

   799 

   800 .icon-info span {

   801     font-weight: bold;

   802     }

   803 

   804 .icon-info .default {

   805     text-decoration: underline;

   806     }

   807 

   808 .icon-info .keywords ul {

   809     display: inline;

   810     padding: 0 0 0 13px;

   811     }

   812 

   813 .icon-info .keywords ul li {

   814     display: inline;

   815     list-style: none;

   816     padding: 0 .25em 0 0;

   817     }

   818 

   819 /*--- comments ---*/

   820 

   821 #comments {

   822     $entry_font

   823     }

   824 

   825 .comment-title {

   826     $comment_title_font

   827     }

   828 

   829 .comment-title h4 {

   830     font-size: inherit;

   831     font-weight: inherit;

   832     margin: 0;

   833     padding: 0;

   834 }

   835 

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

   837 

   838 input, textarea {

   839     background-color: $*color_entry_background;

   840     color: $*color_entry_title;

   841     padding: 2px;

   842     border: 1px solid $bottom_border;

   843     $input_textarea_font

   844     font-size: 80%;

   845     }

   846 

   847 textarea.textbox  { width: 90%!important; }

   848 

   849 .poster-ip {

   850     $date_time_font

   851     text-transform: uppercase;

   852     color: $*color_entry_title;

   853     display: block;

   854     text-align: left;

   855     }

   856 

   857 .comment .userpic {

   858     display: block;

   859     margin: 0;

   860     }

   861 

   862 .comment .userpic img {

   863     border: 5px solid $*color_navigation_module_background;

   864     }

   865 

   866 .comment {

   867     background: $*color_entry_background;

   868     color: $*color_entry_text;

   869     padding: 20px;

   870     margin: 0;

   871     }

   872 

   873 .comment-wrapper { margin: 20px 0; padding: 0; }

   874 .comment-content { margin: 10px 0; }

   875 

   876 .bottomcomment, .comments-message {

   877     background: $*color_entry_background;

   878     color: $*color_entry_text;

   879     padding: 20px;

   880     margin: 0;

   881     }

   882 

   883 .comment a,

   884 .bottomcomment a {

   885     color: $*color_entry_link;

   886     }

   887 

   888 .comment a:visited,

   889 .bottomcomment a:visited {

   890     color: $*color_entry_link_visited;

   891     }

   892 

   893 .comment a:hover,

   894 .bottomcomment a:hover {

   895     color: $*color_entry_link_hover;

   896     }

   897 

   898 .comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; }

   899 .comment-management-links li, .comment-interaction-links li { display: inline; }

   900 

   901 #qrform table { border: 0!important; }

   902 

   903 .comment-poster {

   904     $date_time_font

   905     text-transform: uppercase;

   906     color: $*color_entry_title;

   907     }

   908 

   909 .comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; }

   910 .comment-management-links li, .comment-interaction-links li { display: inline; }

   911 

   912 table.talkform {

   913     background: $*color_entry_background;

   914     color: $*color_entry_text;

   915     $entry_font

   916     padding: 10px;

   917     margin: 0 0 10px 0;

   918     }

   919 

   920 table.talkform b {

   921     color: $*color_entry_text;

   922     }

   923 

   924 table.talkform a {

   925     color: $*color_entry_link;

   926     }

   927 

   928 table.talkform a:visited {

   929     color: $*color_entry_link_visited;

   930     }

   931 

   932 table.talkform a:hover {

   933     color: $*color_entry_link_hover;

   934     }

   935 

   936 /*-- modules --*/

   937 

   938 #secondary .module {

   939     $other_module_font

   940     }

   941 

   942 #tertiary .module {

   943     float: left;

   944     padding: 0.5em 2em;

   945     $other_module_font

   946     }

   947 #secondary .module-navlinks { $navigation_module_font; }

   948 

   949 #tertiary .module-navlinks {

   950     margin: 0;

   951     padding: 1em 5%;

   952     width: 90%;

   953     }

   954 

   955 .module-navlinks {

   956     padding: 10px;

   957     margin: 0;

   958     margin-$sidebar_position_opposite: -.8em;

   959     background-color: $*color_navigation_module_background;

   960     text-transform: lowercase;

   961     }

   962 

   963 .module-navlinks ul.module-list {

   964     padding: 0;

   965     margin: 0;

   966     list-style: none;

   967     }

   968 .module-navlinks ul.module-list li {

   969     padding: 0;

   970     margin: 0;

   971     list-style: none;

   972     }

   973 .module-navlinks ul.module-list li a, .module-navlinks ul.module-list li a:link { color: $*color_navigation_module_link; }

   974 .module-navlinks ul.module-list li a:visited { color: $*color_navigation_module_link_visited; }

   975 .module-navlinks ul.module-list li a:hover { color: $*color_navigation_module_link_hover; }

   976 

   977 

   978 .module-calendar { text-align: center; }

   979 .module-customtext {

   980     padding: 0;

   981     margin: 20px 0 0 0;

   982     text-align: center;

   983     }

   984 

   985 .module-header {

   986     $module_title_font

   987     font-weight: normal;

   988     letter-spacing: 1px;

   989     text-align: left;

   990     text-transform: lowercase;

   991     border-style: dotted;

   992     border-width: 0 0 1px 0;

   993     border-color: $bottom_border;

   994     }

   995 

   996 .module-customtext .module-header { text-align: center; }

   997 

   998 #tertiary .module-header a,

   999 #tertiary .module-header a:link,

  1000 #tertiary .module-header a:visited,

  1001 #tertiary .module-header a:hover

  1002     { color: $*color_entry_title;  }

  1003 

  1004 .module-userprofile .journal-name,

  1005 .module-userprofile .userpic

  1006     { text-align: center; }

  1007 

  1008 .module-userprofile .userpic img { border:5px solid $*color_navigation_module_background; }

  1009 

  1010 ul.userlite-interaction-links.icon-links {

  1011     list-style-image: none;

  1012     list-style-position: outside;

  1013     list-style-type: none;

  1014     margin-left: 0;

  1015     padding-left: 0;

  1016     text-align: center;

  1017     }

  1018 

  1019 ul.userlite-interaction-links.icon-links li {

  1020     display: inline;

  1021     padding: 0 0.2em;

  1022     }

  1023 

  1024 .module-tags_cloud, .module-time, .module-powered { width: 90%; }

  1025 

  1026 .tags_cloud li, .module-tags_cloud li { display: inline;

  1027     list-style-type: none; }

  1028 

  1029 .manage-link {

  1030     font-size: smaller;

  1031     text-align: right;

  1032     text-transform: uppercase;

  1033     }

  1034 

  1035 .module-time, .module-powered {

  1036     border-style:dotted;

  1037     border-width: 0 0 1px 0;

  1038     border-color: $bottom_border;

  1039     letter-spacing: 1px;

  1040     line-height: 125%;

  1041     text-align: center;

  1042     padding-top: 1em;

  1043     }

  1044 

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

  1046 .module-search .search-box { margin: .2em; }

  1047 

  1048 #tertiary .module-content ul {

  1049     list-style-image: none;

  1050     list-style-position: outside;

  1051     list-style-type: disc;

  1052     margin-left: 1em;

  1053     padding-left: 0;

  1054     }

  1055 

  1056 #tertiary .module-content li {

  1057     margin: 0.5em 0;

  1058     line-height: 100%;

  1059     }

  1060 

  1061 

  1062 /*-- extras --*/

  1063 

  1064 div.ContextualPopup {

  1065     position: relative;

  1066     margin: 0;

  1067     text-align: justify;

  1068     font-weight: normal;

  1069     $input_textarea_font

  1070     font-size: 50%;

  1071     color: $*color_entry_title;

  1072     line-height: 1.8em;

  1073     }

  1074 

  1075 div.ContextualPopup div.Inner {

  1076     color: $*color_entry_title !important;

  1077     border: 1px dotted $bottom_border;

  1078     background: $*color_entry_background !important;

  1079     padding: 10px;

  1080     }

  1081 

  1082 div.ContextualPopup div.Inner a {

  1083     color: $*color_entry_link;

  1084     }

  1085 

  1086 div.ContextualPopup div.Inner a:visited {

  1087     color: $*color_entry_link_visited;

  1088     }

  1089 

  1090 div.ContextualPopup div.Inner a:hover {

  1091     color: $*color_entry_link_hover;

  1092     }

  1093 

  1094 div.ContextualPopup div.Inner a:active {

  1095     color: $*color_entry_link_active;

  1096     }

  1097 

  1098 div.ContextualPopup .Userpic {

  1099     margin: 5px;

  1100     border: 1px dotted $bottom_border;

  1101     background: $*color_entry_background !important;

  1102     padding: 5px;

  1103     }

  1104 

  1105 blockquote {

  1106     background: $blockquote_background;

  1107     border: 1px solid $solid_border;

  1108     font-size: 70%;

  1109     font-style: italic;

  1110     padding: 40px 20px;

  1111     margin: 20px;

  1112     color: $blockquote_text;

  1113     }

  1114 

  1115 hr {

  1116     color: transparent;

  1117     height: 1px;

  1118     border-style: none;

  1119     border-bottom: 3px double $solid_border;

  1120     }

  1121 

  1122 $entryicon_css

  1123 

  1124 """;

  1125 

  1126 }
dw-free