Page MenuHomePhorge
Files F9892843

No OneTemporary
Actions

Size
42 KB
Referenced Files
None
Subscribers
None

View Options

This document is not UTF8. It was detected as ISO-8859-1 (Latin 1) and converted to UTF8 for display.
diff --git a/skins/larry/images/buttons.png b/skins/larry/images/buttons.png
index c9c1637ad..c86f211f2 100644
Binary files a/skins/larry/images/buttons.png and b/skins/larry/images/buttons.png differ
diff --git a/skins/larry/images/listicons.png b/skins/larry/images/listicons.png
index d0b943621..08c098fe0 100644
Binary files a/skins/larry/images/listicons.png and b/skins/larry/images/listicons.png differ
diff --git a/skins/larry/includes/mailtoolbar.html b/skins/larry/includes/mailtoolbar.html
new file mode 100644
index 000000000..e97e135f5
--- /dev/null
+++ b/skins/larry/includes/mailtoolbar.html
@@ -0,0 +1,71 @@
+<div id="mailtoolbar" class="toolbar">
+<roundcube:if condition="template:name == 'message'" />
+<roundcube:button command="list" type="link" class="button back disabled" classAct="button back" classSel="button back pressed" label="backtolist" />
+<roundcube:else />
+<roundcube:button command="checkmail" type="link" class="button checkmail disabled" classAct="button checkmail" classSel="button checkmail pressed" label="checkmail" />
+<roundcube:endif />
+<roundcube:button command="compose" type="link" class="button compose disabled" classAct="button compose" classSel="button compose pressed" label="writenewmessage" />
+<roundcube:button command="reply" type="link" class="button reply disabled" classAct="button reply" classSel="button reply pressed" label="replytomessage" />
+<span class="dropbutton">
+<roundcube:button command="reply-all" type="link" class="button reply-all disabled" classAct="button reply-all" classSel="button reply-all pressed" label="replytoallmessage" />
+<span id="replyallmenulink" onclick="rcmail_ui.show_popup('replyallmenu');return false"></span>
+</span>
+<span class="dropbutton">
+<roundcube:button command="forward" type="link" class="button forward disabled" classAct="button forward" classSel="button forward pressed" label="forwardmessage" />
+<span id="forwardmenulink" onclick="rcmail_ui.show_popup('forwardmenu');return false"></span>
+</span>
+<roundcube:button command="delete" type="link" class="button delete disabled" classAct="button delete" classSel="button delete pressed" label="deletemessage" />
+<roundcube:container name="toolbar" id="mailtoolbar" />
+<roundcube:if condition="template:name == 'mail'" />
+<roundcube:button name="markmenulink" id="markmenulink" type="link" class="button markmessage" label="markmessages" onclick="rcmail_ui.show_popup('markmenu');return false" />
+<roundcube:endif />
+<roundcube:button name="messagemenulink" id="messagemenulink" type="link" class="button more" label="moreactions" onclick="rcmail_ui.show_popup('messagemenu');return false" />
+<roundcube:if condition="template:name == 'message'" />
+<roundcube:object name="mailboxlist" type="select" noSelection="moveto" maxlength="25" onchange="rcmail.command('moveto', this.options[this.selectedIndex].value)" class="mboxlist" folder_filter="mail" />
+<roundcube:endif />
+</div>
+
+<div id="forwardmenu" class="popupmenu">
+ <ul class="toolbarmenu">
+ <li class="block">
+ <input type="radio" name="forwardtype" value="0" onchange="rcmail.command('save-pref', {name: 'forward_attachment', value: 0, env: 'forward_attachment'});" />
+ <roundcube:button command="forward" label="forwardinline" prop="sub" classAct="forwardlink active" class="forwardlink" />
+ </li>
+ <li class="block">
+ <input type="radio" name="forwardtype" value="1" onchange="rcmail.command('save-pref', {name: 'forward_attachment', value: 1, env: 'forward_attachment'})" />
+ <roundcube:button command="forward-attachment" label="forwardattachment" prop="sub" classAct="forwardattachmentlink active" class="forwardattachmentlink" />
+ </li>
+ <roundcube:container name="forwardmenu" id="forwardmenu" />
+ </ul>
+</div>
+
+<div id="replyallmenu" class="popupmenu">
+ <ul>
+ <li><roundcube:button command="reply-all" label="replyall" prop="sub" classAct="replyalllink active" class="replyalllink" /></li>
+ <li><roundcube:button command="reply-list" label="replylist" prop="sub" classAct="replylistlink active" class="replylistlink" /></li>
+ <roundcube:container name="replyallmenu" id="replyallmenu" />
+ </ul>
+</div>
+
+<div id="messagemenu" class="popupmenu">
+ <ul class="toolbarmenu">
+ <li><roundcube:button class="printlink" command="print" label="printmessage" classAct="printlink active" /></li>
+ <li><roundcube:button class="downloadlink" command="download" label="emlsave" classAct="downloadlink active" /></li>
+ <li><roundcube:button class="editlink" command="edit" label="editasnew" classAct="editlink active" /></li>
+ <li class="separator_below"><roundcube:button class="sourcelink" command="viewsource" label="viewsource" classAct="sourcelink active" /></li>
+ <li><roundcube:button class="openlink" command="open" label="openinextwin" target="_blank" classAct="openlink active" /></li>
+ <roundcube:container name="messagemenu" id="messagemenu" />
+ </ul>
+</div>
+
+<roundcube:if condition="template:name == 'mail'" />
+<div id="markmessagemenu" class="popupmenu">
+ <ul class="toolbarmenu">
+ <li><roundcube:button command="mark" prop="read" label="markread" classAct="readlink active" class="readlink" /></li>
+ <li><roundcube:button command="mark" prop="unread" label="markunread" classAct="unreadlink active" class="unreadlink" /></li>
+ <li><roundcube:button command="mark" prop="flagged" label="markflagged" classAct="flaggedlink active" class="flaggedlink" /></li>
+ <li><roundcube:button command="mark" prop="unflagged" label="markunflagged" classAct="unflaggedlink active" class="unflaggedlink" /></li>
+ <roundcube:container name="markmenu" id="markmessagemenu" />
+ </ul>
+</div>
+<roundcube:endif />
diff --git a/skins/larry/mail.css b/skins/larry/mail.css
index d59fa24ca..8097a95ef 100644
--- a/skins/larry/mail.css
+++ b/skins/larry/mail.css
@@ -1,450 +1,565 @@
/**
* Roundcube webmail styles for the Email section
*
* Copyright (c) 2011, The Roundcube Dev Team
* 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
* by keeping credits to the original autors in the README file.
* See http://creativecommons.org/licenses/by-sa/3.0/ for details.
*
* $Id$
*/
#mailview-left {
position: absolute;
top: 0;
left: 0;
width: 240px;
bottom: 0;
}
#mailview-right {
position: absolute;
top: 0;
left: 250px;
right: 0;
bottom: 0;
}
#mailview-top {
position: absolute;
- top: 0;
+ top: 42px;
left: 0;
width: 100%;
bottom: 28px;
}
#mailview-bottom {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 26px;
}
#mailboxcontainer,
#messagelistcontainer {
position: absolute;
top: 42px;
left: 0;
width: 100%;
bottom: 0;
}
#messagelistcontainer {
+ top: 0;
bottom: 32px;
overflow: auto;
}
#messagelistfooter {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 26px;
padding: 2px;
}
#messagelistfooter #countcontrols {
display: inline-block;
}
#mailboxlist li.mailbox {
- background-position: 8px 2px;
+ position: relative;
background-repeat: no-repeat;
-}
-
-#mailboxlist li.virtual > a {
- color: #aaa;
+ background-position: 6px 2px;
}
#mailboxlist li.mailbox a {
padding-left: 36px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
+ background-image: url(images/listicons.png);
+ background-repeat: no-repeat;
+ background-position: 6px 3px;
+}
+
+#mailboxlist li.mailbox.selected > a {
+ background-position: 6px -21px;
+}
+
+#mailboxlist li.inbox > a {
+ background-position: 6px -189px;
+}
+
+#mailboxlist li.inbox.selected > a {
+ background-position: 6px -213px;
+}
+
+#mailboxlist li.drafts > a {
+ background-position: 6px -238px;
+}
+
+#mailboxlist li.drafts.selected > a {
+ background-position: 6px -262px;
+}
+
+#mailboxlist li.sent > a {
+ background-position: 6px -286px;
+}
+
+#mailboxlist li.sent.selected > a {
+ background-position: 6px -310px;
+}
+
+#mailboxlist li.junk > a {
+ background-position: 6px -334px;
+}
+
+#mailboxlist li.junk.selected > a {
+ background-position: 6px -358px;
+}
+
+#mailboxlist li.trash > a {
+ background-position: 6px -382px;
+}
+
+#mailboxlist li.trash.selected > a {
+ background-position: 6px -406px;
+}
+
+#mailboxlist li.virtual > a {
+ color: #aaa;
}
#mailboxlist li.mailbox ul {
padding: 0;
border-top: 1px solid #bbd3da;
}
#mailboxlist li.mailbox ul li {
- padding-left: 30px;
+ padding-left: 26px;
+}
+
+#mailboxlist li.mailbox ul li a {
+ background-position: 6px -93px;
+}
+
+#mailboxlist li.mailbox ul li.selected a {
+ background-position: 6px -117px;
}
#mailboxlist li.mailbox ul li:last-child {
border-bottom: 0;
}
+#mailboxlist li.mailbox div.collapsed,
+#mailboxlist li.mailbox div.expanded {
+ position: absolute;
+ top: 15px;
+ left: 21px;
+ width: 10px;
+ height: 10px;
+ background: url(images/listicons.png) -5px -146px no-repeat;
+ cursor: pointer;
+}
+
+#mailboxlist li.mailbox div.expanded {
+ background-position: -5px -170px;
+}
+
+#mailboxlist li.mailbox ul li div.collapsed,
+#mailboxlist li.mailbox ul li div.expanded {
+ left: 46px;
+ top: 16px;
+}
+
+#mailboxlist li.mailbox .unreadcount {
+ position: absolute;
+ top: 4px;
+ right: 6px;
+ width: 2.8em;
+ padding: 2px;
+ background: #82acb5;
+ background: -moz-linear-gradient(left, #82acb5 0%, #6a939f 100%);
+ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#82acb5), color-stop(100%,#6a939f));
+ background: -o-linear-gradient(left, #82acb5 0%, #6a939f 100%);
+ background: -ms-linear-gradient(left, #82acb5 0%, #6a939f 100%);
+ background: linear-gradient(left, #82acb5 0%, #6a939f 100%);
+ box-shadow: inset 0 1px 1px 0 #536d72;
+ -o-box-shadow: inset 0 1px 1px 0 #536d72;
+ -webkit-box-shadow: inset 0 1px 1px 0 #536d72;
+ -moz-box-shadow: inset 0 1px 1px 0 #536d72;
+ border-radius: 9px;
+ color: #fff;
+ text-align: center;
+ font-weight: bold;
+ text-shadow: none;
+}
+
+#mailboxlist li.mailbox.selected .unreadcount {
+ background: #005d76;
+ background: -moz-linear-gradient(left, #005d76 0%, #004558 100%);
+ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#005d76), color-stop(100%,#004558));
+ background: -o-linear-gradient(left, #005d76 0%, #004558 100%);
+ background: -ms-linear-gradient(left, #005d76 0%, #004558 100%);
+ background: linear-gradient(left, #005d76 0%, #004558 100%);
+ box-shadow: inset 0 1px 1px 0 #003645;
+ -o-box-shadow: inset 0 1px 1px 0 #003645;
+ -webkit-box-shadow: inset 0 1px 1px 0 #003645;
+ -moz-box-shadow: inset 0 1px 1px 0 #003645;
+}
+
#searchfilter {
width: 16em;
}
#messagetoolbar {
position: absolute;
- top: 0;
+ top: -6px;
right: 0;
- width: auto;
+ left: 15em;
height: 40px;
+ text-align: right;
}
/*** message list ***/
.boxlistcontent table {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
}
.boxlistcontent thead tr td {
font-size: 11px;
font-weight: bold;
background: #d6eaf3;
background: -moz-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0,#e3f2f6), color-stop(14px,#d6eaf3), color-stop(100%,#d6eaf3));
background: -o-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
background: -ms-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px ,#d6eaf3 100%);
background: linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
border-left: 1px solid #bbd3da;
}
.boxlistcontent thead tr td a {
display: block;
padding: 8px 7px;
color: #69939e;
text-decoration: none;
}
.boxlistcontent tbody tr td {
font-size: 11px;
padding: 4px 7px;
border-bottom: 1px solid #ddd;
border-left: 1px dotted #bbd3da;
white-space: nowrap;
cursor: default;
overflow: hidden;
text-overflow: ellipsis;
}
.boxlistcontent thead tr td:first-child,
.boxlistcontent tbody tr td:first-child {
border-left: 0;
}
.boxlistcontent tbody tr td a {
color: #333;
text-decoration: none;
white-space: nowrap;
cursor: default;
}
.boxlistcontent tr.selected td {
color: #fff !important;
background: #019bc6;
background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4));
background: -o-linear-gradient(top, #019bc6 0%, #017cb4 100%);
background: -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%);
background: linear-gradient(top, #019bc6 0%, #017cb4 100%);
}
.boxlistcontent tr.selected td a,
.boxlistcontent tr.selected td span {
color: #fff !important;
}
.boxlistcontent tr.unfocused td {
color: #fff !important;
background: #4db0d2;
}
.boxlistcontent tr.unfocused td a,
.boxlistcontent tr.unfocused td span {
color: #fff !important;
}
.boxlistcontent tr.deleted td,
.boxlistcontent tr.deleted td a {
color: #ccc !important;
}
#messagelist tr td.attachment,
#messagelist tr td.threads,
#messagelist tr td.status,
#messagelist tr td.flag,
#messagelist tr td.priority {
- width: 18px;
+ width: 20px;
padding: 4px 3px;
}
html.chrome #messagelist tr td.attachment,
html.chrome #messagelist tr td.threads,
html.chrome #messagelist tr td.status,
html.chrome #messagelist tr td.flag,
html.chrome #messagelist tr td.priority {
width: 26px;
}
#messagelist tr td.threads {
width: 26px;
}
html.chrome #messagelist tr td.threads {
width: 30px;
}
#messagelist tr td.flag,
#messagelist tr td.status,
#messagelist tr td.threads {
border-left: 0;
}
#messagelist tr td.size {
width: 60px;
text-align: right;
}
#messagelist tr td.from,
#messagelist tr td.to,
#messagelist tr td.cc,
#messagelist tr td.replyto {
width: 180px;
}
#messagelist tr td.date {
width: 118px;
}
#messagelist tr.message {
/* background-color: #fff; */
}
#messagelist tr.unread {
font-weight: bold;
/* background-color: #fff; */
}
#messagelist tr.flagged td,
#messagelist tr.flagged td a {
color: #f30;
}
#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;
}
#messagelist thead tr td.sortedASC a {
background-position: right -944px;
}
#messagelist td img {
vertical-align: middle;
display: inline-block;
}
#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 {
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 {
display: inline-block;
vertical-align: middle;
height: 18px;
width: 20px;
background: url(images/listicons.png) -100px 0 no-repeat;
}
#messagelist tbody tr td.attachment span.attachment {
background-position: 0 -998px;
}
#messagelist thead tr td.attachment span.attachment {
background-position: -24px -997px;
}
/*
#messagelist tr td.attachment span.report {
background-position: 0 -255px;
}
#messagelist tr td.priority span.priority {
background-position: 0 -309px;
}
#messagelist tr td.priority span.prio5 {
background-position: 0 -358px;
}
#messagelist tr td.priority span.prio4 {
background-position: 0 -340px;
}
#messagelist tr td.priority span.prio3 {
background-position: 0 -324px;
}
#messagelist tr td.priority span.prio2 {
background-position: 0 -309px;
}
#messagelist tr td.priority span.prio1 {
background-position: 0 -290px;
}
*/
#messagelist tbody tr td.flag span.flagged {
background-position: 0 -1036px;
}
#messagelist thead tr td.flag span.flagged {
background-position: -24px -1036px;
}
#messagelist tr td.flag span.unflagged:hover {
background-position: 0 -1056px;
}
#messagelist tr td.subject span.msgicon,
#messagelist tr td.subject span.unreadchildren {
background-position: 0 -1056px;
- margin: 0 2px;
+ margin: 0 4px 0 0;
}
#messagelist tr td.subject span.replied {
background-position: 0 -1076px;
}
#messagelist tr td.subject span.forwarded {
background-position: 0 -1096px;
}
#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 {
background-position: 0 1056px; /* no icon */
}
/*
#messagelist tr td.status span.msgicon:hover {
background-position: 0 -272px;
}
#messagelist tr td.status span.deleted,
#messagelist tr td.subject span.deleted {
background-position: 0 -187px;
}
*/
#messagelist tr td.status span.status,
#messagelist tr td.status span.unread,
#messagelist tr td.subject span.unread {
background-position: 0 -1016px;
}
#messagelist tr td div.collapsed {
background-position: 0 -1136px;
cursor: pointer;
}
#messagelist tr td div.expanded {
background-position: 0 -1156px;
cursor: pointer;
}
#messagelist tr td.threads div.listmenu {
background-position: 0 -976px;
cursor: pointer;
width: 26px;
}
#messagelist tbody tr td.subject {
width: 99%;
}
#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 {
text-decoration: underline;
}
/**** tree indicators ****/
#messagelist tbody tr td span.branch div {
float: left;
height: 18px;
}
#messagelist tbody tr td span.branch div.tree {
height: 18px;
width: 15px;
/* background: url(images/tree.gif) 0px 0px no-repeat; */
}
diff --git a/skins/larry/settings.css b/skins/larry/settings.css
index dc46020e1..13c011587 100644
--- a/skins/larry/settings.css
+++ b/skins/larry/settings.css
@@ -1,43 +1,143 @@
/**
* Roundcube webmail styles for the Settings section
*
* Copyright (c) 2011, The Roundcube Dev Team
* 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
* by keeping credits to the original autors in the README file.
* See http://creativecommons.org/licenses/by-sa/3.0/ for details.
*
* $Id$
*/
#settings-sections {
position: absolute;
top: 0;
left: 0;
width: 240px;
bottom: 0;
}
#sectionslist {
position: absolute;
top: 0;
left: 250px;
width: 240px;
bottom: 0;
}
#preferences-box {
position: absolute;
top: 0;
left: 500px;
right: 0;
bottom: 0;
}
#preferences-frame {
border: 0;
border-radius: 4px 4px 0 0;
}
+#sections-table tbody td.section,
+#settings-sections span.listitem a {
+ padding-left: 36px;
+ background: url(images/listicons.png) -100px 0 no-repeat;
+}
+
+#settings-sections span.listitem a {
+ background-position: 6px -862px;
+}
+
+#settings-sections span.selected a {
+ background-position: 6px -887px;
+}
+
+#settings-sections span.preferences a {
+ background-position: 6px -431px;
+}
+
+#settings-sections span.preferences.selected a {
+ background-position: 6px -455px;
+}
+
+#settings-sections span.folders a,
+#sections-table #rcmrowfolders td.section {
+ background-position: 6px 2px;
+}
+
+#settings-sections span.folders.selected a,
+#sections-table #rcmrowfolders.selected td.section {
+ background-position: 6px -22px;
+}
+
+#settings-sections span.identities a {
+ background-position: 6px -478px;
+}
+
+#settings-sections span.identities.selected a {
+ background-position: 6px -502px;
+}
+
+#settings-sections span.about a {
+ background-position: -100px 0;
+}
+
+#sections-table #rcmrowgeneral td.section {
+ background-position: 6px -573px;
+}
+
+#sections-table #rcmrowgeneral.selected td.section {
+ background-position: 6px -598px;
+}
+
+#sections-table #rcmrowmailbox td.section {
+ background-position: 6px -621px;
+}
+
+#sections-table #rcmrowmailbox.selected td.section {
+ background-position: 6px -646px;
+}
+
+#sections-table #rcmrowcompose td.section {
+ background-position: 6px -670px;
+}
+
+#sections-table #rcmrowcompose.selected td.section {
+ background-position: 6px -695px;
+}
+
+#sections-table #rcmrowmailview td.section {
+ background-position: 6px -718px;
+}
+
+#sections-table #rcmrowmailview.selected td.section {
+ background-position: 6px -742px;
+}
+
+#sections-table #rcmrowaddressbook td.section {
+ background-position: 6px -766px;
+}
+
+#sections-table #rcmrowaddressbook.selected td.section {
+ background-position: 6px -791px;
+}
+
+#sections-table #rcmrowserver td.section {
+ background-position: 6px -814px;
+}
+
+#sections-table #rcmrowserver.selected td.section {
+ background-position: 6px -838px;
+}
+
+#sections-table #rcmrowcalendar td.section {
+ background-position: 6px -526px;
+}
+
+#sections-table #rcmrowcalendar.selected td.section {
+ background-position: 6px -550px;
+}
+
diff --git a/skins/larry/styles.css b/skins/larry/styles.css
index 7dca2642d..d251adb8e 100644
--- a/skins/larry/styles.css
+++ b/skins/larry/styles.css
@@ -1,689 +1,753 @@
/**
* Roundcube webmail styles for skin "Larry"
*
* Copyright (c) 2011, The Roundcube Dev Team
* 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
* by keeping credits to the original autors in the README file.
* See http://creativecommons.org/licenses/by-sa/3.0/ for details.
*
* $Id$
*/
body {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
background: url(images/linen.jpg) repeat #d1d5d8;
margin: 0;
}
a {
color: #0069a6;
}
a:visited {
color: #0186ba;
}
img {
border: 0;
}
input[type="text"],
input[type="password"],
textarea {
padding: 4px;
border: 1px solid #b2b2b2;
border-radius: 4px;
box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
-moz-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
-webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
-o-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
}
input[type="text"]:focus,
input[type="password"]:focus,
input.button:focus,
textarea {
border-color: #4787b1;
box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
-moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
-webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
-o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
}
input.placeholder,
textarea.placeholder {
color: #aaa;
}
/*** buttons ***/
input.button {
color: #dddddd;
font-size: 110%;
text-shadow: 1px 1px 1px #333;
padding: 4px 12px;
border: 1px solid #465864;
border-radius: 5px;
background: #7a7b7d;
background: -moz-linear-gradient(top, rgba(123,123,123,1) 0%, rgba(96,96,96,1) 100%); /* FF3.6+ */
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+ */
background: -o-linear-gradient(top, rgba(123,123,123,1) 0%,rgba(96,96,96,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(123,123,123,1) 0%,rgba(96,96,96,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(123,123,123,1) 0%,rgba(96,96,96,1) 100%); /* W3C */
}
input.button:hover {
color: #ededed;
box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6);
-moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6);
-webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6);
-o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6);
}
input.button:active {
color: #fff;
background: -moz-linear-gradient(top, rgba(92,92,92,1) 0%, rgba(123,123,123,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(92,92,92,1)), color-stop(100%,rgba(123,123,123,1)));
background: -o-linear-gradient(top, rgba(92,92,92,1) 0%,rgba(123,123,123,1) 100%);
background: -ms-linear-gradient(top, rgba(92,92,92,1) 0%,rgba(123,123,123,1) 100%);
background: linear-gradient(top, rgba(92,92,92,1) 0%,rgba(123,123,123,1) 100%);
}
input.button.mainaction {
color: #ededed;
border-color: #1f262c;
background: #505050;
background: -moz-linear-gradient(top, rgba(80,80,80,1) 0%, rgba(42,46,49,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,80,82,1)), color-stop(100%,rgba(42,46,49,1)));
background: -o-linear-gradient(top, rgba(80,80,80,1) 0%,rgba(42,46,49,1) 100%);
background: -ms-linear-gradient(top, rgba(80,80,80,1) 0%,rgba(42,46,49,1) 100%);
background: linear-gradient(top, rgba(80,80,80,1) 0%,rgba(42,46,49,1) 100%);
}
input.button.mainaction:active {
color: #fff;
background: rgba(42,46,49,1);
background: -moz-linear-gradient(top, rgba(42,46,49,1) 0%, rgba(80,80,80,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(42,46,49,1)), color-stop(100%,rgba(80,80,80,1)));
background: -o-linear-gradient(top, rgba(42,46,49,1) 0%,rgba(80,80,80,1) 100%);
background: -ms-linear-gradient(top, rgba(42,46,49,1) 0%,rgba(80,80,80,1) 100%);
background: linear-gradient(top, rgba(42,46,49,1) 0%,rgba(80,80,80,1) 100%);
}
input.button[disabled],
input.button[disabled]:hover,
input.button.mainaction[disabled] {
color: #aaa !important;
}
input.mainaction {
font-weight: bold;
}
/** link buttons **/
a.button {
display: inline-block;
margin: 0 3px;
padding: 2px 5px;
color: #525252;
text-shadow: 1px 1px 1px #fff;
border: 1px solid #ddd;
border-radius: 4px;
background: #f7f7f7;
background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
box-shadow: 0 2px 2px 0 #999;
-o-box-shadow: 0 2px 2px 0 #999;
-webkit-box-shadow: 0 2px 2px 0 #999;
-moz-box-shadow: 0 2px 2px 0 #999;
text-decoration: none;
}
a.button.disabled {
color: #999;
}
a.button.disabled span.inner {
opacity: 0.4;
}
a.button.pressed {
background: #e6e6e6;
background: -moz-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f9f9f9));
background: -o-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
background: -ms-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
background: linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
}
.pagenav a.button {
font-weight: bold;
border-color: #e6e6e6;
background: #f7f7f7;
background: -moz-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#bababa));
background: -o-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
background: -ms-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
background: linear-gradient(top, #d8d8d8 0%, #bababa 100%);
}
.pagenav a.button.pressed {
background: #bababa;
background: -moz-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#d8d8d8));
background: -o-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
background: -ms-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
background: linear-gradient(top, #bababa 0%, #d8d8d8 100%);
}
.pagenav a.button span.inner {
display: inline-block;
width: 12px;
height: 12px;
text-indent: -1000px;
background: url(images/buttons.png) -8px -211px no-repeat;
}
.pagenav a.prevpage span.inner {
background-position: -8px -226px;
}
.pagenav a.nextpage span.inner {
- background-position: -8px -241px;
+ background-position: -30px -226px;
}
.pagenav a.lastpage span.inner {
- background-position: -8px -256px;
+ background-position: -30px -211px;
}
.pagenav .countdisplay {
display: inline-block;
padding:0 0.5em;
text-shadow: 1px 1px 1px #fff;
min-width: 20em;
}
a.iconbutton {
display: inline-block;
width: 24px;
height: 18px;
text-decoration: none;
background: url(images/buttons.png) -1000px 0 no-repeat;
}
a.iconbutton.searchoptions {
- background-position: -4px -363px;
+ background-position: -2px -304px;
}
a.iconbutton.reset {
- background-position: -2px -384px;
+ background-position: -25px -303px;
}
/*** message bar ***/
#message div.loading,
#message div.warning,
#message div.error,
#message div.notice,
#message div.confirmation {
color: #555;
font-weight: bold;
padding: 6px 40px 6px 25px;
display: inline-block;
white-space: nowrap;
background: url(images/messages.png) 0 5px no-repeat;
cursor: default;
}
#message div.warning {
color: #960;
background-position: 0 -25px;
}
#message div.error {
color: #cf2734;
background-position: 0 -55px;
}
#message div.confirmation {
color: #093;
background-position: 0 -86px;
}
#message div.loading {
background: url(images/ajaxloader.gif) 2px 6px no-repeat;
}
#message.statusbar {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 27px;
padding-left: 8px;
border-top: 1px solid #ddd;
border-radius: 0 0 4px 4px;
background: #eaeaea;
background: -moz-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#c8c8c8));
background: -o-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
background: -ms-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
background: linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
}
/*** basic page layout ***/
#topline {
height: 18px;
background: url(images/linen_header.jpg) repeat #666;
border-bottom: 1px solid #4f4f4f;
padding: 2px 0 2px 10px;
font-size: 11px;
color: #aaa;
}
#topnav {
height: 46px;
margin-bottom: 10px;
padding: 0 0 0 10px;
background: #3a3a3a;
background: -moz-linear-gradient(top, rgba(64,64,64,1) 0%, rgba(6,6,6,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,64,64,1)), color-stop(100%,rgba(6,6,6,1)));
background: -o-linear-gradient(top, rgba(64,64,64,1) 0%,rgba(6,6,6,1) 100%);
background: -ms-linear-gradient(top, rgba(64,64,64,1) 0%,rgba(6,6,6,1) 100%);
background: linear-gradient(top, rgba(64,64,64,1) 0%,rgba(6,6,6,1) 100%);
}
#topline a,
#topnav a {
color: #eee;
text-decoration: none;
}
#toplogo {
padding-top: 2px;
}
.topleft {
float: left;
}
.topright {
float: right;
}
#topline span.username {
padding-right: 1em;
}
#topline a.support-link {
display: inline-block;
padding: 2px 0;
}
#topline a.button-logout {
display: inline-block;
padding: 2px 10px 2px 20px;
background: url(images/buttons.png) -6px -193px no-repeat;
color: #fff;
}
/*** taskbar ***/
#taskbar a {
display: inline-block;
height: 34px;
padding: 12px 10px 0 6px;
}
#taskbar a span.button-inner {
display: inline-block;
font-size: 110%;
font-weight: normal;
text-shadow: 1px 1px 1px black;
padding: 5px 0 0 34px;
height: 19px;
background: url(images/buttons.png) -1000px 0 no-repeat;
}
#taskbar a.button-selected {
color: #3cf;
background-color: #2c2c2c;
}
#taskbar a.button-mail span.button-inner {
background-position: 0 2px;
}
#taskbar a.button-mail:hover span.button-inner,
#taskbar a.button-mail.button-selected span.button-inner {
background-position: 0 -22px;
}
#taskbar a.button-addressbook span.button-inner {
background-position: 0 -48px;
}
#taskbar a.button-addressbook:hover span.button-inner,
#taskbar a.button-addressbook.button-selected span.button-inner {
background-position: 0 -72px;
}
#taskbar a.button-settings span.button-inner {
background-position: 0 -96px;
}
#taskbar a.button-settings:hover span.button-inner,
#taskbar a.button-settings.button-selected span.button-inner {
background-position: 0 -120px;
}
#taskbar a.button-calendar span.button-inner {
background-position: 0 -144px;
}
#taskbar a.button-calendar:hover span.button-inner,
#taskbar a.button-calendar.button-selected span.button-inner {
background-position: 0 -168px;
}
#mainscreen {
position: absolute;
top: 88px;
left: 10px;
right: 10px;
bottom: 20px;
}
#mainscreen.offset {
top: 130px;
}
.uibox {
border: 1px solid #a3a3a3;
border-radius: 4px;
box-shadow: 0 0 2px #999;
-o-box-shadow: 0 0 2px #999;
-webkit-box-shadow: 0 0 2px #999;
-moz-box-shadow: 0 0 2px #999;
background: #fff;
}
/*** lists ***/
.listbox {
background: #d9ecf4;
overflow: hidden;
}
.listbox .scroller {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
overflow: auto;
}
.listbox .boxtitle + .scroller {
top: 34px;
}
.boxtitle,
.uibox .listing thead td {
font-size: 12px;
font-weight: bold;
padding: 10px 8px 8px 8px;
margin: 0;
text-shadow: 1px 1px 1px #fff;
border-bottom: 1px solid #bbd3da;
}
.uibox .boxtitle,
.uibox .listing thead td {
background: #b0ccd7;
color: #004458;
border-radius: 4px 4px 0 0;
}
.listbox .listitem,
.listing tbody td,
.listing li {
font-size: 11px;
display: block;
border-top: 1px solid #fff;
border-bottom: 1px solid #bbd3da;
cursor: default;
font-weight: normal;
}
.listbox .listitem a,
.listing tbody td,
.listing li a {
display: block;
color: #376572;
text-shadow: 1px 1px 1px #fff;
text-decoration: none;
cursor: default;
padding: 8px 8px 4px 8px;
}
.listbox .listitem.selected,
.listing tbody tr.selected td,
.listing li.selected {
color: #004458;
font-weight: bold;
}
ul.listing {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
table.listing {
width: 100%;
border-spacing: 0;
}
.errobox h3 {
font-size: 16px;
margin-top: 0;
}
/*** iFrames ***/
body.iframe {
background: #fff;
margin: 38px 0 20px 0;
}
body.iframe .boxtitle {
position: fixed;
top: 0;
left: 0;
width: 100%;
color: #777;
background: #eee;
background: -moz-linear-gradient(top, #eee 0%, #dfdfdf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#dfdfdf));
background: -o-linear-gradient(top, #eee 0%, #dfdfdf 100%);
background: -ms-linear-gradient(top, #eee 0%, #dfdfdf 100%);
background: linear-gradient(top, #eee 0%, #dfdfdf 100%);
border-bottom: 1px solid #ccc;
}
.boxcontent {
padding: 10px;
}
.footerleft {
padding: 0 12px;
}
.propform fieldset {
margin-bottom: 20px;
border: 0;
padding: 0;
}
.propform fieldset legend {
display: block;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
table.propform {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
}
table.propform td {
width: 80%;
padding: 4px 10px;
background: #eee;
border-bottom: 2px solid #fff;
}
table.propform td.title {
width: 20%;
color: #333;
padding-right: 20px;
white-space: nowrap;
}
/*** Login form ***/
#login-form {
position: relative;
width: 580px;
margin: 20ex auto 2ex auto;
}
#login-form .box-inner {
width: 430px;
background: url(images/linen_login.jpg) top left no-repeat #5c5c5c;
margin: 0 50px;
padding: 10px 24px 24px 24px;
border: 1px solid #333;
border-radius: 5px;
box-shadow: inset 0 0 1px #ccc;
-o-box-shadow: inset 0 0 1px #ccc;
-webkit-box-shadow: inset 0 0 1px #ccc;
-moz-box-shadow: inset 0 0 1px #ccc;
}
#login-form .box-bottom {
background: url(images/login_shadow.png) top center no-repeat;
margin-top: -3px;
padding-top: 10px;
}
#login-form td.input {
padding: 8px;
}
#login-form input[type="text"],
#login-form input[type="password"] {
width: 24em;
border-color: #666;
}
#login-form input.button {
color: #444;
text-shadow: 1px 1px 1px #fff;
border-color: #f9f9f9;
background: #f9f9f9;
background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(226,226,226,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(226,226,226,1)));
background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(226,226,226,1) 100%);
background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(226,226,226,1) 100%);
background: linear-gradient(top, rgba(249,249,249,1) 0%,rgba(226,226,226,1) 100%);
}
#login-form input.button:active {
color: #333;
background: -moz-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(249,249,249,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,220,220,1)), color-stop(100%,rgba(249,249,249,1)));
background: -o-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(249,249,249,1) 100%);
background: -ms-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(249,249,249,1) 100%);
background: linear-gradient(top, rgba(220,220,220,1) 0%,rgba(249,249,249,1) 100%);
}
#login-form td.title {
color: #cecece;
text-shadow: 1px 1px 1px black;
text-align: right;
padding-right: 1em;
}
#login-form p.buttons {
margin-top: 2em;
text-align: center;
}
#login-form #logo {
margin-bottom: 20px;
}
#login-form #message {
min-height: 40px;
padding: 5px 25px;
}
#login-form #message div {
display: block;
width: 200px;
margin: 0 auto;
}
#bottomline {
font-size: 90%;
text-align: center;
margin-top: 2em;
}
/*** quicksearch **/
#quicksearchbar {
width: 100%;
}
#quicksearchbar input {
width: 176px;
margin: 0;
padding: 5px 26px 5px 38px;
background: #f1f1f1;
border-color: #a3a3a3;
font-weight: bold;
}
#quicksearchbar #searchmenulink {
position: absolute;
top: 5px;
left: 8px;
}
#quicksearchbar #searchreset {
position: absolute;
top: 4px;
- right: 4px;
+ right: 3px;
}
+
+
+/*** toolbar ***/
+
+.toolbar a.button {
+ text-align: center;
+ font-size: 10px;
+ color: #555;
+ min-width: 55px;
+ max-width: 75px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ padding: 28px 2px 2px 2px;
+ text-shadow: 1px 1px 1px #eee;
+ box-shadow: none;
+ -moz-box-shadow: none;
+ -webkit-box-shadow: none;
+ -o-box-shadow: none;
+ background: url(images/buttons.png) -100px 0 no-repeat transparent;
+ border: 0;
+}
+
+.toolbar a.button.disabled {
+ opacity: 0.5;
+}
+
+.toolbar a.button.checkmail {
+ background-position: center -370px;
+}
+
+.toolbar a.button.compose {
+ background-position: center -410px;
+}
+
+.toolbar a.button.reply {
+ background-position: center -450px;
+}
+
+.toolbar a.button.reply-all {
+ background-position: center -490px;
+}
+
+.toolbar a.button.forward {
+ background-position: center -530px;
+}
+
+.toolbar a.button.delete {
+ background-position: center -570px;
+}
+
+.toolbar a.button.markmessage,
+.toolbar a.button.more {
+ background-position: center -730px;
+}
+
+/*** popup menus ***/
+
+.popupmenu {
+ display: none;
+}
+
+
+
diff --git a/skins/larry/templates/mail.html b/skins/larry/templates/mail.html
index d93df4d47..6a1164002 100644
--- a/skins/larry/templates/mail.html
+++ b/skins/larry/templates/mail.html
@@ -1,88 +1,87 @@
<roundcube:object name="doctype" value="html5" />
<html>
<head>
<title><roundcube:object name="pagetitle" /></title>
<roundcube:include file="/includes/links.html" />
</head>
<body>
<roundcube:include file="/includes/header.html" />
<div id="mainscreen">
<div id="mailview-left">
<!-- search box -->
<div id="quicksearchbar">
<roundcube:object name="searchform" id="quicksearchbox" />
<roundcube:button name="searchmenulink" id="searchmenulink" class="iconbutton searchoptions" _onclick="rcmail_ui.show_popup('searchmenu');return false" title="searchmod" content=" " />
<roundcube:button command="reset-search" id="searchreset" class="iconbutton reset" title="resetsearch" content=" " />
</div>
<!-- folders list -->
<div id="mailboxcontainer" class="uibox listbox">
<div class="scroller">
<roundcube:object name="mailboxlist" id="mailboxlist"class="listing" folder_filter="mail" />
</div>
<div class="boxfooter">
<roundcube:button name="mailboxmenulink" id="mailboxmenulink" type="link" title="folderactions" class="listbutton groupactions" _onclick="rcmail_ui.show_popup('mailboxmenu');return false" content=" " />
</div>
</div>
</div>
<div id="mailview-right">
<!-- search filter -->
<div id="searchfilter">
<roundcube:object name="searchfilter" class="searchfilter" />
</div>
<!-- toolbar -->
<div id="messagetoolbar">
-<!-- roundcube:include file="/includes/messagetoolbar.html" /-->
+<roundcube:include file="/includes/mailtoolbar.html" />
</div>
<div id="mailview-top">
<!-- messagelist -->
<div id="messagelistcontainer" class="uibox boxlistcontent">
<roundcube:object name="messages"
id="messagelist"
columns=""
optionsmenuIcon="true" />
</div>
<!-- list footer -->
<div id="messagelistfooter">
<div id="listcontrols">
</div>
<div id="countcontrols" class="pagenav">
<roundcube:object name="messageCountDisplay" class="countdisplay" />
<roundcube:button command="firstpage" type="link" class="button firstpage disabled" classAct="button firstpage" classSel="button firstpage pressed" innerClass="inner" title="firstpage" content="|&amp;lt;" />
<roundcube:button command="previouspage" type="link" class="button prevpage disabled" classAct="button prevpage" classSel="button prevpage pressed" innerClass="inner" title="previouspage" content="&amp;lt;" />
<roundcube:button command="nextpage" type="link" class="button nextpage disabled" classAct="button nextpage" classSel="button nextpage pressed" innerClass="inner" title="nextpage" content="&amp;gt;" />
<roundcube:button command="lastpage" type="link" class="button lastpage disabled" classAct="button lastpage" classSel="button lastpage pressed" innerClass="inner" title="lastpage" content="&amp;gt;|" />
-</div>
-
+ </div>
</div>
</div><!-- end mailview-top -->
<div id="mailview-bottom" class="uibox">
<div id="mailpreviewframe">
</div>
<roundcube:object name="message" id="message" class="statusbar" />
</div><!-- end mailview-bottom -->
</div><!-- end mailview-right -->
</div><!-- end mainscreen -->
</body>
</html>

File Metadata

Mime Type
text/x-diff
Expires
Fri, Aug 21, 3:10 AM (6 h, 21 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
1273074
Default Alt Text
(42 KB)

Event Timeline