Changeset 4a42653 in github


Ignore:
Timestamp:
Jul 29, 2009 6:53:40 AM (4 years ago)
Author:
thomascube <thomas@…>
Branches:
master, HEAD, courier-fix, dev-browser-capabilities, pdo, release-0.6, release-0.7, release-0.8
Children:
14a62c3
Parents:
9e953bc2
Message:

More speedup by using sprites for buttons: replacing 76 images with 4 new

Files:
6 added
76 deleted
12 edited

Legend:

Unmodified
Added
Removed

  • CHANGELOG

    r5dc7c21 r4a42653  
    22=========================== 
    33 
     4- Speedup UI by using sprites for (toolbar) buttons 
    45- Fix charset names with X- prefix handling 
    56- Fix displaying of HTML messages with unknown/malformed tags (#1486003) 

  • skins/default/addresses.css

    rd7f49d6 r4a42653  
    1212{ 
    1313  padding-right: 10px; 
     14} 
     15 
     16#abooktoolbar a.button, 
     17#abooktoolbar a.buttonPas, 
     18#abooktoolbar span.separator { 
     19  display: block; 
     20  float: left; 
     21  width: 32px; 
     22  height: 32px; 
     23  padding: 0; 
     24  margin-right: 10px; 
     25  overflow: hidden; 
     26  background: url('images/abook_toolbar.png') 0 0 no-repeat transparent; 
     27  opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ 
     28} 
     29 
     30#abooktoolbar a.buttonPas { 
     31  opacity: 0.35; 
     32} 
     33 
     34#abooktoolbar a.addcontactSel { 
     35  background-position: 0 -32px; 
     36} 
     37 
     38#abooktoolbar a.compose { 
     39  background-position: -32px 0; 
     40} 
     41 
     42#abooktoolbar a.composeSel { 
     43  background-position: -32px -32px; 
     44} 
     45 
     46#abooktoolbar a.delete { 
     47  background-position: -64px 0; 
     48} 
     49 
     50#abooktoolbar a.deleteSel { 
     51  background-position: -64px -32px; 
     52} 
     53 
     54#abooktoolbar a.import { 
     55  background-position: -96px 0; 
     56} 
     57 
     58#abooktoolbar a.importSel { 
     59  background-position: -96px -32px; 
     60} 
     61 
     62#abooktoolbar a.export { 
     63  background-position: -128px 0; 
     64} 
     65 
     66#abooktoolbar a.exportSel { 
     67  background-position: -128px -32px; 
     68} 
     69 
     70#abooktoolbar span.separator { 
     71  width: 5px; 
     72  background-image: url('images/abook_toolbar.png'); 
     73  background-position: -162px 0; 
    1474} 
    1575 

  • skins/default/common.css

    r7e7edff r4a42653  
    242242} 
    243243 
     244.pagenav a.button, 
     245.pagenav a.buttonPas 
     246{ 
     247  display: block; 
     248  float: left; 
     249  width: 11px; 
     250  height: 11px; 
     251  padding: 0; 
     252  margin: 1px; 
     253  overflow: hidden; 
     254  background: url('images/pagenav.gif') 0 0 no-repeat transparent; 
     255  opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ 
     256} 
     257 
     258.pagenav a.buttonPas { 
     259  opacity: 0.35; 
     260} 
     261 
     262.pagenav a.firstpageSel { 
     263  background-position: 0 -11px; 
     264} 
     265 
     266.pagenav a.prevpage { 
     267  background-position: -11px 0; 
     268} 
     269 
     270.pagenav a.prevpageSel { 
     271  background-position: -11px -11px; 
     272} 
     273 
     274.pagenav a.nextpage { 
     275  background-position: -22px 0; 
     276} 
     277 
     278.pagenav a.nextpageSel { 
     279  background-position: -22px -11px; 
     280} 
     281 
     282.pagenav a.lastpage { 
     283  background-position: -33px 0; 
     284} 
     285 
     286.pagenav a.lastpageSel { 
     287  background-position: -33px -11px; 
     288} 
     289 
    244290.splitter 
    245291{ 

  • skins/default/ie6hacks.css

    r189482d r4a42653  
    3030  background-image: url('images/icons/folders.gif'); 
    3131} 
     32 
     33#messagetoolbar a.button, 
     34#messagetoolbar a.buttonPas { 
     35  background-image: url('images/mail_toolbar.gif'); 
     36} 
     37 
     38#abooktoolbar a.button, 
     39#abooktoolbar a.buttonPas, 
     40#abooktoolbar span.separator { 
     41  background-image: url('images/abook_toolbar.gif'); 
     42} 

  • skins/default/iehacks.css

    re40091b r4a42653  
    99} 
    1010 
     11.pagenav a.buttonPas 
     12{ 
     13  filter: alpha(opacity=35); 
     14} 
     15 
    1116#message 
    1217{ 
    … …  
    5964} 
    6065 
     66#abooktoolbar a.buttonPas 
     67{ 
     68  filter: alpha(opacity=35); 
     69  background-image: url('images/abook_toolbar.gif'); 
     70} 
     71 
     72#messagetoolbar a.buttonPas 
     73{ 
     74  filter: alpha(opacity=35); 
     75  background-image: url('images/mail_toolbar.gif'); 
     76} 
     77 
     78#messagetoolbar select.mboxlist 
     79{ 
     80  margin: 0 8px; 
     81  top: 8px; 
     82} 
     83 
    6184#mainscreen 
    6285{ 

  • skins/default/mail.css

    r10914a0 r4a42653  
    1313} 
    1414 
    15 #messagetoolbar a 
    16 { 
     15#messagetoolbar > a 
     16{ 
     17  display: block; 
     18  float: left; 
    1719  padding-right: 10px; 
    1820} 
     21 
     22#messagetoolbar a.button, 
     23#messagetoolbar a.buttonPas { 
     24  display: block; 
     25  float: left; 
     26  width: 32px; 
     27  height: 32px; 
     28  padding: 0; 
     29  margin-right: 10px; 
     30  overflow: hidden; 
     31  background: url('images/mail_toolbar.png') 0 0 no-repeat transparent; 
     32  opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ 
     33} 
     34 
     35#messagetoolbar a.buttonPas { 
     36  opacity: 0.35; 
     37} 
     38 
     39#messagetoolbar a.checkmailSel { 
     40  background-position: 0 -32px; 
     41} 
     42 
     43#messagetoolbar a.back { 
     44  background-position: -32px 0; 
     45} 
     46 
     47#messagetoolbar a.backSel { 
     48  background-position: -32px -32px; 
     49} 
     50 
     51#messagetoolbar a.compose { 
     52  background-position: -64px 0; 
     53} 
     54 
     55#messagetoolbar a.composeSel { 
     56  background-position: -64px -32px; 
     57} 
     58 
     59#messagetoolbar a.reply { 
     60  background-position: -96px 0; 
     61} 
     62 
     63#messagetoolbar a.replySel { 
     64  background-position: -96px -32px; 
     65} 
     66 
     67#messagetoolbar a.replyAll { 
     68  background-position: -128px 0; 
     69} 
     70 
     71#messagetoolbar a.replyAllSel { 
     72  background-position: -128px -32px; 
     73} 
     74 
     75#messagetoolbar a.forward { 
     76  background-position: -160px 0; 
     77} 
     78 
     79#messagetoolbar a.forwardSel { 
     80  background-position: -160px -32px; 
     81} 
     82 
     83#messagetoolbar a.delete { 
     84  background-position: -192px 0; 
     85} 
     86 
     87#messagetoolbar a.deleteSel { 
     88  background-position: -192px -32px; 
     89} 
     90 
     91#messagetoolbar a.markmessage { 
     92  background-position: -256px 0; 
     93} 
     94 
     95#messagetoolbar a.messagemenu { 
     96  width: 36px; 
     97  background-position: -288px 0; 
     98} 
     99 
     100#messagetoolbar a.spellcheck { 
     101  background-position: -386px 0; 
     102} 
     103 
     104#messagetoolbar a.spellcheckSel { 
     105  background-position: -386px -32px; 
     106} 
     107 
     108#messagetoolbar a.attach { 
     109  background-position: -354px 0; 
     110} 
     111 
     112#messagetoolbar a.attachSel { 
     113  background-position: -354px -32px; 
     114} 
     115 
     116#messagetoolbar a.savedraft { 
     117  background-position: -322px 0; 
     118} 
     119 
     120#messagetoolbar a.savedraftSel { 
     121  background-position: -322px -32px; 
     122} 
     123 
     124#messagetoolbar a.send { 
     125  background-position: -418px 0; 
     126} 
     127 
     128#messagetoolbar a.sendSel { 
     129  background-position: -418px -32px; 
     130} 
     131 
    19132 
    20133#messagetoolbar select, 
    … …  
    31144  position: relative; 
    32145  margin: 0 8px; 
    33   top: -12px; 
     146  top: 6px; 
    34147} 
    35148 
    … …  
    549662} 
    550663 
     664#countcontrols a.button, 
     665#countcontrols a.buttonPas, 
     666#messagecountbar a.button, 
     667#messagecountbar a.buttonPas 
     668{ 
     669  float: right; 
     670} 
     671 
    551672 
    552673/** message list styles */ 
    … …  
    763884  background-color: #FFF; 
    764885  overflow: auto; 
     886  z-index: 1; 
    765887} 
    766888 

  • skins/default/settings.css

    r0b9dcdd r4a42653  
    2020  height: 24px !important; 
    2121  height: 22px; 
    22   background: url('images/tab_pas.gif') top left no-repeat; 
     22  overflow: hidden; 
     23  text-overflow: ellipsis; 
     24  background: url('images/tabs.gif') top left no-repeat; 
    2325} 
    2426 
    2527span.tablink-selected 
    2628{ 
    27   background: url('images/tab_act.gif') top left no-repeat; 
     29  background-position: -102px 0; 
    2830} 
    2931 

  • skins/default/templates/addressbook.html

    r8c2d266 r4a42653  
    3131 
    3232<div id="abooktoolbar"> 
    33 <roundcube:button command="add" imageSel="/images/buttons/add_contact_sel.png" imageAct="/images/buttons/add_contact_act.png" imagePas="/images/buttons/add_contact_pas.png" width="32" height="32" title="newcontact" /> 
    34 <roundcube:button command="delete" imageSel="/images/buttons/delete_sel.png" imageAct="/images/buttons/delete_act.png" imagePas="/images/buttons/delete_pas.png" width="32" height="32" title="deletecontact" /> 
    35 <roundcube:button command="compose" imageSel="/images/buttons/compose_sel.png" imageAct="/images/buttons/compose_act.png" imagePas="/images/buttons/compose_pas.png" width="32" height="32" title="composeto" /> 
    36 <roundcube:button command="import" imageSel="/images/buttons/adr_import_sel.png" imageAct="/images/buttons/adr_import_act.png" imagePas="/images/buttons/adr_import_pas.png" width="32" height="32" title="importcontacts" /> 
    37 <roundcube:button command="export" imageSel="/images/buttons/download_sel.png" imageAct="/images/buttons/download_act.png" imagePas="/images/buttons/download_pas.png" width="32" height="32" title="exportvcards" /> 
     33<roundcube:button command="add" type="link" class="button addcontact" classAct="button addcontact" classSel="button addcontactSel" title="newcontact" content=" " /> 
     34<roundcube:button command="compose" type="link" class="buttonPas compose" classAct="button compose" classSel="button composeSel" title="composeto" content=" " /> 
     35<roundcube:button command="delete" type="link" class="buttonPas delete" classAct="button delete" classSel="button deleteSel" title="deletecontact" content=" " /> 
     36<span class="separator">&nbsp;</span> 
     37<roundcube:button command="import" type="link" class="buttonPas import" classAct="button import" classSel="button importSel" title="importcontacts" content=" " /> 
     38<roundcube:button command="export" type="link" class="buttonPas export" classAct="button export" classSel="button exportSel" title="exportvcards" content=" " /> 
     39<roundcube:container name="toolbar" id="abooktoolbar" /> 
    3840</div> 
    3941 
    … …  
    6870</div> 
    6971 
    70 <div id="abookcountbar"> 
    71 <roundcube:button command="firstpage" imageSel="/images/buttons/first_sel.png" imageAct="/images/buttons/first_act.png" imagePas="/images/buttons/first_pas.png" width="11" height="11" title="firstpage" /> 
    72 <roundcube:button command="previouspage" imageSel="/images/buttons/previous_sel.png" imageAct="/images/buttons/previous_act.png" imagePas="/images/buttons/previous_pas.png" width="11" height="11" title="previouspage" /> 
    73 &nbsp;<roundcube:object name="recordsCountDisplay" />&nbsp; 
    74 <roundcube:button command="nextpage" imageSel="/images/buttons/next_sel.png" imageAct="/images/buttons/next_act.png" imagePas="/images/buttons/next_pas.png" width="11" height="11" title="nextpage" /> 
    75 <roundcube:button command="lastpage" imageSel="/images/buttons/last_sel.png" imageAct="/images/buttons/last_act.png" imagePas="/images/buttons/last_pas.png" width="11" height="11" title="lastpage" /> 
     72<div id="abookcountbar" class="pagenav"> 
     73  <roundcube:button command="firstpage" type="link" class="buttonPas firstpage" classAct="button firstpage" classSel="button firstpageSel" title="firstpage" content=" " /> 
     74  <roundcube:button command="previouspage" type="link" class="buttonPas prevpage" classAct="button prevpage" classSel="button prevpageSel" title="previouspage" content=" " /> 
     75  <roundcube:object name="recordsCountDisplay" style="padding:0 1em; float:left" /> 
     76  <roundcube:button command="nextpage" type="link" class="buttonPas nextpage" classAct="button nextpage" classSel="button nextpageSel" title="nextpage" content=" " /> 
     77  <roundcube:button command="lastpage" type="link" class="buttonPas lastpage" classAct="button lastpage" classSel="button lastpageSel" title="lastpage" content=" " /> 
    7678</div> 
    7779 

  • skins/default/templates/compose.html

    r7d8e168 r4a42653  
    1717<table border="0" cellspacing="0" cellpadding="0"><tr> 
    1818    <td id="compose-toolbar"> 
    19         <roundcube:button command="list" image="/images/buttons/back_act.png" imageSel="/images/buttons/back_sel.png" imageAct="/images/buttons/back_act.png" width="32" height="32" title="backtolist" /> 
    20         <roundcube:button command="send" imageSel="/images/buttons/send_sel.png" imageAct="/images/buttons/send_act.png" imagePas="/images/buttons/send_pas.png" width="32" height="32" title="sendmessage" /> 
    21         <roundcube:button command="spellcheck" imageSel="/images/buttons/spellcheck_sel.png" imageAct="/images/buttons/spellcheck_act.png" imagePas="/images/buttons/spellcheck_pas.png" width="32" height="32" title="checkspelling" /> 
    22         <roundcube:button command="add-attachment" imageSel="/images/buttons/attach_sel.png" imageAct="/images/buttons/attach_act.png" imagePas="/images/buttons/attach_pas.png" width="32" height="32" title="addattachment" /> 
    23         <roundcube:button command="savedraft" imageSel="/images/buttons/drafts_sel.png" imageAct="/images/buttons/drafts_act.png" imagePas="/images/buttons/drafts_pas.png" width="32" height="32" title="savemessage" /> 
     19      <roundcube:button command="list" type="link" class="button back" classAct="button back" classSel="button backSel" title="backtolist" content=" " /> 
     20      <roundcube:button command="send" type="link" class="buttonPas send" classAct="button send" classSel="button sendSel" title="sendmessage" content=" " /> 
     21      <roundcube:button command="spellcheck" type="link" class="buttonPas spellcheck" classAct="button spellcheck" classSel="button spellcheckSel" title="checkspelling" content=" " /> 
     22      <roundcube:button command="add-attachment" type="link" class="buttonPas attach" classAct="button attach" classSel="button attachSel" title="addattachment" content=" " /> 
     23      <roundcube:button command="savedraft" type="link" class="buttonPas savedraft" classAct="button savedraft" classSel="button savedraftSel" title="savemessage" content=" " /> 
    2424    </td> 
    2525    <td id="priority-selector"> 
    26         <label for="rcmcomposepriority"><roundcube:label name="priority" />:</label>&nbsp;<roundcube:object name="prioritySelector" form="form" id="rcmcomposepriority" /> 
     26      <label for="rcmcomposepriority"><roundcube:label name="priority" />:</label>&nbsp;<roundcube:object name="prioritySelector" form="form" id="rcmcomposepriority" /> 
    2727    </td> 
    2828    <td id="receipt-selector"> 
    29         <roundcube:object name="receiptCheckBox" form="form" id="rcmcomposereceipt" />&nbsp;<label for="rcmcomposereceipt"><roundcube:label name="returnreceipt" /></label> 
     29      <roundcube:object name="receiptCheckBox" form="form" id="rcmcomposereceipt" />&nbsp;<label for="rcmcomposereceipt"><roundcube:label name="returnreceipt" /></label> 
    3030    </td> 
    3131</tr></table> 

  • skins/default/templates/importcontacts.html

    rb4f7c66 r4a42653  
    1313<div class="boxtitle"><roundcube:label name="importcontacts" /></div> 
    1414 
    15 <div style="padding-left:20px; width:48em"> 
     15<div style="padding-left:12px; width:48em"> 
    1616<roundcube:object name="importstep" /> 
    1717 

  • skins/default/templates/mail.html

    rbd9bfcf r4a42653  
    7777 
    7878<div id="mailfooter"> 
    79 <table cellpadding="1" cellspacing="0"><tr> 
    80   <td width="90%"> 
     79<table cellpadding="1" cellspacing="0" width="100%"><tr> 
     80  <td> 
    8181    <span id="listcontrols"> 
    8282      <roundcube:label name="select" />:&nbsp; 
    … …  
    8787      <roundcube:container name="listcontrols" id="listcontrols" /> 
    8888    </span> 
     89  </td> 
    8990  <roundcube:if condition="env:quota" /> 
     91  <td style="text-align:center"> 
    9092    <span id="quotabox"><roundcube:label name="quota" />: <roundcube:object name="quotaDisplay" display="image" width="100" id="quotadisplay" /></span> 
     93  </td> 
    9194  <roundcube:endif /> 
    92   </td> 
    93   <td width="10%"> 
    94     <span id="countcontrols"> 
    95       <roundcube:button command="firstpage" imageSel="/images/buttons/first_sel.png" imageAct="/images/buttons/first_act.png" imagePas="/images/buttons/first_pas.png" width="11" height="11" title="firstmessages" /> 
    96       <roundcube:button command="previouspage" imageSel="/images/buttons/previous_sel.png" imageAct="/images/buttons/previous_act.png" imagePas="/images/buttons/previous_pas.png" width="11" height="11" title="previousmessages" /> 
    97       &nbsp;<roundcube:object name="messageCountDisplay" />&nbsp; 
    98       <roundcube:button command="nextpage" imageSel="/images/buttons/next_sel.png" imageAct="/images/buttons/next_act.png" imagePas="/images/buttons/next_pas.png" width="11" height="11" title="nextmessages" /> 
    99       <roundcube:button command="lastpage" imageSel="/images/buttons/last_sel.png" imageAct="/images/buttons/last_act.png" imagePas="/images/buttons/last_pas.png" width="11" height="11" title="lastmessages" /> 
    100     </span> 
     95  <td id="countcontrols" class="pagenav"> 
     96    <roundcube:button command="lastpage" type="link" class="buttonPas lastpage" classAct="button lastpage" classSel="button lastpageSel" title="lastmessages" content=" " /> 
     97    <roundcube:button command="nextpage" type="link" class="buttonPas nextpage" classAct="button nextpage" classSel="button nextpageSel" title="nextmessages" content=" " /> 
     98    <roundcube:object name="messageCountDisplay" style="padding:0 1em; float:right" /> 
     99    <roundcube:button command="previouspage" type="link" class="buttonPas prevpage" classAct="button prevpage" classSel="button prevpageSel" title="previousmessages" content=" " /> 
     100    <roundcube:button command="firstpage" type="link" class="buttonPas firstpage" classAct="button firstpage" classSel="button firstpageSel" title="firstmessages" content=" " /> 
    101101  </td> 
    102102</tr></table> 
    … …  
    108108 
    109109<div id="messagetoolbar"> 
    110 <roundcube:button command="checkmail" imageSel="/images/buttons/inbox_sel.png" imageAct="/images/buttons/inbox_act.png" imagePas="/images/buttons/inbox_pas.png" width="32" height="32" title="checkmail" /> 
    111 <roundcube:button command="compose" imageSel="/images/buttons/compose_sel.png" imageAct="/images/buttons/compose_act.png" imagePas="/images/buttons/compose_pas.png" width="32" height="32" title="writenewmessage" /> 
    112 <roundcube:button command="reply" imageSel="/images/buttons/reply_sel.png" imageAct="/images/buttons/reply_act.png" imagePas="/images/buttons/reply_pas.png" width="32" height="32" title="replytomessage" /> 
    113 <roundcube:button command="reply-all" imageSel="/images/buttons/replyall_sel.png" imageAct="/images/buttons/replyall_act.png" imagePas="/images/buttons/replyall_pas.png" width="32" height="32" title="replytoallmessage" /> 
    114 <roundcube:button command="forward" imageSel="/images/buttons/forward_sel.png" imageAct="/images/buttons/forward_act.png" imagePas="/images/buttons/forward_pas.png" width="32" height="32" title="forwardmessage" /> 
    115 <roundcube:button command="delete" imageSel="/images/buttons/delete_sel.png" imageAct="/images/buttons/delete_act.png" imagePas="/images/buttons/delete_pas.png" width="32" height="32" title="deletemessage" /> 
     110<roundcube:button command="checkmail" type="link" class="button checkmail" classAct="button checkmail" classSel="button checkmailSel" title="checkmail" content=" " /> 
     111<roundcube:button command="compose" type="link" class="button compose" classAct="button compose" classSel="button composeSel" title="writenewmessage" content=" " /> 
     112<roundcube:button command="reply" type="link" class="buttonPas reply" classAct="button reply" classSel="button replySel" title="replytomessage" content=" " /> 
     113<roundcube:button command="reply-all" type="link" class="buttonPas replyAll" classAct="button replyAll" classSel="button replyAllSel" title="replytoallmessage" content=" " /> 
     114<roundcube:button command="forward" type="link" class="buttonPas forward" classAct="button forward" classSel="button forwardSel" title="forwardmessage" content=" " /> 
     115<roundcube:button command="delete" type="link" class="buttonPas delete" classAct="button delete" classSel="button deleteSel" title="deletemessage" content=" " /> 
    116116<roundcube:container name="toolbar" id="messagetoolbar" /> 
    117 <roundcube:button name="markreadbutton" id="markreadbutton" image="/images/buttons/markread_act.png" width="32" height="32" title="markmessages" onclick="rcmail_ui.show_markmenu();return false" /> 
    118 <roundcube:button name="messagemenulink" id="messagemenulink" image="/images/buttons/actions_act.png" width="34" height="32" title="messageactions" onclick="rcmail_ui.show_messagemenu();return false" /> 
     117<roundcube:button name="markreadbutton" id="markreadbutton" type="link" class="button markmessage" title="markmessages" onclick="rcmail_ui.show_markmenu();return false" content=" " /> 
     118<roundcube:button name="messagemenulink" id="messagemenulink" type="link" class="button messagemenu" title="messageactions" onclick="rcmail_ui.show_messagemenu();return false" content=" " /> 
    119119 
    120120<div id="markmessagemenu"> 

  • skins/default/templates/message.html

    r189482d r4a42653  
    1919 
    2020<div id="messagetoolbar"> 
    21 <roundcube:button command="list" image="/images/buttons/back_act.png" imageSel="/images/buttons/back_sel.png" imageAct="/images/buttons/back_act.png" width="32" height="32" title="backtolist" /> 
    22 <roundcube:button command="compose" imageSel="/images/buttons/compose_sel.png" imageAct="/images/buttons/compose_act.png" imagePas="/images/buttons/compose_pas.png" width="32" height="32" title="writenewmessage" /> 
    23 <roundcube:button command="reply" imageSel="/images/buttons/reply_sel.png" imageAct="/images/buttons/reply_act.png" imagePas="/images/buttons/reply_pas.png" width="32" height="32" title="replytomessage" /> 
    24 <roundcube:button command="reply-all" imageSel="/images/buttons/replyall_sel.png" imageAct="/images/buttons/replyall_act.png" imagePas="/images/buttons/replyall_pas.png" width="32" height="32" title="replytoallmessage" /> 
    25 <roundcube:button command="forward" imageSel="/images/buttons/forward_sel.png" imageAct="/images/buttons/forward_act.png" imagePas="/images/buttons/forward_pas.png" width="32" height="32" title="forwardmessage" /> 
    26 <roundcube:button command="delete" imageSel="/images/buttons/delete_sel.png" imageAct="/images/buttons/delete_act.png" imagePas="/images/buttons/delete_pas.png" width="32" height="32" title="deletemessage" /> 
     21<roundcube:button command="list" type="link" class="button back" classAct="button back" classSel="button backSel" title="backtolist" content=" " /> 
     22<roundcube:button command="compose" type="link" class="button compose" classAct="button compose" classSel="button composeSel" title="writenewmessage" content=" " /> 
     23<roundcube:button command="reply" type="link" class="buttonPas reply" classAct="button reply" classSel="button replySel" title="replytomessage" content=" " /> 
     24<roundcube:button command="reply-all" type="link" class="buttonPas replyAll" classAct="button replyAll" classSel="button replyAllSel" title="replytoallmessage" content=" " /> 
     25<roundcube:button command="forward" type="link" class="buttonPas forward" classAct="button forward" classSel="button forwardSel" title="forwardmessage" content=" " /> 
     26<roundcube:button command="delete" type="link" class="buttonPas delete" classAct="button delete" classSel="button deleteSel" title="deletemessage" content=" " /> 
    2727<roundcube:container name="toolbar" id="messagetoolbar" /> 
    28 <roundcube:button name="messagemenulink" image="/images/buttons/actions_act.png" width="34" height="32" title="messageactions" onclick="rcmail_ui.show_messagemenu();return false" id="messagemenulink" /> 
     28<roundcube:button name="messagemenulink" id="messagemenulink" type="link" class="button messagemenu" title="messageactions" onclick="rcmail_ui.show_messagemenu();return false" content=" " /> 
    2929<roundcube:object name="mailboxlist" type="select" noSelection="moveto" maxlength="25" onchange="rcmail.command('moveto', this.options[this.selectedIndex].value)" class="mboxlist" /> 
    3030 
    … …  
    5050</div> 
    5151 
    52 <div id="messagecountbar"> 
    53   <roundcube:button command="firstmessage" imageSel="/images/buttons/first_sel.png" imageAct="/images/buttons/first_act.png" imagePas="/images/buttons/first_pas.png" width="11" height="11" title="firstmessage" /> 
    54   <roundcube:button command="previousmessage" imageSel="/images/buttons/previous_sel.png" imageAct="/images/buttons/previous_act.png" imagePas="/images/buttons/previous_pas.png" width="11" height="11" title="previousmessage" /> 
    55   &nbsp;<roundcube:object name="messageCountDisplay" />&nbsp; 
    56   <roundcube:button command="nextmessage" imageSel="/images/buttons/next_sel.png" imageAct="/images/buttons/next_act.png" imagePas="/images/buttons/next_pas.png" width="11" height="11" title="nextmessage" /> 
    57   <roundcube:button command="lastmessage" imageSel="/images/buttons/last_sel.png" imageAct="/images/buttons/last_act.png" imagePas="/images/buttons/last_pas.png" width="11" height="11" title="lastmessage" /> 
     52<div id="messagecountbar" class="pagenav"> 
     53  <roundcube:button command="lastmessage" type="link" class="buttonPas lastpage" classAct="button lastpage" classSel="button lastpageSel" title="lastmessage" content=" " /> 
     54  <roundcube:button command="nextmessage" type="link" class="buttonPas nextpage" classAct="button nextpage" classSel="button nextpageSel" title="nextmessage" content=" " /> 
     55  <roundcube:object name="messageCountDisplay" style="padding:0 1em 0 1em; float:right" /> 
     56  <roundcube:button command="previousmessage" type="link" class="buttonPas prevpage" classAct="button prevpage" classSel="button prevpageSel" title="previousmessage" content=" " /> 
     57  <roundcube:button command="firstmessage" type="link" class="buttonPas firstpage" classAct="button firstpage" classSel="button firstpageSel" title="firstmessage" content=" " /> 
    5858</div> 
    5959</div> 
Note: See TracChangeset for help on using the changeset viewer.