| | |
| | | * 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 |
| | |
| | | background-position: 6px 2px; |
| | | } |
| | | |
| | | #mailboxlist li:first-child { |
| | | #mailboxlist > li:first-child { |
| | | border-radius: 4px 4px 0 0; |
| | | border-top: 0; |
| | | } |
| | |
| | | background-position: 6px 3px; |
| | | } |
| | | |
| | | #mailboxlist li.mailbox.unread a { |
| | | #mailboxlist li.mailbox.unread > a { |
| | | padding-right: 36px; |
| | | } |
| | | |
| | |
| | | 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; |
| | |
| | | border-top: 1px solid #bbd3da; |
| | | } |
| | | |
| | | #mailboxlist li.mailbox ul li { |
| | | padding-left: 26px; |
| | | } |
| | | |
| | | #mailboxlist li.mailbox ul li a { |
| | | background-position: 6px -93px; |
| | | padding-left: 52px; /* 36 + 1 x 16 */ |
| | | background-position: 22px -93px; /* 6 + 1 x 16 */ |
| | | } |
| | | |
| | | #mailboxlist li.mailbox ul li.selected > a { |
| | | background-position: 6px -117px; |
| | | background-position: 22px -117px; |
| | | } |
| | | |
| | | #mailboxlist li.mailbox ul li:last-child { |
| | | border-bottom: 0; |
| | | } |
| | | |
| | | #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) -3px -144px no-repeat; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | #mailboxlist li.mailbox div.expanded { |
| | | background-position: -3px -168px; |
| | | } |
| | | |
| | | #mailboxlist li.mailbox.selected > div.collapsed { |
| | | background-position: -23px -144px; |
| | | } |
| | | |
| | | #mailboxlist li.mailbox.selected > div.expanded { |
| | | background-position: -23px -168px; |
| | | } |
| | | |
| | | |
| | | #mailboxlist li.mailbox ul li div.collapsed, |
| | | #mailboxlist li.mailbox ul li div.expanded { |
| | | left: 43px; |
| | | #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 -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 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 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 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 { |
| | |
| | | } |
| | | |
| | | #messagelist tr td.date { |
| | | width: 125px; |
| | | width: 135px; |
| | | } |
| | | |
| | | #messagelist tr.message { |
| | |
| | | } |
| | | |
| | | div.hide-headers { |
| | | background-position: center -1589px; |
| | | background-position: center -1600px; |
| | | } |
| | | |
| | | #all-headers { |
| | |
| | | border-radius: 4px; |
| | | } |
| | | |
| | | #messageheader #countcontrols { |
| | | #messageheader #countcontrols, |
| | | #messageheader #formatcontrols { |
| | | position: absolute; |
| | | top: 8px; |
| | | right: 8px; |
| | | text-align: right; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | #messageheader #formatcontrols { |
| | | top: 38px; |
| | | right: 8px; |
| | | } |
| | | |
| | | #messageheader .pagenav .countdisplay { |
| | |
| | | div.message-part pre, |
| | | div.message-htmlpart pre, |
| | | div.message-part div.pre { |
| | | margin: 0px; |
| | | padding: 0px; |
| | | margin: 0; |
| | | padding: 0; |
| | | font-family: monospace; |
| | | font-size: 12px; |
| | | white-space: -moz-pre-wrap !important; |
| | |
| | | } |
| | | |
| | | div.message-part span.sig { |
| | | color: #666666; |
| | | color: #666; |
| | | } |
| | | |
| | | div.message-part blockquote { |
| | |
| | | border-left: 2px solid blue; |
| | | border-right: 2px solid blue; |
| | | background-color: #F6F6F6; |
| | | margin: 2px 0px 2px 0px; |
| | | margin: 2px 0 2px 0; |
| | | padding: 1px 8px 1px 10px; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | div.message-part blockquote blockquote blockquote { |
| | | color: #990000; |
| | | border-left: 2px solid #bb0000; |
| | | border-right: 2px solid #bb0000; |
| | | color: #900; |
| | | border-left: 2px solid #b00; |
| | | border-right: 2px solid #b00; |
| | | } |
| | | |
| | | div.message-partheaders { |
| | |
| | | #messagepartcontainer { |
| | | position: absolute; |
| | | top: 60px; |
| | | left: 0px; |
| | | right: 0px; |
| | | bottom: 0px; |
| | | left: 0; |
| | | right: 0; |
| | | bottom: 0; |
| | | } |
| | | |
| | | #messagepartframe { |
| | |
| | | background: #c7e3ef; |
| | | } |
| | | |
| | | #composequicksearch .searchbox { |
| | | height: 26px; |
| | | } |
| | | |
| | | #composequicksearch .searchbox input { |
| | | width: auto; |
| | | position: absolute; |
| | | left: 0px; |
| | | right: 0px; |
| | | width: 100%; |
| | | height: 26px; |
| | | -moz-box-sizing: border-box; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | #composequicksearch #searchmenulink { |