Changeset 2729f21c976d4e83612d93efbfa14b2be2fd8299

Show
Ignore:
Timestamp:
08/04/08 20:25:27 (4 months ago)
Author:
Christoph Haas <email@…>
Parents:
d968726425b46dfd1c34e992b0e10ab8bf2693d6
Children:
cc250c24141c3d107ab283c81f40afdcd5a2b97b
git-committer:
Christoph Haas <email@christoph-haas.de> / 2008-08-04T20:25:27Z+0200
Message:

Web design

Switched from CSS column layout to classical table layout for compatibility and to avoid dirty browser hacks.

Added Yahoo's CSS "reset" and defined sane values for most CSS definitions.

Changed H4 to H3.CG: -----------------------------------------------------------------------

Location:
debexpo
Files:
3 modified

Legend:

Unmodified
Added
Removed
  • debexpo/public/style.css

    rd96872 r2729f2  
    11/* Stylesheet for debexpo */ 
    2 /* Derived from the mentors.debian.net stylesheet. */ 
     2/* Remotely derived from the mentors.debian.net stylesheet. */ 
    33/* Copyright © 2008 Christoph Haas <email@christoph-haas.de> */ 
    44/* and published under the same license as debexpo itself */ 
    55 
     6/* Yahoo's CSS reset */ 
     7body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
     8    margin:0; 
     9    padding:0; 
     10} 
     11table { 
     12    border-collapse:collapse; 
     13    border-spacing:0; 
     14} 
     15fieldset,img { 
     16    border:0; 
     17} 
     18address,caption,cite,code,dfn,em,strong,th,var { 
     19    font-style:normal; 
     20    font-weight:normal; 
     21} 
     22ol,ul { 
     23    list-style:none; 
     24} 
     25caption,th { 
     26    text-align:left; 
     27} 
     28h1,h2,h3,h4,h5,h6 { 
     29    font-size:100%; 
     30    font-weight:normal; 
     31} 
     32q:before,q:after { 
     33    content:''; 
     34} 
     35abbr,acronym { border:0; 
     36} 
     37/*-----------------------------------------*/ 
     38 
    639body 
    740{ 
    8     font-family: Helvetica,Arial,sans-serif; 
     41    font-family: sans-serif; 
    942    font-size: 10pt; 
    1043    background-color: #ffffff; 
     
    1346} 
    1447 
     48fieldset { 
     49    border: 1px solid #a0a0a0; 
     50    padding: 0.5em 1em 0.5em 1em; 
     51    -moz-border-radius: .5em; 
     52    -webkit-border-radius: .5em; 
     53    border-radius: .5em; 
     54    background-color: #f0f0f0; 
     55} 
     56 
     57legend { 
     58    border-left: 1px solid #a0a0a0; 
     59    border-right: 1px solid #a0a0a0; 
     60} 
     61 
     62textarea { 
     63    border: 1px solid #a0a0a0; 
     64} 
     65 
    1566img 
    1667{ 
     
    1869} 
    1970 
    20 h1,h2 
    21 { 
    22     margin: 0.5em 0 0.2em 0; 
    23     padding: 0 0 0 0; 
    24 } 
    25  
    2671h1 
    2772{ 
    2873    font-size: 150%; 
     74    margin: 1em 0 0.5em 0; 
    2975    color: #E98F1D; 
    3076} 
     
    3379{ 
    3480    font-size: 130%; 
     81    margin: 1em 0 0.2em 0; 
     82    color: #E98F1D; 
     83} 
     84 
     85h3 
     86{ 
     87    font-size: 120%; 
     88    margin: 1em 0 0.2em 0; 
     89    /*color: #E98F1D;*/ 
    3590} 
    3691 
    3792/* Navigation menu on the left site */ 
    38 #floatmenu 
    39 { 
    40     float: left; 
    41     width: 19em; 
    42     /*margin-right: 2em;*/ 
     93#menu 
     94{ 
    4395    /* 7 pixel wide shadow on the right border of the menu */ 
     96    /*background: right repeat-y url(/shadow-right.png);*/ 
     97    /*padding-right: 7px;*/ 
     98} 
     99 
     100td.navigation-td { 
    44101    background: right repeat-y url(/shadow-right.png); 
     102    background-color: #f8c078; 
    45103    padding-right: 7px; 
    46     margin-right: 20px; 
    47104} 
    48105 
    49106/* Colored subsections of the left menu */ 
    50 #floatmenu .start { 
     107#menu .start { 
    51108    background-color: #f8c078; 
    52109    padding: 1em; 
    53110} 
    54111 
    55 #floatmenu h2 { 
     112#menu h2 { 
    56113    font-size: 150%; 
    57     font-weight: normal; 
     114    /*font-weight: normal;*/ 
    58115    margin: 0 0 .3em 0; 
    59     padding: 0; 
    60 } 
    61  
    62 #floatmenu ul { 
     116    color: #000000; 
     117} 
     118 
     119#menu ul { 
    63120    padding: 0; 
    64121    margin: 0 0 0 1em; 
     
    68125} 
    69126 
    70 #floatmenu li { 
     127#menu li { 
    71128} 
    72129 
     
    120177#maincontent 
    121178{ 
    122     padding: 1em 1em 1em 2em; 
    123     margin-left: 20em; 
    124     /*margin: 1em 1em 1em 2em;*/ 
    125     /*padding: 0 0 0 1ex;*/ 
    126     /*background-color: red;*/ 
     179    padding: 0 1em 1em 1em; 
     180    /*margin: 20em;*/ 
    127181} 
    128182 
     
    190244pre 
    191245{ 
    192         color: #606060; 
    193     background-color: #f0f0f0; 
    194 } 
    195  
    196 a 
    197 { 
    198         color: #606060; 
    199         text-decoration: underline; 
     246    /*color: #606060;*/ 
     247    background-color: #f0f0f0; 
     248} 
     249 
     250a, a:visited 
     251{ 
     252    /*color: #606060;*/ 
     253    color: #000000; 
     254    border-bottom: 1px dashed #808080; 
     255    text-decoration: none; 
    200256} 
    201257 
    202258a:hover 
    203259{ 
    204         background-color: #f0f0f0; 
     260    background-color: #f0f0f0; 
    205261} 
    206262 
     
    210266} 
    211267 
    212 table 
    213 { 
    214     border-collapse: collapse; 
    215     margin: 0.5em 0 0.5em 0; 
    216 } 
    217  
    218268td 
    219269{ 
    220270    vertical-align: top; 
    221         color: #606060; 
    222     padding: 0.1em 1em 0.1em 0.1em; 
    223     margin: 0; 
    224271} 
    225272 
  • debexpo/templates/base.mako

    rd96872 r2729f2  
    2222    </div> 
    2323 
    24     <div id="floatmenu"> 
     24    <table><tr><td class="navigation-td"> 
     25    <!--Left column containing navigation--> 
     26    <div id="menu"> 
    2527        <div class="start"> 
    2628            <h2>Welcome</h2> 
    2729            <ul> 
    28                 <li>News</li> 
     30                <li>${ h.tags.link_to( 
     31                        _('Start page'), 
     32                        h.url_for('index')) } 
     33                </li> 
     34                <li>${ h.tags.link_to( 
     35                        _('News'), 
     36                        h.url_for('news')) } 
     37                </li> 
    2938            </ul> 
    3039        </div> 
     
    5362"""%> 
    5463 
     64    </td><td> 
     65 
     66    <!--Right column containing main content--> 
    5567    <div id="maincontent"> 
    5668      ${next.body()} 
    5769    </div> 
     70 
     71    </td></tr></table> 
    5872 
    5973    <div id="footer"> 
  • debexpo/templates/package/index.mako

    rd96872 r2729f2  
    22<%inherit file="../base.mako"/> 
    33 
    4 <h1>${ _('Details about package %s') % c.package.name }</h1> 
     4<h1>${ _('Details about package "%s"') % c.package.name }</h1> 
    55 
    66<table> 
     
    3434% for package_version in c.package.package_versions: 
    3535 
    36 <!--<fieldset>--> 
     36<fieldset> 
    3737  <legend>${ package_version.version }</legend> 
    3838 
     
    102102  </table> 
    103103 
    104 <h4>Comments</h4> 
     104<h3>Comments</h3> 
    105105 
    106106% if len(package_version.package_comments) > 0: 
     
    145145% endif 
    146146 
    147 <h4>New comment</h4> 
     147<h3>New comment</h3> 
    148148 
    149149% if 'user_id' in c.session: