Changeset 78

Show
Ignore:
Timestamp:
09/20/09 20:31:47 (1 year ago)
Author:
jdixon
Message:

refine archive list styles, fix list validation, from Dan Colish

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • trunk/themes/default/index.tmpl

    r74 r78  
    107107                </TMPL_IF> 
    108108        </div> <!-- end of #main --> 
    109         <div class="sidebar"> 
     109        <div id="sidebar"> 
    110110                <div id="archive"> 
    111111                        <h3>Archive</h3> 
    112112                        <TMPL_LOOP name="archives">  
    113113                        <ul> 
    114                                 <li class="year"><a href="/<TMPL_VAR name="year">/"><TMPL_VAR name="year"></a><span class="count"> (<TMPL_VAR name="count">)</span></li> 
     114                                <li><a href="/<TMPL_VAR name="year">/"><TMPL_VAR name="year"></a><span class="count"> (<TMPL_VAR name="count">)</span> 
     115                                <ul> 
    115116                                <TMPL_LOOP name="month_loop"> 
    116                                 <ul> 
    117                                         <li class="month"><a href="/<TMPL_VAR name="year">/<TMPL_VAR name="month">/"><TMPL_VAR name="month_name"></a><TMPL_IF name="count"><span class="count"> (<TMPL_VAR name="count">)</TMPL_IF></span></li> 
     117                                       <li><a href="/<TMPL_VAR name="year">/<TMPL_VAR name="month">/"><TMPL_VAR name="month_name"></a><TMPL_IF name="count"><span class="count"> (<TMPL_VAR name="count">)</span></TMPL_IF> 
     118                                        <ul> 
    118119                                        <TMPL_LOOP name="uri_loop"> 
    119                                         <ul> 
    120                                                <li class="uri"><a title="<TMPL_VAR name="full_title">" href="/<TMPL_VAR name="year">/<TMPL_VAR name="month">/<TMPL_VAR name="uri">"><TMPL_VAR name="title"></a></li> 
     120                                               <li><a title="<TMPL_VAR name="full_title">" href="/<TMPL_VAR name="year">/<TMPL_VAR name="month">/<TMPL_VAR name="uri">"><TMPL_VAR name="title"></a></li> 
     121                                        </TMPL_LOOP> 
    121122                                        </ul> 
    122                                         </TMPL_LOOP> 
     123                                        </li> 
     124                                </TMPL_LOOP> 
    123125                                </ul> 
    124                                 </TMPL_LOOP> 
     126                                </li> 
    125127                        </ul> 
    126128                        </TMPL_LOOP> 

  • trunk/themes/default/style.css

    r72 r78  
    3030 
    3131/*article display*/ 
    32 .article { width: 100%; float:left; clear: none; position: relative; padding: 3% 0; } 
     32.article { width: 100%; padding: 3% 0; } 
    3333.article h2 a { text-decoration: none; } 
    3434.article h2 a, a#mod_story { color: #a14732; } 
    …… 
    4343.article ul li a, .tags span a { color: #09c; } 
    4444.article .comments h4 { padding-top: 30px; } 
    45 .article .comments h5 {font-size: 0.8em; font-weight: normal; } 
     45.article .comments h5 { font-size: 0.8em; font-weight: normal; } 
    4646.article .comments h5 span { font-size: 1.0em; font-weight: bold; } 
    4747.article .comments p { padding: 0 0 18px 10px; } 
    4848.article .tags span a { text-decoration: none; border-bottom: 1px dashed; } 
    4949 
    50 /* sidebar archive/rss styles */ 
    51 .sidebar { width: 30%; float: right; padding-top: 2%; } 
    52 .sidebar h3 { font-size: 1.1em; color: #777; padding: 4px 0 20px 20px; } 
    53 .sidebar p a { color: #c66; text-decoration: none; } 
    54 .sidebar #archive ul { padding: 0; list-style: none; margin: 0; } 
    55 .sidebar #archive ul li.year { padding-left: 20px; } 
    56 .sidebar #archive ul li.month { padding-left: 40px; } 
    57 .sidebar #archive ul li.uri { padding-left: 60px; } 
    58 .sidebar #archive ul li a { color: #c66; text-decoration: none; font-size: 0.9em; } 
    59 .sidebar #archive ul li span.count { padding-left: 5px; color: #777; font-size: 0.8em; } 
    60 .sidebar #feeds h3 { padding-top: 20px; padding-bottom: 10px; } 
    61 .sidebar #feeds ul { padding: 0; list-style: none; margin: 0; } 
    62 .sidebar #feeds ul li a { color: #c66; text-decoration: none; font-size: 0.9em; padding-left: 20px; } 
    63 .sidebar #feeds img { padding-right: 7px; } 
     50/* #sidebar archive/rss styles */ 
     51#sidebar { float: left; clear: none; position: relative; width: 30%; padding: 2% 0 0 5%; font-size: 0.8em; } 
     52#sidebar h3 { font-size: 1.4em; color: #777; padding: 4px 0 17px 0; } 
     53#sidebar ul { list-style: none; padding: 0; margin: 0; } 
     54#sidebar li span { color: #777; padding-left: 5px; } 
     55#sidebar a { color: #c66; text-decoration: none; font-weight: bold; } 
     56#sidebar ul li ul { padding-left: 20px; } 
     57#sidebar #feeds h3 { padding-top: 20px; padding-bottom: 10px; } 
     58#sidebar #feeds img { padding-right: 7px; } 
    6459 
    6560/* footer styles*/