MobileBlur

Diff
Login

Differences From Artifact [0353986da0]:

To Artifact [c4d6d0ed8b]:


    23     23   - always indent the first line and add space below paragraphs
    24     24   - bullets and numbers style and indent
    25     25   - form and table padding
    26     26   - code blocks
    27     27   - left and right padding to quoted text
    28     28   - page layout alignment, width and padding (change this for spaces)
    29     29   - column widths (change this to use left_sidebar and right_sidebar)
    30         -- backrgound images and colors (change this for colors)
           30  +- background images and colors (change this for colors)
    31     31   - web2py specific (.flash, .error)
    32     32   
    33     33   Notice:
    34     34   - even if you use a different layout/css you may need classes .flash and .error
    35     35   - this is all color neutral except for #349C01 (header, links, lines)
    36         -- there are two backrgound images: images/background.png and images/header.png
           36  +- there are two background images: images/background.png and images/header.png
    37     37   
    38     38   License: This file is released under BSD and MIT
    39     39   
    40     40   */
    41     41   
    42     42   /*     
    43     43     credit is left where credit is due.
................................................................................
   141    141   h1,h2,h3,h4,h5,h6 { font-weight: bold; }
   142    142   
   143    143   /* always force a scrollbar in non-IE */ 
   144    144   html { overflow-y: scroll; }
   145    145    
   146    146   /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
   147    147   a:hover, a:active { outline: none; }
   148         -
          148  +/*
   149    149   a, a:active, a:visited { color:#607890; }
   150    150   a:hover { color:#036; }
          151  +*/
   151    152   
   152    153   ul, ol { margin-left: 1.8em; }
   153    154   ol { list-style-type: decimal; }
   154    155   
   155    156   /* Remove margins for navigation lists */
   156    157   nav ul, nav li { margin: 0; } 
   157    158   
................................................................................
   325    326   }
   326    327   
   327    328   fieldset { border: 1px solid #dedede; padding: 6px; }
   328    329   legend { font-weight: bold; }
   329    330   
   330    331   input:focus, textarea:focus { background: #fafafa; }
   331    332   
   332         -p {text-indent:30px;}
   333         -
   334         -p, blockquote {    
   335         -    margin-bottom: 10px;
   336         -}
   337         -
   338    333   h1,h2,h3,h4,h5,h6 { line-height: 170%; }
   339    334   h1 {font-size: 2.0em;}
   340    335   h2 {font-size: 1.8em;}
   341    336   h3 {font-size: 1.4em;}
   342    337   h4 {font-size: 1.2em;}
   343    338   h5 {font-size: 1.0em;}
   344    339   h6 {font-size: 0.8em;}
   345    340   
   346         -/*********** page layout alignment, width and padding ***********/
   347         -/*body {background-color: #000;}*/
   348         -#container, #header, #page, #content, #statusbar,
   349         -#footer, #wrapper { display:block; line-height: 170%; }
   350         -#wrapper {width: 900px;}
   351         -#container {
   352         -    margin: 0 auto;
   353         -    padding: 0;
   354         -}
   355         -#wrapper {margin: 0 auto;} 
   356         -#wrapper {background-color: #fff; padding: 5px;} 
   357         -#statusbar { margin: 5px 0px 20px 0px;}
   358         -#footer {    
   359         -    margin-top: 30px;    
   360         -    padding: 5px;    
   361         -}
   362         -#statusbar, #footer {    
   363         -    background: #eaeaea; 
   364         -    border-top: 1px #aaa solid;    
   365         -}
   366         -#logo {
   367         -    width: 68px;
   368         -    height: 62px;
   369         -    background: url(../images/logo.png);
   370         -}
   371         -#appname {
   372         -    color: #cccccc;
   373         -}
   374         -
   375         -#right_sidebar { width: 160px; float:right; display: none; }
   376         -#left_sidebar { width: 160px; float:left; display: none; }
   377         -#content { float: left; /*width: 740px;*//*width: 63%;*/ /*width: 640px; float:left;*/ } /* uncomment this if you are going to use sidebars */
   378         - 
   379         -.auth_navbar {
   380         -   top: 0px;
   381         -   float: right;
   382         -   padding: 3px 10px 3px 10px; 
   383         -}
   384         -
   385    341   /*********** web2py specific ***********/
   386    342   div.flash {
   387    343       font-weight: bold;
   388    344       display: none;
   389    345       position: fixed;    
   390    346       padding: 10px;
   391    347       top: 40px;
................................................................................
   531    487     
   532    488     
   533    489     /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
   534    490        j.mp/textsizeadjust 
   535    491     html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
   536    492   }
   537    493   
          494  +@media handheld {
          495  +    body {
          496  +    }
          497  +}
          498  +
   538    499   
   539    500   /* 
   540    501    * print styles
   541    502    * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
   542    503    */
   543    504   @media print {
   544    505     * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
................................................................................
   550    511     thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
   551    512     tr, img { page-break-inside: avoid; }
   552    513     @page { margin: 0.5cm; }
   553    514     p, h2, h3 { orphans: 3; widows: 3; }
   554    515     h2, h3{ page-break-after: avoid; }
   555    516   }
   556    517   
          518  +body {
          519  +/*    background-color: #f2c84b;*/
          520  +    color: #493F3E
          521  +}
          522  +
          523  +header {
          524  +    background-color: #95392E;
          525  +    padding: 1%;
          526  +    border-bottom: 1px solid #95392E;
          527  +    color: white;
          528  +}
          529  +header > h1 > a {
          530  +    text-decoration: none;
          531  +    color: white;
          532  +    font-weight: bold;
          533  +}
          534  +
          535  +#story > header > a {
          536  +    color: white;
          537  +}
          538  +
          539  +header > a> h2 {
          540  +/*    border-top: 1px solid white;*/
          541  +    color: white;
          542  +}
          543  +
          544  +#story-list {
          545  +/*    background-color: #f2c84b;*/
          546  +}
          547  +
          548  +#story-list > .story > a, .feed > a {
          549  +    text-decoration: none;
          550  +    font-weight: bold;
          551  +    margin-top: 0;
          552  +}
          553  +#story-list > .story > p {
          554  +    font-size: .75em;
          555  +}
          556  +
          557  +#story-list > .story > .read {
          558  +    color: #D99B48;
          559  +}
          560  +#story-list > .story > .unread, .feed > a {
          561  +    color: #C57E3C;
          562  +}
          563  +
          564  +#story-list > .story, .feed {
          565  +    padding: .5%;
          566  +    border-top: 1px solid #95392E;
          567  +    margin-top: .33%;
          568  +}
          569  +
          570  +span.ps, span.nt, span.ng {
          571  +    padding: .05em;
          572  +    border-radius: 5px;
          573  +}
          574  +span.ps {
          575  +    background-color: #ABAA7A;
          576  +}
          577  +span.nt {
          578  +    background-color: #D99B48;
          579  +}
          580  +span.ng {
          581  +    background-color: red;
          582  +}
          583  +
          584  +footer {
          585  +    background-color: #95392E;
          586  +    padding: 1%;
          587  +    border-top: 1px solid #95392E;
          588  +    color: white;
          589  +}
          590  +footer > a {
          591  +    text-decoration: none;
          592  +    color: white;
          593  +    font-weight: bold;
          594  +}