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/larry/mail.css | 446 +++++++++++++++++++-------------------------------- 1 file changed, 162 insertions(+), 284 deletions(-) (limited to 'skins/larry/mail.css') 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; } -- cgit v1.2.3