diff options
author | thomascube <thomas@roundcube.net> | 2011-12-02 17:19:24 +0000 |
---|---|---|
committer | thomascube <thomas@roundcube.net> | 2011-12-02 17:19:24 +0000 |
commit | 879b053e55834030a1d4879292c3e3267c3ffb7f (patch) | |
tree | c92e233e83d4c6a3e8c6f71420026f78c75ef7a7 /skins/larry/mail.css | |
parent | f230739a13b834f8d37936aa0e08d74d0a43b58d (diff) |
New skin continued...
Diffstat (limited to 'skins/larry/mail.css')
-rw-r--r-- | skins/larry/mail.css | 336 |
1 files changed, 335 insertions, 1 deletions
diff --git a/skins/larry/mail.css b/skins/larry/mail.css index 248aaba37..3d7c830ab 100644 --- a/skins/larry/mail.css +++ b/skins/larry/mail.css @@ -33,7 +33,7 @@ top: 0; left: 0; width: 100%; - bottom: 26px; + bottom: 28px; } #mailview-bottom { @@ -100,3 +100,337 @@ border-bottom: 0; } +#searchfilter { + width: 16em; +} + +#messagetoolbar { + position: absolute; + top: 0; + right: 0; + width: auto; + height: 40px; +} + + +/*** 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; +} + +.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: 17px; + padding: 4px 3px; +} + +#messagelist tr td.threads { + width: 26px; +} + +#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: 15px; +} + +#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; +} + +#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; */ +} |