Changeset 604:b34725264d4f in livinglogic.python.www

Show
Ignore:
Timestamp:
04/11/09 01:30:50 (11 years ago)
Author:
Walter Doerwald <walter@…>
Branch:
default
Message:

Table free layout. Display visited status via image.

Location:
site
Files:
1 added
2 modified

Legend:

Unmodified
Added
Removed
  • site/Python_xmlns.py

    r602 r604  
    10801080        else: 
    10811081            e = html.a( 
    1082                 html.span(u"\u2713", class_=u"visited", title=u"You have already visited that page"), 
    10831082                page.crumb, 
    10841083                html.span(page.hint, class_="hint"), 
     
    11691168 
    11701169                        with target.body(): 
    1171                             with htmlspecials.plaintable(width="100%", class_="body"): 
    1172                                 with html.tr(valign="bottom", class_="header"): 
    1173                                     +html.td(htmlspecials.pixel(height=150), class_="header1", width="20%") 
    1174                                     with html.td(class_="header2", width="79%"): 
    1175                                         if context.page.header: 
    1176                                             +html.h1(context.page.header) 
    1177                                         if context.page.subheader: 
    1178                                             +html.h2(context.page.subheader) 
    1179                                 with html.tr(class_="crumbs"): 
    1180                                     +html.td(htmlspecials.pixel(), class_="crumbs1") 
    1181                                     with html.td(class_="crumbs2"): 
    1182                                         with htmlspecials.plaintable(width="100%"): 
    1183                                             with html.tr(valign="middle"): 
    1184                                                 +html.td(self._crumbs(context), class_="crumbs") 
    1185                                                 +html.td(xsc.Frag(context.page.alternates()).withsep(u"\xa0\xb7\xa0"), align="right", class_="alternate") 
    1186                                 with html.tr(valign="top", class_="content"): 
    1187                                     +html.td(htmlspecials.pixel(width=300), self._links(context), rowspan=2, class_="links"), 
    1188                                     +html.td(self.content, class_="content") 
     1170                            with html.div(class_="header"): 
     1171                                if context.page.header: 
     1172                                    +html.h1(context.page.header) 
     1173                                if context.page.subheader: 
     1174                                    +html.h2(context.page.subheader) 
     1175                            with html.div(class_="crumbs"): 
     1176                                with htmlspecials.plaintable(width="100%"): 
     1177                                    with html.tr(valign="middle"): 
     1178                                        +html.td(self._crumbs(context), class_="crumbs") 
     1179                                        +html.td(xsc.Frag(context.page.alternates()).withsep(u"\xa0\xb7\xa0"), align="right", class_="alternate") 
     1180                            with html.div(class_="body"): 
     1181                                +html.div(self._links(context), class_="links") 
     1182                                +html.div(self.content, class_="content") 
    11891183        return e.convert(converter) 
  • site/main_screen.css

    r603 r604  
    1717} 
    1818 
    19 td.header1, 
    20 td.header2 
     19div.header 
    2120{ 
    2221    background-color: #0063a8; 
     
    2524    background-position: top left; 
    2625    background-repeat: no-repeat; 
    27 } 
    28  
    29 td.blank 
    30 { 
    31     background-color: #000; 
    32 } 
    33  
    34 td.header2 
    35 { 
     26    padding: 70px 25px 0px 20%; 
     27    padding-left: 20%; 
     28    padding-right: 25px; 
    3629    border-right: 1px solid #000; 
    37 } 
    38  
    39 td.header2 h1 
     30    border-bottom: 1px solid #000; 
     31} 
     32 
     33div.header h1 
    4034{ 
    4135    color: #fff; 
     
    4640    line-height: 60px; 
    4741} 
    48 td.header2 h2 
     42div.header h2 
    4943{ 
    5044    color: #fff; 
     
    5650} 
    5751 
    58 td.header3 
    59 { 
    60     width: 25px; 
    61 } 
    62  
    63 td.crumbs1, 
    64 td.crumbs2 
     52div.crumbs 
    6553{ 
    6654    font-size: 11px; 
     
    7058    background-position: top left; 
    7159    background-repeat: no-repeat; 
    72 } 
    73  
    74 td.crumbs1 
    75 { 
    76     border-top: 1px solid #333; 
    77 } 
    78  
    79 td.crumbs2 
    80 { 
    81     padding: 4px 6px 4px 25px; 
     60    padding: 4px 6px 4px 20%; 
    8261    color: #fff; 
    83     border-top: 1px solid #333; 
    84 } 
    85  
    86 td.crumbs2 td.alternate 
     62    border-bottom: 1px solid #000; 
     63} 
     64 
     65div.crumbs td.crumbs 
     66{ 
     67    padding-left: 25px; 
     68} 
     69 
     70div.crumbs td.alternate 
    8771{ 
    8872    padding-left: 25px; 
     
    9074} 
    9175 
    92 td.crumbs2 a:link 
     76div.crumbs a:link 
    9377{ 
    9478    color: #fff; 
    9579} 
    9680 
    97 td.crumbs2 a:visited 
     81div.crumbs a:visited 
    9882{ 
    9983    color: #ccc; 
    10084} 
    10185 
    102 td.crumbs2 a:hover 
     86div.crumbs a:hover 
    10387{ 
    10488    color: #ffc; 
     
    10690} 
    10791 
    108 td.crumbs2 span.here 
     92div.crumbs span.here 
    10993{ 
    11094    color: #fff; 
     
    11296} 
    11397 
    114 td.content 
    115 { 
    116     border-top: 1px solid #000; 
     98div.body 
     99{ 
    117100    background-image: url(images/Backdrops/NautilusWhite.jpg); 
    118101    background-attachment: fixed; 
     
    120103    background-repeat: no-repeat; 
    121104    background-color: #fff; 
    122     padding: 20px 25px; 
    123105    line-height: 18px; 
    124     width: 600px; 
    125106} 
    126107 
     
    137118} 
    138119 
    139 td.content a 
     120div.content a 
    140121{ 
    141122    border-bottom: 1px solid #cc8080; 
     
    158139} 
    159140 
    160 td.links 
    161 { 
    162     border-top: 1px solid #000; 
    163     padding: 16px; 
     141div.links 
     142{ 
     143    width: 20%; 
     144    height: 100%; 
     145    -moz-box-sizing: border-box; 
     146    box-sizing: border-box; 
     147    float: left; 
     148    padding: 16px 11px 16px 25px; 
    164149    color: #000; 
    165150    background-color: #fff; 
     
    173158} 
    174159 
    175 td.links ul 
     160div.links ul 
    176161{ 
    177162    display: block; 
    178     margin: 0px 0px 0px 24px; 
    179     padding: 0px; 
    180 } 
    181  
    182 td.links li 
     163    margin: 0px 0px 0px 25px; 
     164    padding: 0px; 
     165} 
     166 
     167div.links li 
    183168{ 
    184169    display: block; 
     
    186171    padding: 0px; 
    187172} 
    188 td.links div, 
    189 td.links a 
     173div.links div, 
     174div.links a 
    190175{ 
    191176    display: block; 
     
    193178    font-size: 12px; 
    194179    font-weight: normal; 
    195     padding: 3px 12px; 
    196 } 
    197  
    198 td.links div, 
    199 td.links a.path 
     180    padding: 3px 14px; 
     181} 
     182 
     183div.links div, 
     184div.links a.path 
    200185{ 
    201186    font-weight: bold; 
    202187} 
    203188 
    204 td.links li.here div 
     189div.links li.here div 
    205190{ 
    206191    background-image: url(images/here.png); 
    207     background-position: left top; 
    208     background-repeat: no-repeat; 
    209 } 
    210 td.links span.hint 
     192    background-position: 2px 8px; 
     193    background-repeat: no-repeat; 
     194} 
     195 
     196div.links span.hint 
    211197{ 
    212198    padding-left: 6px; 
    213199    font-weight: normal; 
    214     color: #333; 
     200    color: #444; 
    215201    font-size: 9px; 
    216202} 
    217 td.links a:hover span.hint 
     203 
     204div.links a:hover span.hint 
    218205{ 
    219206    color: #ccc; 
    220207} 
    221208 
    222 td.links a span.visited 
    223 { 
    224     display: none; 
    225 } 
    226  
    227 td.links a:visited span.visited 
    228 { 
    229     display: block; 
    230     float: right; 
    231     font-size: 16px; 
    232     font-weight: normal; 
    233     padding: 0px 0px 0px 20px; 
    234     color: #ccc; 
    235 } 
    236  
    237 td.links a:link 
     209div.links a:visited 
     210{ 
     211    background-image: url(images/visited.png); 
     212    background-position: 2px 9px; 
     213    background-repeat: no-repeat; 
     214} 
     215 
     216div.links a:visited:hover 
     217{ 
     218    background-image: none; 
     219} 
     220 
     221div.links div span.hint 
    238222{ 
    239223    color: #000; 
    240224} 
    241225 
    242 td.links a:visited 
     226div.links a:link 
    243227{ 
    244228    color: #000; 
    245229} 
    246230 
    247 td.links a:hover 
     231div.links a:visited 
     232{ 
     233    color: #000; 
     234} 
     235 
     236div.links a:hover 
    248237{ 
    249238    color: #fff; 
     
    251240} 
    252241 
    253 td.links a:hover span.visited 
     242div.links a:hover span.visited 
    254243{ 
    255244    color: #666; 
    256245} 
    257246 
    258 td.links a:active 
     247div.links a:active 
    259248{ 
    260249    color: #ff0; 
     250} 
     251 
     252div.body > div.content 
     253{ 
     254    margin-left: 20%; 
     255    padding: 16px 25px; 
    261256} 
    262257 
     
    321316} 
    322317 
    323 td.content div:first-child h1 
     318div.content div:first-child h1 
    324319{ 
    325320    margin-top: 0px;