diff options
author | Hugues Hiegel <root@paranoid> | 2014-08-05 16:44:07 +0200 |
---|---|---|
committer | Hugues Hiegel <root@paranoid> | 2014-08-05 16:44:07 +0200 |
commit | f91f8533678c388b879d9e999a6bcc9e22ad7e19 (patch) | |
tree | c0099e25a932399d6cd1066607a42e7fe220b977 /skins/larry | |
parent | ec116d33c22b371328c8557158736e3d2ee479a8 (diff) |
lot of stuff
Diffstat (limited to 'skins/larry')
31 files changed, 332 insertions, 986 deletions
diff --git a/skins/larry/addressbook.css b/skins/larry/addressbook.css index 39d0cce21..5befed9d7 100644 --- a/skins/larry/addressbook.css +++ b/skins/larry/addressbook.css @@ -67,7 +67,7 @@ #directorylist li a, #contacts-table .contact td.name { - background-image: url(images/listicons.png); + background-image: url(images/listicons.png?v=bd98.25486); background-position: -100px 0; background-repeat: no-repeat; overflow: hidden; @@ -75,27 +75,18 @@ text-overflow: ellipsis; } +#contacts-table .contact.readonly td { + font-style: italic; +} + #directorylist li.addressbook a { background-position: 6px -766px; } -#directorylist li.addressbook.selected > a { +#directorylist li.addressbook.selected a { background-position: 6px -791px; } -#directorylist li.addressbook ul li:last-child { - border-bottom: 0; -} - -#directorylist li.addressbook ul.groups { - margin: 0; - padding: 0; -} - -#directorylist li.addressbook ul.groups li { - width: 100%; -} - #directorylist li.contactgroup a { padding-left: 62px; background-position: 32px -1555px; @@ -121,34 +112,6 @@ margin-left: 8px; } -#directorylist li.addressbook div.collapsed, -#directorylist li.addressbook div.expanded { - top: 15px; - left: 20px; -} - -#contacts-table .contact.readonly td { - font-style: italic; -} - -#contacts-table td.name { - width: 95%; -} - -#contacts-table td.action { - width: 24px; - padding: 4px; -} - -#contacts-table td.action a { - display: block; - width: 16px; - height: 14px; - text-indent: -5000px; - overflow: hidden; - background: url(images/listicons.png) -2px -1180px no-repeat; -} - #contacts-table .contact td.name { background-position: 6px -1603px; } @@ -159,29 +122,6 @@ font-weight: bold; } -#contacts-table .group td.name { - background-position: 6px -1555px; -} - -#contacts-table .group.selected td.name, -#contacts-table .group.unfocused td.name { - background-position: 6px -1579px; - font-weight: bold; -} - -#addresslist .boxtitle { - padding-right: 95px; - overflow: hidden; - text-overflow: ellipsis; -} - -#addresslist .boxtitle a.poplink { - color: #004458; - font-size: 14px; - line-height: 12px; - text-decoration: none; -} - #contact-frame { position: absolute; top: 0; @@ -219,12 +159,12 @@ } #contactpic img { - max-width: 112px; + width: 112px; visibility: inherit; } #contactpic.droptarget { - background-image: url(images/filedrop.png); + background-image: url(images/filedrop.png?v=deab.605); background-position: center; background-repeat: no-repeat; } @@ -375,20 +315,5 @@ a.deletebutton { height: 18px; text-decoration: none; text-indent: -5000px; - background: url(images/buttons.png) -7px -377px no-repeat; -} - -#import-box { - position: absolute; - bottom: 28px; - top: 34px; - left: 0; - right: 0; - overflow: auto; - padding: 10px; -} - -#import-box p, -#import-box .propform { - max-width: 50em; + background: url(images/buttons.png?v=abf1.36693) -7px -377px no-repeat; } diff --git a/skins/larry/embed.css b/skins/larry/embed.css index 2c8ba39dc..6b8a65f5d 100644 --- a/skins/larry/embed.css +++ b/skins/larry/embed.css @@ -15,7 +15,7 @@ font-weight: bold; color: #996600; border: 1px solid #ffdf0e; - background: url("images/messages.png") no-repeat scroll 5px -83px #fef893; + background: url(images/messages.png?v=01ee.1736) no-repeat scroll 5px -83px #fef893; padding: 6px 12px 4px 30px; margin-bottom: 0.8em; } diff --git a/skins/larry/ie7hacks.css b/skins/larry/ie7hacks.css index 60adff7a1..6d7af4787 100644 --- a/skins/larry/ie7hacks.css +++ b/skins/larry/ie7hacks.css @@ -41,10 +41,8 @@ a.deletebutton, .boxfooter .listbutton .inner, .attachmentslist li a.delete, .attachmentslist li a.cancelupload, -#contacts-table td.action a, .previewheader .iconlink, -.minimal #taskbar .button-inner, -#preferences-details fieldset.advanced .advanced-toggle { +.minimal #taskbar .button-inner { /* workaround for text-indent which also offsets the background image */ text-indent: 0; font-size: 0; diff --git a/skins/larry/iehacks.css b/skins/larry/iehacks.css index 960ce7648..9996824b0 100644 --- a/skins/larry/iehacks.css +++ b/skins/larry/iehacks.css @@ -29,8 +29,7 @@ input.button.mainaction:active { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a2e31', endColorstr='#505050', GradientType=0); } -a.button, -.buttongroup { +a.button { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e6e6e6', GradientType=0); } @@ -48,10 +47,6 @@ input.button:active { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bababa', endColorstr='#d8d8d8', GradientType=0); } -.buttongroup a.button.selected { - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#909090', endColorstr='#858585', GradientType=0); -} - #message.statusbar { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#c8c8c8', GradientType=0); } @@ -123,7 +118,7 @@ ul.toolbarmenu li a.active:hover, .pagenav a.button.disabled span.inner, .boxfooter .listbutton.disabled .inner, .dropbutton a.button.disabled + .dropbuttontip { - background-image: url(images/buttons.gif); + background-image: url(images/buttons.gif?v=aab8.13054); } /*** addressbook.css ***/ diff --git a/skins/larry/images/buttons.gif b/skins/larry/images/buttons.gif Binary files differindex 8a4a78ee4..d8a33d6b2 100644 --- a/skins/larry/images/buttons.gif +++ b/skins/larry/images/buttons.gif diff --git a/skins/larry/images/buttons.png b/skins/larry/images/buttons.png Binary files differindex 8e2560198..4438d9cbc 100644 --- a/skins/larry/images/buttons.png +++ b/skins/larry/images/buttons.png diff --git a/skins/larry/images/favicon.ico b/skins/larry/images/favicon.ico Binary files differindex 9ef2f3b9e..b3bd18c12 100644 --- a/skins/larry/images/favicon.ico +++ b/skins/larry/images/favicon.ico diff --git a/skins/larry/images/filetypes.png b/skins/larry/images/filetypes.png Binary files differindex 09772660b..53b2eee9a 100644 --- a/skins/larry/images/filetypes.png +++ b/skins/larry/images/filetypes.png diff --git a/skins/larry/images/listicons.png b/skins/larry/images/listicons.png Binary files differindex f4fe20ccb..f4505d4fa 100644 --- a/skins/larry/images/listicons.png +++ b/skins/larry/images/listicons.png diff --git a/skins/larry/includes/footer.html b/skins/larry/includes/footer.html index a4fa69296..ee93fcf57 100644 --- a/skins/larry/includes/footer.html +++ b/skins/larry/includes/footer.html @@ -8,16 +8,4 @@ $(document).ready(function(){ }); </script> -<!--[if lte IE 8]> -<script type="text/javascript"> - -// fix missing :last-child selectors -$(document).ready(function(){ - $('ul.treelist ul').each(function(i,ul){ - $('li:last-child', ul).css('border-bottom', 0); - }); -}); - -</script> -<![endif]--> diff --git a/skins/larry/includes/header.html b/skins/larry/includes/header.html index 69e8b8aa6..f2efb8e06 100644 --- a/skins/larry/includes/header.html +++ b/skins/larry/includes/header.html @@ -2,7 +2,7 @@ <div id="topline"> <div class="topleft"> <roundcube:container name="topline-left" id="topline-left" /> - <roundcube:button name="about" type="link" label="about" class="about-link" onclick="UI.show_about(this);return false" condition="!env:extwin" /> + <roundcube:button name="about" type="link" label="about" class="about-link" onclick="UI.show_about(this);return false" /> <roundcube:if condition="config:support_url" /> <a href="<roundcube:var name='config:support_url' />" target="_blank" class="support-link" id="supportlink"><roundcube:label name="support" /></a> <roundcube:endif /> @@ -14,7 +14,7 @@ <span class="username"><roundcube:object name="username" /></span> <roundcube:button command="logout" label="logout" class="button-logout" /> <roundcube:elseif condition="env:extwin" /> - <roundcube:button name="close" type="link" label="close" class="closelink" onclick="self.close()" /> + <roundcube:button command="close" label="close" class="closelink" /> <roundcube:endif /> </div> </div> @@ -29,9 +29,11 @@ <roundcube:button command="logout" label="logout" class="button-logout" classSel="button-logout" innerClass="button-inner" /> <span class="minmodetoggle"></span> </div> - <roundcube:object name="logo" src="/images/roundcube_logo.png" id="toplogo" alt="Logo" onclick="if(window.rcmail)rcmail.command('switch-task','mail')" /> + <roundcube:object name="logo" src="/images/roundcube_logo.png" id="toplogo" border="0" alt="Logo" onclick="rcmail.command('switch-task','mail');return false;" /> </div> <roundcube:endif /> <br style="clear:both" /> </div> + + diff --git a/skins/larry/includes/settingstabs.html b/skins/larry/includes/settingstabs.html index e62695848..bb26fc6a6 100644 --- a/skins/larry/includes/settingstabs.html +++ b/skins/larry/includes/settingstabs.html @@ -1,7 +1,9 @@ <div id="settings-sections" class="uibox listbox"> <h2 class="boxtitle"><roundcube:label name="settings" /></h2> <div id="settings-tabs" class="scroller"> - <roundcube:object name="settingstabs" class="listitem" /> + <span id="settingstabpreferences" class="listitem preferences"><roundcube:button command="preferences" type="link" label="preferences" title="editpreferences" /></span> + <span id="settingstabfolders" class="listitem folders"><roundcube:button command="folders" type="link" label="folders" title="managefolders" /></span> + <span id="settingstabidentities" class="listitem identities"><roundcube:button command="identities" type="link" label="identities" title="manageidentities" /></span> <roundcube:container name="tabs" id="settings-tabs" /> </div> </div> diff --git a/skins/larry/mail.css b/skins/larry/mail.css index bb2ad7b9d..c3495276e 100644 --- a/skins/larry/mail.css +++ b/skins/larry/mail.css @@ -2,7 +2,7 @@ * Roundcube webmail styles for the Email section * * Copyright (c) 2012, The Roundcube Dev Team - * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com + * Screendesign by FLINT / B�ro f�r Gestaltung, bueroflint.com * * The contents are subject to the Creative Commons Attribution-ShareAlike * License. It is allowed to copy, distribute, transmit and to adapt the work @@ -54,10 +54,6 @@ border-top: none; } -#composeview-right #mailview-bottom { - border-radius: 0 0 4px 4px; -} - #folderlist-header { width: 100%; height: 12px; @@ -79,12 +75,6 @@ overflow: auto; } -/* Real browsers accept this (not IE) */ -html>/**/body #messagelist { - overflow: auto; - overflow-x: hidden; -} - #messagelistfooter { position: absolute; bottom: 0; @@ -151,7 +141,7 @@ a.iconbutton.threadmode.selected { background-position: 6px 2px; } -#mailboxlist > li:first-child { +#mailboxlist li:first-child { border-radius: 4px 4px 0 0; border-top: 0; } @@ -161,12 +151,12 @@ a.iconbutton.threadmode.selected { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - background-image: url(images/listicons.png); + background-image: url(images/listicons.png?v=bd98.25486); background-repeat: no-repeat; background-position: 6px 3px; } -#mailboxlist li.mailbox.unread > a { +#mailboxlist li.mailbox.unread a { padding-right: 36px; } @@ -222,46 +212,6 @@ a.iconbutton.threadmode.selected { background-position: 6px -1723px; } -#mailboxlist li.mailbox ul li.drafts > a { - background-position: 23px -238px; -} - -#mailboxlist li.mailbox ul li.drafts.selected > a { - background-position: 23px -262px; -} - -#mailboxlist li.mailbox ul li.sent > a { - background-position: 23px -286px; -} - -#mailboxlist li.mailbox ul li.sent.selected > a { - background-position: 23px -310px; -} - -#mailboxlist li.mailbox ul li.junk > a { - background-position: 23px -334px; -} - -#mailboxlist li.mailbox ul li.junk.selected > a { - background-position: 23px -358px; -} - -#mailboxlist li.mailbox ul li.trash > a { - background-position: 23px -382px; -} - -#mailboxlist li.mailbox ul li.trash.selected > a { - background-position: 23px -406px; -} - -#mailboxlist li.mailbox ul li.archive > a { - background-position: 23px -1699px; -} - -#mailboxlist li.mailbox ul li.archive.selected > a { - background-position: 23px -1723px; -} - #mailboxlist li.unread { font-weight: bold; } @@ -274,17 +224,6 @@ a.iconbutton.threadmode.selected { color: #017cb4; } -#mailboxlist li.mailbox div.treetoggle { - top: 13px; - left: 19px; -} - -#mailboxlist li.mailbox ul li:last-child { - border-bottom: 0; -} - -/* nested mailboxes */ - #mailboxlist li.mailbox ul { list-style: none; margin: 0; @@ -292,57 +231,50 @@ a.iconbutton.threadmode.selected { border-top: 1px solid #bbd3da; } +#mailboxlist li.mailbox ul li { + padding-left: 26px; +} + #mailboxlist li.mailbox ul li a { - padding-left: 52px; /* 36 + 1 x 16 */ - background-position: 22px -93px; /* 6 + 1 x 16 */ + background-position: 6px -93px; } + #mailboxlist li.mailbox ul li.selected > a { - background-position: 22px -117px; -} -#mailboxlist li.mailbox ul li div.treetoggle { - left: 33px; - top: 14px; + background-position: 6px -117px; } -#mailboxlist li.mailbox ul ul li.mailbox a { - padding-left: 68px; /* 2x */ - background-position: 38px -93px; -} -#mailboxlist li.mailbox ul ul li.selected > a { - background-position: 38px -117px; -} -#mailboxlist li.mailbox ul ul li div.treetoggle { - left: 48px; +#mailboxlist li.mailbox ul li:last-child { + border-bottom: 0; } -#mailboxlist li.mailbox ul ul ul li.mailbox a { - padding-left: 84px; /* 3x */ - background-position: 54px -93px; -} -#mailboxlist li.mailbox ul ul ul li.selected > a { - background-position: 54px -117px; -} -#mailboxlist li.mailbox ul ul ul li div.treetoggle { - left: 64px; +#mailboxlist li.mailbox div.collapsed, +#mailboxlist li.mailbox div.expanded { + position: absolute; + top: 13px; + left: 19px; + width: 13px; + height: 13px; + background: url(images/listicons.png?v=bd98.25486) -3px -144px no-repeat; + cursor: pointer; } -#mailboxlist li.mailbox ul ul ul ul li.mailbox a { - padding-left: 100px; /* 4x */ - background-position: 70px -93px; +#mailboxlist li.mailbox div.expanded { + background-position: -3px -168px; } -#mailboxlist li.mailbox ul ul ul ul li.selected > a { - background-position: 70px -117px; -} -#mailboxlist li.mailbox ul ul ul ul li div.treetoggle { - left: 80px; + +#mailboxlist li.mailbox.selected > div.collapsed { + background-position: -23px -144px; } -/* indent folders on levels > 4 */ -#mailboxlist li.mailbox ul ul ul ul ul li { - padding-left: 16px; +#mailboxlist li.mailbox.selected > div.expanded { + background-position: -23px -168px; } -#mailboxlist li.mailbox ul ul ul ul ul li div.treetoggle { - left: 96px; + + +#mailboxlist li.mailbox ul li div.collapsed, +#mailboxlist li.mailbox ul li div.expanded { + left: 43px; + top: 14px; } #mailboxlist li.mailbox .unreadcount { @@ -434,6 +366,7 @@ a.iconbutton.threadmode.selected { position: absolute; right: 0; top: 0; + width: 400px; } #mailpreviewtoggle { @@ -443,7 +376,7 @@ a.iconbutton.threadmode.selected { right: 4px; width: 20px; height: 18px; - background: url(images/buttons.png) -3px -458px no-repeat; + background: url(images/buttons.png?v=abf1.36693) -3px -458px no-repeat; } #mailpreviewtoggle.enabled { @@ -453,295 +386,278 @@ a.iconbutton.threadmode.selected { /*** message list ***/ -/* this is necessary to make FF3 display borders */ -body:-moz-last-node #messagelist { - border-collapse: separate; -} - -table.messagelist { - z-index: 1; -} - -table.messagelist.fixedcopy { - z-index: 2; -} - -.messagelist thead td:first-child { +#messagelist thead td:first-child { border-radius: 4px 0 0 0; /* for Chrome */ } -.messagelist tr td.attachment, -.messagelist tr td.threads, -.messagelist tr td.status, -.messagelist tr td.flag, -.messagelist tr td.priority { +#messagelist tr td.attachment, +#messagelist tr td.threads, +#messagelist tr td.status, +#messagelist tr td.flag, +#messagelist tr td.priority { width: 20px; padding: 2px 3px; } -.webkit .messagelist tr td.attachment, -.webkit .messagelist tr td.threads, -.webkit .messagelist tr td.status, -.webkit .messagelist tr td.flag, -.webkit .messagelist tr td.priority { +.webkit #messagelist tr td.attachment, +.webkit #messagelist tr td.threads, +.webkit #messagelist tr td.status, +.webkit #messagelist tr td.flag, +.webkit #messagelist tr td.priority { width: 26px; } -.messagelist tr td.threads { +#messagelist tr td.threads { width: 26px; } -.webkit .messagelist tr td.threads { +.webkit #messagelist tr td.threads { width: 30px; } -.messagelist tr td.threads, -.messagelist tr td.threads + td { +#messagelist tr td.threads, +#messagelist tr td.threads + td { border-left: 0; } -.messagelist tr td.size { +#messagelist tr td.size { width: 60px; text-align: right; } -.messagelist thead tr td.size { +#messagelist thead tr td.size { text-align: left; } -.messagelist tr td.fromto, -.messagelist tr td.from, -.messagelist tr td.to, -.messagelist tr td.cc, -.messagelist tr td.replyto { +#messagelist tr td.fromto, +#messagelist tr td.from, +#messagelist tr td.to, +#messagelist tr td.cc, +#messagelist tr td.replyto { width: 200px; } -.messagelist tr td.date { - width: 155px; +#messagelist tr td.date { + width: 125px; } -.messagelist tr.message { +#messagelist tr.message { /* background-color: #fff; */ } -.messagelist tr.thread.expanded td { +#messagelist tr.thread.expanded td { background-color: #ededed; } -.messagelist tr.unread { +#messagelist tr.unread { font-weight: bold; /* background-color: #fff; */ } -.messagelist tr.flagged td, -.messagelist tr.flagged td a { +#messagelist tr.flagged td, +#messagelist tr.flagged td a { color: #f30; } -.messagelist thead tr td.sortedASC a, -.messagelist thead tr td.sortedDESC a { +#messagelist thead tr td.sortedASC a, +#messagelist thead tr td.sortedDESC a { color: #004458; text-decoration: underline; - background: url(images/listicons.png) right -912px no-repeat; + background: url(images/listicons.png?v=bd98.25486) right -912px no-repeat; } -.messagelist thead tr td.sortedASC a { +#messagelist thead tr td.sortedASC a { background-position: right -944px; } -.messagelist td img { +#messagelist td img { vertical-align: middle; display: inline-block; } -.messagelist tbody td a { +#messagelist tbody td a { color: #333; text-decoration: none; white-space: nowrap; cursor: default; } -.messagelist tbody tr td.flag, -.messagelist tbody tr td.status, -.messagelist tbody tr td.subject span.status { +#messagelist tbody tr td.flag, +#messagelist tbody tr td.status, +#messagelist tbody tr td.subject span.status { cursor: pointer; } -.messagelist tr td.flag span, -.messagelist tr td.status span, -.messagelist tr td.attachment span, -.messagelist tr td.priority span { +#messagelist tr td.flag span, +#messagelist tr td.status span, +#messagelist tr td.attachment span, +#messagelist tr td.priority span { display: block; width: 20px; } -.messagelist tr td div.collapsed, -.messagelist tr td div.expanded, -.messagelist tr td.threads div.listmenu, -.messagelist tr td.attachment span.attachment, -.messagelist tr td.attachment span.report, -.messagelist tr td.priority span.priority, -.messagelist tr td.priority span.prio1, -.messagelist tr td.priority span.prio2, -.messagelist tr td.priority span.prio3, -.messagelist tr td.priority span.prio4, -.messagelist tr td.priority span.prio5, -.messagelist tr td.flag span.flagged, -.messagelist tr td.flag span.unflagged, -.messagelist tr td.flag span.unflagged:hover, -.messagelist tr td.status span.status, -.messagelist tr td.status span.msgicon, -.messagelist tr td.status span.deleted, -.messagelist tr td.status span.unread, -.messagelist tr td.status span.unreadchildren, -.messagelist tr td.subject span.msgicon, -.messagelist tr td.subject span.deleted, -.messagelist tr td.subject span.unread, -.messagelist tr td.subject span.replied, -.messagelist tr td.subject span.forwarded, -.messagelist tr td.subject span.unreadchildren { +#messagelist tr td div.collapsed, +#messagelist tr td div.expanded, +#messagelist tr td.threads div.listmenu, +#messagelist tr td.attachment span.attachment, +#messagelist tr td.attachment span.report, +#messagelist tr td.priority span.priority, +#messagelist tr td.priority span.prio1, +#messagelist tr td.priority span.prio2, +#messagelist tr td.priority span.prio3, +#messagelist tr td.priority span.prio4, +#messagelist tr td.priority span.prio5, +#messagelist tr td.flag span.flagged, +#messagelist tr td.flag span.unflagged, +#messagelist tr td.flag span.unflagged:hover, +#messagelist tr td.status span.status, +#messagelist tr td.status span.msgicon, +#messagelist tr td.status span.deleted, +#messagelist tr td.status span.unread, +#messagelist tr td.status span.unreadchildren, +#messagelist tr td.subject span.msgicon, +#messagelist tr td.subject span.deleted, +#messagelist tr td.subject span.unread, +#messagelist tr td.subject span.replied, +#messagelist tr td.subject span.forwarded, +#messagelist tr td.subject span.unreadchildren { display: inline-block; vertical-align: middle; height: 18px; width: 20px; padding: 0; - background: url(images/listicons.png) -100px 0 no-repeat; + background: url(images/listicons.png?v=bd98.25486) -100px 0 no-repeat; } -.messagelist tbody tr td.attachment span.attachment { +#messagelist tbody tr td.attachment span.attachment { background-position: 0 -996px; } -.messagelist thead tr td.attachment span.attachment { +#messagelist thead tr td.attachment span.attachment { background-position: -24px -997px; } -.messagelist tbody tr td.attachment span.report { +#messagelist tbody tr td.attachment span.report { background-position: -24px -1116px; } -.messagelist thead tr td.priority span.priority { - background-position: -24px -1845px; -} - -.messagelist tr td.priority span.prio5 { +#messagelist tr td.priority span.prio5 { background-position: 0 -1905px; } -.messagelist tr td.priority span.prio4 { +#messagelist tr td.priority span.prio4 { background-position: 0 -1885px; } -.messagelist tr td.priority span.prio2 { +#messagelist tr td.priority span.prio2 { background-position: 0 -1865px; } -.messagelist tr td.priority span.prio1 { +#messagelist tr td.priority span.prio1 { background-position: 0 -1845px; } -.messagelist tbody tr td.flag span.flagged { +#messagelist tbody tr td.flag span.flagged { background-position: 0 -1036px; } -.messagelist thead tr td.flag span.flagged { - background-position: -22px -1036px; +#messagelist thead tr td.flag span.flagged { + background-position: -24px -1036px; } -.messagelist tr td.status span.msgicon:hover { +#messagelist tr td.status span.msgicon:hover { background-position: -23px -1056px; } -.messagelist tr td.flag span.unflagged:hover { +#messagelist tr td.flag span.unflagged:hover { background-position: -23px -1076px; } -.messagelist tr td.subject span.msgicon, -.messagelist tr td.subject span.unreadchildren { +#messagelist tr td.subject span.msgicon, +#messagelist tr td.subject span.unreadchildren { background-position: 0 -1056px; margin: 0 1px 0 0; width: 24px; } -.messagelist tr td.subject span.replied { +#messagelist tr td.subject span.replied { background-position: 0 -1076px; } -.messagelist tr td.subject span.forwarded { +#messagelist tr td.subject span.forwarded { background-position: 0 -1096px; } -.messagelist tr td.subject span.replied.forwarded { +#messagelist tr td.subject span.replied.forwarded { background-position: 0 -1116px; } -.messagelist tr td.status span.msgicon, -.messagelist tr td.flag span.unflagged, -.messagelist tr td.status span.unreadchildren { +#messagelist tr td.status span.msgicon, +#messagelist tr td.flag span.unflagged, +#messagelist tr td.status span.unreadchildren { background-position: 0 1056px; /* no icon */ } /* -.messagelist tr td.status span.msgicon:hover { +#messagelist tr td.status span.msgicon:hover { background-position: 0 -272px; } */ -.messagelist tr td.status span.deleted, -.messagelist tr td.status span.deleted:hover, -.messagelist tr td.subject span.deleted { +#messagelist tr td.status span.deleted, +#messagelist tr td.status span.deleted:hover, +#messagelist tr td.subject span.deleted { background-position: -22px -1096px; } -.messagelist tr td.status span.status, -.messagelist tr td.status span.unread, -.messagelist tr td.subject span.unread, -.messagelist tr td.status span.unread:hover { +#messagelist tr td.status span.status, +#messagelist tr td.status span.unread, +#messagelist tr td.subject span.unread, +#messagelist tr td.status span.unread:hover { background-position: 0 -1016px; } -.messagelist thead tr td.status span.status { - background-position: -23px -1017px; +#messagelist thead tr td.status span.status { + background-position: -24px -1016px; } -.messagelist tr td div.collapsed { +#messagelist tr td div.collapsed { background-position: 0 -1137px; cursor: pointer; } -.messagelist tr td div.expanded { +#messagelist tr td div.expanded { background-position: 0 -1157px; cursor: pointer; } -.messagelist tr td.threads div.listmenu { +#messagelist tr td.threads div.listmenu { background-position: 0 -976px; cursor: pointer; width: 26px; } -.messagelist thead tr td.subject, -.messagelist tbody tr td.subject { +#messagelist thead tr td.subject, +#messagelist tbody tr td.subject { width: 99%; white-space: nowrap; } -.messagelist tbody tr td.subject a { +#messagelist tbody tr td.subject a { cursor: default; vertical-align: middle; /* #1487091 */ } /* thread parent message with unread children */ -.messagelist tbody tr.unroot td.subject a { +#messagelist tbody tr.unroot td.subject a { text-decoration: underline; } /**** tree indicators ****/ -.messagelist tbody tr td span.branch div { +#messagelist tbody tr td span.branch div { display: inline-block; } -.messagelist tbody tr td span.branch div.tree { +#messagelist tbody tr td span.branch div.tree { width: 15px; } @@ -772,10 +688,10 @@ table.messagelist.fixedcopy { width: 100%; bottom: 27px; overflow: auto; - -webkit-overflow-scrolling: touch; } #messageheader, +#partheader, #composeheaders { position: relative; padding: 3px 0; @@ -910,7 +826,7 @@ h3.subject { left: 0; width: 18px; height: 16px; - background: url(images/buttons.png) -27px -242px no-repeat; + background: url(images/buttons.png?v=abf1.36693) -27px -242px no-repeat; } .moreheaderstoggle.remove .iconlink { @@ -930,11 +846,11 @@ div.more-headers { width: 12px; height: 10px; cursor: pointer; - background: url(images/buttons.png) center -1579px no-repeat; + background: url(images/buttons.png?v=abf1.36693) center -1579px no-repeat; } div.hide-headers { - background-position: center -1590px; + background-position: center -1589px; } #all-headers { @@ -987,7 +903,7 @@ div.hide-headers { width: 32px; height: 32px; overflow: hidden; - background: url(images/contactpic_32px.png) center center no-repeat #fff; + background: url(images/contactpic_32px.png?v=09a3.287) center center no-repeat #fff; border-radius: 3px; } @@ -1011,7 +927,7 @@ div.hide-headers { overflow: hidden; border-radius: 4px; border: 1px solid #e6e6e6; - background: url(images/contactpic_48px.png) center center no-repeat #fff; + background: url(images/contactpic_48px.png?v=1bc4.353) center center no-repeat #fff; } #messageheader #contactphoto img { @@ -1020,8 +936,7 @@ div.hide-headers { border-radius: 4px; } -#messageheader #countcontrols, -#messageheader #formatcontrols { +#messageheader #countcontrols { position: absolute; top: 8px; right: 8px; @@ -1029,11 +944,6 @@ div.hide-headers { white-space: nowrap; } -#messageheader #formatcontrols { - top: 38px; - right: 8px; -} - #messageheader .pagenav .countdisplay { min-width: 0; padding-right: 0.5em; @@ -1104,8 +1014,8 @@ div.message-partheaders { div.message-part pre, div.message-htmlpart pre, div.message-part div.pre { - margin: 0; - padding: 0; + margin: 0px; + padding: 0px; font-family: monospace; font-size: 12px; white-space: -moz-pre-wrap !important; @@ -1114,7 +1024,7 @@ div.message-part div.pre { } div.message-part span.sig { - color: #666; + color: #666666; } div.message-part blockquote { @@ -1122,7 +1032,7 @@ div.message-part blockquote { border-left: 2px solid blue; border-right: 2px solid blue; background-color: #F6F6F6; - margin: 2px 0 2px 0; + margin: 2px 0px 2px 0px; padding: 1px 8px 1px 10px; } @@ -1133,9 +1043,9 @@ div.message-part blockquote blockquote { } div.message-part blockquote blockquote blockquote { - color: #900; - border-left: 2px solid #b00; - border-right: 2px solid #b00; + color: #990000; + border-left: 2px solid #bb0000; + border-right: 2px solid #bb0000; } div.message-partheaders { @@ -1210,10 +1120,10 @@ div.message-partheaders .headers-table td.header { #messagepartcontainer { position: absolute; - top: 42px; - left: 232px; - right: 0; - bottom: 0; + top: 60px; + left: 0px; + right: 0px; + bottom: 0px; } #messagepartframe { @@ -1222,30 +1132,6 @@ div.message-partheaders .headers-table td.header { height: 100%; } -#messagepartheader { - position: absolute; - top: 42px; - left: 0; - width: 220px; - bottom: 0; -} - -#messagepartheader table { - table-layout: fixed; - overflow: hidden; -} - -#messagepartheader table td { - text-overflow: ellipsis; - overflow: hidden; -} - -#messagepartheader table td.title { - width: 60px; - padding-right: 0; -} - - /*** message composition ***/ #composeview-left { @@ -1318,25 +1204,12 @@ div.message-partheaders .headers-table td.header { } #compose-contacts li a, #contacts-table td { - background: url(images/listicons.png) -100px 0 no-repeat; + background: url(images/listicons.png?v=bd98.25486) -100px 0 no-repeat; overflow: hidden; padding-left: 36px; text-overflow: ellipsis; } -#contacts-table td.contactgroup a { - color: #376572; - text-decoration: none; -} - -#contacts-table td.contactgroup a span { - display: inline-block; - font-size: 16px; - font-weight: bold; - line-height: 11px; - margin-left: 0.3em; -} - #contacts-table tr:first-child td { border-top: 0; } @@ -1543,7 +1416,7 @@ div.message-partheaders .headers-table td.header { } #compose-attachments.droptarget { - background-image: url(images/filedrop.png); + background-image: url(images/filedrop.png?v=deab.605); background-position: center bottom; background-repeat: no-repeat; } diff --git a/skins/larry/settings.css b/skins/larry/settings.css index af667b9e7..213a4cf9b 100644 --- a/skins/larry/settings.css +++ b/skins/larry/settings.css @@ -2,7 +2,7 @@ * Roundcube webmail styles for the Settings section * * Copyright (c) 2012, The Roundcube Dev Team - * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com + * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com * * The contents are subject to the Creative Commons Attribution-ShareAlike * License. It is allowed to copy, distribute, transmit and to adapt the work @@ -48,41 +48,11 @@ border-radius: 4px 4px 0 0; } -#preferences-details fieldset.advanced legend { - position: relative; - display: block; - width: 100%; - cursor: pointer; -} - -#preferences-details fieldset.advanced .propform { - display: none; -} - -#preferences-details fieldset.advanced .advanced-toggle { - position: absolute; - display: block; - top: 0px; - right: 6px; - text-decoration: none; - color: #666; - font-size: 11px; - width: 20px; - height: 18px; - background: url('images/listicons.png') 0 -1157px no-repeat; - text-indent: 1000px; - overflow: hidden; -} - -#preferences-details fieldset.advanced .collapsed .advanced-toggle { - background-position: -24px -1137px; -} - #sections-table tbody td.section, #settings-sections span.listitem a, #settings-sections span.tablink a { padding-left: 36px; - background-image: url(images/listicons.png); + background-image: url(images/listicons.png?v=bd98.25486); background-position: -100px 0; background-repeat: no-repeat; } @@ -140,14 +110,6 @@ background-position: 6px -1819px; } -#settings-sections span.responses a { - background-position: 6px -1972px; -} - -#settings-sections span.responses.selected a { - background-position: 6px -1996px; -} - #sections-table #rcmrowgeneral td.section { background-position: 6px -573px; } @@ -224,10 +186,6 @@ text-overflow: ellipsis; } -#identities-table tbody tr.readonly td { - font-style: italic; -} - #folder-details, #identity-details { position: absolute; @@ -309,13 +267,3 @@ img.skinthumbnail { .webkit #pluginlist td.source { width: 9em; } - -#rcmfd_signature { - width: 99%; - min-width: 390px; -} - -#rcmfd_signature_toolbar1 td, -#rcmfd_signature_toolbar2 td { - width: auto; -} diff --git a/skins/larry/styles.css b/skins/larry/styles.css index 6e0340689..81e5421ad 100644 --- a/skins/larry/styles.css +++ b/skins/larry/styles.css @@ -14,7 +14,7 @@ body { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; - background: url(images/linen.jpg) repeat #d1d5d8; + background: url(images/linen.jpg?v=0382.14157) repeat #d1d5d8; margin: 0; } @@ -50,8 +50,6 @@ textarea { input[type="text"]:focus, input[type="password"]:focus, -input[type="text"]:required, -input[type="password"]:required, input.button:focus, textarea:focus { border-color: #4787b1; @@ -179,8 +177,7 @@ input.mainaction { /** link buttons **/ -a.button, -.buttongroup { +a.button { display: inline-block; margin: 0 2px; padding: 2px 5px; @@ -201,11 +198,6 @@ a.button, text-decoration: none; } -.buttongroup { - padding: 0; - white-space: nowrap; -} - a.button:focus, input.button:focus { border-color: #4fadd5; @@ -239,29 +231,6 @@ a.button.disabled span.inner { filter: alpha(opacity=40); } -.buttongroup a.button { - margin: 0; - border-width: 0 1px 0 0; - border-radius: 0; - background: none; - box-shadow: none; - -o-box-shadow: none; - -webkit-box-shadow: none; - -moz-box-shadow: none; -} - -.buttongroup a.button.first, -.buttongroup a.button:first-child { - border-radius: 4px 0 0 4px; - border-left: 0; -} - -.buttongroup a.button.last, -.buttongroup a.button:last-child { - border-radius: 0 4px 4px 0; - border-right: 0; -} - a.button.pressed, a.button:active, input.button:active { @@ -297,21 +266,6 @@ input.button:active { background: linear-gradient(top, #bababa 0%, #d8d8d8 100%); } -.buttongroup a.button.selected, -.buttongroup a.button.selected:hover { - background: #8a8a8a; - background: -moz-linear-gradient(top, #909090 0%, #858585 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#909090), color-stop(100%,#858585)); - background: -o-linear-gradient(top, #909090 0%, #858585 100%); - background: -ms-linear-gradient(top, #909090 0%, #858585 100%); - background: linear-gradient(top, #909090 0%, #858585 100%); - -webkit-box-shadow: inset 0 1px 2px 0 #555; - -moz-box-shadow: inset 0 1px 2px 0 #555; - box-shadow: inset 0 1px 2px 0 #555; - border-right-color: #555; - border-left-color: #555; -} - .pagenav a.button { padding: 1px 3px; height: 16px; @@ -319,19 +273,13 @@ input.button:active { margin-bottom: 1px; } -.pagenav .buttongroup a.button, -.pagenav .buttongroup a.button:hover { - padding: 1px 5px; - margin-bottom: 0; -} - .pagenav a.button span.inner { display: inline-block; width: 16px; height: 13px; text-indent: 1000px; overflow: hidden; - background: url(images/buttons.png) -6px -211px no-repeat; + background: url(images/buttons.png?v=abf1.36693) -6px -211px no-repeat; } .pagenav a.prevpage span.inner { @@ -370,20 +318,6 @@ input.button:active { background-position: -29px -271px; } -.pagenav a.changeformat.html span.inner { - background-position: -7px -1859px; -} -.pagenav a.changeformat.html.selected span.inner { - background-position: -29px -1859px; -} - -.pagenav a.changeformat.text span.inner { - background-position: -7px -1874px; -} -.pagenav a.changeformat.text.selected span.inner { - background-position: -29px -1874px; -} - .pagenav .countdisplay { display: inline-block; padding: 3px 1em 0 1em; @@ -402,7 +336,7 @@ a.iconbutton { height: 18px; text-decoration: none; text-indent: -5000px; - background: url(images/buttons.png) -1000px 0 no-repeat; + background: url(images/buttons.png?v=abf1.36693) -1000px 0 no-repeat; } a.iconbutton.disabled { @@ -429,7 +363,7 @@ a.iconlink { text-decoration: none; white-space: nowrap; padding: 2px 8px 2px 20px; - background: url(images/buttons.png) -1000px 0 no-repeat; + background: url(images/buttons.png?v=abf1.36693) -1000px 0 no-repeat; } a.iconlink:hover { @@ -474,7 +408,7 @@ a.iconlink.upload { padding: 6px 30px 6px 25px; display: inline-block; white-space: nowrap; - background: url(images/messages.png) 0 5px no-repeat; + background: url(images/messages.png?v=01ee.1736) 0 5px no-repeat; cursor: default; } @@ -494,7 +428,7 @@ a.iconlink.upload { } #message div.loading { - background: url(images/ajaxloader.gif) 2px 6px no-repeat; + background: url(images/ajaxloader.gif?v=c252.1434) 2px 6px no-repeat; } #message div a, @@ -532,7 +466,7 @@ a.iconlink.upload { .ui-dialog.warning .ui-dialog-title, .ui-dialog.confirmation .ui-dialog-title { padding-left: 25px; - background: url(images/messages.png) 0 5px no-repeat; + background: url(images/messages.png?v=01ee.1736) 0 5px no-repeat; text-shadow: 0 1px 1px #fff; } @@ -580,7 +514,7 @@ a.iconlink.upload { #topline { height: 18px; - background: url(images/linen_header.jpg) repeat #666; + background: url(images/linen_header.jpg?v=514a.580) repeat #666; border-bottom: 1px solid #4f4f4f; padding: 2px 0 2px 10px; color: #aaa; @@ -613,7 +547,6 @@ a.iconlink.upload { #toplogo { padding-top: 2px; cursor: pointer; - border: none; } .topleft { @@ -642,7 +575,7 @@ a.iconlink.upload { #topline a.button-logout { display: inline-block; padding: 2px 10px 2px 20px; - background: url(images/buttons.png) -6px -193px no-repeat; + background: url(images/buttons.png?v=abf1.36693) -6px -193px no-repeat; color: #fff; } @@ -693,6 +626,17 @@ a.iconlink.upload { opacity: 0.999; } +.partwin #topline { + position: absolute; + right: 6px; + top: 18px; + width: auto; + z-index: 100; + background: transparent; + background: none; + border: 0; +} + .minimal #topline a.button-logout { display: none; } @@ -799,7 +743,7 @@ a.iconlink.upload { text-shadow: 0px 1px 1px black; padding: 5px 0 0 34px; height: 19px; - background: url(images/buttons.png) -1000px 0 no-repeat; + background: url(images/buttons.png?v=abf1.36693) -1000px 0 no-repeat; } #taskbar a.button-selected { @@ -851,7 +795,7 @@ a.iconlink.upload { width: 19px; height: 46px; cursor: pointer; - background: url(images/buttons.png) -35px -1778px no-repeat; + background: url(images/buttons.png?v=abf1.36693) -35px -1778px no-repeat; } .minimal #taskbar .minmodetoggle { @@ -875,6 +819,10 @@ a.iconlink.upload { top: 102px; } +.partwin #mainscreen { + top: 60px +} + .extwin #mainscreen { top: 40px; } @@ -884,7 +832,7 @@ a.iconlink.upload { } #mainscreen .offset { - top: 42px; + margin-top: 42px; } .uibox { @@ -924,7 +872,7 @@ a.iconlink.upload { } .watermark { - background-image: url(images/watermark.jpg); + background-image: url(images/watermark.jpg?v=e784.5000); background-position: center; background-repeat: no-repeat; } @@ -1047,19 +995,11 @@ ul.listing li { background-color: #d9ecf4; } -ul.listing li ul { - border-top: 1px solid #bbd3da; -} - ul.listing li.droptarget, table.listing tr.droptarget td { background-color: #e8e798; } -.listbox table.listing { - background-color: #d9ecf4; -} - table.listing, table.layout { border: 0; @@ -1071,32 +1011,6 @@ table.layout td { vertical-align: top; } -ul.treelist li { - position: relative; -} - -ul.treelist li div.treetoggle { - position: absolute; - top: 13px; - left: 19px; - width: 13px; - height: 13px; - background: url(images/listicons.png) -3px -144px no-repeat; - cursor: pointer; -} - -ul.treelist li div.treetoggle.expanded { - background-position: -3px -168px; -} - -ul.treelist li.selected > div.collapsed { - background-position: -23px -144px; -} - -ul.treelist li.selected > div.expanded { - background-position: -23px -168px; -} - .listbox .boxfooter { position: absolute; bottom: 0; @@ -1135,7 +1049,7 @@ ul.treelist li.selected > div.expanded { width: 48px; height: 35px; text-indent: -5000px; - background: url(images/buttons.png) -1000px 0 no-repeat; + background: url(images/buttons.png?v=abf1.36693) -1000px 0 no-repeat; } .boxfooter .listbutton.add .inner { @@ -1199,7 +1113,7 @@ ul.treelist li.selected > div.expanded { text-indent: 1000px; vertical-align: bottom; overflow: hidden; - background: url(images/buttons.png) -4px -286px no-repeat; + background: url(images/buttons.png?v=abf1.36693) -4px -286px no-repeat; } .boxpagenav a.icon.prevpage { @@ -1241,6 +1155,7 @@ table.records-table { display: table; width: 100%; table-layout: fixed; + border-collapse: collapse; border-spacing: 0; border: 1px solid #bbd3da; } @@ -1392,7 +1307,7 @@ body.iframe .footerleft.floating:before, left: 0; width: 100%; height: 6px; - background: url(images/overflowshadow.png) top center no-repeat; + background: url(images/overflowshadow.png?v=8bb4.307) top center no-repeat; } .boxcontent { @@ -1439,20 +1354,6 @@ body.iframe .footerleft.floating:before, font-size: 12px; } -.propform div.prop { - margin-bottom: 0.5em; -} - -.propform div.prop.block label { - display: block; - margin-bottom: 0.3em; -} - -.propform div.prop.block input, -.propform div.prop.block textarea { - width: 95%; -} - fieldset.floating { float: left; margin-right: 10px; @@ -1514,7 +1415,7 @@ ul.proplist li { #login-form .box-inner { width: 430px; - background: url(images/linen_login.jpg) top left no-repeat #5c5c5c; + background: url(images/linen_login.jpg?v=0484.10363) top left no-repeat #5c5c5c; margin: 0 50px; padding: 10px 24px 24px 24px; border: 1px solid #333; @@ -1526,7 +1427,7 @@ ul.proplist li { } #login-form .box-bottom { - background: url(images/login_shadow.png) top center no-repeat; + background: url(images/login_shadow.png?v=3337.1069) top center no-repeat; margin-top: -3px; padding-top: 10px; } @@ -1603,7 +1504,6 @@ ul.proplist li { #login-form #logo { margin-bottom: 20px; - border: none; } #login-form #message { @@ -1690,7 +1590,7 @@ ul.proplist li { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; - background: url(images/buttons.png) -100px 0 no-repeat transparent; + background: url(images/buttons.png?v=abf1.36693) -100px 0 no-repeat transparent; border: 0; border-radius: 0; } @@ -1712,7 +1612,7 @@ ul.proplist li { top: 0; height: 42px; width: 18px; - background: url(images/buttons.png) 0 -1255px no-repeat; + background: url(images/buttons.png?v=abf1.36693) 0 -1255px no-repeat; cursor: pointer; } @@ -1813,7 +1713,6 @@ ul.proplist li { } .toolbar a.button.export { - min-width: 74px; background-position: center -1054px; } @@ -1829,13 +1728,6 @@ ul.proplist li { background-position: 0 -1745px; } -.toolbar a.button.download { - background-position: center -1892px; -} - -.toolbar a.button.responses { - background-position: center -1932px; -} a.menuselector { display: inline-block; @@ -1859,7 +1751,7 @@ a.menuselector .handle { height: 20px; line-height: 19px; text-shadow: 0px 1px 1px #fff; - background: url(images/selector.png) right center no-repeat; + background: url(images/selector.png?v=799c.181) right center no-repeat; border-radius: 4px; } @@ -1882,7 +1774,6 @@ select.decorated { filter: alpha(opacity=0); -khtml-appearance: none; -webkit-appearance: none; - border: 0; } html.opera select.decorated { @@ -1898,7 +1789,6 @@ select.decorated option { text-shadow: 0px 1px 1px #333; padding: 4px 6px; outline: none; - cursor: default; } @@ -1911,7 +1801,7 @@ select.decorated option { text-shadow: 0px 1px 1px #fff; padding-left: 30px; height: 18px; - background: url(images/quota.png) -100px 0 no-repeat; + background: url(images/quota.png?v=4835.3622) -100px 0 no-repeat; } /*** popup menus ***/ @@ -1923,9 +1813,6 @@ select.decorated option { top: 32px; left: 90px; width: auto; - max-height: 70%; - overflow: -moz-scrollbars-vertical; - overflow-y: auto; background: #444; border: 1px solid #999; z-index: 240; @@ -1942,7 +1829,6 @@ select.decorated option { } ul.toolbarmenu, -ul.toolbarmenu ul, #rcmKSearchpane ul { margin: 0; padding: 0; @@ -1961,13 +1847,13 @@ ul.toolbarmenu li, } .googie_list tr:first-child td, -ul.toolbarmenu > li:first-child, +ul.toolbarmenu li:first-child, select.decorated option:first-child { border-top: 0; } .googie_list tr:last-child td, -ul.toolbarmenu > li:last-child, +ul.toolbarmenu li:last-child, select.decorated option:last-child { border-bottom: 0; } @@ -2011,7 +1897,7 @@ ul.toolbarmenu.selectable li a { } ul.toolbarmenu.selectable li a.selected { - background: url(images/messages.png) 4px -27px no-repeat; + background: url(images/messages.png?v=01ee.1736) 4px -27px no-repeat; } ul.toolbarmenu li label { @@ -2021,11 +1907,6 @@ ul.toolbarmenu li label { text-shadow: 0px 1px 1px #333; } -ul.toolbarmenu li.separator label { - color: #bbb; - font-style: italic; -} - ul.toolbarmenu li a.icon { color: #eee; padding: 2px 6px; @@ -2036,7 +1917,7 @@ ul.toolbarmenu li span.icon { min-height: 14px; padding: 4px 4px 1px 24px; height: 17px; - background-image: url(images/listicons.png); + background-image: url(images/listicons.png?v=bd98.25486); background-position: -100px 0; background-repeat: no-repeat; opacity: 0.2; @@ -2104,15 +1985,6 @@ ul.toolbarmenu li span.conversation { background-position: 0 -1532px; } -#snippetslist { - max-width: 200px; -} - -#snippetslist li a { - overflow: hidden; - text-overflow: ellipsis; -} - #rcmKSearchpane { border-radius: 0 0 4px 4px; border-top: 0; @@ -2152,7 +2024,7 @@ ul.toolbarmenu li span.conversation { -moz-user-select: none; -khtml-user-select: none; position: absolute; - background: url(images/splitter.png) center no-repeat; + background: url(images/splitter.png?v=2724.136) center no-repeat; } .splitter-h { @@ -2212,7 +2084,7 @@ ul.toolbarmenu li span.conversation { content: " "; width: 16px; height: 16px; - background: url(images/buttons.png) -7px -358px no-repeat; + background: url(images/buttons.png?v=abf1.36693) -7px -358px no-repeat; z-index: 255; } @@ -2230,7 +2102,7 @@ ul.toolbarmenu li span.conversation { .attachmentslist li { display: block; position: relative; - background: url(images/filetypes.png) 0 0 no-repeat; + background: url(images/filetypes.png?v=3aa2.8551) 0 0 no-repeat; margin-bottom: 1px; } @@ -2322,24 +2194,12 @@ ul.toolbarmenu li span.conversation { background-position: 0 -494px; } -.attachmentslist li.ppt, -.attachmentslist li.pptx, -.attachmentslist li.ppsx, -.attachmentslist li.vnd.mspowerpoint { - background-position: 0 -520px; -} - -.attachmentslist li.odp, -.attachmentslist li.otp { - background-position: 0 -546px; -} - .attachmentslist li a, #compose-attachments ul li { display: block; color: #333; font-weight: bold; - padding: 3px 15px 3px 30px; + padding: 3px 4px 3px 30px; text-shadow: 0px 1px 1px #fff; text-decoration: none; white-space: nowrap; @@ -2348,17 +2208,6 @@ ul.toolbarmenu li span.conversation { line-height: 20px; } -.attachmentslist li a.drop { - background: url(images/buttons.png) no-repeat scroll center -1570px; - width: 14px; - height: 20px; - cursor: pointer; - position: absolute; - right: 0; - top: 0; - padding: 0; -} - #compose-attachments ul li { padding-right: 28px; } @@ -2368,7 +2217,7 @@ ul.toolbarmenu li span.conversation { } .attachmentslist li.uploading { - background: url(images/ajaxloader.gif) 2px 6px no-repeat; + background: url(images/ajaxloader.gif?v=c252.1434) 2px 6px no-repeat; } .attachmentslist li a.delete, @@ -2381,7 +2230,7 @@ ul.toolbarmenu li span.conversation { padding: 0; text-decoration: none; text-indent: -5000px; - background: url(images/buttons.png) -7px -337px no-repeat; + background: url(images/buttons.png?v=abf1.36693) -7px -337px no-repeat; } .attachmentslist li a.cancelupload { diff --git a/skins/larry/svggradients.css b/skins/larry/svggradients.css index c40d44f4b..2172ac31a 100644 --- a/skins/larry/svggradients.css +++ b/skins/larry/svggradients.css @@ -29,8 +29,7 @@ input.button.mainaction:active { background-image: url(svggradient.php?c=2a2e31;505050); } -a.button, -.buttongroup { +a.button { background-image: url(svggradient.php?c=f9f9f9;e6e6e6); } @@ -48,10 +47,6 @@ input.button:active { background-image: url(svggradient.php?c=bababa;d8d8d8); } -.buttongroup a.button.selected { - background-image: url(svggradient.php?c=909090;858585); -} - #message.statusbar { background-image: url(svggradient.php?c=eaeaea;c8c8c8); } diff --git a/skins/larry/templates/about.html b/skins/larry/templates/about.html index e2bd0b019..301c301a9 100644 --- a/skins/larry/templates/about.html +++ b/skins/larry/templates/about.html @@ -4,11 +4,7 @@ <title><roundcube:object name="pagetitle" /></title> <roundcube:include file="/includes/links.html" /> </head> -<roundcube:if condition="request:_framed" /> -<body class="iframe fullheight"> -<roundcube:else /> <body class="ui-widget-content"> -<roundcube:endif /> <div class="readtext"> <roundcube:object name="aboutcontent" /> diff --git a/skins/larry/templates/addressbook.html b/skins/larry/templates/addressbook.html index b33ebd999..1c1647708 100644 --- a/skins/larry/templates/addressbook.html +++ b/skins/larry/templates/addressbook.html @@ -13,11 +13,7 @@ <!-- toolbar --> <div id="addressbooktoolbar" class="toolbar"> <roundcube:button command="import" type="link" class="button import disabled" classAct="button import" classSel="button import pressed" label="import" title="importcontacts" /> - <span class="dropbutton"> - <roundcube:button command="export" type="link" class="button export disabled" classAct="button export" classSel="button export pressed" label="export" title="exportvcards" /> - <span class="dropbuttontip" id="exportmenulink" onclick="UI.show_popup('exportmenu');return false"></span> - </span> - + <roundcube:button command="export" type="link" class="button export disabled" classAct="button export" classSel="button export pressed" label="export" title="exportvcards" /> <span class="spacer"></span> <roundcube:button command="compose" type="link" class="button compose disabled" classAct="button compose" classSel="button compose pressed" label="compose" title="writenewmessage" /> <roundcube:button command="advanced-search" type="link" class="button search disabled" classAct="button search" classSel="button search pressed" label="advanced" title="advsearch" /> @@ -30,7 +26,7 @@ <div id="directorylistbox" class="uibox listbox"> <h2 id="directorylist-header" class="boxtitle"><roundcube:label name="groups" /></h2> <div id="directorylist-content" class="scroller withfooter"> - <roundcube:object name="directorylist" id="directorylist" class="treelist listing" /> + <roundcube:object name="directorylist" id="directorylist" class="listing" /> </div> <div id="directorylist-footer" class="boxfooter"> <roundcube:button command="group-create" type="link" title="newcontactgroup" class="listbutton add disabled" classAct="listbutton add" innerClass="inner" content="+" /><roundcube:button name="groupoptions" id="groupoptionslink" type="link" title="moreactions" class="listbutton groupactions" onclick="UI.show_popup('groupoptions');return false" innerClass="inner" content="⚙" /> @@ -50,7 +46,7 @@ <!-- contacts list --> <div id="addresslist" class="uibox listbox"> -<roundcube:object name="addresslisttitle" label="contacts" tag="h2" class="boxtitle" /> +<h2 class="boxtitle"><roundcube:label name="contacts" /></h2> <div class="scroller withfooter"> <roundcube:object name="addresslist" id="contacts-table" class="listing" noheader="true" /> </div> @@ -79,12 +75,6 @@ </div><!-- end mainscreen --> -<div id="exportmenu" class="popupmenu"> - <ul class="toolbarmenu"> - <li><roundcube:button command="export" label="exportall" prop="sub" class="exportalllink" classAct="exportalllink active" /></li> - <li><roundcube:button command="export-selected" label="exportsel" prop="sub" class="exportsellink" classAct="exportsellink active" /></li> - </ul> -</div> <div id="searchmenu" class="popupmenu"> <ul class="toolbarmenu"> @@ -106,13 +96,6 @@ </ul> </div> -<div id="dragcontactmenu" class="popupmenu"> - <ul class="toolbarmenu"> - <li><roundcube:button command="move" onclick="return rcmail.drag_menu_action('move')" label="move" classAct="active" /></li> - <li><roundcube:button command="copy" onclick="return rcmail.drag_menu_action('copy')" label="copy" classAct="active" /></li> - </ul> -</div> - <roundcube:include file="/includes/footer.html" /> </body> diff --git a/skins/larry/templates/compose.html b/skins/larry/templates/compose.html index 5a6285c68..1e2a45912 100644 --- a/skins/larry/templates/compose.html +++ b/skins/larry/templates/compose.html @@ -30,7 +30,6 @@ <roundcube:endif /> <roundcube:button name="addattachment" type="link" class="button attach" classAct="button attach" classSel="button attach pressed" label="attach" title="addattachment" onclick="UI.show_uploadform();return false" /> <roundcube:button command="insert-sig" type="link" class="button insertsig disabled" classAct="button insertsig" classSel="button insertsig pressed" label="signature" title="insertsignature" /> - <a href="#responses" class="button responses" label="responses" title="<roundcube:label name='insertresponse' />" id="responsesmenulink" unselectable="on" onmousedown="return false" onclick="UI.show_popup('responsesmenu');return false"><roundcube:label name="responses" /></a> <roundcube:container name="toolbar" id="compose-toolbar" /> </div> </div> @@ -66,7 +65,7 @@ <div id="composeview-right"> -<roundcube:form name="form" method="post" id="compose-content" class="uibox"> +<form name="form" action="./" method="post" id="compose-content" class="uibox"> <!-- message headers --> <div id="composeheaders"> @@ -86,25 +85,25 @@ </tr><tr id="compose-cc"> <td class="title top"> <label for="_cc"><roundcube:label name="cc" /></label> - <a href="#cc" onclick="return UI.hide_header_row('cc');" class="iconbutton cancel" title="<roundcube:label name='delete' />">x</a> + <a href="#cc" onclick="return UI.hide_header_row('cc');" class="iconbutton cancel" title="<roundcube:label name='delete' />" />x</a> </td> <td class="editfield"><roundcube:object name="composeHeaders" part="cc" form="form" id="_cc" cols="70" rows="1" tabindex="3" /></td> </tr><tr id="compose-bcc"> <td class="title top"> <label for="_bcc"><roundcube:label name="bcc" /></label> - <a href="#bcc" onclick="return UI.hide_header_row('bcc');" class="iconbutton cancel" title="<roundcube:label name='delete' />">x</a> + <a href="#bcc" onclick="return UI.hide_header_row('bcc');" class="iconbutton cancel" title="<roundcube:label name='delete' />" />x</a> </td> - <td class="editfield"><roundcube:object name="composeHeaders" part="bcc" form="form" id="_bcc" cols="70" rows="1" tabindex="4" /></td> + <td colspan="2" class="editfield"><roundcube:object name="composeHeaders" part="bcc" form="form" id="_bcc" cols="70" rows="1" tabindex="4" /></td> </tr><tr id="compose-replyto"> <td class="title top"> <label for="_replyto"><roundcube:label name="replyto" /></label> - <a href="#replyto" onclick="return UI.hide_header_row('replyto');" class="iconbutton cancel" title="<roundcube:label name='delete' />">x</a> + <a href="#replyto" onclick="return UI.hide_header_row('replyto');" class="iconbutton cancel" title="<roundcube:label name='delete' />" />x</a> </td> <td class="editfield"><roundcube:object name="composeHeaders" part="replyto" form="form" id="_replyto" size="70" tabindex="5" /></td> </tr><tr id="compose-followupto"> <td class="title top"> <label for="_followupto"><roundcube:label name="followupto" /></label> - <a href="#followupto" onclick="return UI.hide_header_row('followupto');" class="iconbutton cancel" title="<roundcube:label name='delete' />">x</a> + <a href="#followupto" onclick="return UI.hide_header_row('followupto');" class="iconbutton cancel" title="<roundcube:label name='delete' />" />x</a> </td> <td class="editfield"><roundcube:object name="composeHeaders" part="followupto" form="form" id="_followupto" size="70" tabindex="7" /></td> </tr><tr> @@ -188,7 +187,7 @@ </div><!-- end mainscreen --> <div id="upload-dialog" class="propform popupdialog" title="<roundcube:label name='addattachment' />"> - <roundcube:object name="composeAttachmentForm" id="uploadform" buttons="no" /> + <roundcube:object name="composeAttachmentForm" id="uploadform" attachmentFieldSize="40" buttons="no" /> <div class="formbuttons"> <roundcube:button command="send-attachment" type="input" class="button mainaction" label="upload" /> <roundcube:button name="close" type="input" class="button" label="cancel" onclick="UI.show_uploadform()" /> @@ -197,16 +196,6 @@ <div id="spellmenu" class="popupmenu"></div> -<div id="responsesmenu" class="popupmenu"> - <ul class="toolbarmenu" id="textresponsesmenu"> - <li class="separator" id=""><label><roundcube:label name="insertresponse" /></label></li> - <roundcube:object name="responseslist" id="responseslist" tagname="ul" itemclass="active" /> - <li class="separator"><label><roundcube:label name="manageresponses" /></label></li> - <li><roundcube:button command="save-response" type="link" label="savenewresponse" classAct="active" unselectable="on" /></li> - <li><roundcube:button command="responses" type="link" label="editresponses" classAct="active" /></li> - </ul> -</div> - <roundcube:include file="/includes/footer.html" /> </body> diff --git a/skins/larry/templates/contact.html b/skins/larry/templates/contact.html index 59fe6f79f..d252049cd 100644 --- a/skins/larry/templates/contact.html +++ b/skins/larry/templates/contact.html @@ -13,7 +13,7 @@ <div id="sourcename"><roundcube:label name="addressbook" />: <roundcube:var name="env:sourcename" /></div> <roundcube:endif /> - <div id="contactphoto"><roundcube:object name="contactphoto" id="contactpic" placeholder="/images/contactpic.png" placeholderGroup="/images/contactgroup.png" /></div> + <div id="contactphoto"><roundcube:object name="contactphoto" id="contactpic" placeholder="/images/contactpic.png" /></div> <roundcube:object name="contacthead" id="contacthead" /> <br style="clear:both" /> diff --git a/skins/larry/templates/contactedit.html b/skins/larry/templates/contactedit.html index 3467ebe8e..f84936635 100644 --- a/skins/larry/templates/contactedit.html +++ b/skins/larry/templates/contactedit.html @@ -11,7 +11,7 @@ <roundcube:else /><roundcube:label name="editcontact" /> <roundcube:endif /></h1> -<roundcube:form name="editform" method="post" id="contact-details" class="boxcontent"> +<form name="editform" method="post" action="./" id="contact-details" class="boxcontent"> <roundcube:if condition="strlen(env:sourcename)" /> <div id="sourcename"><roundcube:label name="addressbook" />: <roundcube:var name="env:sourcename" condition="env:action!='add'" /><roundcube:object name="sourceselector" id="sourceselect" condition="env:action=='add'" /></div> <roundcube:endif /> diff --git a/skins/larry/templates/importcontacts.html b/skins/larry/templates/importcontacts.html index 69b138b9a..89aea0a2e 100644 --- a/skins/larry/templates/importcontacts.html +++ b/skins/larry/templates/importcontacts.html @@ -14,18 +14,19 @@ <roundcube:button command="list" type="link" class="button back disabled" classAct="button back" classSel="button back pressed" label="back" /> </div> -<div id="pluginbody" class="offset uibox contentbox"> +<div class="offset uibox contentbox"> <h2 class="boxtitle"><roundcube:label name="importcontacts" /></h2> -<div id="import-box" class="boxcontent"> -<roundcube:object name="importstep" class="propform" /> +<div class="boxcontent readtext"> +<roundcube:object name="importstep" /> + <br/> + <p class="formbuttons"> <roundcube:object name="importnav" class="button" /> </p> -</div> -<roundcube:object name="message" id="message" class="statusbar" /> +</div> </div> diff --git a/skins/larry/templates/login.html b/skins/larry/templates/login.html index 13e919ad3..a605eb7fe 100644 --- a/skins/larry/templates/login.html +++ b/skins/larry/templates/login.html @@ -9,9 +9,9 @@ <div id="login-form"> <div class="box-inner"> -<roundcube:object name="logo" src="/images/roundcube_logo.png" id="logo" /> +<roundcube:object name="logo" src="/images/roundcube_logo.png" id="logo" border="0" /> -<roundcube:form name="form" method="post"> +<form name="form" action="./" method="post"> <roundcube:object name="loginform" form="form" size="40" /> <p class="formbuttons"><input type="submit" class="button mainaction" value="<roundcube:label name='login' />" /></p> diff --git a/skins/larry/templates/mail.html b/skins/larry/templates/mail.html index f2c52c820..4b8f03951 100644 --- a/skins/larry/templates/mail.html +++ b/skins/larry/templates/mail.html @@ -30,7 +30,7 @@ <div id="folderlist-header"></div> <div id="mailboxcontainer" class="uibox listbox"> <div id="folderlist-content" class="scroller withfooter"> -<roundcube:object name="mailboxlist" id="mailboxlist" class="treelist listing" folder_filter="mail" unreadwrap="%s" /> +<roundcube:object name="mailboxlist" id="mailboxlist" class="listing" folder_filter="mail" unreadwrap="%s" /> </div> <div id="folderlist-footer" class="boxfooter"> <roundcube:button name="mailboxmenulink" id="mailboxmenulink" type="link" title="folderactions" class="listbutton groupactions" onclick="UI.show_popup('mailboxmenu');return false" innerClass="inner" content="⚙" /> @@ -70,7 +70,7 @@ <div id="messagelistcontainer" class="boxlistcontent"> <roundcube:object name="messages" id="messagelist" - class="records-table messagelist sortheader fixedheader" + class="records-table sortheader" optionsmenuIcon="true" /> </div> @@ -140,7 +140,7 @@ <div id="dragmessagemenu" class="popupmenu"> <ul class="toolbarmenu"> - <li><roundcube:button command="move" onclick="return rcmail.drag_menu_action('move')" label="move" classAct="active" /></li> + <li><roundcube:button command="moveto" onclick="return rcmail.drag_menu_action('moveto')" label="move" classAct="active" /></li> <li><roundcube:button command="copy" onclick="return rcmail.drag_menu_action('copy')" label="copy" classAct="active" /></li> </ul> </div> @@ -148,8 +148,7 @@ <div id="mailboxmenu" class="popupmenu"> <ul class="toolbarmenu" id="mailboxoptionsmenu"> <li><roundcube:button command="expunge" type="link" label="compact" classAct="active" /></li> - <li><roundcube:button command="purge" type="link" label="empty" classAct="active" /></li> - <li><roundcube:button name="messageimport" type="link" class="active" label="importmessages" onclick="UI.show_uploadform()" /></li> + <li class="separator_below"><roundcube:button command="purge" type="link" label="empty" classAct="active" /></li> <li><roundcube:button command="folders" task="settings" type="link" label="managefolders" classAct="active" /></li> <roundcube:container name="mailboxoptions" id="mailboxoptionsmenu" /> </ul> @@ -227,14 +226,6 @@ </div> </div> -<div id="upload-dialog" class="propform popupdialog" title="<roundcube:label name='importmessages' />"> - <roundcube:object name="messageimportform" id="uploadform" buttons="no" /> - <div class="formbuttons"> - <roundcube:button command="import-messages" type="input" class="button mainaction" label="upload" /> - <roundcube:button name="close" type="input" class="button" label="cancel" onclick="UI.show_uploadform()" /> - </div> -</div> - <roundcube:include file="/includes/footer.html" /> </body> diff --git a/skins/larry/templates/message.html b/skins/larry/templates/message.html index 6937b00af..5ac079c96 100644 --- a/skins/larry/templates/message.html +++ b/skins/larry/templates/message.html @@ -17,7 +17,7 @@ <roundcube:endif /> <roundcube:include file="/includes/mailtoolbar.html" /> <div class="toolbarselect"> - <roundcube:object name="mailboxlist" type="select" noSelection="moveto" maxlength="25" onchange="rcmail.command('move', this.options[this.selectedIndex].value)" class="mailboxlist decorated" folder_filter="mail" /> + <roundcube:object name="mailboxlist" type="select" noSelection="moveto" maxlength="25" onchange="rcmail.command('moveto', this.options[this.selectedIndex].value)" class="mailboxlist decorated" folder_filter="mail" /> </div> </div> @@ -28,7 +28,7 @@ <!-- folders list --> <div id="mailboxcontainer" class="uibox listbox"> <div class="scroller"> -<roundcube:object name="mailboxlist" id="mailboxlist" class="treelist listing" folder_filter="mail" unreadwrap="%s" /> +<roundcube:object name="mailboxlist" id="mailboxlist" class="listing" folder_filter="mail" unreadwrap="%s" /> </div> </div> @@ -56,21 +56,6 @@ <roundcube:button command="nextmessage" type="link" class="button nextpage disabled" classAct="button nextpage" classSel="button nextpage pressed" innerClass="inner" title="nextmessage" content="&gt;" /> </div> -<roundcube:if condition="env:optional_format=='text'" /> -<div class="pagenav" id="formatcontrols"> - <span class="buttongroup"> - <roundcube:button command="change-format" prop="html" type="link" class="button first changeformat html selected" innerClass="inner" title="changeformathtml" /><roundcube:button command="change-format" prop="text" type="link" class="button last changeformat text" classSel="button last changeformat text pressed" innerClass="inner" title="changeformattext" /> - </span> -</div> -<roundcube:elseif condition="env:optional_format=='html'" /> -<div class="pagenav" id="formatcontrols"> - <span class="buttongroup"> - <roundcube:button command="change-format" prop="html" type="link" class="button first changeformat html" classSel="button first changeformat html pressed" innerClass="inner" title="changeformathtml" /><roundcube:button command="change-format" prop="text" type="link" class="button last changeformat text selected" innerClass="inner" title="changeformattext" /> - </span> -</div> -<roundcube:endif /> - - <div id="contactphoto"><roundcube:object name="contactphoto" /></div> </div> @@ -90,14 +75,6 @@ </div><!-- end mainscreen --> -<div id="attachmentmenu" class="popupmenu"> - <ul class="toolbarmenu"> - <li><roundcube:button command="open-attachment" id="attachmenuopen" type="link" label="open" class="icon" classAct="icon active" innerclass="icon extwin" /></li> - <li><roundcube:button command="download-attachment" id="attachmenudownload" type="link" label="download" class="icon" classAct="icon active" innerclass="icon download" /></li> - <roundcube:container name="attachmentmenu" id="attachmentmenu" /> - </ul> -</div> - <roundcube:include file="/includes/footer.html" /> </body> diff --git a/skins/larry/templates/messageerror.html b/skins/larry/templates/messageerror.html index a735d47f2..3c3c9acdb 100644 --- a/skins/larry/templates/messageerror.html +++ b/skins/larry/templates/messageerror.html @@ -28,7 +28,7 @@ <!-- folders list --> <div id="mailboxcontainer" class="uibox listbox"> <div class="scroller"> - <roundcube:object name="mailboxlist" id="mailboxlist" class="treelist listing" folder_filter="mail" unreadwrap="%s" /> + <roundcube:object name="mailboxlist" id="mailboxlist" class="listing" folder_filter="mail" unreadwrap="%s" /> </div> </div> diff --git a/skins/larry/templates/messagepart.html b/skins/larry/templates/messagepart.html index d0e3a808d..dbb4940de 100644 --- a/skins/larry/templates/messagepart.html +++ b/skins/larry/templates/messagepart.html @@ -4,35 +4,33 @@ <title><roundcube:object name="pagetitle" /></title> <roundcube:include file="/includes/links.html" /> </head> -<body class="extwin noscroll"> +<body class="partwin"> -<roundcube:include file="/includes/header.html" /> +<div id="header"> +<div id="topline"> + <div class="topright"> + <a href="#close" class="closelink" onclick="self.close()"><roundcube:label name="close" /></a> + </div> +</div> -<div id="mainscreen"> +<div id="topnav"> + <roundcube:object name="logo" src="/images/roundcube_logo.png" id="toplogo" border="0" alt="Logo" /> +</div> -<div id="messagetoolbar" class="toolbar fullwidth"> - <roundcube:button command="download" type="link" class="button download disabled" classAct="button download" classSel="button download pressed" label="download" /> - <roundcube:button command="print" type="link" class="button print disabled" classAct="button print" classSel="button print pressed" label="print" /> - <roundcube:container name="toolbar" id="messagetoolbar" /> +<br style="clear:both" /> </div> -<div id="messagepartheader" class="uibox listbox"> - <h2 class="boxtitle"><roundcube:label name="properties" /></h2> - <div class="scroller"> - <roundcube:object name="messagePartControls" class="listing" /> - </div> +<div id="mainscreen"> + +<div id="partheader" class="uibox"> +<roundcube:object name="messagePartControls" class="headers-table" /> </div> <div id="messagepartcontainer" class="uibox"> - <div class="iframebox"> - <roundcube:object name="messagePartFrame" id="messagepartframe" frameborder="0" /> - </div> - <roundcube:object name="message" id="message" class="statusbar" /> +<roundcube:object name="messagePartFrame" id="messagepartframe" frameborder="0" /> </div> </div> -<roundcube:include file="/includes/footer.html" /> - </body> </html> diff --git a/skins/larry/templates/messagepreview.html b/skins/larry/templates/messagepreview.html index f69f65125..aef282ac9 100644 --- a/skins/larry/templates/messagepreview.html +++ b/skins/larry/templates/messagepreview.html @@ -30,17 +30,6 @@ <!-- record navigation --> <div id="countcontrols" class="pagenav"> -<roundcube:if condition="env:optional_format=='text'" /> - <span class="buttongroup"> - <roundcube:button command="change-format" prop="html" type="link" class="button first changeformat html selected" innerClass="inner" title="changeformathtml" content="HTML" /><roundcube:button command="change-format" prop="text" type="link" class="button last changeformat text" classSel="button changeformat text pressed" innerClass="inner" title="changeformattext" content="Text" /> - </span> - -<roundcube:elseif condition="env:optional_format=='html'" /> - <span class="buttongroup"> - <roundcube:button command="change-format" prop="html" type="link" class="button first changeformat html" classSel="button changeformat html pressed" innerClass="inner" title="changeformathtml" content="HTML" /><roundcube:button command="change-format" prop="text" type="link" class="button last changeformat text selected" innerClass="inner" title="changeformattext" content="Text" /> - </span> - -<roundcube:endif /> <roundcube:if condition="env:mailbox != config:drafts_mbox"> <roundcube:button command="reply" type="link" class="button reply" classSel="button reply pressed" innerClass="inner" title="replytomessage" content="<-" /> <roundcube:button command="reply-all" type="link" class="button replyall" classSel="button replyall pressed" innerClass="inner" title="replytoallmessage" content="<<-" /> @@ -62,14 +51,6 @@ </div> </div> -<div id="attachmentmenu" class="popupmenu"> - <ul class="toolbarmenu"> - <li><roundcube:button command="open-attachment" id="attachmenuopen" type="link" label="open" class="icon" classAct="icon active" innerclass="icon extwin" /></li> - <li><roundcube:button command="download-attachment" id="attachmenudownload" type="link" label="download" class="icon" classAct="icon active" innerclass="icon download" /></li> - <roundcube:container name="attachmentmenu" id="attachmentmenu" /> - </ul> -</div> - <roundcube:include file="/includes/footer.html" /> </body> diff --git a/skins/larry/templates/messageprint.html b/skins/larry/templates/messageprint.html index d2a0f6353..d01c70bcd 100644 --- a/skins/larry/templates/messageprint.html +++ b/skins/larry/templates/messageprint.html @@ -10,7 +10,7 @@ <div id="header"><roundcube:object name="logo" src="/images/roundcube_logo.png" id="toplogo" border="0" alt="Logo" /></div> <div id="printmessageframe"> -<roundcube:object name="messageHeaders" class="headers-table" max="10" /> +<roundcube:object name="messageHeaders" class="headers-table" /> <roundcube:object name="messageAttachments" id="attachment-list" /> <roundcube:object name="messageBody" id="messagebody" showImages="false" /> </div> diff --git a/skins/larry/ui.js b/skins/larry/ui.js index 660b18ff9..19f8a516a 100644 --- a/skins/larry/ui.js +++ b/skins/larry/ui.js @@ -17,9 +17,8 @@ function rcube_mail_ui() var popupconfig = { forwardmenu: { editable:1 }, searchmenu: { editable:1, callback:searchmenu }, - attachmentmenu: { }, listoptions: { editable:1 }, - dragmenu: { sticky:1 }, + dragmessagemenu: { sticky:1 }, groupmenu: { above:1 }, mailboxmenu: { above:1 }, spellmenu: { callback: spellmenu }, @@ -38,12 +37,10 @@ function rcube_mail_ui() this.init_tabs = init_tabs; this.show_about = show_about; this.show_popup = show_popup; - this.add_popup = add_popup; this.set_searchmod = set_searchmod; this.show_uploadform = show_uploadform; this.show_header_row = show_header_row; this.hide_header_row = hide_header_row; - this.update_quota = update_quota; // set minimal mode on small screens (don't wait for document.ready) @@ -88,41 +85,32 @@ function rcube_mail_ui() /*** mail task ***/ if (rcmail.env.task == 'mail') { - rcmail.addEventListener('menu-open', menu_open); - rcmail.addEventListener('menu-save', menu_save); + rcmail.addEventListener('menu-open', show_listoptions); + rcmail.addEventListener('menu-save', save_listoptions); rcmail.addEventListener('responseafterlist', function(e){ switch_view_mode(rcmail.env.threading ? 'thread' : 'list') }); var dragmenu = $('#dragmessagemenu'); if (dragmenu.length) { - rcmail.gui_object('dragmenu', 'dragmessagemenu'); - popups.dragmenu = dragmenu; + rcmail.gui_object('message_dragmenu', 'dragmessagemenu'); + popups.dragmessagemenu = dragmenu; } if (rcmail.env.action == 'show' || rcmail.env.action == 'preview') { - rcmail.addEventListener('enable-command', enable_command); rcmail.addEventListener('aftershow-headers', function() { layout_messageview(); }); rcmail.addEventListener('afterhide-headers', function() { layout_messageview(); }); - $('#previewheaderstoggle').click(function(e){ toggle_preview_headers(); return false }); - - // add menu link for each attachment - $('#attachment-list > li').each(function() { - $(this).append($('<a class="drop">').click(function() { attachmentmenu(this); })); - }); + $('#previewheaderstoggle').click(function(e){ toggle_preview_headers(this); return false }); } else if (rcmail.env.action == 'compose') { rcmail.addEventListener('aftertoggle-editor', function(){ window.setTimeout(function(){ layout_composeview() }, 200); }); rcmail.addEventListener('aftersend-attachment', show_uploadform); rcmail.addEventListener('add-recipient', function(p){ show_header_row(p.field, true); }); + layout_composeview(); // Show input elements with non-empty value - var f, v, field, fields = ['cc', 'bcc', 'replyto', 'followupto']; - for (f=0; f < fields.length; f++) { - v = fields[f]; field = $('#_'+v); - if (field.length) { - field.on('change', {v: v}, function(e) { if (this.value) show_header_row(e.data.v, true); }); - if (field.val() != '') - show_header_row(v, true); - } + var field, fields = ['cc', 'bcc', 'replyto', 'followupto']; + for (var f=0; f < fields.length; f++) { + if ((field = $('#_'+fields[f])) && field.length && field.val() != '') + show_header_row(fields[f], true); } $('#composeoptionstoggle').click(function(){ @@ -132,10 +120,6 @@ function rcube_mail_ui() return false; }).css('cursor', 'pointer'); - // adjust hight when textarea starts to scroll - $("textarea[name='_to'], textarea[name='_cc'], textarea[name='_bcc']").change(function(e){ adjust_compose_editfields(this); }).change(); - rcmail.addEventListener('autocomplete_insert', function(p){ adjust_compose_editfields(p.field); }); - // toggle compose options if opened in new window and they were visible before var opener_rc = rcmail.opener(); if (opener_rc && opener_rc.env.action == 'compose' && $('#composeoptionstoggle', opener.document).hasClass('remove')) @@ -158,12 +142,6 @@ function rcube_mail_ui() new rcube_scroller('#folderlist-content', '#folderlist-header', '#folderlist-footer'); rcmail.addEventListener('setquota', update_quota); - rcmail.addEventListener('enable-command', enable_command); - rcmail.addEventListener('afterimport-messages', show_uploadform); - } - else if (rcmail.env.action == 'get') { - new rcube_splitter({ id:'mailpartsplitterv', p1:'#messagepartheader', p2:'#messagepartcontainer', - orientation:'v', relative:true, start:226, min:150, size:12}).init(); } if ($('#mailview-left').length) { @@ -198,25 +176,10 @@ function rcube_mail_ui() new rcube_splitter({ id:'prefviewsplitter', p1:'#sectionslist', p2:'#preferences-box', orientation:'v', relative:true, start:266, min:180, size:12 }).init(); } - else if (rcmail.env.action == 'edit-prefs') { - $('<a href="#toggle">▼</a>') - .addClass('advanced-toggle') - .appendTo('#preferences-details fieldset.advanced legend'); - - $('#preferences-details fieldset.advanced legend').click(function(e){ - var collapsed = $(this).hasClass('collapsed'), - toggle = $('.advanced-toggle', this).html(collapsed ? '▲' : '▼'); - $(this) - .toggleClass('collapsed') - .closest('fieldset').children('.propform').toggle() - }).addClass('collapsed') - } } /*** addressbook task ***/ else if (rcmail.env.task == 'addressbook') { rcmail.addEventListener('afterupload-photo', show_uploadform); - rcmail.addEventListener('beforepushgroup', push_contactgroup); - rcmail.addEventListener('beforepopgroup', pop_contactgroup); if (rcmail.env.action == '') { new rcube_splitter({ id:'addressviewsplitterd', p1:'#addressview-left', p2:'#addressview-right', @@ -226,12 +189,12 @@ function rcube_mail_ui() new rcube_scroller('#directorylist-content', '#directorylist-header', '#directorylist-footer'); } + } - var dragmenu = $('#dragcontactmenu'); - if (dragmenu.length) { - rcmail.gui_object('dragmenu', 'dragcontactmenu'); - popups.dragmenu = dragmenu; - } + // set min-width to show all toolbar buttons + var screen = $('.minwidth'); + if (screen.length) { + screen.css('min-width', $('.toolbar').width() + $('#quicksearchbar').parent().width() + 20); } // turn a group of fieldsets into tabs @@ -245,7 +208,6 @@ function rcube_mail_ui() } var select = $(this), - parent = select.parent(), height = Math.max(select.height(), 26) - 2, width = select.width() - 22, title = $('option', this).first().text(); @@ -260,23 +222,19 @@ function rcube_mail_ui() overlay.children().width(width).height(height).css('line-height', (height - 1) + 'px'); + select.change(function() { + var val = $('option:selected', this).text(); + $(this).next().children().html(val); + }); + + var parent = select.parent(); if (parent.css('position') != 'absolute') parent.css('position', 'relative'); // re-set original select width to fix click action and options width in some browsers - select.width(overlay.width()) - .change(function() { - var val = $('option:selected', this).text(); - $(this).next().children().text(val); - }); + select.width(overlay.width()); }); - // set min-width to show all toolbar buttons - var screen = $('body > div.minwidth'); - if (screen.length) { - screen.css('min-width', $('.toolbar').width() + $('#quicksearchbar').width() + $('#searchfilter').width() + 30); - } - $(document.body) .bind('mouseup', body_mouseup) .bind('keyup', function(e){ @@ -332,36 +290,28 @@ function rcube_mail_ui() /** * Update UI on window resize */ - function resize(e) + function resize() { - // resize in intervals to prevent lags and double onresize calls in Chrome (#1489005) - var interval = e ? 10 : 0; - - if (rcmail.resize_timeout) - window.clearTimeout(rcmail.resize_timeout); + if (rcmail.env.task == 'mail') { + if (rcmail.env.action == 'show' || rcmail.env.action == 'preview') + layout_messageview(); + else if (rcmail.env.action == 'compose') + layout_composeview(); + } - rcmail.resize_timeout = window.setTimeout(function() { - if (rcmail.env.task == 'mail') { - if (rcmail.env.action == 'show' || rcmail.env.action == 'preview') - layout_messageview(); - else if (rcmail.env.action == 'compose') - layout_composeview(); + // make iframe footer buttons float if scrolling is active + $('body.iframe .footerleft').each(function(){ + var footer = $(this), + body = $(document.body), + floating = footer.hasClass('floating'), + overflow = body.outerHeight(true) > $(window).height(); + + if (overflow != floating) { + var action = overflow ? 'addClass' : 'removeClass'; + footer[action]('floating'); + body[action]('floatingbuttons'); } - - // make iframe footer buttons float if scrolling is active - $('body.iframe .footerleft').each(function(){ - var footer = $(this), - body = $(document.body), - floating = footer.hasClass('floating'), - overflow = body.outerHeight(true) > $(window).height(); - - if (overflow != floating) { - var action = overflow ? 'addClass' : 'removeClass'; - footer[action]('floating'); - body[action]('floatingbuttons'); - } - }); - }, interval); + }); } /** @@ -431,16 +381,6 @@ function rcube_mail_ui() // STUB } - function adjust_compose_editfields(elem) - { - if (elem.nodeName == 'TEXTAREA') { - var $elem = $(elem), line_height = 14, // hard-coded because some browsers only provide the outer height in elem.clientHeight - content_height = elem.scrollHeight, - rows = elem.value.length > 80 && content_height > line_height*1.5 ? 2 : 1; - $elem.css('height', (line_height*rows) + 'px'); - layout_composeview(); - } - } function layout_composeview() { @@ -484,30 +424,6 @@ function rcube_mail_ui() } - function enable_command(p) - { - if (p.command == 'reply-list' && rcmail.env.reply_all_mode == 1) { - var label = rcmail.gettext(p.status ? 'replylist' : 'replyall'); - if (rcmail.env.action == 'preview') - $('a.button.replyall').attr('title', label); - else - $('a.button.reply-all').text(label).attr('title', label); - } - } - - - /** - * Register a popup menu - */ - function add_popup(popup, config) - { - var obj = popups[popup] = $('#'+popup); - obj.appendTo(document.body); // move it to top for proper absolute positioning - - if (obj.length) - popupconfig[popup] = $.extend(popupconfig[popup] || {}, config || {}); - } - /** * Trigger for popup menus */ @@ -515,7 +431,7 @@ function rcube_mail_ui() { // auto-register menu object if (config || !popupconfig[popup]) - add_popup(popup, config); + popupconfig[popup] = $.extend(popupconfig[popup] || {}, config); var visible = show_popupmenu(popup, show), config = popupconfig[popup]; @@ -530,7 +446,7 @@ function rcube_mail_ui() { var obj = popups[popup], config = popupconfig[popup], - ref = $(config.link ? config.link : '#'+popup+'link'), + ref = $('#'+popup+'link'), above = config.above; if (!obj) { @@ -546,7 +462,7 @@ function rcube_mail_ui() else if (config.toggle && show && obj.is(':visible')) show = false; - if (show && ref.length) { + if (show && ref) { var parent = ref.parent(), win = $(window), pos; @@ -630,11 +546,8 @@ function rcube_mail_ui() mailviewsplit.handle.hide(); } - if (rcmail.message_list) { - if (visible && uid) - rcmail.message_list.scrollto(uid); - rcmail.message_list.resize(); - } + if (visible && uid && rcmail.message_list) + rcmail.message_list.scrollto(uid); rcmail.command('save-pref', { name:'preview_pane', value:(visible?1:0) }); } @@ -643,7 +556,7 @@ function rcube_mail_ui() /** * Switch between short and full headers display in message preview */ - function toggle_preview_headers() + function toggle_preview_headers(button) { $('#preview-shortheaders').toggle(); var full = $('#preview-allheaders').toggle(), @@ -672,19 +585,6 @@ function rcube_mail_ui() /**** popup callbacks ****/ - function menu_open(p) - { - if (p && p.props && p.props.menu == 'attachmentmenu') - show_popupmenu('attachmentmenu'); - else - show_listoptions(); - } - - function menu_save(prop) - { - save_listoptions(); - } - function searchmenu(show) { if (show && rcmail.env.search_mods) { @@ -715,21 +615,6 @@ function rcube_mail_ui() } } - function attachmentmenu(elem) - { - var id = elem.parentNode.id.replace(/^attach/, ''); - - $('#attachmenuopen').unbind('click').attr('onclick', '').click(function(e) { - return rcmail.command('open-attachment', id, this); - }); - - $('#attachmenudownload').unbind('click').attr('onclick', '').click(function() { - rcmail.command('download-attachment', id, this); - }); - - popupconfig.attachmentmenu.link = elem; - rcmail.command('menu-open', {menu: 'attachmentmenu', id: id}); - } function spellmenu(show) { @@ -798,8 +683,7 @@ function rcube_mail_ui() close: function() { $dialog.dialog('destroy').hide(); }, - minWidth: 500, - width: $dialog.width()+25 + width: 650 }).show(); } @@ -868,35 +752,6 @@ function rcube_mail_ui() }); } - function push_contactgroup(p) - { - // lets the contacts list swipe to the left, nice! - var table = $('#contacts-table'), - scroller = table.parent().css('overflow', 'hidden'); - - table.clone() - .css({ position:'absolute', top:'0', left:'0', width:table.width()+'px', 'z-index':10 }) - .appendTo(scroller) - .animate({ left: -(table.width()+5) + 'px' }, 300, 'swing', function(){ - $(this).remove(); - scroller.css('overflow', 'auto') - }); - } - - function pop_contactgroup(p) - { - // lets the contacts list swipe to the left, nice! - var table = $('#contacts-table'), - scroller = table.parent().css('overflow', 'hidden'), - clone = table.clone().appendTo(scroller); - - table.css({ position:'absolute', top:'0', left:-(table.width()+5) + 'px', width:table.width()+'px', height:table.height()+'px', 'z-index':10 }) - .animate({ left:'0' }, 300, 'linear', function(){ - clone.remove(); - $(this).css({ position:'relative', left:'0', width:'100%', height:'auto', 'z-index':1 }); - scroller.css('overflow', 'auto') - }); - } function show_uploadform() { @@ -907,7 +762,7 @@ function rcube_mail_ui() $dialog.dialog('close'); return; } - + // add icons to clone file input field if (rcmail.env.action == 'compose' && !$dialog.data('extended')) { $('<a>') diff --git a/skins/larry/watermark.html b/skins/larry/watermark.html index d1061d1f3..af28d6940 100644 --- a/skins/larry/watermark.html +++ b/skins/larry/watermark.html @@ -9,7 +9,7 @@ html, body { } body { - background: url(images/watermark.jpg) center no-repeat #fff; + background: url(images/watermark.jpg?v=e784.5000) center no-repeat #fff; } </style> |