| | |
| | | /***** RoundCube|Mail mail task styles *****/ |
| | | /***** Roundcube|Mail mail task styles *****/ |
| | | |
| | | |
| | | #messagetoolbar |
| | |
| | | background-position: -416px -32px; |
| | | } |
| | | |
| | | #messagetoolbar select, |
| | | #compose-container select |
| | | { |
| | | font-size: 11px; |
| | | } |
| | | |
| | | #messagetoolbar select.mboxlist |
| | | { |
| | | position: relative; |
| | |
| | | font-size: 11px; |
| | | } |
| | | |
| | | td.formlinks a, |
| | | td.formlinks a:visited |
| | | { |
| | | color: #999999; |
| | | font-size: 11px; |
| | | text-decoration: none; |
| | | } |
| | | |
| | | td.formlinks a, |
| | | td.formlinks a:visited |
| | | { |
| | | color: #CC0000; |
| | | } |
| | | |
| | | #mainscreen |
| | | { |
| | | position: absolute; |
| | | top: 85px; |
| | | right: 20px; |
| | | bottom: 16px; |
| | | left: 20px; |
| | | } |
| | | |
| | | #mailleftcontainer |
| | | { |
| | | position: absolute; |
| | | top: 0px; |
| | | left: 0px; |
| | | bottom: 0px; |
| | | top: 0; |
| | | left: 0; |
| | | bottom: 0; |
| | | width: 195px; |
| | | } |
| | | |
| | | #mailrightcontainer |
| | | { |
| | | position: absolute; |
| | | top: 0px; |
| | | top: 0; |
| | | left: 170px; |
| | | bottom: 0px; |
| | | right: 0px; |
| | | bottom: 0; |
| | | right: 0; |
| | | min-width: 600px; |
| | | } |
| | | |
| | | #mailrightcontent |
| | | { |
| | | position: absolute; |
| | | top: 0px; |
| | | left: 0px; |
| | | right: 0px; |
| | | bottom: 20px; |
| | | top: 0; |
| | | left: 0; |
| | | right: 0; |
| | | bottom: 0; |
| | | } |
| | | |
| | | #messagepartcontainer |
| | |
| | | { |
| | | position: absolute; |
| | | width: 100%; |
| | | top: 0px; |
| | | bottom: 0px; |
| | | top: 0; |
| | | bottom: 0; |
| | | border: 1px solid #999999; |
| | | background-color: #F9F9F9; |
| | | overflow: auto; |
| | | overflow-y: auto; |
| | | overflow-x: hidden; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | #mailpreviewframe |
| | |
| | | #mailboxlist-container |
| | | { |
| | | position: absolute; |
| | | top: 0px; |
| | | left: 0px; |
| | | top: 0; |
| | | left: 0; |
| | | width: 100%; |
| | | bottom: 20px; |
| | | bottom: 0; |
| | | border: 1px solid #999; |
| | | background-color: #F9F9F9; |
| | | overflow: auto; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | #mailboxlist |
| | |
| | | list-style-type: none; |
| | | overflow: hidden; |
| | | white-space: nowrap; |
| | | background-color: #FFF; |
| | | } |
| | | |
| | | #mailboxlist li |
| | |
| | | border-top: 1px solid #EBEBEB; |
| | | padding-left: 15px; |
| | | background-position: 25px 1px; |
| | | background-color: #F9F9F9; |
| | | background-color: #FFF; |
| | | color: blue; |
| | | font-weight: normal; |
| | | } |
| | | |
| | | #listcontrols, |
| | | #mailboxcontrols |
| | | #listcontrols |
| | | { |
| | | position: absolute; |
| | | position: relative; |
| | | white-space: nowrap; |
| | | left: 0px; |
| | | bottom: 0px; |
| | | height: 15px; |
| | | left: 4px; |
| | | line-height: 22px; |
| | | width: auto; |
| | | min-width: 300px; |
| | | } |
| | | |
| | | #listcontrols a, |
| | | #listcontrols span, |
| | | #mailboxcontrols a, |
| | | #mailboxcontrols span |
| | | #listcontrols span |
| | | { |
| | | display: block; |
| | | float: left; |
| | | font-size: 11px; |
| | | } |
| | | |
| | | #listcontrols input |
| | | { |
| | | margin-top: 6px; |
| | | } |
| | | |
| | | #listcontrols a.button, |
| | | #listcontrols a.buttonPas, |
| | | #mailboxcontrols a.button, |
| | | #mailboxcontrols a.buttonPas |
| | | #listcontrols a.buttonPas |
| | | { |
| | | display: block; |
| | | float: left; |
| | | width: 15px; |
| | | height: 15px; |
| | | padding: 0; |
| | | margin-top: 4px; |
| | | margin-right: 2px; |
| | | overflow: hidden; |
| | | background: url(images/mail_footer.png) 0 0 no-repeat transparent; |
| | | opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ |
| | | } |
| | | |
| | | #listcontrols a.buttonPas, |
| | | #mailboxcontrols a.buttonPas |
| | | #listcontrols a.buttonPas |
| | | { |
| | | opacity: 0.35; |
| | | } |
| | | |
| | | #mailboxcontrols a.expunge { |
| | | background-position: 0 0; |
| | | } |
| | | |
| | | #mailboxcontrols a.expungesel { |
| | | background-position: 0 -15px; |
| | | } |
| | | |
| | | #mailboxcontrols a.purge { |
| | | background-position: -15px 0; |
| | | } |
| | | |
| | | #mailboxcontrols a.purgesel { |
| | | background-position: -15px -15px; |
| | | } |
| | | |
| | | #listcontrols a.all { |
| | |
| | | |
| | | #countcontrols |
| | | { |
| | | height: 15px; |
| | | position: absolute; |
| | | bottom: 0; |
| | | right: 0; |
| | | top: 4px; |
| | | right: 4px; |
| | | min-width: 25em; |
| | | white-space: nowrap; |
| | | font-size: 11px; |
| | |
| | | #messagelist thead tr td |
| | | { |
| | | height: 20px; |
| | | padding-top: 0px; |
| | | padding-bottom: 0px; |
| | | padding-left: 2px; |
| | | padding-right: 4px; |
| | | padding: 0 4px 0 2px; |
| | | vertical-align: middle; |
| | | border-bottom: 1px solid #999999; |
| | | color: #333333; |
| | |
| | | text-decoration: none; |
| | | } |
| | | |
| | | #messagelist thead tr td.size |
| | | { |
| | | text-align: left; |
| | | } |
| | | |
| | | #messagelist thead tr td.subject |
| | | { |
| | | padding-left: 18px; |
| | | } |
| | | |
| | | #messagelist tbody tr td |
| | | { |
| | | height: 16px; |
| | | padding: 2px; |
| | | height: 20px; |
| | | padding: 0; |
| | | font-size: 11px; |
| | | overflow: hidden; |
| | | vertical-align: middle; |
| | | white-space: nowrap; |
| | | text-overflow: ellipsis; |
| | | -o-text-overflow: ellipsis; |
| | |
| | | cursor: inherit; |
| | | } |
| | | |
| | | #messagelist tbody tr td.subject a |
| | | { |
| | | cursor: default; |
| | | } |
| | | |
| | | #messagelist col |
| | | { |
| | | display: table-column; |
| | | text-align: left; |
| | | vertical-align: middle; |
| | | } |
| | | |
| | | #messagelist thead tr td.subject |
| | | { |
| | | padding-left: 22px; |
| | | } |
| | | |
| | | #messagelist thead tr td.icon, |
| | | #messagelist thead tr td.flag, |
| | | #messagelist thead tr td.threads |
| | | { |
| | | width: 22px; |
| | | padding: 0; |
| | | text-align: center; |
| | | } |
| | | |
| | | #messagelist thead tr td.threads |
| | | #messagelist tr td.icon, |
| | | #messagelist tr td.threads, |
| | | #messagelist tr td.attachment, |
| | | #messagelist tr td.flag |
| | | { |
| | | width: 18px; |
| | | padding: 0px 1px 1px 3px; |
| | | } |
| | | |
| | | #messagelist tbody tr td.flag |
| | | #messagelist tbody td span.branch, |
| | | #messagelist tbody td img |
| | | { |
| | | padding: 2px 3px 2px 3px; |
| | | vertical-align: middle; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | #messagelist tr td span.branch |
| | | { |
| | | display: inline-block; |
| | | width: 15px; |
| | | height: 15px; |
| | | } |
| | | |
| | | #messagelist tbody td img.msgicon |
| | | { |
| | | vertical-align: middle; |
| | | position: relative; |
| | | top: 0px; |
| | | margin-right: 5px; |
| | | margin: 0 2px; |
| | | } |
| | | |
| | | #messagelist tr td div.collapsed, |
| | | #messagelist tr td div.expanded, |
| | | #messagelist tr td img.flagicon, |
| | | #messagelist tr td img.msgicon |
| | | #messagelist tr td img.msgicon, |
| | | #messagelist tbody tr td.flag |
| | | { |
| | | cursor: pointer; |
| | | } |
| | |
| | | background: url(images/icons/unflagged.png) center no-repeat; |
| | | } |
| | | |
| | | #messagelist tr td.subject |
| | | #messagelist tbody tr td.subject |
| | | { |
| | | overflow: hidden; |
| | | vertical-align: middle; |
| | | width: 99%; |
| | | } |
| | | |
| | | #messagelist tbody tr td.subject a |
| | | { |
| | | cursor: default; |
| | | } |
| | | |
| | | /* thread parent message with unread children */ |
| | |
| | | |
| | | #messagelist tr td.size |
| | | { |
| | | width: 70px; |
| | | width: 60px; |
| | | text-align: right; |
| | | vertical-align: middle; |
| | | } |
| | | |
| | | #messagelist thead tr td.size |
| | | { |
| | | text-align: left; |
| | | padding: 0 2px; |
| | | } |
| | | |
| | | #messagelist tr td.from, |
| | |
| | | #messagelist tr td.replyto |
| | | { |
| | | width: 180px; |
| | | vertical-align: middle; |
| | | padding: 0 2px; |
| | | } |
| | | |
| | | #messagelist tr td.date |
| | | { |
| | | width: 118px; |
| | | vertical-align: middle; |
| | | padding: 0 2px; |
| | | } |
| | | |
| | | #messagelist tr.message |
| | | { |
| | | background-color: #FFFFFF; |
| | | background-color: #FFF; |
| | | } |
| | | |
| | | /* |
| | |
| | | color: #CCCCCC; |
| | | } |
| | | |
| | | .quota_text { |
| | | text-align: center; |
| | | font-size: 10px; |
| | | color: #666; |
| | | border: 1px solid #999; |
| | | cursor: default; |
| | | #listmenu |
| | | { |
| | | padding: 6px; |
| | | } |
| | | .quota_bg { background-color: white; } |
| | | .quota_high { background-color: #F33131; } |
| | | .quota_mid { background-color: #F5AD3C; } |
| | | .quota_low { background-color: #91E164; } |
| | | .quota_text_high { color: white; } |
| | | .quota_text_mid { color: #666; } |
| | | .quota_text_low { color: #666; } |
| | | |
| | | |
| | | #listmenu legend |
| | | { |
| | | color: #999999; |
| | | } |
| | | |
| | | #listmenu fieldset |
| | | { |
| | | border: 1px solid #999999; |
| | | margin: 0 5px; |
| | | float: left; |
| | | } |
| | | |
| | | #listmenu div |
| | | { |
| | | padding: 8px 0 3px 0; |
| | | text-align: center; |
| | | clear: both; |
| | | } |
| | | |
| | | /***** tree indicators *****/ |
| | | |
| | | td span.branch div |
| | | { |
| | | float: left; |
| | | height: 16px; |
| | | } |
| | | |
| | | td span.branch div.tree |
| | | { |
| | | height: 17px; |
| | | width: 15px; |
| | | background: url(images/tree.gif) 0px 0px no-repeat; |
| | | } |
| | | |
| | | td span.branch div.l1 |
| | | { |
| | | background-position: 0px 0px; /* L */ |
| | | } |
| | | |
| | | td span.branch div.l2 |
| | | { |
| | | background-position: -30px 0px; /* | */ |
| | | } |
| | | |
| | | td span.branch div.l3 |
| | | { |
| | | background-position: -15px 0px; /* |- */ |
| | | } |
| | | |
| | | |
| | | /** message view styles */ |
| | | |
| | | #messageframe |
| | | { |
| | | position: absolute; |
| | | top: 0px; |
| | | top: 0; |
| | | left: 180px; |
| | | right: 0px; |
| | | bottom: 20px; |
| | | right: 0; |
| | | bottom: 0; |
| | | border: 1px solid #999; |
| | | background-color: #FFF; |
| | | overflow: auto; |
| | |
| | | border: 0; |
| | | } |
| | | |
| | | /** message compose styles */ |
| | | |
| | | #compose-toolbar |
| | | { |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | #priority-selector, |
| | | #receipt-selector |
| | | { |
| | | padding-left: 30px; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | #compose-container |
| | | { |
| | | position: absolute; |
| | | top: 90px; |
| | | left: 205px; |
| | | right: 25px; |
| | | bottom: 30px; |
| | | margin: 0px; |
| | | } |
| | | |
| | | #spellcheck-control |
| | | { |
| | | text-align: right; |
| | | padding-top: 3px; |
| | | } |
| | | |
| | | #editor-select |
| | | { |
| | | float: left; |
| | | } |
| | | |
| | | #compose-div |
| | | { |
| | | position: absolute; |
| | | top: 130px; |
| | | bottom: 30px; |
| | | width: 100%; |
| | | vertical-align: top; |
| | | padding-top: 2px; |
| | | } |
| | | |
| | | #compose-headers |
| | | { |
| | | width: 100%; |
| | | } |
| | | |
| | | #compose-headers td.top |
| | | { |
| | | vertical-align: top; |
| | | } |
| | | |
| | | #compose-headers td.title, |
| | | #compose-subject td.title |
| | | { |
| | | width: 80px !important; |
| | | color: #666666; |
| | | font-size: 11px; |
| | | font-weight: bold; |
| | | padding-right: 10px; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | #compose-body, |
| | | #compose-headers td textarea, |
| | | #compose-headers td input |
| | | { |
| | | width: 100%; |
| | | } |
| | | |
| | | #compose-headers td textarea |
| | | { |
| | | height: 38px; |
| | | } |
| | | |
| | | #compose-cc, |
| | | #compose-bcc, |
| | | #compose-replyto |
| | | { |
| | | display: none; |
| | | } |
| | | |
| | | #compose-body |
| | | { |
| | | min-height: 100px; |
| | | height: 100%; |
| | | font-size: 9pt; |
| | | font-family: monospace; |
| | | } |
| | | |
| | | #compose-attachments |
| | | { |
| | | position: absolute; |
| | | top: 100px; |
| | | left: 20px; |
| | | width: 175px; |
| | | } |
| | | |
| | | #compose-attachments ul |
| | | { |
| | | margin: 0px; |
| | | padding: 0px; |
| | | border: 1px solid #CCCCCC; |
| | | background-color: #F9F9F9; |
| | | list-style-image: none; |
| | | list-style-type: none; |
| | | } |
| | | |
| | | #compose-attachments ul li |
| | | { |
| | | height: 18px; |
| | | font-size: 11px; |
| | | padding-left: 2px; |
| | | padding-top: 2px; |
| | | padding-right: 4px; |
| | | border-bottom: 1px solid #EBEBEB; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | #compose-attachments ul li img |
| | | { |
| | | padding-right: 2px; |
| | | vertical-align: middle; |
| | | } |
| | | |
| | | #attachment-title |
| | | { |
| | | color: #666666; |
| | | font-weight: bold; |
| | | font-size: 11px; |
| | | background: url(images/icons/attachment.png) top left no-repeat; |
| | | padding: 0px 0px 3px 18px; |
| | | margin-left: 3px; |
| | | } |
| | | |
| | | #attachment-form |
| | | { |
| | | padding: 6px; |
| | | } |
| | | |
| | | #attachment-form div |
| | | { |
| | | padding: 2px; |
| | | } |
| | | |
| | | #attachment-form div.buttons |
| | | { |
| | | margin-top: 4px; |
| | | } |
| | | |
| | | td.show-headers |
| | | { |
| | | background: url(images/icons/down_small.gif) no-repeat center; |
| | |
| | | color: #333; |
| | | } |
| | | |
| | | font.bold |
| | | |
| | | /** message compose styles */ |
| | | |
| | | #compose-container |
| | | { |
| | | font-weight: bold; |
| | | position: absolute; |
| | | top: 0; |
| | | left: 185px; |
| | | right: 0; |
| | | bottom: 0; |
| | | margin: 0; |
| | | } |
| | | |
| | | #listmenu |
| | | #compose-div |
| | | { |
| | | position: absolute; |
| | | top: 85px; |
| | | bottom: 0; |
| | | margin: 0; |
| | | width: 100%; |
| | | } |
| | | |
| | | #compose-div .boxfooter |
| | | { |
| | | height: 22px; |
| | | background: none; |
| | | border-top: 0; |
| | | } |
| | | |
| | | #compose-div .boxlistcontent |
| | | { |
| | | bottom: 23px; |
| | | } |
| | | |
| | | #compose-body |
| | | { |
| | | position: absolute; |
| | | left: 0; |
| | | right: 0; |
| | | top: 0; |
| | | bottom: 0; |
| | | margin: 0; |
| | | font-size: 9pt; |
| | | font-family: monospace; |
| | | border: 1px solid #999; |
| | | resize: none; |
| | | } |
| | | |
| | | #compose-headers |
| | | { |
| | | width: 100%; |
| | | } |
| | | |
| | | #compose-headers td.editfield |
| | | { |
| | | padding-right: 8px; |
| | | width: 95%; |
| | | } |
| | | |
| | | #compose-headers td.top |
| | | { |
| | | vertical-align: top; |
| | | } |
| | | |
| | | #compose-headers td.title, |
| | | #compose-subject td.title |
| | | { |
| | | width: 80px !important; |
| | | font-size: 11px; |
| | | font-weight: bold; |
| | | padding-right: 10px; |
| | | white-space: nowrap; |
| | | color: #666; |
| | | } |
| | | |
| | | #compose-headers td textarea, |
| | | #compose-headers td input |
| | | { |
| | | resize: none; |
| | | width: 100%; |
| | | border: 1px solid #999; |
| | | } |
| | | |
| | | #compose-headers td textarea |
| | | { |
| | | height: 32px; |
| | | } |
| | | |
| | | #compose-cc, |
| | | #compose-bcc, |
| | | #compose-replyto |
| | | { |
| | | display: none; |
| | | } |
| | | |
| | | #formlinks a, |
| | | #formlinks a:visited |
| | | { |
| | | color: #999999; |
| | | font-size: 11px; |
| | | text-decoration: none; |
| | | } |
| | | |
| | | #formlinks a, |
| | | #formlinks a:visited |
| | | { |
| | | color: #CC0000; |
| | | } |
| | | |
| | | #compose-editorfooter |
| | | { |
| | | position: absolute; |
| | | right: 0; |
| | | bottom: 0; |
| | | text-align: right; |
| | | } |
| | | |
| | | #compose-editorfooter label |
| | | { |
| | | font-size: 11px; |
| | | font-weight: bold; |
| | | color: #666; |
| | | } |
| | | |
| | | #compose-buttons |
| | | { |
| | | position: absolute; |
| | | left: 0; |
| | | bottom: 0; |
| | | width: auto; |
| | | } |
| | | |
| | | #compose-attachments |
| | | { |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | bottom: 0; |
| | | width: 175px; |
| | | border: 1px solid #999; |
| | | background-color: #F9F9F9; |
| | | } |
| | | |
| | | #compose-attachments ul |
| | | { |
| | | margin: 0px; |
| | | padding: 0px; |
| | | background-color: #FFF; |
| | | list-style-image: none; |
| | | list-style-type: none; |
| | | } |
| | | |
| | | #compose-attachments ul li |
| | | { |
| | | height: 18px; |
| | | font-size: 11px; |
| | | padding-left: 2px; |
| | | padding-top: 2px; |
| | | padding-right: 4px; |
| | | border-bottom: 1px solid #EBEBEB; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | -o-text-overflow: ellipsis; |
| | | } |
| | | |
| | | #compose-attachments ul li img |
| | | { |
| | | padding-right: 2px; |
| | | vertical-align: middle; |
| | | } |
| | | |
| | | #attachment-form |
| | | { |
| | | padding: 6px; |
| | | } |
| | | |
| | | #listmenu legend |
| | | #attachment-form div |
| | | { |
| | | color: #999999; |
| | | padding: 2px; |
| | | } |
| | | |
| | | #listmenu fieldset |
| | | #attachment-form div.buttons |
| | | { |
| | | border: 1px solid #999999; |
| | | margin: 0 5px; |
| | | float: left; |
| | | margin-top: 4px; |
| | | } |
| | | |
| | | #listmenu div |
| | | |
| | | /** quota indicator */ |
| | | |
| | | #quota |
| | | { |
| | | padding: 8px 0 3px 0; |
| | | position: absolute; |
| | | top: 3px; |
| | | right: 8px; |
| | | width: 100px; |
| | | } |
| | | |
| | | #quotaimg |
| | | { |
| | | position: absolute; |
| | | top: 3px; |
| | | right: 6px; |
| | | z-index: 101; |
| | | } |
| | | |
| | | .quota_text { |
| | | text-align: center; |
| | | clear: both; |
| | | font-size: 10px; |
| | | color: #666; |
| | | border: 1px solid #999; |
| | | cursor: default; |
| | | } |
| | | .quota_bg { background-color: white; } |
| | | .quota_high { background-color: #F33131; } |
| | | .quota_mid { background-color: #F5AD3C; } |
| | | .quota_low { background-color: #91E164; } |
| | | .quota_text_high { color: white; } |
| | | .quota_text_mid { color: #666; } |
| | | .quota_text_low { color: #666; } |
| | | |