Changeset 525

Show
Ignore:
Timestamp:
08/08/07 00:44:07 (1 year ago)
Author:
brian
Message:

stylin some site tree menus

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved
  • pagoda/trunk/Pagoda/pagoda/widgets/admin/static/css/accounts.css

    r521 r525  
    11#body { 
    22    border-bottom: 5px solid #3465a4; 
    3     background: #fff; 
    43    padding: 2em; 
    54} 
     
    98    margin: 0 auto; 
    109    padding: 2em; 
    11 /*    background: #fff;*/ 
    12 /*    border: 1px solid #bbb;*/ 
     10    background: #fff; 
     11    border: 1px solid #bbb; 
    1312} 
    1413 
     
    2726.column ul { 
    2827    border-top: 1px dotted #999; 
    29     border-bottom: 1px dotted #999; 
    3028} 
    3129 
     
    3432    background-color: #ecf9fe; 
    3533    padding-bottom: 0.25em; 
    36 
    37  
    38 .column li.odd { 
    39     background: #dcf2fa; 
     34    border-bottom: 1px dotted #999; 
    4035} 
    4136 
     
    7368} 
    7469 
    75 .column li .details { 
    76     color: #6c8186; 
    77     text-align: right; 
    78     line-height: 160%; 
     70.column li.inactive { 
     71    background: #dcf2fa; 
    7972} 
    8073 
  • pagoda/trunk/Pagoda/pagoda/widgets/admin/static/css/site_tree.css

    r522 r525  
    99#site_tree .x-tree-node-leaf .x-tree-node-icon { 
    1010    height: 16px; 
    11     background-image: url("../images/layout.png"); 
     11    background-image: url('../images/layout.png'); 
    1212} 
    1313 
    1414/* Buttons in site menu have icons associated with them */ 
    1515.site_tree-menu button { 
    16     background-attachment: scroll; 
    17     background-position: 8px center; 
    18     background-repeat: no-repeat; 
    19     padding: 0px 4px 0px 20px; 
    20     border-right: 1px solid #A7BBC6 
    2116} 
    22 .site_tree-menu button.add { 
    23     background-image: url(../images/add-button.png); 
     17 
     18.site_tree-menu button:hover { 
     19    background-color: transparent; 
     20    text-decoration: underline; 
    2421} 
    25 .site_tree-menu button.edit { 
    26     background-image: url(../images/edit-button.png); 
     22 
     23.site_tree-menu button.add .x-menu-item-icon { 
     24    background-image: url('../images/page_add.png'); 
    2725} 
    28 .site_tree-menu button.duplicate
    29     background-image: url(../images/duplicate-button.png); 
     26.site_tree-menu button.edit .x-menu-item-icon
     27    background-image: url('../images/page_edit.png'); 
    3028} 
    31 .site_tree-menu button.delete { 
    32     background-image: url(../images/delete-button.png); 
     29.site_tree-menu button.duplicate .x-menu-item-icon { 
     30    background-image: url('../images/page_copy.png'); 
     31
     32.site_tree-menu button.delete .x-menu-item-icon { 
     33    background-image: url('../images/page_delete.png'); 
    3334} 
    3435.site_tree-menu button.close { 
     
    3738} 
    3839.site_tree-menu button.close .x-menu-item-icon { 
    39     vertical-align: top
    40     background-image: url(../images/close-button.png); 
    41     background-position: center left
     40    vertical-align: middle
     41    background-image: url('../images/cross.png'); 
     42    background-position: center center
    4243    margin: 0; 
    4344} 
    44  
  • pagoda/trunk/Pagoda/pagoda/widgets/admin/static/css/tree.css

    r522 r525  
    1616 
    1717/* Selected tree node and menu items should have the same text color */ 
    18 .x-tree-node .x-tree-selected a span, 
    19 .tree-menu .x-menu-list-item button { 
    20     color: #03f
     18.x-tree-node .x-tree-selected a span { 
     19    color: #fff; 
     20    text-decoration: none
    2121} 
    2222 
     
    2424.x-tree-node .x-tree-selected a span { 
    2525    background: transparent; 
    26     font-weight: bold
     26    font-weight: normal
    2727} 
    2828 
     
    3636/* Style the menu */ 
    3737div.tree-menu { 
    38     background-color: #d5e5ff; 
    39     font-weight: bold; 
    40     border: 1px solid #61839F; 
     38    background: #3465a4 url('../images/tab-active.png') repeat-x left top; 
     39    color: #eee; 
    4140} 
    4241 
     
    5251.x-tree-elbow-end-minus { 
    5352    height: 16px; 
     53    background-position: 65% 50%; 
     54} 
     55 
     56.x-tree-elbow-plus, 
     57.x-tree-elbow-end-plus, 
     58.x-tree-no-lines .x-tree-elbow-plus, 
     59.x-tree-no-lines .x-tree-elbow-end-plus { 
     60    background-image: url('../images/tree-closed.png'); 
     61} 
     62 
     63.x-tree-elbow-minus, 
     64.x-tree-elbow-end-minus, 
     65.x-tree-no-lines .x-tree-elbow-minus, 
     66.x-tree-no-lines .x-tree-elbow-end-minus { 
     67    background-image: url('../images/tree-open.png'); 
    5468} 
    5569 
    5670/* Nice hover-color for Tree Menu buttons */ 
    5771.tree-menu button:hover { 
    58     background-color: #E4EEFF; 
     72    color: #fff; 
     73    cursor: pointer; 
    5974} 
    6075 
     
    6378.tree-menu button { 
    6479    display: inline; 
     80    color: #adf; 
    6581} 
    6682 
     
    7692/* Buttons in Tree Menu should look very flat */ 
    7793.tree-menu button { 
    78     background: transparent none no-repeat scroll center left
    79     margin: 0
     94    background: transparent
     95    margin: 0 0.5em 0 0
    8096    border: 0; 
     97    padding: 3px 0; 
    8198} 
     99 
     100.tree-menu .x-menu-item-icon { 
     101    margin-right: 0.5em; 
     102} 
  • pagoda/trunk/Pagoda/pagoda/widgets/admin/static/javascript/site_tree.js

    r522 r525  
    4949            new Ext.menu.ButtonItem({ 
    5050                text: "Add", 
     51                icon: Ext.BLANK_IMAGE_URL, 
    5152                itemCls: 'add' 
    5253            }), 
    5354            new Ext.menu.ButtonItem({ 
    5455                text: "Edit", 
     56                icon: Ext.BLANK_IMAGE_URL, 
    5557                itemCls: 'edit' 
    5658            }), 
    5759            new Ext.menu.ButtonItem({ 
    5860                text: "Duplicate", 
     61                icon: Ext.BLANK_IMAGE_URL, 
    5962                itemCls: 'duplicate' 
    6063            }), 
    6164            new Ext.menu.ButtonItem({ 
    6265                text: "Delete", 
     66                icon: Ext.BLANK_IMAGE_URL, 
    6367                itemCls: 'delete' 
    6468            }), 

Log in as guest/pagoda to create tickets