MobileBlur

Check-in [c5a2ec2308]
Login
Overview
SHA1:c5a2ec2308b7fd651efba50ba724159e4ef5e45d
Date: 2011-11-22 05:47:52
User: spiffy
Comment:Story list page is styled much more nicely
Timelines: family | ancestors | descendants | both | better-story-list | feature/pretty
Downloads: Tarball | ZIP archive
Other Links: files | file ages | folders | manifest
Tags And Properties
Context
2011-11-22
06:01
[daef6c0f88] Added colors to the intelligencs scores in the feed list (user: spiffy, tags: feature/pretty)
05:47
[c5a2ec2308] Story list page is styled much more nicely (user: spiffy, tags: better-story-list, feature/pretty)
05:22
[b2d6f6e2e9] Added some color. It doesn't look very good, but it's at least not atrocious anymore. (user: spiffy, tags: feature/pretty)
Changes
Hide Diffs Side-by-Side Diffs Ignore Whitespace Patch

Modified applications/mobileblur/static/css/base.css from [037cce1332] to [20785921ab].

   326    326   }
   327    327   
   328    328   fieldset { border: 1px solid #dedede; padding: 6px; }
   329    329   legend { font-weight: bold; }
   330    330   
   331    331   input:focus, textarea:focus { background: #fafafa; }
   332    332   
   333         -p {text-indent:30px;}
   334         -
   335         -p, blockquote {    
   336         -    margin-bottom: 10px;
   337         -}
   338         -
   339    333   h1,h2,h3,h4,h5,h6 { line-height: 170%; }
   340    334   h1 {font-size: 2.0em;}
   341    335   h2 {font-size: 1.8em;}
   342    336   h3 {font-size: 1.4em;}
   343    337   h4 {font-size: 1.2em;}
   344    338   h5 {font-size: 1.0em;}
   345    339   h6 {font-size: 0.8em;}
................................................................................
   513    507     tr, img { page-break-inside: avoid; }
   514    508     @page { margin: 0.5cm; }
   515    509     p, h2, h3 { orphans: 3; widows: 3; }
   516    510     h2, h3{ page-break-after: avoid; }
   517    511   }
   518    512   
   519    513   body {
   520         -    margin: 0 2% 0 2%;
   521         -    background-color: #CC6600;
   522    514   }
   523    515   
   524    516   header {
   525    517       background-color: #cc0000;
          518  +    padding: 1%;
   526    519       border-bottom: 1px solid black;
   527    520       color: white;
   528    521   }
          522  +header > h1 > a {
          523  +    text-decoration: none;
          524  +    color: white;
          525  +    font-weight: bold;
          526  +}
   529    527   
   530    528   #story-list {
   531    529   }
   532    530   
   533    531   #story-list > .story > a {
   534    532       text-decoration: none;
   535         -    border-radius: 5px;
   536         -    font-size: 2em;
   537    533       font-weight: bold;
   538         -    background-color: #CC9933;
   539         -    padding: 0 6px 0 6px;
          534  +    margin-top: 0;
          535  +}
          536  +#story-list > .story > p {
          537  +    font-size: .75em;
   540    538   }
   541    539   
   542    540   #story-list > .story > .read {
   543    541       color: #CC3333;
   544    542   }
   545    543   #story-list > .story > .unread {
   546    544       color: #CC0000;
   547    545   /*    color: #A8A8EE;*/
   548    546   }
   549    547   
   550    548   #story-list > .story {
   551         -    background-color: white;
   552         -    padding: .25%;
   553         -    border: 1px solid black;
   554         -    border-radius: 5px;
          549  +    padding: .5%;
          550  +    padding-top: 0;
          551  +    border-top: 1px solid black;
   555    552       margin-top: .33%;
   556    553   }
          554  +
          555  +footer {
          556  +    background-color: #cc0000;
          557  +    padding: 1%;
          558  +    border-top: 1px solid black;
          559  +    color: white;
          560  +}
          561  +footer > a {
          562  +    text-decoration: none;
          563  +    color: white;
          564  +    font-weight: bold;
          565  +}

Modified applications/mobileblur/views/feeds/view.html from [a3c96a9b2b] to [4fc82f4915].

     1      1   {{extend 'layout.html'}}
     2      2   
     3      3   {{ block header_bonus }}
     4         -    <h2>{{= feed["feed_title"] }}</h2>
            4  +    <h2 style="float: left">{{= feed["feed_title"] }}</h2>
     5      5       <a href="{{= URL("mark_read", args=[feed["id"]]) }}" class="button">Mark feed as read</a>
     6      6   {{ end }}
     7      7   
     8      8   <section id="story-list">
     9      9   {{
    10     10   import time 
    11     11   s = time.time()