summaryrefslogtreecommitdiff
path: root/skins/larry/mail.css
diff options
context:
space:
mode:
Diffstat (limited to 'skins/larry/mail.css')
-rw-r--r--skins/larry/mail.css446
1 files changed, 162 insertions, 284 deletions
diff --git a/skins/larry/mail.css b/skins/larry/mail.css
index b65b08112..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 ul ul ul ul li.selected > a {
- background-position: 70px -117px;
+#mailboxlist li.mailbox div.expanded {
+ background-position: -3px -168px;
}
-#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,291 +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: 135px;
+#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 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 {
+#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 {
+#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;
}
@@ -771,6 +691,7 @@ table.messagelist.fixedcopy {
}
#messageheader,
+#partheader,
#composeheaders {
position: relative;
padding: 3px 0;
@@ -905,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 {
@@ -925,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 {
@@ -982,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;
}
@@ -1006,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 {
@@ -1015,8 +936,7 @@ div.hide-headers {
border-radius: 4px;
}
-#messageheader #countcontrols,
-#messageheader #formatcontrols {
+#messageheader #countcontrols {
position: absolute;
top: 8px;
right: 8px;
@@ -1024,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;
@@ -1099,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;
@@ -1109,7 +1024,7 @@ div.message-part div.pre {
}
div.message-part span.sig {
- color: #666;
+ color: #666666;
}
div.message-part blockquote {
@@ -1117,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;
}
@@ -1128,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 {
@@ -1205,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 {
@@ -1217,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 {
@@ -1313,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;
}
@@ -1538,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;
}
generated by cgit v1.2.3 (git 2.39.1) at 2024-04-23 18:10:10 +0000