Changeset 5646 in subversion


Ignore:
Timestamp:
Dec 22, 2011 1:00:18 PM (17 months ago)
Author:
thomasb
Message:

Address book styling for Larry; show about page in UI dialog

Location:
trunk/roundcubemail/skins/larry
Files:
2 added
13 edited

Legend:

Unmodified
Added
Removed

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

    r5634 r5646  
    9191} 
    9292 
     93#directorylist li.contactgroup input { 
     94        margin-left: 36px; 
     95} 
     96 
     97#directorylist li.contactsearch a { 
     98        background-position: 6px -1651px; 
     99} 
     100 
     101#directorylist li.contactsearch.selected a { 
     102        background-position: 6px -1675px; 
     103} 
     104 
     105#directorylist li.contactsearch input { 
     106        margin-left: 8px; 
     107} 
     108 
    93109#contacts-table .contact td.name { 
    94110        background-position: 6px -1603px; 
    … …  
    142158#contacthead { 
    143159        border: 0; 
    144         margin: 0 20em 1em 0; 
     160        margin: 0 16em 1em 0; 
    145161        padding: 0; 
    146162        line-height: 1.5em; 
    147163        font-size: 12px; 
     164} 
     165 
     166form #contacthead { 
     167        margin-right: 0; 
    148168} 
    149169 
    … …  
    179199#contacthead input.ff_suffix { 
    180200        width: 90px; 
     201} 
     202 
     203.contactfieldgroup { 
     204        border: 0; 
     205        border-radius: 5px; 
     206        background: #f7f7f7; 
     207        background: -moz-linear-gradient(top, #f7f7f7 0%, #eee 100%); 
     208        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#eee)); 
     209        background: -o-linear-gradient(top, #f7f7f7 0%, #eee 100%); 
     210        background: -ms-linear-gradient(top, #f7f7f7 0%, #eee 100%); 
     211        background: linear-gradient(top, #f7f7f7 0%, #eee 100%); 
     212        margin: 0 0 12px 0; 
     213        padding: 8px; 
     214} 
     215 
     216.contactfieldgroup legend { 
     217        display: block; 
     218        margin: 0 -8px; 
     219        width: 100%; 
     220        font-weight: bold; 
     221        text-shadow: 0px 1px 1px #fff; 
     222        padding: 6px 8px 3px 8px; 
     223        background: #f0f0f0; 
     224        background: -moz-linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%); 
     225        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#d6d6d6)); 
     226        background: -o-linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%); 
     227        background: -ms-linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%); 
     228        background: linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%); 
     229        border-bottom: 1px solid #cfcfcf; 
     230        border-radius: 5px 5px 0 0; 
     231} 
     232 
     233.contactfieldgroup .row { 
     234        position: relative; 
     235        margin: 0.2em 0; 
     236} 
     237 
     238.contactfieldgroup .contactfieldlabel { 
     239        position: absolute; 
     240        top: 0; 
     241        left: 2px; 
     242        width: 110px; 
     243        white-space: nowrap; 
     244        overflow: hidden; 
     245        text-overflow: ellipsis; 
     246        color: #666; 
     247} 
     248 
     249.contactfieldgroup .contactfieldlabel select { 
     250        width: 100%; 
     251        color: #666; 
     252} 
     253 
     254.contactfieldgroup .contactfieldcontent { 
     255        padding-left: 120px; 
     256        min-height: 1em; 
     257        line-height: 1.3em; 
     258} 
     259 
     260.contactfieldgroup .contactfield { 
     261        line-height: 1.3em; 
     262} 
     263 
     264.contactcontrolleraddress .contactfieldcontent input { 
     265        margin-bottom: 0.1em; 
     266} 
     267 
     268.contactfieldcontent.composite { 
     269        padding-bottom: 8px; 
     270} 
     271 
     272.contactfieldcontent .contactfieldbutton { 
     273        vertical-align: middle; 
     274        margin-left: 0.5em; 
     275} 
     276 
     277.contactfield .ff_notes { 
     278        width: 99%; 
    181279} 
    182280 
    … …  
    190288        text-decoration: none; 
    191289        text-indent: -1000px; 
    192         background: url(images/buttons.png) -7px -337px no-repeat; 
    193 } 
     290        background: url(images/buttons.png) -7px -377px no-repeat; 
     291} 

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

    r5605 r5646  
    22<div id="topline"> 
    33        <div class="topleft"> 
    4                 <roundcube:button command="about" type="link" label="about" class="about-link" /> 
     4                <roundcube:button name="about" type="link" label="about" class="about-link" onclick="UI.show_about(this);return false" /> 
    55                <roundcube:if condition="config:support_url" /> 
    6                 <a href="<roundcube:var name='config:support_url' />" target="_blank" class="support-link"><roundcube:label name="support" /></a> 
     6                <a href="<roundcube:var name='config:support_url' />" target="_blank" class="support-link" id="supportlink"><roundcube:label name="support" /></a> 
    77                <roundcube:endif /> 
    88        </div> 

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

    r5625 r5646  
    4343 
    4444<div id="messagemenu" class="popupmenu"> 
    45   <ul class="toolbarmenu"> 
     45  <ul class="toolbarmenu iconized"> 
    4646        <li><roundcube:button command="print" label="printmessage" class="icon" classAct="icon active" innerclass="icon print" /></li> 
    4747        <li><roundcube:button command="download" label="emlsave" class="icon" classAct="icon active" innerclass="icon download" /></li> 
    … …  
    5555<roundcube:if condition="template:name == 'mail'" /> 
    5656<div id="markmessagemenu" class="popupmenu"> 
    57   <ul class="toolbarmenu"> 
     57  <ul class="toolbarmenu iconized"> 
    5858        <li><roundcube:button command="mark" prop="read" label="markread" classAct="icon active" class="icon" innerclass="icon read" /></li> 
    5959        <li><roundcube:button command="mark" prop="unread" label="markunread" classAct="icon active" class="icon" innerclass="icon unread" /></li> 

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

    r5634 r5646  
    9191        width: 26px; 
    9292        height: 20px; 
    93         background-position: 0 -437px; 
     93        background-position: 0 -477px; 
    9494} 
    9595 
    … …  
    9797        width: 26px; 
    9898        height: 20px; 
    99         background-position: 0 -457px; 
     99        background-position: 0 -497px; 
    100100} 
    101101 
    102102a.iconbutton.listmode.selected { 
    103         background-position: -26px -437px; 
     103        background-position: -26px -477px; 
    104104} 
    105105 
    106106a.iconbutton.threadmode.selected { 
    107         background-position: -26px -457px; 
     107        background-position: -26px -497px; 
    108108} 
    109109 
    … …  
    166166#mailboxlist li.trash.selected > a { 
    167167        background-position: 6px -406px; 
     168} 
     169 
     170#mailboxlist li.archive > a { 
     171        background-position: 6px -1699px; 
     172} 
     173 
     174#mailboxlist li.archive.selected > a { 
     175        background-position: 6px -1723px; 
    168176} 
    169177 
    … …  
    284292        width: 20px; 
    285293        height: 18px; 
    286         background: url(images/buttons.png) -3px -418px no-repeat; 
     294        background: url(images/buttons.png) -3px -458px no-repeat; 
    287295} 
    288296 
    289297#mailpreviewtoggle.enabled { 
    290         background-position: -28px -418px; 
     298        background-position: -28px -458px; 
    291299} 
    292300 
    293301 
    294302/*** message list ***/ 
    295  
    296 .boxlistcontent table { 
    297         display: table; 
    298         width: 100%; 
    299         table-layout: fixed; 
    300         border-collapse: collapse; 
    301         border-spacing: 0; 
    302 } 
    303  
    304 .boxlistcontent thead tr td { 
    305         font-weight: bold; 
    306         background: #d6eaf3; 
    307         background: -moz-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%); 
    308         background: -webkit-gradient(linear, left top, right top, color-stop(0,#e3f2f6), color-stop(14px,#d6eaf3), color-stop(100%,#d6eaf3)); 
    309         background: -o-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%); 
    310         background: -ms-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px ,#d6eaf3 100%); 
    311         background: linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%); 
    312         border-left: 1px solid #bbd3da; 
    313 } 
    314  
    315 .boxlistcontent thead tr td a, 
    316 .boxlistcontent thead tr td span { 
    317         display: block; 
    318         padding: 8px 7px; 
    319         color: #69939e; 
    320         text-decoration: none; 
    321 } 
    322  
    323 .boxlistcontent tbody tr td { 
    324         padding: 3px 7px; 
    325         border-bottom: 1px solid #ddd; 
    326         border-left: 1px dotted #bbd3da; 
    327         white-space: nowrap; 
    328         cursor: default; 
    329         overflow: hidden; 
    330         text-overflow: ellipsis; 
    331 } 
    332  
    333 .boxlistcontent thead tr td:first-child, 
    334 .boxlistcontent tbody tr td:first-child { 
    335         border-left: 0; 
    336 } 
    337  
    338 .boxlistcontent tbody tr td a { 
    339         color: #333; 
    340         text-decoration: none; 
    341         white-space: nowrap; 
    342         cursor: default; 
    343 } 
    344  
    345 .boxlistcontent tr.selected td { 
    346         color: #fff !important; 
    347         background: #019bc6; 
    348         background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%); 
    349         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4)); 
    350         background: -o-linear-gradient(top, #019bc6 0%, #017cb4 100%); 
    351         background: -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%); 
    352         background: linear-gradient(top, #019bc6 0%, #017cb4 100%); 
    353 } 
    354  
    355 .boxlistcontent tr.selected td a, 
    356 .boxlistcontent tr.selected td span { 
    357         color: #fff !important; 
    358 } 
    359  
    360 .boxlistcontent tr.unfocused td { 
    361         color: #fff !important; 
    362         background: #4db0d2; 
    363 } 
    364  
    365 .boxlistcontent tr.unfocused td a, 
    366 .boxlistcontent tr.unfocused td span { 
    367         color: #fff !important; 
    368 } 
    369  
    370 .boxlistcontent tr.deleted td, 
    371 .boxlistcontent tr.deleted td a { 
    372         color: #ccc !important; 
    373 } 
    374303 
    375304#messagelist tr td.attachment, 
    … …  
    382311} 
    383312 
    384 html.chrome #messagelist tr td.attachment, 
    385 html.chrome #messagelist tr td.threads, 
    386 html.chrome #messagelist tr td.status, 
    387 html.chrome #messagelist tr td.flag, 
    388 html.chrome #messagelist tr td.priority { 
     313.chrome #messagelist tr td.attachment, 
     314.chrome #messagelist tr td.threads, 
     315.chrome #messagelist tr td.status, 
     316.chrome #messagelist tr td.flag, 
     317.chrome #messagelist tr td.priority { 
    389318        width: 26px; 
    390319} 
    … …  
    394323} 
    395324 
    396 html.chrome #messagelist tr td.threads { 
     325.chrome #messagelist tr td.threads { 
    397326        width: 30px; 
    398327} 
    … …  
    808737#messagebody span.part-notice a.button { 
    809738        margin-left: 10px; 
    810         box-shadow: 0 1px 1px 0 #e8e386; 
    811         -o-box-shadow: 0 1px 1px 0 #e8e386; 
    812         -webkit-box-shadow: 0 1px 1px 0 #e8e386; 
    813         -moz-box-shadow: 0 1px 1px 0 #e8e386; 
    814 } 
    815  
    816 #message-objects div a.button:hover, 
    817 #messagebody span.part-notice a.button:hover { 
    818         box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); 
    819         -moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); 
    820         -webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); 
    821         -o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); 
    822739} 
    823740 
    … …  
    10961013        width: 20px; 
    10971014        height: 18px; 
    1098         background: url(images/buttons.png) -3px -418px no-repeat; 
     1015        background: url(images/buttons.png) -3px -458px no-repeat; 
    10991016        text-decoration: none; 
    11001017} 
    11011018 
    11021019#composeoptionstoggle.enabled { 
    1103         background-position: -28px -418px; 
     1020        background-position: -28px -458px; 
    11041021} 
    11051022 

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

    r5619 r5646  
    183183} 
    184184 
     185#pluginlist td.version { 
     186        width: 5em; 
     187} 
     188 
     189#pluginlist td.license, 
     190#pluginlist td.source { 
     191        width: 8em; 
     192} 
     193 

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

    r5634 r5646  
    7979        background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); 
    8080        background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); 
    81         box-shadow: 0 1px 1px 0 #ccc; 
    82         -o-box-shadow: 0 1px 1px 0 #ccc; 
    83         -webkit-box-shadow: 0 1px 1px 0 #ccc; 
    84         -moz-box-shadow: 0 1px 1px 0 #ccc; 
     81        box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); 
     82        -o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); 
     83        -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); 
     84        -moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); 
    8585        text-decoration: none; 
    8686        outline: none; 
    … …  
    9595        border-radius: 5px; 
    9696        background: #7a7b7d; 
    97         background: -moz-linear-gradient(top, rgba(123,123,123,1) 0%, rgba(96,96,96,1) 100%); /* FF3.6+ */ 
    98         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(123,123,123,1)), color-stop(100%,rgba(96,96,96,1))); /* Chrome,Safari4+ */ 
    99         background: -o-linear-gradient(top, rgba(123,123,123,1) 0%,rgba(96,96,96,1) 100%); /* Opera 11.10+ */ 
    100         background: -ms-linear-gradient(top, rgba(123,123,123,1) 0%,rgba(96,96,96,1) 100%); /* IE10+ */ 
    101         background: linear-gradient(top, rgba(123,123,123,1) 0%,rgba(96,96,96,1) 100%); /* W3C */ 
     97        background: -moz-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* FF3.6+ */ 
     98        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b7b7b), color-stop(100%,#606060)); /* Chrome,Safari4+ */ 
     99        background: -o-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* Opera 11.10+ */ 
     100        background: -ms-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* IE10+ */ 
     101        background: linear-gradient(top, #7b7b7b 0%, #606060 100%); /* W3C */ 
    102102        box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888; 
    103103        -o-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888; 
    … …  
    118118.formbuttons input.button:active { 
    119119        color: #fff; 
    120         background: -moz-linear-gradient(top, rgba(92,92,92,1) 0%, rgba(123,123,123,1) 100%); 
    121         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(92,92,92,1)), color-stop(100%,rgba(123,123,123,1))); 
    122         background: -o-linear-gradient(top, rgba(92,92,92,1) 0%,rgba(123,123,123,1) 100%); 
    123         background: -ms-linear-gradient(top, rgba(92,92,92,1) 0%,rgba(123,123,123,1) 100%); 
    124         background: linear-gradient(top, rgba(92,92,92,1) 0%,rgba(123,123,123,1) 100%); 
     120        background: -moz-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%); 
     121        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c5c5c), color-stop(100%,#7b7b7b)); 
     122        background: -o-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%); 
     123        background: -ms-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%); 
     124        background: linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%); 
    125125} 
    126126 
    … …  
    129129        border-color: #1f262c; 
    130130        background: #505050; 
    131         background: -moz-linear-gradient(top, rgba(80,80,80,1) 0%, rgba(42,46,49,1) 100%); 
    132         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,80,82,1)), color-stop(100%,rgba(42,46,49,1))); 
    133         background: -o-linear-gradient(top, rgba(80,80,80,1) 0%,rgba(42,46,49,1) 100%); 
    134         background: -ms-linear-gradient(top, rgba(80,80,80,1) 0%,rgba(42,46,49,1) 100%); 
    135         background: linear-gradient(top, rgba(80,80,80,1) 0%,rgba(42,46,49,1) 100%); 
     131        background: -moz-linear-gradient(top, #505050 0%, #2a2e31 100%); 
     132        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#2a2e31)); 
     133        background: -o-linear-gradient(top, #505050 0%, #2a2e31 100%); 
     134        background: -ms-linear-gradient(top, #505050 0%, #2a2e31 100%); 
     135        background: linear-gradient(top, #505050 0%, #2a2e31 100%); 
    136136} 
    137137 
    … …  
    139139        color: #fff; 
    140140        background: #515151; 
    141         background: -moz-linear-gradient(top, #515151 0%, #2c2c2c 100%); 
    142         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515151), color-stop(100%,#2c2c2c)); 
    143         background: -o-linear-gradient(top, #515151 0%, #2c2c2c 100%); 
    144         background: -ms-linear-gradient(top, #515151 0%, #2c2c2c 100%); 
    145         background: linear-gradient(top, #515151 0%, #2c2c2c 100%); 
     141        background: -moz-linear-gradient(top, #2a2e31 0%, #505050 100%); 
     142        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2e31), color-stop(100%,#505050)); 
     143        background: -o-linear-gradient(top, #2a2e31 0%, #505050 100%); 
     144        background: -ms-linear-gradient(top, #2a2e31 0%, #505050 100%); 
     145        background: linear-gradient(top, #2a2e31 0%, #505050 100%); 
    146146} 
    147147 
    … …  
    172172        background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); 
    173173        background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); 
    174         box-shadow: 0 1px 1px 0 #ccc; 
    175         -o-box-shadow: 0 1px 1px 0 #ccc; 
    176         -webkit-box-shadow: 0 1px 1px 0 #ccc; 
    177         -moz-box-shadow: 0 1px 1px 0 #ccc; 
     174        box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); 
     175        -o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); 
     176        -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); 
     177        -moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); 
    178178        text-decoration: none; 
    179179} 
    180180 
    181 a.button:hover, 
    182 input.button:hover, 
     181a.button:focus, 
    183182input.button:focus { 
    184183        border-color: #4fadd5; 
    … …  
    187186        -webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); 
    188187        -o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); 
     188        outline: none; 
    189189} 
    190190 
    … …  
    201201input.button[disabled]:hover { 
    202202        border-color: #c6c6c6; 
    203         box-shadow: 0 1px 1px 0 #ddd; 
    204         -o-box-shadow: 0 1px 1px 0 #ddd; 
    205         -webkit-box-shadow: 0 1px 1px 0 #ddd; 
    206         -moz-box-shadow: 0 1px 1px 0 #ddd; 
     203        box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4); 
     204        -o-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4); 
     205        -webkit-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4); 
     206        -moz-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4); 
    207207} 
    208208 
    … …  
    248248.pagenav a.button { 
    249249        padding: 1px 3px; 
     250        height: 16px; 
    250251} 
    251252 
    … …  
    340341} 
    341342 
     343a.iconlink.delete { 
     344        background-position: -7px -337px; 
     345} 
     346 
    342347a.iconlink.add { 
    343348        background-position: -7px -357px; 
    344349} 
    345350 
     351a.iconlink.remove { 
     352        background-position: -7px -377px; 
     353} 
     354 
     355a.iconlink.cancel { 
     356        background-position: -7px -397px; 
     357} 
     358 
    346359a.iconlink.edit { 
    347         background-position: -7px -397px; 
    348 } 
    349  
    350 a.iconlink.delete { 
    351         background-position: -7px -337px; 
     360        background-position: -7px -417px; 
     361} 
     362 
     363a.iconlink.upload { 
     364        background-position: -6px -437px; 
    352365} 
    353366 
    … …  
    549562} 
    550563 
     564#mainscreen .offset { 
     565        margin-top: 42px; 
     566} 
     567 
    551568.uibox { 
    552569        border: 1px solid #a3a3a3; 
    … …  
    566583        width: 42em; 
    567584        padding: 12px; 
     585        font-size: 12px; 
    568586} 
    569587 
    … …  
    652670.listbox .listitem.selected, 
    653671.listbox .tablink.selected, 
     672.listbox .listitem.selected a, 
     673.listbox .tablink.selected a, 
    654674.listing tbody tr.selected td, 
    655 .listing li.selected { 
     675.listing li.selected, 
     676.listing li.selected a { 
    656677        color: #004458; 
    657678        font-weight: bold; 
    … …  
    696717        -moz-box-shadow: inset 0 1px 0 0 #fff; 
    697718        box-shadow: inset 0 1px 0 0 #fff; 
     719        white-space: nowrap; 
     720        overflow: hidden; 
    698721} 
    699722 
    … …  
    708731} 
    709732 
    710 .boxfooter .listbutton.disabled { 
    711         opacity: 0.4; 
    712 } 
    713  
    714733.boxfooter .listbutton .inner { 
    715734        display: inline-block; 
    … …  
    721740 
    722741.boxfooter .listbutton.add .inner { 
    723         background-position: 10px -1211px; 
     742        background-position: 10px -1291px; 
    724743} 
    725744 
    726745.boxfooter .listbutton.delete .inner { 
    727         background-position: 10px -1252px; 
     746        background-position: 10px -1332px; 
    728747} 
    729748 
    730749.boxfooter .listbutton.groupactions .inner { 
    731         background-position: 5px -1292px; 
     750        background-position: 5px -1372px; 
     751} 
     752 
     753.boxfooter .listbutton.disabled .inner { 
     754        opacity: 0.4; 
     755} 
     756 
     757.boxfooter .countdisplay { 
     758        display: inline-block; 
     759        position: relative; 
     760        top: 10px; 
     761        color: #69929e; 
     762        padding: 3px 6px; 
     763} 
     764 
     765.boxpagenav { 
     766        position: absolute; 
     767        top: 10px; 
     768        right: 6px; 
     769        width: auto; 
     770} 
     771 
     772.boxpagenav a.icon { 
     773        display: inline-block; 
     774        padding: 1px 3px; 
     775        height: 13px; 
     776        width: 14px; 
     777        text-indent: 1000px; 
     778        overflow: hidden; 
     779        background: url(images/buttons.png) -4px -286px no-repeat; 
     780} 
     781 
     782.boxpagenav a.icon.prevpage { 
     783        background-position: -4px -301px; 
     784} 
     785 
     786.boxpagenav a.icon.nextpage { 
     787        background-position: -28px -301px; 
     788} 
     789 
     790.boxpagenav a.icon.lastpage { 
     791        background-position: -28px -286px; 
     792} 
     793 
     794.boxpagenav a.icon.disabled { 
     795        opacity: 0.4; 
    732796} 
    733797 
    734798.centerbox { 
    735799        width: 40em; 
    736         margin: 36px auto; 
     800        margin: 16px auto; 
    737801} 
    738802 
    … …  
    748812 
    749813 
     814/*** Records table ***/ 
     815 
     816table.records-table { 
     817        display: table; 
     818        width: 100%; 
     819        table-layout: fixed; 
     820        border-collapse: collapse; 
     821        border-spacing: 0; 
     822        border: 1px solid #bbd3da; 
     823} 
     824 
     825.boxlistcontent .records-table { 
     826        border: 0; 
     827} 
     828 
     829.records-table thead td { 
     830        color: #69939e; 
     831        font-size: 11px; 
     832        font-weight: bold; 
     833        background: #d6eaf3; 
     834        background: -moz-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%); 
     835        background: -webkit-gradient(linear, left top, right top, color-stop(0,#e3f2f6), color-stop(14px,#d6eaf3), color-stop(100%,#d6eaf3)); 
     836        background: -o-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%); 
     837        background: -ms-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px ,#d6eaf3 100%); 
     838        background: linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%); 
     839        border-left: 1px solid #bbd3da; 
     840        padding: 8px 7px; 
     841} 
     842 
     843.records-table.sortheader thead td { 
     844        padding: 0; 
     845} 
     846 
     847.records-table thead td a, 
     848.records-table thead td span { 
     849        display: block; 
     850        padding: 8px 7px; 
     851        color: #69939e; 
     852        text-decoration: none; 
     853} 
     854 
     855.records-table tbody td { 
     856        padding: 3px 7px; 
     857        border-bottom: 1px solid #ddd; 
     858        border-left: 1px dotted #bbd3da; 
     859        white-space: nowrap; 
     860        cursor: default; 
     861        overflow: hidden; 
     862        text-overflow: ellipsis; 
     863        background-color: #fff; 
     864} 
     865 
     866.records-table thead tr td:first-child, 
     867.records-table tbody tr td:first-child { 
     868        border-left: 0; 
     869} 
     870 
     871.records-table tbody td a { 
     872        color: #333; 
     873        text-decoration: none; 
     874        white-space: nowrap; 
     875        cursor: default; 
     876} 
     877 
     878.records-table tr.selected td { 
     879        color: #fff !important; 
     880        background: #019bc6; 
     881        background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%); 
     882        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4)); 
     883        background: -o-linear-gradient(top, #019bc6 0%, #017cb4 100%); 
     884        background: -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%); 
     885        background: linear-gradient(top, #019bc6 0%, #017cb4 100%); 
     886} 
     887 
     888.records-table tr.selected td a, 
     889.records-table tr.selected td span { 
     890        color: #fff !important; 
     891} 
     892 
     893.records-table tr.unfocused td { 
     894        color: #fff !important; 
     895        background: #4db0d2; 
     896} 
     897 
     898.records-table tr.unfocused td a, 
     899.records-table tr.unfocused td span { 
     900        color: #fff !important; 
     901} 
     902 
     903.records-table tr.deleted td, 
     904.records-table tr.deleted td a { 
     905        color: #ccc !important; 
     906} 
     907 
     908 
    750909/*** iFrames ***/ 
     910 
     911#aboutframe { 
     912        width: 97%; 
     913        height: 100%; 
     914        border: 0; 
     915        padding: 0; 
     916} 
    751917 
    752918body.iframe { 
    753919        background: #fff; 
    754         margin: 38px 0 20px 0; 
     920        margin: 38px 0 10px 0; 
     921} 
     922 
     923body.iframe.footerbuttons { 
     924        margin-bottom: 42px; 
    755925} 
    756926 
    … …  
    777947        width: 100%; 
    778948        z-index: 100; 
     949} 
     950 
     951body.iframe .footerbuttons { 
     952        position: fixed; 
     953        left: 0; 
     954        bottom: 0; 
     955        width: 100%; 
     956        z-index: 110; 
     957        background: #fff; 
     958        padding: 8px; 
    779959} 
    780960 
    … …  
    10281208        height: 42px; 
    10291209        width: 18px; 
    1030         background: url(images/buttons.png) -24px -1129px no-repeat; 
     1210        background: url(images/buttons.png) -24px -1249px no-repeat; 
    10311211        cursor: pointer; 
    10321212} 
    10331213 
    10341214.dropbutton .dropbuttontip:hover { 
    1035         background-position: 0 -1129px; 
     1215        background-position: 0 -1249px; 
    10361216} 
    10371217 
    10381218.toolbar a.button.back { 
    1039         background-position: 0 -1170px; 
     1219        background-position: 0 -1210px; 
    10401220} 
    10411221 
    10421222.toolbar a.button.checkmail { 
    1043         background-position: center -490px; 
     1223        background-position: center -1170px; 
    10441224} 
    10451225 
    … …  
    11741354        background: -ms-linear-gradient(top, #00aad6 0%, #008fc9 100%); 
    11751355        background: linear-gradient(top, #00aad6 0%, #008fc9 100%); 
     1356} 
     1357 
     1358ul.toolbarmenu.iconized li a { 
     1359        padding-left: 30px; 
    11761360} 
    11771361 
    … …  
    13411525 
    13421526.tabsbar { 
    1343         margin-bottom: 10px; 
     1527        margin-bottom: 12px; 
    13441528        padding-top: 15px; 
    13451529        height: 27px; 
    … …  
    13881572        border: 0; 
    13891573        padding: 0; 
    1390 } 
    1391  
    1392  
     1574        margin-left: 0; 
     1575} 
     1576 
     1577 

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

    r5605 r5646  
    55<roundcube:include file="/includes/links.html" /> 
    66</head> 
    7 <body> 
    8  
    9 <roundcube:include file="/includes/header.html" /> 
    10  
    11 <div class="offset uibox scroller centerbox" style="width:60em"> 
     7<body class="ui-widget-content"> 
    128 
    139<div class="readtext"> 
    … …  
    1713<p class="copyright">Copyright &copy; 2005-2011, The Roundcube Dev Team</p> 
    1814<p class="license">This program is free software; you can redistribute it and/or modify 
    19 it under the terms of the <a href="http://www.gnu.org/licenses/gpl-2.0.html" target="_blank">GNU General Public License version 2</a> 
    20 as published by the Free Software Foundation. 
     15it under the terms of the <a href="http://www.gnu.org/licenses/gpl.html" target="_blank">GNU General Public License</a> 
     16as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. 
    2117</p> 
    22 <p class="links"><roundcube:object name="supportlink" label="support" target="_blank" /></p> 
    2318 
    2419</div> 
    … …  
    2924</div> 
    3025 
    31 </div> 
    32  
    33 <roundcube:include file="/includes/footer.html" /> 
    34  
    3526</body> 
    3627</html> 

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

    r5634 r5646  
    3737<!-- toolbar --> 
    3838<div id="addressbooktoolbar" class="toolbar"> 
    39         <roundcube:button command="advanced-search" type="link" class="button search disabled" classAct="button search" classSel="button search pressed" label="advsearch" /> 
    40         <roundcube:button command="compose" type="link" class="button compose disabled" classAct="button compose" classSel="button compose pressed" label="writenewmessage" /> 
    41         <roundcube:button command="import" type="link" class="button import disabled" classAct="button import" classSel="button import pressed" label="importcontacts" /> 
    42         <roundcube:button command="export" type="link" class="button export disabled" classAct="button export" classSel="button export pressed" label="exportvcards" /> 
     39        <roundcube:button command="advanced-search" type="link" class="button search disabled" classAct="button search" classSel="button search pressed" label="advsearch" title="advsearch" /> 
     40        <roundcube:button command="compose" type="link" class="button compose disabled" classAct="button compose" classSel="button compose pressed" label="writenewmessage" title="writenewmessage" /> 
     41        <roundcube:button command="import" type="link" class="button import disabled" classAct="button import" classSel="button import pressed" label="importcontacts" title="importcontacts" /> 
     42        <roundcube:button command="export" type="link" class="button export disabled" classAct="button export" classSel="button export pressed" label="exportvcards" title="exportvcards" /> 
    4343        <roundcube:container name="toolbar" id="addressbooktoolbar" /> 
    4444</div> 
    … …  
    5252<div class="boxfooter"> 
    5353        <roundcube:button command="add" type="link" title="newcontact" class="listbutton add disabled" classAct="listbutton add" innerClass="inner" content="+" /><roundcube:button command="delete" type="link" title="deletecontact" class="listbutton delete disabled" classAct="listbutton delete" innerClass="inner" content="x" /> 
     54        <roundcube:object name="recordsCountDisplay" class="countdisplay" label="fromtoshort" /> 
     55</div> 
     56<div class="boxpagenav"> 
     57        <roundcube:button command="firstpage" type="link" class="icon firstpage disabled" classAct="icon firstpage" title="firstpage" content="|&amp;lt;" /> 
     58        <roundcube:button command="previouspage" type="link" class="icon prevpage disabled" classAct="icon prevpage" title="previouspage" content="&amp;lt;" /> 
     59        <roundcube:button command="nextpage" type="link" class="icon nextpage disabled" classAct="icon nextpage" title="nextpage" content="&amp;gt;" /> 
     60        <roundcube:button command="lastpage" type="link" class="icon lastpage disabled" classAct="icon lastpage" title="lastpage" content="&amp;gt;|" /> 
    5461</div> 
    5562</div> 

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

    r5634 r5646  
    55<roundcube:include file="/includes/links.html" /> 
    66</head> 
    7 <body class="iframe"> 
     7<body class="iframe footerbuttons"> 
    88 
    99<h1 class="boxtitle"> 
    … …  
    1919        <div id="contactphoto"> 
    2020                <roundcube:object name="contactphoto" id="contactpic" placeholder="/images/contactpic.png" /> 
     21                <roundcube:if condition="env:photocol" /> 
    2122                <div class="formlinks"> 
    2223                        <roundcube:button command="upload-photo" id="uploadformlink" type="link" label="replacephoto" class="iconlink upload disabled" classAct="iconlink upload active" onclick="UI.show_uploadform();return false" condition="env:photocol" /><br/> 
    2324                        <roundcube:button command="delete-photo" type="link" label="delete" class="iconlink delete disabled" classAct="iconlink delete active" condition="env:photocol" /> 
    2425                </div> 
     26                <roundcube:endif /> 
    2527        </div> 
     28 
    2629        <roundcube:object name="contactedithead" id="contacthead" size="16" form="editform" /> 
    2730        <br style="clear:both" /> 
    … …  
    3336</form> 
    3437 
    35 <div id="headerbuttons" class="formbuttons"> 
     38<div class="footerbuttons formbuttons"> 
    3639        <roundcube:button command="save" type="input" class="button mainaction" label="save" /> 
    3740        <roundcube:button command="show" type="input" class="button" label="cancel" condition="env:action=='edit'" /> 

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

    r5624 r5646  
    5757<div id="messagelistcontainer" class="uibox boxlistcontent"> 
    5858<roundcube:object name="messages" 
    59   id="messagelist" 
    60   columns="" 
    61   optionsmenuIcon="true" /> 
     59        id="messagelist" 
     60        class="records-table sortheader" 
     61        optionsmenuIcon="true" /> 
    6262</div> 
    6363 

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

    r5634 r5646  
    1515function rcube_mail_ui() 
    1616{ 
     17  var env = {}; 
    1718  var popups = {}; 
    1819  var popupconfig = { 
    … …  
    3435 
    3536  // export public methods 
     37  this.set = setenv; 
    3638  this.init = init; 
    3739  this.init_tabs = init_tabs; 
     40  this.show_about = show_about; 
    3841  this.show_popup = show_popup; 
    3942  this.set_searchmod = set_searchmod; 
    … …  
    4245  this.hide_header_row = hide_header_row; 
    4346 
     47 
     48  /** 
     49   * 
     50   */ 
     51  function setenv(key, val) 
     52  { 
     53    env[key] = val; 
     54  } 
     55 
    4456  /** 
    4557   * 
    … …  
    5062      rcmail.addEventListener('menu-open', show_listoptions); 
    5163      rcmail.addEventListener('menu-save', save_listoptions); 
    52       rcmail.addEventListener('aftersend-attachment', show_uploadform); 
    5364      rcmail.addEventListener('aftertoggle-editor', function(){ window.setTimeout(function(){ layout_composeview() }, 100); }); 
    5465 
    … …  
    6879      } 
    6980      else if (rcmail.env.action == 'compose') { 
     81        rcmail.addEventListener('aftersend-attachment', show_uploadform); 
    7082        layout_composeview(); 
    7183 
    … …  
    110122    } 
    111123    else if (rcmail.env.task == 'addressbook') { 
     124      rcmail.addEventListener('afterupload-photo', show_uploadform); 
     125 
     126      if (rcmail.env.action == '') { 
     127        new rcube_splitter({ id:'addressviewsplitterd', p1:'#addressview-left', p2:'#addressview-right', 
     128          orientation:'v', relative:true, start:226, min:150, size:12, render:resize_leftcol }).init(); 
     129        new rcube_splitter({ id:'addressviewsplitter', p1:'#addresslist', p2:'#contacts-box', 
     130          orientation:'v', relative:true, start:296, min:220, size:12 }).init(); 
     131      } 
    112132 
    113133    } 
    … …  
    530550    $('#compose-' + which).show(); 
    531551    $('#' + which + '-link').hide(); 
    532     this.resize_compose_body(); 
     552    layout_composeview(); 
    533553    return false; 
    534554  } 
    … …  
    546566    $('#compose-' + which).hide(); 
    547567    $('#' + which + '-link').show(); 
    548     this.resize_compose_body(); 
     568    layout_composeview(); 
     569    return false; 
    549570  } 
    550571 
    … …  
    606627      $('#tab'+idx).toggleClass('selected', idx==index); 
    607628    }); 
     629  } 
     630 
     631  /** 
     632   * Show about page as jquery UI dialog 
     633   */ 
     634  function show_about(elem) 
     635  { 
     636    var frame = $('<iframe>').attr('id', 'aboutframe') 
     637      .attr('src', rcmail.url('settings/about')) 
     638      .appendTo(document.body); 
     639 
     640    var h = Math.floor($(window).height() * 0.75); 
     641    var buttons = {}; 
     642    var supportln = $('#supportlink'); 
     643    if (supportln.length && (env.supporturl = supportln.attr('href'))) 
     644      buttons[supportln.html()] = function(e){ env.supporturl.indexOf('mailto:') < 0 ? window.open(env.supporturl) : location.href = env.supporturl }; 
     645 
     646    frame.dialog({ 
     647      modal: true, 
     648      resizable: false, 
     649      closeOnEscape: true, 
     650      title: elem ? elem.title || elem.innerHTML : null, 
     651      close: function() { 
     652        frame.dialog('destroy').remove(); 
     653      }, 
     654      buttons: buttons, 
     655      width: 640, 
     656      height: h 
     657    }).width(640); 
    608658  } 
    609659} 
Note: See TracChangeset for help on using the changeset viewer.