From b1057a2781fc977846760572ee48997c05ce8cd0 Mon Sep 17 00:00:00 2001 From: alecpl <alec@alec.pl> Date: Tue, 05 Jul 2011 06:08:52 -0400 Subject: [PATCH] - Remove debug code --- skins/default/mail.css | 479 ++++++++++++++++++++++++++++++++++------------------------- 1 files changed, 277 insertions(+), 202 deletions(-) diff --git a/skins/default/mail.css b/skins/default/mail.css index dfaf453..14249da 100644 --- a/skins/default/mail.css +++ b/skins/default/mail.css @@ -1,4 +1,4 @@ -/***** RoundCube|Mail mail task styles *****/ +/***** Roundcube|Mail mail task styles *****/ #messagetoolbar @@ -13,7 +13,7 @@ /* border: 1px solid #cccccc; */ } -#messagetoolbar > a +#messagetoolbar a { display: block; float: left; @@ -27,7 +27,7 @@ width: 32px; height: 32px; padding: 0; - margin-right: 10px; + margin: 0 5px; overflow: hidden; background: url(images/mail_toolbar.png) 0 0 no-repeat transparent; opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ @@ -137,11 +137,6 @@ background-position: -416px -32px; } -#messagetoolbar select -{ - font-size: 11px; -} - #messagetoolbar select.mboxlist { position: relative; @@ -154,24 +149,9 @@ padding-left: 15px; } -#messagetoolbar select.mboxlist option[value="0"] +#messagetoolbar select.mboxlist option[value=""] { padding-left: 2px; -} - -#searchmenu -{ - width: 160px; -} - -#searchmenu ul.toolbarmenu -{ - margin: 0; -} - -#searchmenu ul.toolbarmenu li -{ - margin: 1px 4px 1px; } #messagemenu li a.active:hover, @@ -212,31 +192,36 @@ background-position: 7px -71px; } -#markmessagemenu a.readlink +#markmessagemenu li a { - background: url(images/icons/dot.png) no-repeat 7px 2px; + background: url(images/messageicons.png) no-repeat; } -#markmessagemenu a.unreadlink +#markmessagemenu li a.readlink { - background: url(images/icons/unread.png) no-repeat 7px 2px; + background-position: 7px -51px; } -#markmessagemenu a.flaggedlink +#markmessagemenu li a.unreadlink { - background: url(images/icons/flagged.png) no-repeat 7px 2px; + background-position: 7px -119px; } -#markmessagemenu a.unflaggedlink +#markmessagemenu li a.flaggedlink { - background: url(images/icons/unflagged.png) no-repeat 7px 2px; + background-position: 7px -153px; +} + +#markmessagemenu li a.unflaggedlink +{ + background-position: 7px -136px; } #searchfilter { white-space: nowrap; position: absolute; - right: 190px; + right: 198px; vertical-align: middle; } @@ -383,6 +368,11 @@ border-bottom: 1px solid #EBEBEB; } +#mailboxlist li ul li:last-child +{ + border-bottom: none; +} + #mailboxlist li div { position: absolute; @@ -477,8 +467,8 @@ #mailboxlist ul { list-style: none; padding: 0; - margin:0; - border-top: 1px solid #EBEBEB; + margin: 0; + border-top: 1px solid #EBEBEB; padding-left: 15px; background-position: 25px 1px; background-color: #FFF; @@ -694,50 +684,134 @@ cursor: inherit; } -#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 td span.branch, -#messagelist tbody td img +#messagelist td span, +#messagelist td img { vertical-align: middle; display: inline-block; } -#messagelist tbody td img.msgicon -{ - margin: 0 2px; -} - -#messagelist tr td div.collapsed, -#messagelist tr td div.expanded, -#messagelist tr td img.flagicon, -#messagelist tr td img.msgicon, -#messagelist tbody tr td.flag +#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 +{ + 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.flag span.flagged, +#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 +{ + vertical-align: middle; + height: 17px; + width: 15px; + background: url(images/messageicons.png) center no-repeat; +} + +#messagelist tr td.attachment span.attachment +{ + background-position: 0 -170px; +} + +#messagelist tr td.attachment span.report +{ + background-position: 0 -255px; +} + +#messagelist tr td.flag span.flagged +{ + background-position: 0 -153px; +} + +#messagelist tr td.flag span.unflagged:hover +{ + background-position: 0 -136px; +} + +#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 +{ + background-position: 0 -85px; +} + +#messagelist tr td.subject span.forwarded +{ + background-position: 0 -68px; +} + +#messagelist tr td.subject span.replied.forwarded +{ + background-position: 0 -102px; +} + +#messagelist tr td.status span.msgicon, +#messagelist tr td.status span.unreadchildren +{ + background-position: 0 17px; /* no icon */ +} + +#messagelist tr td.status span.msgicon:hover +{ + background-position: 0 -272px; +} + +#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 +{ + background-position: 0 -119px; +} + #messagelist tr td div.collapsed { - background: url(images/messageactions.png) -1px -91px no-repeat; + background-position: 0 -221px; + cursor: pointer; } #messagelist tr td div.expanded { - background: url(images/messageactions.png) -1px -109px no-repeat; + background-position: 0 -204px; + cursor: pointer; } -#messagelist tbody tr td.flag img:hover, -#messagelist thead tr td.flag img +#messagelist tr td.threads div.listmenu { - background: url(images/icons/unflagged.png) center no-repeat; + background-position: 0 -238px; + cursor: pointer; } #messagelist tbody tr td.subject @@ -748,12 +822,23 @@ #messagelist tbody tr td.subject a { cursor: default; + display: inline-block; + vertical-align: middle; } /* thread parent message with unread children */ #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 +{ + width: 17px; + padding: 0 0 0 2px; } #messagelist tr td.size @@ -830,6 +915,30 @@ color: #CCCCCC; } +#listmenu +{ + padding: 6px; +} + +#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 @@ -861,7 +970,6 @@ } - /** message view styles */ #messageframe @@ -879,7 +987,7 @@ div.messageheaderbox { - margin: 6px 8px 0px 8px; + margin: -14px 8px 0px 8px; border: 1px solid #ccc; } @@ -887,20 +995,14 @@ { width: 100%; background-color: #EBEBEB; - table-layout: fixed; } +#messagebody #full-headers, #messagebody table.headers-table { width: auto; margin: 6px 8px; background-color: #F4F4F4; - border: 1px solid #ccc; -} - -#messageframe table.headers-table -{ - border-bottom: 1px solid #ccc; } table.headers-table tr td @@ -909,49 +1011,49 @@ border-bottom:1px solid #FFFFFF; } -table.headers-table td.header-title +table.headers-table tr td.header-title { - width: 80px; + width: 1%; color: #666666; font-weight: bold; text-align: right; white-space: nowrap; - padding-right: 4px; + padding: 0 4px 0 8px; +} + +table.headers-table tr td.header +{ + width: 99%; } table.headers-table tr td.subject { - width: 90%; font-weight: bold; } -table.headers-table tr td.all +table.headers-table tr td.header span { - width: 100%; - color: #666666; - text-align: left; - padding-right: 10px; - text-align: center; - padding: 2px 6px 4px 6px; - border-bottom: 0; -} - -table.headers-table tr td.more-headers -{ - cursor: pointer; - width: 100%; - height: 8px; - border-bottom: 0; + white-space: nowrap; } #attachment-list { - margin: 0px; - padding: 0px 0px 0px 72px; + margin: 0; + padding: 0 4px 0 8px; min-height: 16px; list-style-image: none; list-style-type: none; - background: url(images/icons/attachment.png) 60px 2px no-repeat #DFDFDF; + background: url(images/icons/attachment.png) 4px 2px no-repeat #DFDFDF; +} + +#messageframe #attachment-list +{ + border-bottom: 1px solid #ccc; +} + +.messageheaderbox #attachment-list +{ + border-top: 1px solid #ccc; } #attachment-list:after @@ -1089,6 +1191,52 @@ border: 0; } +#full-headers +{ + color: #666666; + text-align: center; + padding: 2px 6px; + border-bottom: 1px solid #ccc; + background-color: #EBEBEB; +} + +.messageheaderbox #full-headers +{ + border-bottom: 0; +} + +div.more-headers +{ + cursor: pointer; + height: 8px; + border-bottom: 0; +} + +div.show-headers +{ + background: url(images/icons/down_small.gif) no-repeat center; +} + +div.hide-headers +{ + background: url(images/icons/up_small.gif) no-repeat center; +} + +#headers-source +{ + margin: 0 0 2px 0; + padding: 0.5em; + height: 145px; + background: white; + overflow: auto; + font-size: 11px; + border: 1px solid #999999; + display: none; + text-align: left; + color: #333; +} + + /** message compose styles */ #compose-container @@ -1108,7 +1256,18 @@ bottom: 0; margin: 0; width: 100%; - border: 1px solid #999; +} + +#compose-div .boxfooter +{ + height: 22px; + background: none; + border-top: 0; +} + +#compose-div .boxlistcontent +{ + bottom: 23px; } #compose-body @@ -1120,8 +1279,8 @@ bottom: 0; margin: 0; font-size: 9pt; - border: none; font-family: monospace; + border: 1px solid #999; resize: none; } @@ -1132,8 +1291,8 @@ #compose-headers td.editfield { - padding-right: 5px; - min-width: 200px; + padding-right: 8px; + width: 95%; } #compose-headers td.top @@ -1149,6 +1308,7 @@ font-weight: bold; padding-right: 10px; white-space: nowrap; + color: #666; } #compose-headers td textarea, @@ -1159,59 +1319,45 @@ border: 1px solid #999; } -#compose-headers td select -{ - width: 100%; -} - #compose-headers td textarea { height: 32px; } +input.from_address +{ + width: 80% !important; +} + #compose-cc, #compose-bcc, -#compose-replyto +#compose-replyto, +#compose-followupto { display: none; -} - -#formlinks -{ - text-align: right; - white-space: nowrap; - width: 1%; - padding-left: 5px; -} - -#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: 5px; + right: 0; bottom: 0; text-align: right; - line-height: 22px; +} + +#compose-editorfooter label +{ + font-size: 11px; + font-weight: bold; + color: #666; } #compose-buttons { position: absolute; - left: 40px; - top: 1px; + left: 0; + bottom: 0; + width: auto; } #compose-attachments @@ -1244,6 +1390,8 @@ border-bottom: 1px solid #EBEBEB; white-space: nowrap; overflow: hidden; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; } #compose-attachments ul li img @@ -1267,63 +1415,6 @@ margin-top: 4px; } -td.show-headers -{ - background: url(images/icons/down_small.gif) no-repeat center; -} - -td.hide-headers -{ - background: url(images/icons/up_small.gif) no-repeat center; -} - -#all-headers -{ - height: 150px; - display: none; -} - -#headers-source -{ - margin: 0 5px; - padding: 0.5em; - height: 145px; - background: white; - overflow: auto; - font-size: 11px; - white-space: nowrap; - border: 1px solid #999999; - display: none; - text-align: left; - color: #333; -} - -#listmenu -{ - padding: 6px; -} - -#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; -} - -/** quota indicator */ - #quota { position: absolute; @@ -1339,19 +1430,3 @@ right: 6px; z-index: 101; } - -.quota_text { - text-align: center; - 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; } - -- Gitblit v1.9.1