From 59478e06c25303a790a0840ab2ac30662c4ef781 Mon Sep 17 00:00:00 2001 From: Hugues Hiegel Date: Tue, 5 Aug 2014 16:46:22 +0200 Subject: c'est la merde.. --- skins/classic/mail.css | 388 ++++++++++++++++++++++--------------------------- 1 file changed, 177 insertions(+), 211 deletions(-) (limited to 'skins/classic/mail.css') diff --git a/skins/classic/mail.css b/skins/classic/mail.css index b8cc9f351..89cf0b884 100644 --- a/skins/classic/mail.css +++ b/skins/classic/mail.css @@ -36,7 +36,7 @@ padding: 0; margin: 0 5px; overflow: hidden; - background: url(images/mail_toolbar.png) 0 0 no-repeat transparent; + background: url(images/mail_toolbar.png?v=1594.36649) 0 0 no-repeat transparent; opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ } @@ -107,14 +107,6 @@ background-position: -192px -32px; } -#messagetoolbar a.print { - background-position: -224px 0; -} - -#messagetoolbar a.printSel { - background-position: -224px -32px; -} - #messagetoolbar a.markmessage { background-position: -256px 0; } @@ -163,14 +155,6 @@ background-position: -416px -32px; } -#messagetoolbar a.download { - background-position: -480px 0; -} - -#messagetoolbar a.downloadSel { - background-position: -480px -32px; -} - #messagetoolbar select.mboxlist { position: relative; @@ -189,17 +173,15 @@ } #messagemenu li a.active:hover, -#attachmentmenu li a.active:hover, #markmessagemenu li a.active:hover { color: #fff; background-color: #c00; } -#messagemenu li a, -#attachmentmenu li a +#messagemenu li a { - background: url(images/messageactions.png) no-repeat 7px 0; + background: url(images/messageactions.png?v=e5b9.2211) no-repeat 7px 0; background-position: 7px 20px; } @@ -208,8 +190,7 @@ background-position: 7px 1px; } -#messagemenu li a.downloadlink, -#attachmentmenu li a.downloadlink +#messagemenu li a.downloadlink { background-position: 7px -17px; } @@ -219,8 +200,7 @@ background-position: 7px -35px; } -#messagemenu li a.openlink, -#attachmentmenu li a.openlink +#messagemenu li a.openlink { background-position: 7px -53px; } @@ -233,7 +213,7 @@ #markmessagemenu li a, #compose-attachments li a { - background: url(images/messageicons.png) no-repeat; + background: url(images/messageicons.png?v=9df0.3673) no-repeat; } #markmessagemenu li a.readlink @@ -300,38 +280,10 @@ #messagepartcontainer { position: absolute; - top: 0; - left: 170px; - right: 0; - bottom: 0; -} - -#messagepartheader -{ - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 160px; - border: 1px solid #999999; - background-color: #F9F9F9; - overflow: hidden; -} - -#messagepartheader table -{ - width: 100%; - table-layout: fixed; -} - -#messagepartheader table td -{ - text-overflow: ellipsis; -} - -#messagepartheader table td.title -{ - width: 60px; + top: 80px; + left: 20px; + right: 20px; + bottom: 20px; } #mailcontframe @@ -373,7 +325,31 @@ height: 100%; min-height: 100%; /* Chrome 14 bug */ border: 1px solid #999999; - background-color: #fff; + background-color: #F9F9F9; +} + + +#partheader +{ + position: absolute; + top: 10px; + left: 220px; + right: 20px; + height: 40px; +} + +#partheader table td +{ + padding-left: 2px; + padding-right: 4px; + vertical-align: middle; + font-size: 11px; +} + +#partheader table td.title +{ + color: #666666; + font-weight: bold; } @@ -408,7 +384,7 @@ display: block; position: relative; font-size: 11px; - background: url(images/icons/folders.png) 5px 0 no-repeat; + background: url(images/icons/folders.png?v=87af.4822) 5px 0 no-repeat; border-bottom: 1px solid #EBEBEB; } @@ -417,6 +393,32 @@ border-bottom: none; } +#mailboxlist li div +{ + position: absolute; + left: 8px !important; + left: -16px; + top: 1px; + width: 14px; + height: 16px; +} + +#mailboxlist li div.collapsed, +#mailboxlist li div.expanded +{ + cursor: pointer; +} + +#mailboxlist li div.collapsed +{ + background: url(images/icons/collapsed.png?v=45aa.97) bottom right no-repeat; +} + +#mailboxlist li div.expanded +{ + background: url(images/icons/expanded.png?v=f647.107) bottom right no-repeat; +} + #mailboxlist li.inbox { background-position: 5px -18px; @@ -534,7 +536,7 @@ margin-top: 4px; margin-right: 2px; overflow: hidden; - background: url(images/mail_footer.png) 0 0 no-repeat transparent; + background: url(images/mail_footer.png?v=819f.977) 0 0 no-repeat transparent; opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ } @@ -631,50 +633,42 @@ body.messagelist background-color: #F9F9F9; } -table.messagelist +#messagelist { width: 100%; display: table; table-layout: fixed; - border-collapse: collapse; - border-spacing: 0; - z-index: 1; } -table.messagelist.fixedcopy -{ - z-index: 2; -} - -.messagelist thead tr td +#messagelist thead tr td { height: 20px; padding: 0 4px 0 2px; vertical-align: middle; border-bottom: 1px solid #999999; color: #333333; - background: url(images/listheader.gif) top left repeat-x #CCC; + background: url(images/listheader.gif?v=ab42.314) top left repeat-x #CCC; font-size: 11px; font-weight: bold; } -.messagelist thead tr td.sortedASC, -.messagelist thead tr td.sortedDESC +#messagelist thead tr td.sortedASC, +#messagelist thead tr td.sortedDESC { background-position: 0 -26px; } -.messagelist thead tr td.sortedASC a +#messagelist thead tr td.sortedASC a { - background: url(images/icons/sort.gif) right 0 no-repeat; + background: url(images/icons/sort.gif?v=92aa.144) right 0 no-repeat; } -.messagelist thead tr td.sortedDESC a +#messagelist thead tr td.sortedDESC a { - background: url(images/icons/sort.gif) right -14px no-repeat; + background: url(images/icons/sort.gif?v=92aa.144) right -14px no-repeat; } -.messagelist thead tr td a +#messagelist thead tr td a { display: block; width: auto !important; @@ -683,19 +677,18 @@ table.messagelist.fixedcopy text-decoration: none; } -.messagelist thead tr td.size.sortedASC a, -.messagelist thead tr td.size.sortedDESC a +#messagelist thead tr td.size { - padding-right: 18px; + text-align: left; } -.messagelist thead tr td.subject +#messagelist thead tr td.subject { padding-left: 18px; width: 99%; } -.messagelist tbody tr td +#messagelist tbody tr td { height: 20px; padding: 0; @@ -709,7 +702,7 @@ table.messagelist.fixedcopy cursor: default; } -.messagelist tbody tr td a +#messagelist tbody tr td a { color: #000; text-decoration: none; @@ -717,267 +710,267 @@ table.messagelist.fixedcopy cursor: inherit; } -.messagelist td img +#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 +#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: 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 +#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: 17px; width: 15px; - background: url(images/messageicons.png) center no-repeat; + background: url(images/messageicons.png?v=9df0.3673) center no-repeat; } -.messagelist tr td.attachment span.attachment +#messagelist tr td.attachment span.attachment { background-position: 0 -170px; } -.messagelist tr td.attachment span.report +#messagelist tr td.attachment span.report { background-position: 0 -255px; } -.messagelist tr td.priority span.priority +#messagelist tr td.priority span.priority { background-position: 0 -309px; } -.messagelist tr td.priority span.prio5 +#messagelist tr td.priority span.prio5 { background-position: 0 -358px; } -.messagelist tr td.priority span.prio4 +#messagelist tr td.priority span.prio4 { background-position: 0 -340px; } -.messagelist tr td.priority span.prio3 +#messagelist tr td.priority span.prio3 { background-position: 0 -324px; } -.messagelist tr td.priority span.prio2 +#messagelist tr td.priority span.prio2 { background-position: 0 -309px; } -.messagelist tr td.priority span.prio1 +#messagelist tr td.priority span.prio1 { background-position: 0 -290px; } -.messagelist tr td.flag span.flagged +#messagelist tr td.flag span.flagged { background-position: 0 -153px; } -.messagelist tr td.flag span.unflagged:hover +#messagelist tr td.flag span.unflagged:hover { background-position: 0 -136px; } -.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 -51px; margin: 0 2px; } -.messagelist tr td.subject span.replied +#messagelist tr td.subject span.replied { background-position: 0 -85px; } -.messagelist tr td.subject span.forwarded +#messagelist tr td.subject span.forwarded { background-position: 0 -68px; } -.messagelist tr td.subject span.replied.forwarded +#messagelist tr td.subject span.replied.forwarded { background-position: 0 -102px; } -.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 17px; /* 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.subject span.deleted +#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 +#messagelist tr td.status span.status, +#messagelist tr td.status span.unread, +#messagelist tr td.subject span.unread { background-position: 0 -119px; } -.messagelist tr td div.collapsed +#messagelist tr td div.collapsed { background-position: 0 -221px; cursor: pointer; } -.messagelist tr td div.expanded +#messagelist tr td div.expanded { background-position: 0 -204px; cursor: pointer; } -.messagelist tr td.threads div.listmenu +#messagelist tr td.threads div.listmenu { background-position: 0 -238px; cursor: pointer; } -.messagelist tbody tr td.subject +#messagelist tbody tr td.subject { width: 99%; } -.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; } -.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: 17px; padding: 0 0 0 2px; } -.messagelist tr td.size +#messagelist tr td.size { width: 60px; text-align: right; padding: 0 2px; } -.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: 180px; padding: 0 2px; } -.messagelist tr td.date +#messagelist tr td.date { width: 118px; padding: 0 2px; } -.messagelist tr.message +#messagelist tr.message { background-color: #FFF; } -.messagelist tr.unread +#messagelist tr.unread { font-weight: bold; background-color: #FFFFFF; } -.messagelist tr.flagged td, -.messagelist tr.flagged td a +#messagelist tr.flagged td, +#messagelist tr.flagged td a { color: #CC0000; } -.messagelist tr.selected td +#messagelist tr.selected td { color: #FFFFFF; background-color: #CC3333; } -.messagelist tr.unfocused td +#messagelist tr.unfocused td { color: #FFFFFF; background-color: #929292; } -.messagelist tr.selected td a +#messagelist tr.selected td a { color: #FFFFFF; } -.messagelist tr.unfocused td a +#messagelist tr.unfocused td a { color: #FFFFFF; } -.messagelist tr.deleted td, -.messagelist tr.deleted td a +#messagelist tr.deleted td, +#messagelist tr.deleted td a { color: #CCCCCC; } @@ -1018,7 +1011,7 @@ td span.branch div.tree { height: 17px; width: 15px; - background: url(images/tree.gif) 0px 0px no-repeat; + background: url(images/tree.gif?v=9b73.92) 0px 0px no-repeat; } td span.branch div.l1 @@ -1126,7 +1119,7 @@ table.headers-table tr td.header span min-height: 16px; list-style-image: none; list-style-type: none; - background: url(images/icons/attachment.png) 4px 2px no-repeat #DFDFDF; + background: url(images/icons/attachment.png?v=08f7.518) 4px 2px no-repeat #DFDFDF; } #messageframe #attachment-list @@ -1168,16 +1161,6 @@ table.headers-table tr td.header span text-decoration: underline; } -#attachment-list li a.drop { - background: url(images/icons/down_small.gif) no-repeat center 6px; - width: 12px; - height: 7px; - cursor: pointer; - padding: 5px 0 0; - margin-left: 3px; - display: inline-block; -} - #messagebody { position:relative; @@ -1341,27 +1324,20 @@ div.message-htmlpart div.rcmBody text-decoration: underline; } -#messagelinks +#openextwinlink { position: absolute; top: 8px; right: 10px; - height: 16px; - text-align: right; -} - -#messageframe #messagelinks -{ - top: 2px; - right: 2px; + width: 15px; + height: 15px; + border: 0; } #compose-headers #openextwinlink { - position: absolute; - height: 15px; - top: 4px; - right: 2px; + top: 4px; + right: 2px; } #full-headers @@ -1387,12 +1363,12 @@ div.more-headers div.show-headers { - background: url(images/icons/down_small.gif) no-repeat center; + background: url(images/icons/down_small.gif?v=f368.105) no-repeat center; } div.hide-headers { - background: url(images/icons/up_small.gif) no-repeat center; + background: url(images/icons/up_small.gif?v=c56c.106) no-repeat center; } #headers-source @@ -1592,6 +1568,7 @@ input.from_address #compose-attachments ul li { height: 18px; + line-height: 16px; font-size: 11px; padding-left: 2px; padding-top: 2px; @@ -1629,19 +1606,16 @@ input.from_address vertical-align: middle; } -#upload-form, #attachment-form { padding: 6px; } -#upload-form div, #attachment-form div { padding: 2px; } -#upload-form div.buttons, #attachment-form div.buttons { margin-top: 4px; @@ -1677,7 +1651,7 @@ input.from_address { display: block; font-size: 11px; - background: url(images/icons/folders.png) 5px -108px no-repeat; + background: url(images/icons/folders.png?v=87af.4822) 5px -108px no-repeat; border-bottom: 1px solid #EBEBEB; white-space: nowrap; } @@ -1719,14 +1693,6 @@ input.from_address -o-text-overflow: ellipsis; } -#contacts-table td span.email -{ - display: inline; - color: #ccc; - font-style: italic; - margin-left: 0.5em; -} - #abookcountbar { margin-top: 4px; @@ -1752,7 +1718,7 @@ input.from_address padding-left: 5px; padding-right: 5px; text-shadow: 1px 1px white; - background: url("images/icons/groupactions.png") no-repeat right -70px; + background: url(images/icons/groupactions.png?v=ace6.1092) no-repeat right -70px; } #abookactions a.disabled -- cgit v1.2.3