From 0344b168276f80189e2254c75a762aff5b517b6b Mon Sep 17 00:00:00 2001 From: Aleksander Machniak <alec@alec.pl> Date: Sun, 22 May 2016 06:32:57 -0400 Subject: [PATCH] Fix priority icon(s) position --- skins/larry/mail.css | 405 ++++++++++++++++----------------------------------------- 1 files changed, 118 insertions(+), 287 deletions(-) diff --git a/skins/larry/mail.css b/skins/larry/mail.css index 5e2677f..9e9ec89 100644 --- a/skins/larry/mail.css +++ b/skins/larry/mail.css @@ -14,7 +14,7 @@ position: absolute; top: 0; left: 0; - width: 220px; + width: 200px; bottom: 0; z-index: 2; } @@ -22,7 +22,7 @@ #mailview-right { position: absolute; top: 0; - left: 232px; + left: 212px; right: 0; bottom: 0; z-index: 3; @@ -93,7 +93,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#c6c6c6)); background: -o-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); background: -ms-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); - background: linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); + background: linear-gradient(to bottom, #ebebeb 0%, #c6c6c6 100%); border-radius: 0 0 4px 4px; white-space: nowrap; } @@ -137,241 +137,27 @@ background-position: -26px -497px; } -#mailboxlist li.mailbox { - position: relative; - background-repeat: no-repeat; - background-position: 6px 2px; -} - #mailboxlist > li:first-child { - border-radius: 4px 4px 0 0; border-top: 0; } -#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; +html.mozilla #mailboxlist > li:first-child { + border-radius: 4px 4px 0 0; } -#mailboxlist li.mailbox.unread > a { +.folderlist li.mailbox.unread > a { padding-right: 36px; } -#mailboxlist li.mailbox > a:focus, -#mailboxlist li.mailbox.selected > a { - background-position: 6px -21px; -} - -#mailboxlist li.mailbox.inbox > a { - background-position: 6px -189px; -} - -#mailboxlist li.mailbox.inbox > a:focus, -#mailboxlist li.mailbox.inbox.selected > a { - background-position: 6px -213px; -} - -#mailboxlist li.mailbox.drafts > a { - background-position: 6px -238px; -} - -#mailboxlist li.mailbox.drafts > a:focus, -#mailboxlist li.mailbox.drafts.selected > a { - background-position: 6px -262px; -} - -#mailboxlist li.mailbox.sent > a { - background-position: 6px -286px; -} - -#mailboxlist li.mailbox.sent > a:focus, -#mailboxlist li.mailbox.sent.selected > a { - background-position: 6px -310px; -} - -#mailboxlist li.mailbox.junk > a { - background-position: 6px -334px; -} - -#mailboxlist li.mailbox.junk > a:focus, -#mailboxlist li.mailbox.junk.selected > a { - background-position: 6px -358px; -} - -#mailboxlist li.mailbox.trash > a { - background-position: 6px -382px; -} - -#mailboxlist li.mailbox.trash > a:focus, -#mailboxlist li.mailbox.trash.selected > a { - background-position: 6px -406px; -} - -#mailboxlist li.mailbox.trash.empty > a { - background-position: 6px -1924px; -} - -#mailboxlist li.mailbox.trash.empty > a:focus, -#mailboxlist li.mailbox.trash.empty.selected > a { - background-position: 6px -1948px; -} - -#mailboxlist li.mailbox.archive > a { - background-position: 6px -1699px; -} - -#mailboxlist li.mailbox.archive > a:focus, -#mailboxlist li.mailbox.archive.selected > a { - background-position: 6px -1723px; -} - -#mailboxlist li.mailbox ul li.drafts > a { - background-position: 23px -238px; -} - -#mailboxlist li.mailbox ul li.drafts > a:focus, -#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 > a:focus, -#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 > a:focus, -#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 > a:focus, -#mailboxlist li.mailbox ul li.trash.selected > a { - background-position: 23px -406px; -} - -#mailboxlist li.mailbox ul li.trash.empty > a { - background-position: 23px -1924px; -} - -#mailboxlist li.mailbox ul li.trash.empty > a:focus, -#mailboxlist li.mailbox ul li.trash.empty.selected > a { - background-position: 23px -1948px; -} - -#mailboxlist li.mailbox ul li.archive > a { - background-position: 23px -1699px; -} - -#mailboxlist li.mailbox ul li.archive > a:focus, -#mailboxlist li.mailbox ul li.archive.selected > a { - background-position: 23px -1723px; -} - -#mailboxlist li.unread { +.folderlist li.unread { font-weight: bold; } -#mailboxlist li.virtual > a { - color: #aaa; -} - -#mailboxlist li.recent > a { +.folderlist li.recent > a { 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; - padding: 0; - border-top: 1px solid #bbd3da; -} - -#mailboxlist li.mailbox ul li a { - padding-left: 52px; /* 36 + 1 x 16 */ - background-position: 22px -95px; /* 6 + 1 x 16 */ -} -#mailboxlist li.mailbox ul li > a:focus, -#mailboxlist li.mailbox ul li.selected > a { - background-position: 22px -119px; -} -#mailboxlist li.mailbox ul li div.treetoggle { - left: 33px; - top: 14px; -} - -#mailboxlist li.mailbox ul ul li.mailbox a { - padding-left: 68px; /* 2x */ - background-position: 38px -95px; -} -#mailboxlist li.mailbox ul ul li > a:focus, -#mailboxlist li.mailbox ul ul li.selected > a { - background-position: 38px -119px; -} -#mailboxlist li.mailbox ul ul li div.treetoggle { - left: 48px; -} - -#mailboxlist li.mailbox ul ul ul li.mailbox a { - padding-left: 84px; /* 3x */ - background-position: 54px -95px; -} -#mailboxlist li.mailbox ul ul ul li > a:focus, -#mailboxlist li.mailbox ul ul ul li.selected > a { - background-position: 54px -119px; -} -#mailboxlist li.mailbox ul ul ul li div.treetoggle { - left: 64px; -} - -#mailboxlist li.mailbox ul ul ul ul li.mailbox a { - padding-left: 100px; /* 4x */ - background-position: 70px -95px; -} -#mailboxlist li.mailbox ul ul ul ul li > a:focus, -#mailboxlist li.mailbox ul ul ul ul li.selected > a { - background-position: 70px -119px; -} -#mailboxlist li.mailbox ul ul ul ul li div.treetoggle { - left: 80px; -} - -/* indent folders on levels > 4 */ -#mailboxlist li.mailbox ul ul ul ul ul li { - padding-left: 16px; -} -#mailboxlist li.mailbox ul ul ul ul ul li div.treetoggle { - left: 96px; -} - -#mailboxlist li.mailbox .unreadcount { +.folderlist li.mailbox .unreadcount { position: absolute; top: 3px; right: 6px; @@ -383,11 +169,9 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82acb5), color-stop(100%,#6a939f)); background: -o-linear-gradient(top, #82acb5 0%, #6a939f 100%); background: -ms-linear-gradient(top, #82acb5 0%, #6a939f 100%); - background: linear-gradient(top, #82acb5 0%, #6a939f 100%); + background: linear-gradient(to bottom, #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; @@ -395,30 +179,26 @@ text-shadow: none; } -#mailboxlist li.mailbox.selected > a .unreadcount { +.folderlist li.mailbox.selected > a .unreadcount { background: #005d76; background: -moz-linear-gradient(top, #005d76 0%, #004558 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005d76), color-stop(100%,#004558)); background: -o-linear-gradient(top, #005d76 0%, #004558 100%); background: -ms-linear-gradient(top, #005d76 0%, #004558 100%); - background: linear-gradient(top, #005d76 0%, #004558 100%); + background: linear-gradient(to bottom, #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; } -#mailboxlist li.mailbox.recent > a .unreadcount { +.folderlist li.mailbox.recent > a .unreadcount { background: #017cb4; background: -moz-linear-gradient(top, #017cb4 0%, #006ca4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#017cb4), color-stop(100%,#006ca4)); background: -o-linear-gradient(top, #017cb4 0%, #006ca4 100%); background: -ms-linear-gradient(top, #017cb4 0%, #006ca4 100%); - background: linear-gradient(top, #017cb4 0%, #006ca4 100%); + background: linear-gradient(to bottom, #017cb4 0%, #006ca4 100%); box-shadow: inset 0 1px 1px 0 #005080; - -o-box-shadow: inset 0 1px 1px 0 #005080; -webkit-box-shadow: inset 0 1px 1px 0 #005080; - -moz-box-shadow: inset 0 1px 1px 0 #005080; } #searchfilter { @@ -471,6 +251,9 @@ background-position: -28px -458px; } +#s_interval { + margin: 3px 8px; +} /*** message list ***/ @@ -495,23 +278,11 @@ padding: 2px 3px !important; } -.webkit .messagelist tr > .attachment, -.webkit .messagelist tr > .threads, -.webkit .messagelist tr > .status, -.webkit .messagelist tr > .flag, -.webkit .messagelist tr > .priority { - width: 26px; -} - .messagelist tr > .threads { width: 26px; } -.webkit .messagelist tr > .threads { - width: 30px; -} - -.messagelist tr > .threads, +.messagelist tr > .threads + td, .messagelist tr > .threads + th { border-left: 0; } @@ -655,19 +426,24 @@ } .messagelist tr td.priority span.prio5 { - background-position: 0 -1905px; + background-position: -2px -1905px; } .messagelist tr td.priority span.prio4 { - background-position: 0 -1885px; + background-position: -2px -1885px; } .messagelist tr td.priority span.prio2 { - background-position: 0 -1865px; + background-position: -2px -1865px; } .messagelist tr td.priority span.prio1 { - background-position: 0 -1845px; + background-position: -2px -1845px; +} + +/* thread parent message with flagged children */ +.messagelist tbody tr.flaggedroot td.flag span { + background-position: -23px -1076px; } .messagelist tbody tr td.flag span.flagged { @@ -716,16 +492,16 @@ } */ .messagelist tr td.status span.deleted, -.messagelist tr td.status span.deleted:hover, +.messagelist tr:hover td.status span.deleted, .messagelist tr td.subject span.deleted { - background-position: -22px -1096px; + background-position: -21px -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 { - background-position: 0 -1017px; + background-position: 0 -1017px !important; } .messagelist thead tr th.status span.status { @@ -823,7 +599,7 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f0f0)); background: -o-linear-gradient(top, #fff 0%, #f0f0f0 100%); background: -ms-linear-gradient(top, #fff 0%, #f0f0f0 100%); - background: linear-gradient(top, #fff 0%, #f0f0f0 100%); + background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%); border-bottom: 1px solid #dfdfdf; } @@ -859,7 +635,7 @@ .headers-table td { color: #666; - padding: 2px 8px; + padding: 1px 8px; } .headers-table td.header, @@ -884,7 +660,6 @@ .headers-table td.subject { color: #333; - font-size: 110%; font-weight: bold; } @@ -994,10 +769,8 @@ border: 1px solid #ccc; border-radius: 4px; background: #fdfdfd; - -moz-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1); - -webkit-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1); - -o-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1); box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1); + -webkit-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1); } #headers-source { @@ -1091,24 +864,22 @@ #messagecontent .leftcol, #messagepreview .leftcol { margin-right: 252px; - overflow-x: auto; } #messagecontent .rightcol, #messagepreview .rightcol { - float: right; -/* position: absolute; - top: 10px; - right: 10px; - height: 90%; -*/ + right: 8px; width: 230px; - margin: 8px; min-height: 200px; background: #f0f0f0; padding: 8px; border-radius: 4px; + z-index: 1; +} + +#messagecontent .rightcol { + margin-top: 8px; } #messagebody { @@ -1193,12 +964,13 @@ } div.message-partheaders .headers-table td.header-title { - width: auto; + width: 1%; padding-left: 0; + vertical-align: top; } div.message-partheaders .headers-table td.header { - width: 88%; + width: 99%; } #messagebody > hr { @@ -1227,6 +999,7 @@ #messagebody p.image-attachment { position: relative; padding: 1em; + margin-bottom: 0; border-top: 1px solid #ccc; } @@ -1297,14 +1070,14 @@ position: absolute; top: 0; left: 0; - width: 250px; + width: 200px; bottom: 0; } #composeview-right { position: absolute; top: 0; - left: 262px; + left: 212px; right: 0; bottom: 0; } @@ -1315,6 +1088,10 @@ left: 0; width: 100%; bottom: 0; +} + +#compose-contacts .listsearchbox { + display: block; } #compose-contacts #directorylist { @@ -1475,8 +1252,6 @@ .compose-headers td input { width: 100%; resize: none; - font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; - font-size: 11px; } #compose-cc, #compose-bcc, #compose-replyto, #compose-followupto { @@ -1489,9 +1264,7 @@ white-space: normal; border-top: 1px solid #dfdfdf; box-shadow: inset 0 1px 0 0 #fff; - -o-box-shadow: inset 0 1px 0 0 #fff; -webkit-box-shadow: inset 0 1px 0 0 #fff; - -moz-box-shadow: inset 0 1px 0 0 #fff; } .composeoption { @@ -1532,6 +1305,16 @@ bottom: 42px; } +#composebodycontainer.mailvelope { + right: 0; + z-index: 10; +} + +#composebodycontainer.mailvelope > iframe[scrolling='no'] { + position: relative; + top: -12px; +} + #composebody { position: absolute; top: 0; @@ -1540,23 +1323,19 @@ width: 99%; border: 0; border-radius: 0 0 0 4px; - padding: 8px 0 8px 8px; + padding: 4px; resize: none; font-family: monospace; font-size: 9pt; outline: none; - box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.2); - -moz-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.2); - -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.2); - -o-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.2); + 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); } #composebody:active, #composebody:focus { box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9); - -moz-box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9); -webkit-box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9); - -o-box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9); } #compose-attachments { @@ -1583,17 +1362,17 @@ #compose-attachments.droptarget.active { border-color: #019bc6; box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5); - -moz-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5); -webkit-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5); - -o-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5); } #compose-attachments.droptarget.hover { background-color: #d9ecf4; 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); +} + +#compose-attachments .attachment-size { + color: #888; } #composeview-bottom .formbuttons.floating { @@ -1627,3 +1406,55 @@ margin: 4px 0; } +.mailvelopekeyimport div.key { + position: relative; + margin-bottom: 2px; + padding: 1em; + background-color: #ebebeb; +} + +.mailvelopekeyimport div.key.revoked, +.mailvelopekeyimport div.key.disabled { + color: #a0a0a0; +} + +.mailvelopekeyimport div.key label { + display: inline-block; + margin-right: 0.5em; +} + +.mailvelopekeyimport div.key label:after { + content: ":"; +} + +.mailvelopekeyimport div.key label + a, +.mailvelopekeyimport div.key label + span { + display: inline-block; + margin-right: 2em; + white-space: nowrap; +} + +.mailvelopekeyimport div.key label + a { + font-weight: bold; +} + +.mailvelopekeyimport ul.uids { + margin: 1em 0 0 0; + padding: 0; +} + +.mailvelopekeyimport li.uid { + border: 0; + padding: 0.3em; +} + +.mailvelopekeyimport div.key input.button.importkey { + position: absolute; + top: 0.8em; + right: 0.8em; + padding: 4px 6px; +} + +.mailvelopekeyimport div.key input.button[disabled] { + display: none; +} -- Gitblit v1.9.1