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

     1 layerinfo type = "layout";

     2 layerinfo name = "Five AM";

     3 layerinfo redist_uniq = "fiveam/layout";

     4 layerinfo author_name = "winterfish";

     5 layerinfo lang = "en";

     7 set layout_authors = [ { "name" => "winterfish", "type" => "user" } ];

     9 ##===============================

    10 ## Presentation

    11 ##===============================

    13 propgroup presentation_child {

    14     property string userpics_position {

    15        des = "Place of icons in entries";

    16        note = "If displayed, icons will be on the opposite side in comments";

    17        values = "none|None (don't show)|left|Left|right|Right";

    18        }

    19 }

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

    22 set sidebar_width = "17em";

    23 set sidebar_width_doubled = "34em";

    24 set userpics_position = "right";

    26 ##===============================

    27 ## Colors

    28 ##===============================

    30 propgroup colors_child {

    31     property Color color_page_usernames { des = "Page username color"; }

    32     property Color color_page_usernames_active { des = "Page active username color"; }

    33     property Color color_page_usernames_hover { des = "Page hover username color"; }

    34     property Color color_page_usernames_visited { des = "Page visited username color"; }

    35     property Color color_header_border { des = "Page header border color"; }

    36     property Color color_header_accent { des = "Page header accent color"; }

    37     property Color color_footer_border { des = "Page footer border color"; }

    38     property use color_entry_interaction_links_background;

    39     property use color_entry_interaction_links_hover;

    40     property use color_entry_interaction_links_active;

    41     property use color_entry_interaction_links_visited;

    42     property Color color_comment_interaction_links { des = "Comment interaction links color"; }

    43     property Color color_comment_interaction_links_border { des = "Comment interaction links border color"; }

    44     property Color color_module_accent { des = "Module accent color"; }

    45     property Color color_calendar_background { des = "Calendar background color on days with entries"; }

    46     property Color color_calendar_background_hover { des = "Calendar hover background color on days with entries"; }

    47     property Color color_calendar_border { des = "Calendar border color"; }

    48     property Color color_calendar_link { des = "Calendar link color on days with entries"; }

    49     property Color color_calendar_link_active { des = "Calendar active link color on days with entries"; }

    50     property Color color_calendar_link_hover { des = "Calendar hover link color on days with entries"; }

    51     property Color color_calendar_link_visited { des = "Calendar visited link color on days with entries"; }

    52     property Color color_calendar_text { des = "Calendar text color on days with entries"; }

    53     property Color color_calendar_text_hover { des = "Calendar hover text color on days with entries"; }

    54 }

    56 ##===============================

    57 ## Fonts

    58 ##===============================

    60 set font_base = "Arial, Verdana, Helvetica";

    61 set font_fallback = "sans-serif";

    62 set font_journal_title = "Calibri";

    63 set font_journal_title_size = "2";

    64 set font_journal_title_units = "em";

    65 set font_journal_subtitle = "Calibri";

    66 set font_journal_subtitle_size = "1.2";

    67 set font_journal_subtitle_units = "em";

    68 set font_entry_title = "Calibri";

    69 set font_entry_title_size = "1.2";

    70 set font_entry_title_units = "em";

    71 set font_comment_title = "Calibri";

    72 set font_comment_title_size = "1.2";

    73 set font_comment_title_units = "em";

    74 set font_module_heading = "Calibri";

    75 set font_module_heading_size = "1.2";

    76 set font_module_heading_units = "em";

    78 ##===============================

    79 ## Images

    80 ##===============================

    82 propgroup images_child {

    83     property string[] image_blockquote_background_group {

    84         des = "Blockquote background image";

    85         grouptype = "image";

    86         }

    87     set image_blockquote_background_group = [ "image_blockquote_background_url", "image_blockquote_background_repeat", "image_blockquote_background_position" ];

    88         property string image_blockquote_background_url {

    89         grouped = 1;

    90         }

    91     property string image_blockquote_background_repeat {

    92         values = "repeat|tile image|no-repeat|don't tile|repeat-x|tile horizontally|repeat-y|tile vertically";

    93         grouped = 1;

    94     }

    95     property string image_blockquote_background_position {

    96     values = "top left|top left|top center|top center|top right|top right|center left|center left|center center|center|center right|center right|bottom left|bottom left|bottom center|bottom center|bottom right|bottom right";

    97         grouped = 1;

    98         allow_other = 1;

    99     }

   100 }

   102 ##===============================

   103 ## Modules

   104 ##===============================

   106 property string module_navlinks_section_override {

   107     values = "none|(none)|header|Header|one|Main Module Section|two|Second Module Section";

   108     grouped = 1;

   109     }

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

   112 set module_navlinks_section = "header";

   114 ##===============================

   115 ## Layout

   116 ##===============================

   118 function Page::print() {

   119     """<!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""";

   120     $this->print_head();

   121     $this->print_stylesheets();

   122     $this->print_head_title();

   123     """</head>""";

   124     $this->print_wrapper_start();

   125     $this->print_control_strip();

   126     """

   127     <div id="canvas">

   128         <div class="inner">

   129             <div id="header">

   130                 <div class="inner">

   131                     """;

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

   133                     $this->print_global_title();

   134                     $this->print_global_subtitle();

   135                     $this->print_title();

   136     """

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

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

   139             <div id="content">

   140                 <div class="inner">

   141     """;

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

   143     """

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

   145     """;

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

   147     """

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

   149     """;

   150                 }

   151     """

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

   153                         """;

   154                         $this->print_body();

   155     """

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

   157     """;

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

   159     """

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

   161     """;

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

   163     """

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

   165     """;

   166                 }

   167     """

   168                     <div id="invisible-separator" style="float: left; width: 1px;"></div> <!-- this is a hack for IE7 + two-columns-right -->

   169                     <div id="tertiary"><div class="inner">

   170                         """;

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

   172     """

   173                     </div></div><!-- end tertiary and tertiary>inner -->

   174                     <div id="content-footer"></div>

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

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

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

   178     """;

   180     """

   181     <div id="footer">

   182         <div class="inner">

   183             """;

   184             print safe """

   185                 <div class="page-top"><a href="#">$*text_page_top</a></div>

   186         </div><!-- end footer>inner -->

   187     </div><!-- end footer -->

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

   190     """;

   191     $this->print_wrapper_end();

   192     """</html>""";

   193 }

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

   196 ## Stylesheet

   197 ##===============================

   199 function print_stylesheet () {

   201     var string blockquote_background = generate_background_css ($*image_blockquote_background_url, $*image_blockquote_background_repeat, $*image_blockquote_background_position, new Color);

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

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

   206     var string entry_contents_margin = "";

   207     var string entry_userpic_margin = "";

   208     if ( $*entry_userpic_style == "" ) { $entry_contents_margin = "120px"; $entry_userpic_margin = "140px"; }

   209     elseif ( $*entry_userpic_style == "small" ) { $entry_contents_margin = "95px"; $entry_userpic_margin = "125px"; }

   210     elseif ( $*entry_userpic_style == "smaller" ) { $entry_contents_margin = "70px"; $entry_userpic_margin = "90px"; }

   212     var string userpic_css = "";

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

   214         $userpic_css = """

   215         .has-userpic .entry .contents {

   216             margin-left: $entry_contents_margin;

   217             min-height: $entry_userpic_margin;

   218             padding-left: 2em;

   219             }

   221         .has-userpic .entry .userpic {

   222             float: left;

   223             clear: left;

   224             margin-left: -$entry_userpic_margin;

   225             }

   227         .has-userpic .comment .userpic {

   228             float: right;

   229             clear: right;

   230             margin-left: 1em;

   231             padding-left: .5em;

   232             }

   233         """;

   234     }

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

   236         $userpic_css = """

   237         .has-userpic .entry .contents {

   238             margin-right: $entry_contents_margin;

   239             min-height: $entry_userpic_margin;

   240             padding-right: 2em;

   241             }

   243         .has-userpic .entry .userpic {

   244             float: right;

   245             clear: right;

   246             margin-right: -$entry_userpic_margin;

   247             }

   249         .has-userpic .comment .userpic {

   250             float: left;

   251             clear: left;

   252             margin-right: 1em;

   253             padding-right: .5em;

   254             }

   255         """;

   256     }

   257 """

   259 /* Five AM */

   260 /* by w i n t e r f i s h */

   262 /* Main

   263 ***************************************************************************/

   265 body {

   266     margin: 0;

   267     }

   269 h1, h2, h3, h4, h5, h6 {

   270     font-weight: normal;

   271     margin: 0;

   272     }

   274 p {

   275     margin: 1em 0;

   276     }

   278 blockquote {

   279     $blockquote_background

   280     border-bottom: 4px solid $*color_entry_border;

   281     border-top: 4px solid $*color_entry_border;

   282     line-height: 1.4em;

   283     margin: 1em 0;

   284     padding: 2em 1em 2em 6.5em;

   285     }

   287 input, textarea, select {

   288     background: $*color_page_background;

   289     border: 1px solid $*color_calendar_border;

   290     color: $*color_page_text;

   291     }

   293 .separator {

   294     display: none;

   295     }

   297 a, a:link, a:active, a:visited {

   298     text-decoration: none;

   299     }

   301 /* Keep before ljuser */

   303 .comment a { color: $*color_page_link; }

   304 .comment a:visited { color: $*color_page_link_visited; }

   305 .comment a:hover { color: $*color_page_link_hover; }

   306 .comment a:active { color: $*color_page_link_active; }

   308 .ljuser a {

   309     color: $*color_page_usernames;

   310     }

   312 .ljuser a:visited {

   313     color: $*color_page_usernames_visited;

   314     }

   316 .ljuser a:hover {

   317     color: $*color_page_usernames_hover;

   318     }

   320 .ljuser a:active {

   321     color: $*color_page_usernames_active;

   322     }

   324 /* Page Containers

   325 ***************************************************************************/

   327 #canvas {

   328     margin: 0 6% auto;

   329     }

   331 .page-entry #primary,

   332 .page-reply #primary {

   333     margin-top: 2.15em; /* entry-wrapper has padding already */

   334     }

   336 .page-icons #primary,

   337 .page-tags #primary {

   338     margin-top: 3.15em;

   339     }

   341 #primary > .inner:first-child {

   342     padding: 0;

   343     }

   345 .column-left #primary > .inner:first-child {

   346     padding-left: 4em;

   347     }

   349 .column-right #primary > .inner:first-child {

   350     padding-right: 4em;

   351     }

   353 /* to make sure the sidebars always have the same size */

   354 .three-columns-sides #primary > .inner:first-child {

   355     padding-left: 2em;

   356     padding-right: 2em;

   357     }

   359 #secondary {

   360     margin-top: 3.15em;

   361     }

   363 #secondary > .inner:first-child {

   364     padding: 0;

   365     }

   367 .three-columns #secondary > .inner:first-child {

   368     padding-right: 2em;

   369     }

   371 #tertiary {

   372     padding-top: 3.15em;

   373     }

   375 .one-column #tertiary {

   376     padding-top: 0;

   377     }

   379 .one-column #secondary,

   380 .one-column #tertiary {

   381     clear: left;

   382     width: 100%;

   383     }

   385 #tertiary > .inner:first-child {

   386     padding: 0;

   387     }

   389 .three-columns #tertiary > .inner:first-child {

   390     padding-left: 2em;

   391     }

   393 /* Header

   394 ***************************************************************************/

   396 #header {

   397     border-bottom: 2px solid $*color_header_border;

   398     margin-top: 2em;

   399     padding: 0;

   400     text-transform: lowercase;

   401     }

   403 h1#title {

   404     border-top: 2px solid $*color_header_border;

   405     color: $*color_page_title;

   406     padding-top: 1.3em;

   407     }

   409 h2#subtitle {

   410     color: $*color_page_title;

   411     margin-top: -.8em;

   412     }

   414 h2#pagetitle {

   415     color: $*color_page_title;

   416     font-size: 1.5em; /* restore to default size */

   417     padding-bottom: 1.2em;

   418     padding-top: .3em;

   419     }

   421 h1#title:first-letter,

   422 h2#pagetitle:first-letter {

   423     color: $*color_header_accent;

   424     }

   426 /* Navigation

   427 ***************************************************************************/

   429 .navigation {

   430     font-family: $*font_entry_title;

   431     text-align: right;

   432     text-transform: lowercase;

   433     }

   435 .topnav {

   436     margin-top: 1em;

   437     min-height: 1.2em;

   438     }

   440 .page-recent .bottomnav,

   441 .page-read .bottomnav,

   442 .page-network .bottomnav,

   443 .page-day .bottomnav {

   444     margin-top: -2.5em;

   445     }

   447 .page-day .navigation .page-forward:before {

   448     content: "|";

   449     }

   451 .page-day .navigation .page-forward a {

   452     padding-left: 1.1em;

   453     }

   455 /* Entries

   456 ***************************************************************************/

   458 .entry-wrapper {

   459     margin: 1em 0 4em;

   460     }

   462 .entry {

   463     border-bottom: none;

   464     border-left: none;

   465     border-right: none;

   466     }

   468 .entry .header {

   469     padding: 1em 0 0;

   470     }

   472 .entry .entry-title {

   473     display: inline;

   474     padding: 0;

   475     }

   477 .entry .access-filter img,

   478 .entry .restrictions img {

   479     display: inline;

   480     padding-left: .5em;

   481     }

   483 .entry .datetime {

   484     float: right;

   485     display: inline-block;

   486     font-size: 1.1em;

   487     font-family: $*font_entry_title;

   488     text-transform: none;

   489     }

   491 .datetime a {

   492     color: $*color_entry_title;

   493     }

   495 .datetime a:hover {

   496     color: $*color_entry_link_hover;

   497     }

   499 .entry .time:before {

   500     content: "| ";

   501     }

   503 .entry .contents {

   504     margin-top: .5em;

   505     padding: 0;

   506     line-height: 1.45em;

   507     }

   509 .has-userpic .entry .userpic {

   510     margin-top: 1em;

   511     text-align: center;

   512     }

   514 .contents .userpic img {

   515     background: $*color_entry_text;

   516     border: 1px solid $*color_entry_text;

   517     padding: 5px;

   518     }

   520 .entry .poster {

   521     color: $*color_page_usernames;

   522     display: block;

   523     padding-bottom: 2em;

   524     }

   526 .entry-content {

   527     margin-top: -1em;

   528     padding: 0 0 2em;

   529     }

   531 .entry-content ul,

   532 .entry-content ol {

   533     margin: 1em 1em 1em 3em;

   534     }

   536 .metadata {

   537     line-height: 1.2em;

   538     padding: 0 0 1em;

   539     }

   541 .metadata-label {

   542     font-weight: normal;

   543     text-transform: uppercase;

   544     }

   546 .metadata ul,

   547 .metadata ul li {

   548     margin: 0;

   549     padding: 0;

   550     }

   552 .metadata-item-xpost a {

   553     padding-right: .5em;

   554     }

   556 .entry .footer {

   557     clear: left;

   558     }

   560 .footer ul {

   561     margin: 0;

   562     }

   564 .tag {

   565     font-family: $*font_entry_title;

   566     line-height: 1.2em;

   567     padding: 0 0 .7em;

   568     text-transform: lowercase;

   569     }

   571 .tag-text {

   572     text-transform: uppercase;

   573     }

   575 .entry-management-links {

   576     float: left;

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

   578     }

   580 .entry-interaction-links {

   581     background: $*color_entry_interaction_links_background;

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

   583     text-align: right;

   584     }

   586 .entry-interaction-links li,

   587 .entry-management-links li {

   588     font-family: $*font_entry_title;

   589     text-transform: lowercase;

   590     padding: .5em !important;

   591     }

   593 .entry-management-links li a {

   594     color: $*color_entry_interaction_links;

   595     }

   597 .entry-interaction-links li a:visited,

   598 .entry-management-links li a:visited {

   599     color: $*color_entry_interaction_links_visited;

   600     }

   602 .entry-interaction-links li a:hover,

   603 .entry-management-links li a:hover {

   604     color: $*color_entry_interaction_links_hover;

   605     }

   607 .entry-interaction-links li a:active,

   608 .entry-management-links li a:active {

   609     color: $*color_entry_interaction_links_active;

   610     }

   612 /* Comments

   613 ***************************************************************************/

   615 #qrform {

   616     margin-top: 1em !important;

   617     }

   619 .comment-pages {

   620     padding-bottom: 1em;

   621     text-align: center;

   622     }

   624 .comment-pages.bottompages,

   625 .comment-pages.bottompages {

   626     padding-top: 1em;

   627     }

   629 #comments {

   630     margin-top: -1em;

   631     }

   633 .comment-content ul,

   634 .comment-content ol {

   635     margin: 1em 1em 1em 3em;

   636     }

   638 .comment-wrapper {

   639     border-top: 1px solid $*color_entry_border;

   640     margin: .5em 0 0;

   641     }

   643 .partial {

   644     padding: .3em 0 !important;

   645     }

   647 .partial .comment {

   648     display: inline !important;

   649     padding: 1em 0;

   650     }

   652 .partial .comment-title {

   653     display: inline !important;

   654     }

   656 .comment-title h4 {

   657     display: inline !important;

   658     padding-right: .5em;

   659     }

   661 .comment .comment-title a:hover {

   662     color: $*color_page_link_hover;

   663     }

   665 .comment .header .datetime {

   666     padding: 0 0 .5em;

   667     text-transform: uppercase;

   668     }

   670 .has-userpic .comment .userpic {

   671     text-align: center;

   672     }

   674 .comment .contents {

   675     clear: both;

   676     line-height: 1.45em;

   677     padding: .5em 0;

   678     }

   680 .comment .poster {

   681     margin: 0;

   682     }

   684 .comment-poster .anonymous {

   685     color: $*color_page_link !important;

   686     font-weight: bold;

   687     }

   689 .comment .poster-ip {

   690     color: $*color_page_link;

   691     }

   693 .comment-content {

   694     padding: .8em 0 .5em;

   695     }

   697 .comment .footer {

   698     clear: both;

   699     padding: 1em .5em 0;

   700     }

   702 .comment .multiform-checkbox {

   703     font-family: $*font_comment_title;

   704     float: right;

   705     margin-top: -1px; /* line up the checkbox */

   706     padding-left: .5em;

   707     text-transform: lowercase;

   708     }

   710 .comment-interaction-links {

   711     padding-bottom: 1em;

   712     text-align: right;

   713     }

   715 .comment-management-links {

   716     float: right;

   717     }

   719 .comment-interaction-links li,

   720 .comment-management-links li {

   721     border-right: 1px solid $*color_comment_interaction_links_border;

   722     font-family: $*font_comment_title;

   723     padding: 0 .5em;

   724     text-transform: lowercase;

   725     }

   727 .comment-interaction-links a,

   728 .comment-management-links a {

   729     color: $*color_comment_interaction_links;

   730     }

   732 .comment-interaction-links a:hover,

   733 .comment-management-links a:hover {

   734     color: $*color_page_link_hover;

   735     }

   737 .edittime {

   738      color: $*color_page_link;

   739      padding-top: 1em;

   740     }

   742 .bottomcomment {

   743     padding: 2.2em 0 .5em;

   744     text-align: center;

   745     }

   747 .bottomcomment .entry-interaction-links{

   748     margin-bottom: 1.5em;

   749     }

   751 /* Archive Pages

   752 ***************************************************************************/

   754 .page-archive .navigation {

   755     text-align: center;

   756     }

   758 .page-archive .bottomnav {

   759     padding-top: 1em;

   760     }

   762 #archive-year {

   763     padding: 2.2em 4em 0;

   764     }

   766 .month-wrapper {

   767     margin: 1.5em 0;

   768     }

   770 .month-wrapper .header {

   771     padding: 0 0 .5em 2em;

   772     }

   774 .month-wrapper .contents caption {

   775     display: none;

   776     }

   778 table.month {

   779     text-align: center;

   780     width: 90%;

   781     }

   783 table.month th {

   784     border: 1px solid $*color_calendar_border;

   785     border-left: none;

   786     font-weight: normal;

   787     height: 4em;

   788     padding: .5em;

   789     }

   791 table.month td {

   792     border-bottom: 1px solid $*color_calendar_border;

   793     border-right: 1px solid $*color_calendar_border;

   794     height: 4em;

   795     width: 4em;

   796     }

   798 table.month td:first-child,

   799 table.month th:first-child {

   800     border-left: 1px solid $*color_calendar_border;

   801     }

   803 .month-wrapper .day-has-entries {

   804     background: $*color_calendar_background;

   805     color: $*color_calendar_text;

   806     }

   808 .month-wrapper .day-has-entries a {

   809     color: $*color_calendar_link;

   810     }

   812 .month-wrapper .day-has-entries:hover {

   813     background: $*color_calendar_background_hover;

   814     color: $*color_calendar_text_hover;

   815     }

   817 .month-wrapper .day-has-entries a:visited {

   818     color: $*color_calendar_link_visited;

   819     }

   821 .month-wrapper .day-has-entries:hover p a {

   822     color: $*color_calendar_link_hover;

   823     }

   825 .month-wrapper .day-has-entries a:active {

   826     color: $*color_calendar_link_active;

   827     }

   829 .month-wrapper .footer {

   830     padding-right: 2.5em;

   831     padding-top: 1em;

   832     text-align: right;

   833     }

   835 #archive-month {

   836     padding-top: 2.2em;

   837     }

   839 #archive-month .navigation {

   840     text-align: center;

   841     }

   843 #archive-month .topnav {

   844     padding-top: .8em;

   845     }

   847 #archive-month .bottomnav {

   848     margin-top: .5em;

   849     }

   851 #archive-month .topnav {

   852     border-top: 1px solid $*color_entry_border;

   853     }

   855 .navigation .month-back,

   856 .navigation .month-forward {

   857     text-align: center;

   858     }

   860 #archive-month .month {

   861     margin-top: .7em;

   862     padding: 1em 2em 0;

   863     }

   865 .month h3.entry-title {

   866     $entry_title_font

   867     }

   869 dd.month {

   870     display: inline;

   871     }

   873 .month dl, .month dt, .month dd {

   874     margin: 0;

   875     padding: 0;

   876     }

   878 .month .datetime,

   879 .month .access-filter,

   880 .month .entry-title {

   881     padding-right: 5px;

   882     }

   884 #archive-day .day {

   885     border-top: 1px solid $*color_entry_border;

   886     margin-top: 1em;

   887     }

   889 h3.day-date {

   890     font-family: $*font_entry_title;

   891     padding-top: 1em;

   892     }

   894 /* Tags Page

   895 ***************************************************************************/

   897 .tags-container {

   898     border-top: 1px solid $*color_entry_title;

   899     padding: 0 1em;

   900     }

   902 .tags-container h2 {

   903     font-family: $*font_entry_title;

   904     padding: .5em 0 1em;

   905     }

   907 .tags-container .ljtaglist {

   908     line-height: 1.8em;

   909     }

   911 .tags-container ul.ljtaglist {

   912     list-style-type: none;

   913     }

   915 .tags-container .manage-tags-link {

   916     margin-bottom: 1em;

   917     }

   919 /* Icons Page

   920 ***************************************************************************/

   922 .icons-container {

   923     border-top: 1px solid $*color_entry_title;

   924     padding: 0 1em;

   925     }

   927 .icons-container h2 {

   928     font-family: $*font_entry_title;

   929     padding: .5em 0 1em;

   930     }

   932 .sorting-options ul {

   933     padding-left: 0;

   934     }

   936 .page-icons .icon {

   937     margin: 1.5em 0;

   938     }

   940 .icon-image {

   941     float: left;

   942     clear: left;

   943     margin-bottom: .25em;

   944     min-width: 100px;

   945     padding-right: 1em;

   946     }

   948 .icon-info {

   949     min-height: 100px;

   950     }

   952 .icon-info span {

   953     font-weight: bold;

   954     }

   956 .icon-info .default {

   957     text-decoration: underline;

   958     }

   960 .icon-info .keywords ul {

   961     margin-left: 0;

   962     }

   964 .icon-info .keywords ul li {

   965     padding: 0 .25em 0 0;

   966     }

   968 /* Modules

   969 ***************************************************************************/

   971 .module {

   972     border-bottom: none;

   973     border-left: none;

   974     border-right: none;

   975     line-height: 1.1em;

   976     margin-bottom: 2.5em;

   977     }

   979 .one-column #secondary .module,

   980 .one-column #tertiary .module,

   981 .two-columns #tertiary .module {

   982     float: left;

   983     margin-right: 2em;

   984     }

   986 .one-column-split #primary,

   987 .one-column #footer,

   988 .two-columns #footer {

   989     clear: both;

   990     }

   992 .module h2 {

   993     padding-top: .8em;

   994     text-transform: lowercase;

   995     }

   997 .module h2 a {

   998     color: $*color_module_title;

   999     }

  1001 .module-content {

  1002     padding-top: .8em

  1003     }

  1005 .module-content ul {

  1006     list-style-type: none;

  1007     padding-left: 0;

  1008     }

  1010 .module-content li {

  1011     padding: .3em 0;

  1012     }

  1014 #header .module {

  1015     border: none;

  1016     }

  1018 #header .module-navlinks ul {

  1019     margin: -.8em 0 1.8em;

  1020     }

  1022 #header .module-navlinks {

  1023     margin-bottom: 0;

  1024     }

  1026 #header .module-navlinks li {

  1027     $module_title_font

  1028     display: inline;

  1029     padding: 0 1em 0 0 !important;

  1030     }

  1032 .module-userprofile .userpic img {

  1033     background: $*color_module_title;

  1034     border: 1px solid $*color_module_title;

  1035     padding: 5px;

  1036     }

  1038 .module-userprofile .journal-website-name {

  1039     padding-top: .8em;

  1040     }

  1042 ul.userlite-interaction-links {

  1043     list-style: none;

  1044     }

  1046 ul.userlite-interaction-links li {

  1047     display: block;

  1048     }

  1050 .module-calendar .module-content {

  1051     padding-top: 1em;

  1052     }

  1054 .module-calendar table {

  1055     text-align: center;

  1056     width: 100%;

  1057     }

  1059 .module-calendar th,

  1060 .module-calendar td {

  1061     border: 1px solid $*color_calendar_background;

  1062     height: 2em;

  1063     line-height: 2em;

  1064     }

  1066 .module-calendar td a {

  1067     background: $*color_calendar_background;

  1068     color: $*color_calendar_link;

  1069     display: block;

  1070     text-align: center;

  1071     }

  1073 .module-calendar td a:visited {

  1074     color: $*color_calendar_link_visited;

  1075     }

  1077 .module-calendar td a:hover {

  1078     background: $*color_calendar_background_hover;

  1079     color: $*color_calendar_link_hover;

  1080     }

  1082 .module-calendar td a:active {

  1083     color: $*color_calendar_link_active;

  1084     }

  1086 .module-tags_multilevel li {

  1087     list-style-type: none;

  1088     margin-left: 0;

  1089     padding-left: 0;

  1090     }

  1092 .module-tags_multilevel li ul li {

  1093     margin-left: -.5em;

  1094     padding-left: 2em;

  1095     }

  1097 .module-tags_cloud .module-list {

  1098     line-height: 1.8em;

  1099     }

  1101 .module-tags_cloud .module-list a {

  1102     text-decoration: underline;

  1103     }

  1105 .manage-tags-link, .manage-link {

  1106     font-family: $*font_module_heading;

  1107     padding-top: .8em;

  1108     text-transform: lowercase;

  1109     }

  1111 .module-powered, .module-time {

  1112     padding-top: .8em;

  1113     border-top: 1px solid $*color_module_title;

  1114     }

  1116 .module-powered a,

  1117 .manage-tags-link a,

  1118 .manage-link a {

  1119     color: $*color_module_accent;

  1120     }

  1122 .module-powered a:visited,

  1123 .manage-tags-link a:visited,

  1124 .manage-link a:visited {

  1125     color: $*color_module_link_visited;

  1126     }

  1128 .module-powered a:hover,

  1129 .manage-tags-link a:hover,

  1130 .manage-link a:hover {

  1131     color: $*color_module_link_hover;

  1132     }

  1134 .module-powered a:active,

  1135 .manage-tags-link a:active,

  1136 .manage-link a:active {

  1137     color: $*color_module_link_active;

  1138     }

  1140 .module-search .search-box {

  1141     margin-right: 2px;

  1142     padding: 1px;

  1143     }

  1145 /* Footer

  1146 ***************************************************************************/

  1148 #footer {

  1149     border-top: 2px solid $*color_footer_border;

  1150     margin-top: 3em;

  1151     padding: 0;

  1152     text-transform: lowercase;

  1153     }

  1155 #footer .inner {

  1156     padding: 2em 0;

  1157     }

  1159 $userpic_css

  1161 """;

  1162 }

author	fu
	Fri Jan 27 17:59:59 2012 +0800
changeset 4240	5bab31c9f015
parent 4213	9bf2ee057539
child 4297	cbe14d4d2be3
permissions	-rw-r--r--