Changeset 5597 in subversion


Ignore:
Timestamp:
Dec 12, 2011 4:43:35 PM (18 months ago)
Author:
thomasb
Message:

Larry continued...

Location:
trunk/roundcubemail/skins/larry
Files:
7 edited

Legend:

Unmodified
Added
Removed

  • trunk/roundcubemail/skins/larry/includes/mailtoolbar.html

    r5595 r5597  
    1515<span class="dropbuttontip" id="forwardmenulink" onclick="UI.show_popup('forwardmenu');return false"></span> 
    1616</span> 
    17 <roundcube:button command="delete" type="link" class="button delete disabled" classAct="button delete" classSel="button delete pressed" label="deletemessage" /> 
     17<roundcube:button command="delete" type="link" class="button delete disabled" classAct="button delete" classSel="button delete pressed" label="delete" title="deletemessage" /> 
     18<roundcube:if condition="template:name == 'message'" /> 
     19<roundcube:button command="print" type="link" class="button print disabled" classAct="button print" classSel="button print pressed" label="print" /> 
     20<roundcube:endif /> 
    1821<roundcube:container name="toolbar" id="mailtoolbar" /> 
    1922<roundcube:if condition="template:name == 'mail'" /> 

  • trunk/roundcubemail/skins/larry/mail.css

    r5595 r5597  
    7575#messagelistfooter #countcontrols { 
    7676        display: inline-block; 
     77} 
     78 
     79#messagelistfooter #listcontrols { 
     80        display: inline-block; 
     81        margin-right: 2em; 
     82} 
     83 
     84a.iconbutton.listmode { 
     85        width: 26px; 
     86        height: 20px; 
     87        background-position: 0 -437px; 
     88} 
     89 
     90a.iconbutton.threadmode { 
     91        width: 26px; 
     92        height: 20px; 
     93        background-position: 0 -457px; 
     94} 
     95 
     96a.iconbutton.listmode.selected { 
     97        background-position: -26px -437px; 
     98} 
     99 
     100a.iconbutton.threadmode.selected { 
     101        background-position: -26px -457px; 
    77102} 
    78103 
    … …  
    235260        left: 15em; 
    236261        height: 40px; 
     262        white-space: nowrap; 
    237263} 
    238264 
    … …  
    252278        width: 20px; 
    253279        height: 18px; 
    254         background: url(images/buttons.png) -5px -318px no-repeat; 
     280        background: url(images/buttons.png) -3px -418px no-repeat; 
    255281} 
    256282 
    257283#mailpreviewtoggle.enabled { 
    258         background-position: -28px -318px; 
     284        background-position: -28px -418px; 
    259285} 
    260286 
    … …  
    604630        left: 0; 
    605631        width: 100%; 
    606         bottom: 32px; 
     632        bottom: 0; 
    607633        overflow: auto; 
     634        border-radius: 4px 4px 0 0; 
    608635} 
    609636 
    … …  
    612639        padding: 3px 0; 
    613640        background: #fff; 
    614         background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%); 
    615         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f0f0)); 
    616         background: -o-linear-gradient(top, #fff 0%, #f0f0f0 100%); 
    617         background: -ms-linear-gradient(top, #fff 0%, #f0f0f0 100%); 
    618         background: linear-gradient(top, #fff 0%, #f0f0f0 100%); 
     641        background: -moz-linear-gradient(top, #fff 0%, #e9e9e9 100%); 
     642        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e9e9e9)); 
     643        background: -o-linear-gradient(top, #fff 0%, #e9e9e9 100%); 
     644        background: -ms-linear-gradient(top, #fff 0%, #e9e9e9 100%); 
     645        background: linear-gradient(top, #fff 0%, #e9e9e9 100%); 
     646} 
     647 
     648h2.subject { 
     649        font-size: 15px; 
     650        margin: 0 15em 0 0; 
     651        padding: 4px 8px 2px 8px; 
     652        white-space: nowrap; 
     653        overflow: hidden; 
     654        text-overflow: ellipsis; 
    619655} 
    620656 
    … …  
    648684        top: 1px; 
    649685        margin-left: 0.5em; 
     686} 
     687 
     688#messageheader #countcontrols { 
     689        position: absolute; 
     690        top: 8px; 
     691        right: 8px; 
     692        width: 18em; 
     693        text-align: right; 
     694        white-space: nowrap; 
     695} 
     696 
     697#messageheader .pagenav .countdisplay { 
     698        min-width: 0; 
     699        padding-right: 0.5em; 
     700        white-space: nowrap; 
    650701} 
    651702 

  • trunk/roundcubemail/skins/larry/styles.css

    r5595 r5597  
    131131a.button { 
    132132        display: inline-block; 
    133         margin: 0 3px; 
     133        margin: 0 2px; 
    134134        padding: 2px 5px; 
    135135        color: #525252; 
    136136        text-shadow: 1px 1px 1px #fff; 
    137         border: 1px solid #ddd; 
     137        border: 1px solid #c6c6c6; 
    138138        border-radius: 4px; 
    139139        background: #f7f7f7; 
    … …  
    143143        background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); 
    144144        background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); 
    145         box-shadow: 0 2px 2px 0 #999; 
    146         -o-box-shadow: 0 2px 2px 0 #999; 
    147         -webkit-box-shadow: 0 2px 2px 0 #999; 
    148         -moz-box-shadow: 0 2px 2px 0 #999; 
     145        box-shadow: 0 1px 1px 0 #ccc; 
     146        -o-box-shadow: 0 1px 1px 0 #ccc; 
     147        -webkit-box-shadow: 0 1px 1px 0 #ccc; 
     148        -moz-box-shadow: 0 1px 1px 0 #ccc; 
    149149        text-decoration: none; 
    150150} 
    … …  
    168168} 
    169169 
    170 .pagenav a.button { 
     170.pagenav.dark a.button { 
    171171        font-weight: bold; 
    172172        border-color: #e6e6e6; 
    … …  
    177177        background: -ms-linear-gradient(top, #d8d8d8 0%, #bababa 100%); 
    178178        background: linear-gradient(top, #d8d8d8 0%, #bababa 100%); 
    179 } 
    180  
    181 .pagenav a.button.pressed { 
     179        box-shadow: 0 1px 1px 0 #999; 
     180        -o-box-shadow: 0 1px 1px 0 #999; 
     181        -webkit-box-shadow: 0 1px 1px 0 #999; 
     182        -moz-box-shadow: 0 1px 1px 0 #999; 
     183} 
     184 
     185.pagenav.dark a.button.pressed { 
    182186        background: #bababa; 
    183187        background: -moz-linear-gradient(top, #bababa 0%, #d8d8d8 100%); 
    … …  
    222226        height: 18px; 
    223227        text-decoration: none; 
     228        text-indent: -1000px; 
    224229        background: url(images/buttons.png) -1000px 0 no-repeat; 
    225230} 
    … …  
    551556 
    552557.boxfooter .listbutton.groupactions .inner { 
    553         background-position: 4px -1212px; 
     558        background-position: 4px -1292px; 
    554559} 
    555560 
    … …  
    781786        height: 42px; 
    782787        width: 18px; 
    783         background: url(images/buttons.png) -24px -1049px no-repeat; 
     788        background: url(images/buttons.png) -24px -1129px no-repeat; 
    784789        cursor: pointer; 
    785790} 
    786791 
    787792.dropbutton .dropbuttontip:hover { 
    788         background-position: 0 -1049px; 
     793        background-position: 0 -1129px; 
    789794} 
    790795 
    791796.toolbar a.button.back { 
    792         background-position: 0 -370px; 
     797        background-position: 0 -1170px; 
    793798} 
    794799 
    795800.toolbar a.button.checkmail { 
    796         background-position: center -410px; 
     801        background-position: center -490px; 
    797802} 
    798803 
    799804.toolbar a.button.compose { 
    800         background-position: center -450px; 
     805        background-position: center -530px; 
    801806} 
    802807 
    803808.toolbar a.button.reply { 
    804         background-position: center -490px; 
     809        background-position: center -570px; 
    805810} 
    806811 
    807812.toolbar a.button.reply-all { 
    808         background-position: center -530px; 
     813        background-position: center -610px; 
    809814} 
    810815 
    811816.toolbar a.button.forward { 
    812         background-position: center -570px; 
     817        background-position: center -650px; 
    813818} 
    814819 
    815820.toolbar a.button.delete { 
    816         background-position: center -610px; 
     821        background-position: center -690px; 
     822} 
     823 
     824.toolbar a.button.archive { 
     825        background-position: center -730px; 
     826} 
     827 
     828.toolbar a.button.junk { 
     829        background-position: center -770px; 
     830} 
     831 
     832.toolbar a.button.print { 
     833        background-position: center -810px; 
    817834} 
    818835 
    819836.toolbar a.button.markmessage, 
    820837.toolbar a.button.more { 
    821         background-position: center -770px; 
     838        background-position: center -850px; 
    822839} 
    823840 

  • trunk/roundcubemail/skins/larry/templates/mail.html

    r5595 r5597  
    5757<div id="messagelistfooter"> 
    5858        <div id="listcontrols"> 
    59                  
     59                <a href="#list" class="iconbutton listmode" id="maillistmode" title="<roundcube:label name='list' />">List</a> 
     60                <a href="#threads" class="iconbutton threadmode" id="mailthreadmode" title="<roundcube:label name='threads' />">Threads</a> 
    6061        </div> 
    6162 
    62         <div id="countcontrols" class="pagenav"> 
     63        <div id="countcontrols" class="pagenav dark"> 
    6364                <roundcube:object name="messageCountDisplay" class="countdisplay" /> 
    6465                <roundcube:button command="firstpage" type="link" class="button firstpage disabled" classAct="button firstpage" classSel="button firstpage pressed" innerClass="inner" title="firstpage" content="|&amp;lt;" /> 

  • trunk/roundcubemail/skins/larry/templates/message.html

    r5595 r5597  
    3232<div id="mailview-top"> 
    3333<div id="messageheader" class="uibox"> 
    34 <roundcube:object name="messageHeaders" class="headers-table" addicon="/images/addcontact.png" /> 
     34<h2 class="subject"><roundcube:object name="messageHeaders" valueOf="subject" /></h2> 
     35<roundcube:object name="messageHeaders" class="headers-table" addicon="/images/addcontact.png" exclude="subject" /> 
    3536<roundcube:object name="messageFullHeaders" id="full-headers" /> 
     37 
     38<!-- record navigation --> 
     39<div id="countcontrols" class="pagenav"> 
     40        <roundcube:object name="messageCountDisplay" class="countdisplay" /> 
     41        <roundcube:button command="previousmessage" type="link" class="button prevpage disabled" classAct="button prevpage" classSel="button prevpage pressed" innerClass="inner" title="previousmessage" content="&amp;lt;" /> 
     42        <roundcube:button command="nextmessage" type="link" class="button nextpage disabled" classAct="button nextpage" classSel="button nextpage pressed" innerClass="inner" title="nextmessage" content="&amp;gt;" /> 
     43</div> 
     44 
    3645</div> 
    3746 
    … …  
    4453<roundcube:object name="messageBody" id="messagebody" /> 
    4554</div> 
    46 </div> 
    47  
    48 <!-- list footer --> 
    49 <div id="messagelistfooter" class="rightalign"> 
    50         <div id="countcontrols" class="pagenav"> 
    51                 <roundcube:object name="messageCountDisplay" class="countdisplay" /> 
    52                 <roundcube:button command="firstmessage" type="link" class="button firstpage disabled" classAct="button firstpage" classSel="button firstpage pressed" innerClass="inner" title="firstmessage" content="|&amp;lt;" /> 
    53                 <roundcube:button command="previousmessage" type="link" class="button prevpage disabled" classAct="button prevpage" classSel="button prevpage pressed" innerClass="inner" title="previousmessage" content="&amp;lt;" /> 
    54                 <roundcube:button command="nextmessage" type="link" class="button nextpage disabled" classAct="button nextpage" classSel="button nextpage pressed" innerClass="inner" title="nextmessage" content="&amp;gt;" /> 
    55                 <roundcube:button command="lastmessage" type="link" class="button lastpage disabled" classAct="button lastpage" classSel="button lastpage pressed" innerClass="inner" title="lastmessage" content="&amp;gt;|" /> 
    56         </div> 
    5755</div> 
    5856 

  • trunk/roundcubemail/skins/larry/ui.js

    r5595 r5597  
    3939      rcmail.gui_object('message_dragmenu', 'dragmessagemenu'); 
    4040      $('#mailpreviewtoggle').click(function(e){ toggle_preview_pane(e); return false }); 
     41      $('#maillistmode').addClass(rcmail.env.threading ? 'unselected' : 'selected').click(function(e){ switch_view_mode('list'); return false }); 
     42      $('#mailthreadmode').addClass(rcmail.env.threading ? 'selected' : 'unselected').click(function(e){ switch_view_mode('thread'); return false }); 
    4143       
    4244      if (rcmail.env.action == 'show' || rcmail.env.action == 'preview') { 
    … …  
    177179 
    178180 
     181  function switch_view_mode(mode) 
     182  { 
     183    if (rcmail.env.threading != (mode == 'thread')) 
     184      rcmail.set_list_options(null, undefined, undefined, mode == 'thread' ? 1 : 0); 
     185 
     186    $('#maillistmode, #mailthreadmode').removeClass('selected'); 
     187    $('#mail'+mode+'mode').addClass('selected'); 
     188  } 
     189 
     190 
    179191  /**** popup callbacks ****/ 
    180192 
Note: See TracChangeset for help on using the changeset viewer.