Changeset 652

Show
Ignore:
Timestamp:
05/21/08 20:09:58 (3 months ago)
Author:
wdickinson
Message:

Numerous style tweaks to the iMT plugin. Mainly, better overflow handling for headers and list items.

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • trunk/iMT/mt-static/plugins/iMT/css/iphone.css

    r316 r652  
    88} 
    99 
    10 html, body, div, 
     10html, body, div, p, hr, 
     11h1, h2, h3, h4, h5, h6, 
    1112ul, ol, li, dl, dt, dd, 
    12 form, fieldset, input, select, textarea, 
    13 h1, h2, h3, h4, h5, h6, 
    14 pre, code, p, blockquote, hr, 
    15 th, td { 
     13blockquote, pre, th, td, 
     14form, fieldset, input, 
     15select, textarea { 
    1616    margin: 0; 
    1717    padding: 0; 
    …… 
    2323} 
    2424 
    25 ol, ul { 
    26     list-style: none; 
    27 } 
    28  
    29 a img { 
    30     border: 0; 
    31 } 
     25ol, ul { list-style: none; } 
     26 
     27a img { border: 0; } 
    3228 
    3329 
    …… 
    5046#header h1 { 
    5147    overflow: hidden; 
    52     height: 30px; 
    5348    color: #fff; 
    5449    font-size: 20px; 
    …… 
    5752    text-align: center; 
    5853    text-shadow: #25688c 0px -1px 1px; 
    59 } 
    60  
    61 #header .home { 
    62     position: absolute; 
    63     overflow: hidden; 
    64     top: 7px; 
    65     left: 5px; 
    66     width: 30px; 
    67     height: 26px; 
    68 } 
    69  
     54    white-space: nowrap; 
     55    text-overflow: ellipsis; 
     56} 
     57 
     58#header .home, 
    7059#header .site { 
    7160    position: absolute; 
    7261    overflow: hidden; 
    7362    top: 7px; 
    74     right: 5px; 
    7563    width: 30px; 
    7664    height: 26px; 
    7765} 
    7866 
     67#header .home { left: 5px; } 
     68#header .site { right: 5px; } 
     69 
    7970#header .home a, 
     71#header .site a, 
    8072#header .home img, 
    81 #header .site a, 
    8273#header .site img { 
    8374    display: block; 
    …… 
    9586.page-main #content { 
    9687    background: #0d0d0d url(../images/iphone/backgrounds/content.png) repeat-x left top; 
    97 } 
    98  
    99 .page-mobile #content { 
    100     background: #c5ccd3; 
    10188} 
    10289 
    …… 
    184171 
    185172.editor .meta-field .field-name { 
    186     width: 90px; 
    187173    float: left; 
    188174    color: #666; 
    …… 
    193179} 
    194180 
    195 .editor .title-field .field-name { 
    196     width: 50px; 
    197 } 
    198  
    199 .editor .tags-field .field-name { 
    200     width: 50px; 
    201 } 
    202  
    203 .editor .category-field .field-name { 
    204     width: 75px; 
    205 } 
    206  
    207 .editor .meta-field .field-value { 
    208     margin-left: 90px; 
    209 } 
    210  
    211 .editor .title-field .field-value { 
    212     margin-left: 50px; 
    213 } 
    214  
    215 .editor .tags-field .field-value { 
    216     margin-left: 50px; 
    217 } 
    218  
    219 .editor .category-field .field-value { 
    220     margin-left: 75px; 
    221 } 
     181.editor .meta-field .field-name     { width: 90px; } 
     182.editor .title-field .field-name    { width: 50px; } 
     183.editor .tags-field .field-name     { width: 50px; } 
     184.editor .category-field .field-name { width: 75px; } 
     185 
     186.editor .meta-field .field-value     { margin-left: 90px; } 
     187.editor .title-field .field-value    { margin-left: 50px; } 
     188.editor .tags-field .field-value     { margin-left: 50px; } 
     189.editor .category-field .field-value { margin-left: 75px; } 
    222190 
    223191.editor .meta-field .field-name-inner { 
    …… 
    225193} 
    226194 
     195.editor .content-field .field-value-inner { 
     196    padding: 10px; 
     197} 
     198 
    227199.editor .meta-field .field-value-inner { 
    228200    padding: 10px 10px 10px 0; 
    229 } 
    230  
    231 .editor .content-field .field-value-inner { 
    232     padding: 10px; 
    233201} 
    234202 
    …… 
    322290    display: block; 
    323291    overflow: hidden; 
     292    white-space: nowrap; 
     293    text-overflow: ellipsis; 
    324294} 
    325295 
    326296.li-label { 
    327     height: 23px; 
    328297    font-size: 20px; 
    329298    line-height: 23px; 
    …… 
    332301 
    333302.li-details { 
    334     height: 14px; 
    335303    margin-top: 1px; 
     304    color: #666; 
    336305    font-size: 12px; 
    337306    line-height: 14px; 
    …… 
    521490} 
    522491 
    523 .button-bar .delete-button.button, 
     492.button-bar .delete-button.button { 
     493    color: #fff; 
     494    text-shadow: #600 0px -1px 1px; 
     495} 
     496 
    524497.button-bar .cancel-button.button { 
    525498    color: #fff; 
    …… 
    564537 
    565538.message-content { 
    566     padding: 9px 29px 4px; 
     539    padding: 9px 9px 4px 29px; 
    567540    border: 1px solid #ccc; 
    568541    -webkit-border-radius: 5px; 
    …… 
    581554.success-message .message-content { 
    582555    padding-left: 9px; 
    583     padding-right: 9px; 
    584556    border-color: #cf9; 
    585557    background: #cf9; 
    …… 
    598570.zerostate-message .message-content { 
    599571    padding-left: 9px; 
    600     padding-right: 9px; 
    601572    border-color: #ccc; 
    602573    background: #ccc;