From: Michael M Slusarz Date: Wed, 3 Mar 2010 22:05:44 +0000 (-0700) Subject: Move dimp stylesheet files to a separate subdirectory X-Git-Url: https://git.internetallee.de/?a=commitdiff_plain;h=fe87027848c26c92e92961cc588899a03e830680;p=horde.git Move dimp stylesheet files to a separate subdirectory --- diff --git a/framework/Core/lib/Horde.php b/framework/Core/lib/Horde.php index aa6b81706..820252358 100644 --- a/framework/Core/lib/Horde.php +++ b/framework/Core/lib/Horde.php @@ -1760,8 +1760,9 @@ HTML; * false for no theme. * @param array $options Additional options: * 
-     * 'app' - (string)
-     * 'sub' - (string) TODO
+     * 'app' - (string) The current application.
+     * 'sub' - (string) A subdirectory containing additional CSS files to
+     *         load as an overlay to the base CSS files.
      *
* * @return array TODO @@ -1821,13 +1822,13 @@ HTML; foreach ($css_list as $css_name) { $css[$themes_fs . $css_name . '.css'] = $themes_uri . $css_name . '.css'; if ($sub && ($app == $curr_app)) { - $css[$themes_fs . $css_name . '-' . $sub . '.css'] = $themes_uri . $css_name . '-' . $sub . '.css'; + $css[$themes_fs . $sub . '/' . $css_name . '.css'] = $themes_uri . $sub . '/' . $css_name . '.css'; } if (!empty($theme)) { $css[$themes_fs . $theme . '/' . $css_name . '.css'] = $themes_uri . $theme . '/' . $css_name . '.css'; if ($sub && ($app == $curr_app)) { - $css[$themes_fs . $theme . '/' . $css_name . '-' . $sub . '.css'] = $themes_uri . $theme . '/' . $css_name . '-' . $sub . '.css'; + $css[$themes_fs . $theme . '/' . $sub . '/' . $css_name . '.css'] = $themes_uri . $theme . '/' . $sub . '/' . $css_name . '.css'; } } } diff --git a/imp/themes/bluewhite/dimp/screen.css b/imp/themes/bluewhite/dimp/screen.css new file mode 100644 index 000000000..eaeb5954f --- /dev/null +++ b/imp/themes/bluewhite/dimp/screen.css @@ -0,0 +1,6 @@ +#sidebar a:hover, #sidebar a:hover span { + color: #006; +} +.tabset { + border-bottom: none; +} diff --git a/imp/themes/bluewhite/screen-dimp.css b/imp/themes/bluewhite/screen-dimp.css deleted file mode 100644 index eaeb5954f..000000000 --- a/imp/themes/bluewhite/screen-dimp.css +++ /dev/null @@ -1,6 +0,0 @@ -#sidebar a:hover, #sidebar a:hover span { - color: #006; -} -.tabset { - border-bottom: none; -} diff --git a/imp/themes/dimp/ie7.css b/imp/themes/dimp/ie7.css new file mode 100644 index 000000000..2ef2a70b5 --- /dev/null +++ b/imp/themes/dimp/ie7.css @@ -0,0 +1,41 @@ +/** + * CSS corrections for IE 7. + */ + +#sidebar li { + overflow: hidden; +} +#sidebar .folderlist { + overflow-y: auto; +} + +#msgSplitPane { + width: 99.7%; +} + +#to, #cc, #bcc { + overflow: auto; +} + +.block-monthgrid table { + border-width: 2px; +} + +#sidebar li.folder a:hover, #sidebar li.custom a:hover, #sidebar li.servicelink a:hover { + font-weight: bold; + text-decoration: underline; +} + +.dimpOptions span.iconImg { + margin-right: 4px; +} + +.htmlMsgData { + width: 98%; +} + +/* Fixes broken inline-block. */ +div.msgStatus div, #msgHeadersContent .subject span, span.iconImg, span.contextImg, span.spellcheckPopdownImg, span.popdownImg, #qsearch_icon, #qsearch_close, #upload_wait, #noticerow .notices li { + zoom: 1; + *display: inline; +} diff --git a/imp/themes/dimp/screen.css b/imp/themes/dimp/screen.css new file mode 100644 index 000000000..f8385fabd --- /dev/null +++ b/imp/themes/dimp/screen.css @@ -0,0 +1,1033 @@ +/** + * DIMP core CSS. + */ + +/* Make sure we never scroll vertically. */ +html { + overflow-y: hidden; +} + +/* global */ +input { + vertical-align: middle; +} +.nojserror { + color: red; +} + +/* Main container styles. */ +#sidebar { + background: #eee; + bottom: 0; + cursor: default; + left: 0; + padding: 5px 0 0 5px; + position: absolute; + top: 0; +} +#dimpmain { + bottom: 0; + margin-left: 5px; + position: absolute; + right: 3px; + top: 2px; +} + +/* ini header */ +#quota { + float: right; + font-weight: normal; + padding-bottom: 3px; +} +div#quota { + margin: 3px; + border-top-width: 0; +} +#quota .used { + float: left; + width: 100px; + background: maroon url("../graphics/quotaback.jpg") repeat-y; + text-align: right; + border: 1px #000 solid; + margin-right: 2px; +} +#quota .used img { + display: inline; + float: none; + padding: 0; + border-left: 1px #000 solid; + height: 14px; +} +.tabset li#quota { + border-top: 0; +} + +#logo { + display: none; +} +/* end header */ + +/* Portal styles. */ +#dimpmain_portal h1.header a { + cursor: pointer; +} + +/* SpellChecker styles. */ +#spellcheck { + color: #000; +} +.spellcheckChecking, .spellcheckIncorrect { + color: red; +} +.spellcheckCorrected { + color: #090; +} +.spellcheckIncorrect, .spellcheckCorrected { + text-decoration: underline; + cursor: pointer; +} + +/* Splitbar styles. */ +#msgSplitPane { + border-left: 1px silver solid; + border-right: 1px silver solid; + border-bottom: 1px silver solid; +} +.splitBarHoriz, .splitBarVert, .splitBarVertSidebar { + background: #e9e9e9 no-repeat scroll; + z-index: 10; +} +.splitBarHoriz { + background-image: url("../graphics/dragHandle.png"); + background-position: center top; + border-top: 1px solid silver; + border-bottom: 1px solid silver; + cursor: row-resize; + height: 5px; +} +.splitBarVert, .splitBarVertSidebar { + background-image: url("../graphics/dragHandleVert.png"); + background-position: center; + border-right: 1px solid silver; + border-left: 1px solid silver; + cursor: col-resize; + height: 300px; + width: 5px; +} +.splitBarVertSidebar { + position: absolute; +} + +/* Message List */ +.mboxheader { + clear: left; +} +#msgLoading, #viewportLoading, #sendingImg { + position: absolute; + margin: 10px 0 0 10px; +} + +/* Columns */ +div.msgStatus { + float: left; + width: 8%; + text-indent: 0 !important; +} +div.msgStatus div, #msgHeadersContent .subject span { + padding-right: 2px; + background-repeat: no-repeat; + vertical-align: inherit; +} +div.msgFrom { + float: left; + width: 20%; +} +div.msgSubject { + float: left; + width: 52%; +} +div.msgDate { + float: left; + width: 14%; +} +div.msgSize { + float: left; + width: 6%; + margin-right: -4px; +} + +/* Message List Header and Column Header */ +#msglistHeader { + font-weight: bold; + overflow: hidden; + border: 1px solid silver; + border-top: 0; + background: transparent url("../graphics/backhead_orderby.png") repeat-x; +} +#msglistHeader a { + cursor: pointer; +} +#msglistHeader a.smallSort { + font-size: 75%; + font-weight: normal; + padding-left: 4px !important; +} +#msglistHeader div { + padding-top: 1px; + height: 15px; + text-indent: 2px; +} +#msglistHeader div.sortup, #msglistHeader div.sortdown { + padding-left: 0; + background-position: 2px; +} +#msglistHeader div.sortup a, #msglistHeader div.sortdown a { + padding-left: 14px; +} +#msglistHeader div.sep { + border-left: 1px solid #ddd; +} + +/* Message ViewPort */ +span.vpEmpty, span.vpError { + font-weight: bold; +} + +/* Rows */ +div.vpRow, div.vpRow div { + cursor: pointer; + font-size: 95%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; + height: 16px; + border-bottom: 1px; +} +div.vpRowSelected { + background: #ffa !important; +} +div.vpRowHoriz div.sep { + border-right: 1px solid #ddd; +} +div.vpRowHoriz, div.vpRowHoriz div { + text-indent: 2px; +} + +/* Rows: flags. */ +div.flagLowpriority { + font-weight: normal !important; +} +div.flagUnseen { + font-weight: bold; +} +div.flagDeleted { + text-decoration: line-through; +} + +/* Checkbox images */ +div.msCheck { + background-image: url("../graphics/checkbox_off.png"); +} +div.msCheck:hover { + background-image: url("../graphics/checkbox_over.png"); +} +div.vpRowSelected div.msCheck { + background-image: url("../graphics/checkbox_on.png"); +} + +/* Rows (vertical mode) */ +div.vpRowVert { + height: auto; +} +div.vpRowVert div { + font-size: 100%; +} +div.vpRowVert div.msgStatus { + height: 24px; + margin-right: 2px; + padding-top: 8px; + width: 15%; +} +div.vpRowVert div.msgFrom { + font-weight: bold; + width: auto; +} +div.vpRowVert div.msgDate { + float: right; + padding-right: 2px; + text-indent: 2px; + width: auto; +} +div.vpRowVert div.msgSubject { + float: none; + font-style: italic; + margin-right: 2px; + width: auto; +} +div.vpRowVert div.msgSubject span.flagUser { + font-style: normal; +} + +div.vpRowVert.flagUnseen { + font-weight: normal; +} + +/* ViewPort - scroller */ +.vpScroll { + background: url("../graphics/scroller_back.png") repeat-y; +} +.vpScrollCursor { + background: url("../graphics/scroller.png") repeat-y; + border-left: 1px solid silver; + width: 13px; +} +.vpScrollDown, .vpScrollUp { + border-left: 1px solid silver; + height: 16px; + width: 13px; +} +.vpScrollUp { + background-image: url("../graphics/sbcursor_top.png"); +} +.vpScrollDown { + background-image: url("../graphics/sbcursor_bottom.png"); +} + +/* IFRAMEs */ +.iframe { + position: absolute; + left: 0; + top: 0; + border: 0; + width: 100%; + height: 100%; +} + +/* Sidebar */ +#sidebar .sepfull { + height: 1px !important; + margin: 5px 0; + background: silver; +} +#sidebar .count { + color: silver; +} +#sidebar li { + list-style: none; + height: 16px; + line-height: 16px; + padding-top: 1px; + white-space: nowrap; +} +#sidebar li a, #sidebar li.folder, #sidebar li.container, #sidebar li.custom, #sidebar li.servicelink { + color: #000; + font-size: 95%; + text-decoration: none; +} +#sidebar li.servicelink a { + font-weight: bold; +} +#sidebar li.custom { + background: transparent none; +} +#sidebar li.custom img { + float: left; + padding: 1px 4px 0 0; + margin-bottom: -1px; +} +#sidebar li.on { + background: #ffa; +} +#sidebar li.subfolders { + height: auto; + margin: 0; +} +#sidebar li.subfolders ul { + padding-left: 10px; +} +#sidebar span.iconSpan { + background-position: left center; + background-repeat: no-repeat; + display: inline; + float: left; + height: 100%; + width: 20px; +} +#ctx_folder_sub span.contextImg, #ctx_folder_unsub span.contextImg, #ctx_folderopts_sub span.contextImg, #ctx_folderopts_unsub span.contextImg { + background-image: url("../graphics/folders/folder.png"); +} +#sidebar span.col, #ctx_folderopts_collapse span.contextImg, #ctx_container_collapse span.contextImg, #ctx_folder_collapse span.contextImg { + background-image: url("../graphics/folders/minus.png"); +} +#sidebar span.exp, #ctx_folderopts_expand span.contextImg, #ctx_container_expand span.contextImg, #ctx_folder_expand span.contextImg { + background-image: url("../graphics/folders/plus.png"); +} +#normalfolders li.unsubFolder { + font-style: italic; +} +#sidebar .over a, #sidebar li.folder:hover, #sidebar li.custom:hover, #sidebar li.servicelink:hover { + cursor: pointer; + font-weight: bold; + text-decoration: underline; +} +#sidebar .container span.iconSpan { + cursor: pointer; +} + +#logo, #dimpbarActions, #serviceActions, #foldersSidebar, #normalfolders { + overflow-x: hidden; +} + +#folderopts a { + display: inline !important; + padding-right: 1px; +} + +/* Message options. */ +.dimpOptions { + float: right; +} +.dimpOptions div { + line-height: 16px; + padding-bottom: 2px; +} +.dimpOptions span { + cursor: pointer; +} +.dimpOptions .iconImg { + margin-right: 0; +} +.dimpOptions a, .dimpOptions a:visited { + text-decoration: none; + color: #000; +} +.dimpOptions a:hover { + text-decoration: underline; +} + +#priority_label { + cursor: default; + font-weight: bold; +} + +/* Actions */ +.dimpActions { + background: #efefef; + padding: 4px 2px; + border: 1px silver solid; + background: transparent url("../graphics/backhead_s2.png") repeat-x; + height: 16px; +} +.dimpActions div { + cursor: pointer; + float: left; + padding-right: 6px; +} +.dimpActions a, .dimpActions a:visited, .dimpActions label { + color: #000; + font-size: 90%; + font-weight: bold; + white-space: nowrap; + padding: 2px 4px 4px 4px; +} +.dimpActions a img { + margin-right: 4px; + vertical-align: top; +} +.dimpActions a:hover, .dimpActions span.popdown:hover, .dimpActions span.spellcheckPopdownImg:hover, span.popdownImg:hover { + background-color: #e3e3e3; + text-decoration: none; +} +.dimpActions span.spellcheckPopdownImg:hover, span.popdownImg { + border: 0; + margin: 0; +} +.dimpActions .disabled a:hover { + background-color: transparent; +} +.dimpactions .disabled, .dimpActions .disabled a, .dimpActions .disabled a:visited, .dimpActions .disabled a:active, .dimpActions .disabled a:hover { + color: silver !important; + cursor: default; + text-decoration: none; +} +.dimpActions .disabled span.iconImg, .dimpActions .disabled span.spellcheckPopdownImg, .dimpActions .disabled img { + filter: alpha(opacity=25); + -moz-opacity: .25; + opacity: .25; +} +.dimpActions .disabled span.popdown:hover, .dimpActions .disabled span.spellcheckPopdownImg { + border: 0; + cursor: default; + margin: 0; +} + +#button_compose, #button_checkmail { + display: none; +} + +div.dimpActionsCompose, div.dimpActionsMsg { + border-bottom: 1px solid #999; +} + +/* Preview pane styles. */ +#previewPane { + overflow: auto; +} +#previewInfo { + background: transparent url("../graphics/ico_message_off.png") no-repeat scroll 10px 15px; + color: #a0a0a0; + line-height: 18px; + padding: 15px 80px 10px 35px; +} + +/* Headers styles. */ +.msgHeaders { + background: transparent url("../graphics/backhead_r.png") repeat-x; + border-bottom: 1px #b9b9b3 solid; + padding: 2px 0 1px; + font-size: 90%; + overflow: hidden; +} +.msgfullread .msgHeaders { + cursor: default; +} + +.msgHeaders .dimpOptions { + padding: 3px 10px 5px 5px; +} + +.msgHeaders table { + margin-top: -2px; +} +.msgHeaders table thead td { + padding: 0 0 1px 0; +} +.msgHeaders table thead tr { + vertical-align: top; +} +.msgHeaders table thead td.label { + font-weight: bold; + padding-right: 4px; + text-align: right; + white-space: nowrap; +} +.msgfullread .msgHeaders table thead td.label { + padding-left: 3px; +} +.msgHeaders table thead td.subject { + font-weight: bold; +} + +#msgAtc td { + padding-bottom: 0; + padding-top: 1px; +} +.atcLabel, .msgLogLabel { + font-weight: bold; +} +.atcLabel { + padding-right: 5px; +} + +#partlist table { + margin-top: 3px; +} +#partlist td { + padding-bottom: 2px; + padding-right: 3px; +} + +#partlist_toggle span.attachmentImg { + margin-right: 0; +} + +#msgloglist { + padding-top: 4px; +} +#msgloglist ul { + list-style-type: none; +} + +#msgloglist_toggle, #partlist_toggle { + cursor: pointer; +} + +#msgHeadersContent { + overflow: hidden; +} + +/* ini msg small header */ +#toggleHeaders { + float: left; +} +#msgHeadersColl { + margin: 0 6px; + white-space: nowrap; +} +#msgHeadersColl span.date { + float: right; + text-align: right; +} +#msgHeadersColl span.subject, #msgHeadersColl span.from { + overflow: hidden; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; +} +#msgHeadersColl span.subject { + float: left; + font-weight: bold; + max-width: 50%; + padding-left: 2px; +} +#msgHeadersColl span.fromcontainer { + padding-left: 5px; +} +#msgHeadersColl span.from { + max-width: 40%; +} +/* end msg small header */ + +/* Message body formatting. */ +.messageBody { + background: #fff url("../graphics/backhead_shadow.png") top repeat-x; + border: 0; + padding: 7px 5px 5px; +} +.msgfullread div.messageBody { + overflow: auto; +} + +/* Message Composition. */ +.composeAddrbook { + color: blue; + cursor: pointer; + text-decoration: underline; +} +.composeAddrbook:hover { + font-weight: bold; +} + +.msgwrite { + background: #e2e2e2 url("../graphics/backhead_r.png") repeat-x; + border: 1px #b9b9b3 solid; + cursor: default; + padding: 2px 0; +} +.msgwrite .dimpOptions { + padding: 8px 8px 0 0; + font-size: 90%; +} +.msgwrite .dimpOptions div { + padding-bottom: 0; +} +.msgwrite .dimpOptions label, #replyallnotice, #replylistnotice { + cursor: pointer; +} +.msgwrite tr { + vertical-align: top; +} +.msgwrite td { + font-size: 90%; +} +.msgwrite td.label { + white-space: nowrap; + text-align: right; + padding: 4px 4px 0 4px; +} +.msgwrite span.loadingImg { + float: right; + margin-left: 3px; + padding: 1px; +} + +#noticerow .notices li { + display: -moz-inline-stack; + display: inline-block; +} + +#composeMessageParent { + background: #fff url("../graphics/backhead_shadow.png") top repeat-x; + border-left: 1px silver solid; + border-right: 1px silver solid; + border-bottom: 1px silver solid; + padding: 10px 5px 5px; +} +#composeMessage { + border: none; + margin: 0; + padding: 0; + width: 100%; +} + +#rteloading { + position: absolute; + z-index: 100; + background-color: #000; + filter: alpha(opacity=35); + -moz-opacity: .35; + opacity: .35; +} +#rteloadingtxt { + position: absolute; + background-color: #fff; + z-index: 101; +} + +/* Attachment file list */ +#attach_list { + padding-left: 15px; +} +#attach_list li { + padding-top: 5px; +} +#attach_list span.remove { + border: 1px solid #ccc; + font-weight: bold; + padding: 1px; +} +#attach_list span.attachName, #attach_list span.remove:hover { + cursor: pointer; + text-decoration: underline; +} +#attach_list span.attachName { + color: blue; +} +#attach_list span.attachName:hover, #attach_list span.remove:hover { + color: red; +} + +#upload_wait { + display: -moz-inline-stack; + display: inline-block; + font-weight: bold; + padding-top: 2px; +} + +span.attachmentImg { + background-image: url("../graphics/attachment.png"); +} + +/* Context Menus */ +.context div.contactAddr { + font-style: italic; + text-align: center; +} + +/* Email Addresses. */ +a.address { + cursor: pointer; + padding: 2px; + position: static; + text-decoration: underline; + white-space: nowrap; +} +a.address img { + display: none; + vertical-align: top; +} +a.address:hover { + background: #fff; + border: 1px silver solid; + padding: 1px; + text-decoration: none; +} +a.address:hover img { + display: inline; + padding-left: 4px; +} + +/* Drag and drop styles. */ +.drag, .dragdrop, .folderdrag, .msgdrag { + background: #eee; + border: 1px solid #ccc; + font-size: 12px; + overflow: hidden; + z-index: 999; +} +.dragdrop { + color: red; +} +.dragdrop, .folderdrag, .msgdrag { + padding: 2px; +} + +/* Search-related styles */ +#qsearch { + background-color: #f3f3f3; + border: 1px solid #999; + cursor: default; + float: right; + margin-top: -2px; + padding-left: 1px; + padding-right: 1px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; +} +#qsearch form { + display: inline; +} +#qsearch_icon, #qsearch_close { + cursor: pointer; + padding: 2px 0 0; +} +#qsearch_icon { + background: #f3f3f3 url("../graphics/search.png") center no-repeat; + padding-top: 2px; +} +#qsearch_input { + border: none; + color: #a0a0a0; + margin-bottom: 1px; + padding: 0; + width: 150px; +} +#qsearch_close_filter { + cursor: pointer; + padding-right: 3px; + vertical-align: middle; +} +.qsearchFocus, .qsearchFocus #qsearch_icon, .qsearchFocus #qsearch_input { + background-color: #fff !important; +} +.qsearchFocus #qsearch_input { + color: #000 !important; +} +.qsearchMatch { + font-weight: bold; + text-decoration: underline; +} + +/* Redbox styles. */ +.RBForm { + width: 20em; + padding: 6px; + border: 1px solid #ccc; +} +.RBForm input { + margin: .2em; +} + +/* Popup message styling. */ +.headercloseimg { + float: right !important; + cursor: pointer; +} +#compose_close { + margin-top: 1px; +} + +/* Keyboard key style */ +.kbd { + background: #eee; + color: #000; + white-space: nowrap; + padding: 1px 2px; + border: 1px solid #888; + font-size: 90%; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} + +/* Images */ +div.msgStatus div, #msgHeadersContent .subject span, span.iconImg, span.contextImg, span.spellcheckPopdownImg, span.popdownImg, #qsearch_icon, #qsearch_close { + display: -moz-inline-stack; + display: inline-block; + height: 16px; + width: 16px; + vertical-align: top; +} + +span.iconImg, span.contextImg, span.spellcheckPopdownImg { + margin-right: 4px; +} + +/* Sidebar images. */ +span.infoIcon { + background-image: url("../graphics/info_icon.png"); +} +span.filtersIcon { + background-image: url("../graphics/filters.png"); +} +span.hordeIcon { + background-image: url("../graphics/horde.png"); +} +span.prefsIcon { + background-image: url("../graphics/prefs.png"); +} +span.logoutIcon { + background-image: url("../graphics/logout.png"); +} + +/* Dimp action images. */ +span.dimpactionReply { + background-image: url("../graphics/reply.png"); +} +span.dimpactionForward { + background-image: url("../graphics/forward.png"); +} +span.dimpactionSpam { + background-image: url("../graphics/spam.png"); +} +span.dimpactionHam { + background-image: url("../graphics/ham.png"); +} +span.dimpactionCompose { + background-image: url("../graphics/compose.png"); +} +span.dimpactionCheckmail { + background-image: url("../graphics/checkmail.png"); +} +span.dimpactionRefresh { + background-image: url("../graphics/reload.png"); +} +span.dimpactionDelete { + background-image: url("../graphics/delete.png"); +} +span.dimpactionOther { + background-image: url("../graphics/plus.png"); +} +span.dimpactionSpellcheck { + background-image: url("../graphics/spellcheck.png"); +} +span.dimpactionDrafts { + background-image: url("../graphics/drafts.png"); +} + +/* Context menu images */ +#ctx_message_reply span.contextImg { + background-image: url("../graphics/reply.png"); +} +#ctx_reply_reply span.contextImg, #ctx_reply_reply_all span.contextImg, #ctx_reply_reply_list span.contextImg { + background-image: url("../graphics/replyall.png"); +} +#ctx_message_forward span.contextImg, #ctx_forward_attach span.contextImg, #ctx_forward_body span.contextImg, #ctx_forward_both span.contextImg { + background-image: url("../graphics/forward.png"); +} +#ctx_folder_empty span.contextImg, #ctx_message_deleted span.contextImg, #ctx_draft_deleted span.contextImg, #oa_purge_deleted span.contextImg { + background-image: url("../graphics/delete.png"); +} +#ctx_message_undeleted span.contextImg, #ctx_draft_undeleted span.contextImg, #oa_undeleted span.contextImg { + background-image: url("../graphics/undelete.png"); +} +#ctx_folder_seen span.contextImg { + background-image: url("../graphics/mail_seen.png"); +} +#ctx_folder_unseen span.contextImg, #ctx_folder_poll span.contextImg, #ctx_folder_nopoll span.contextImg { + background-image: url("../graphics/mail_unseen.png"); +} +#ctx_message_setflag span.contextImg, #ctx_draft_setflag span.contextImg, #oa_setflag span.contextImg, #ctx_folder_setflag span.contextImg { + background-image: url("../graphics/mail_flagged.png"); +} +#ctx_message_unsetflag span.contextImg, #ctx_draft_unsetflag span.contextImg, #oa_unsetflag span.contextImg { + background-image: url("../graphics/mail_clearflag.png"); +} +#ctx_message_source span.contextImg, #msg_view_source span.iconImg { + background-image: url("../graphics/message_source.png"); +} +#ctx_draft_resume span.contextImg { + background-image: url("../graphics/mail_draft.png"); +} +#oa_preview_hide span.contextImg, #oa_preview_show span.contextImg { + background-image: url("../graphics/preview.png"); +} +#oa_layout_horiz span.contextImg { + background-image: url("../graphics/application_tile_vertical.png"); +} +#oa_layout_vert span.contextImg { + background-image: url("../graphics/application_tile_horizontal.png"); +} +#oa_selectall span.contextImg { + background-image: url("../graphics/tick.png"); +} +#ctx_folder_create span.contextImg, #ctx_container_create span.contextImg, #ctx_folderopts_new span.contextImg { + background-image: url("../graphics/folders/create.png"); +} +#ctx_folder_rename span.contextImg, #ctx_container_rename span.contextImg, #ctx_vfolder_edit span.contextImg { + background-image: url("../graphics/folders/edit.png"); +} +#ctx_folder_delete span.contextImg, #ctx_vfolder_delete span.contextImg { + background-image: url("../graphics/folders/delete.png"); +} +#ctx_message_spam span.contextImg { + background-image: url("../graphics/spam.png"); +} +#ctx_message_ham span.contextImg { + background-image: url("../graphics/ham.png"); +} +#ctx_message_blacklist span.contextImg, #oa_blacklist span.contextImg { + background-image: url("../graphics/blacklist.png"); +} +#ctx_message_whitelist span.contextImg, #oa_whitelist span.contextImg { + background-image: url("../graphics/whitelist.png"); +} +#ctx_contacts_new span.contextImg { + background-image: url("../graphics/compose.png"); +} +#ctx_contacts_add span.contextImg { + background-image: url("../graphics/add_contact.png"); +} +#ctx_folderopts_reload span.contextImg { + background-image: url("../graphics/reload.png"); +} +#ctx_flag span.contextImg.flagUser { + border: 1px black solid; + height: 15px; + width: 15px; +} +div.vpRow div.msgSubject span.flagUser { + font-size: 90%; + font-weight: normal; + margin-right: 3px; +} + +/* Thread images */ +div.msgSubject span.treeImg { + margin-top: -4px; + margin-right: 1px; +} + +/* Other images */ +#msg_newwin span.iconImg, #msg_newwin_options span.iconImg { + background-image: url("../graphics/newwin.png"); +} +#msg_newwin span.iconImg { + cursor: pointer; + float: right; + margin-left: 4px; + margin-right: 0; +} +#th_expand span.iconImg, #partlist_col, #msgloglist_col { + background-image: url("../graphics/arrow_collapsed.png"); + cursor: pointer; + margin-right: 0; +} +#th_collapse span.iconImg, #partlist_exp, #msgloglist_exp { + background-image: url("../graphics/arrow_expanded.png"); + cursor: pointer; + margin-right: 0; +} + +span.popdownImg, span.spellcheckPopdownImg { + background-image: url("../graphics/popdown.png"); + margin-right: 0; + margin-left: 0; +} +span.keyupImg { + background-image: url("../graphics/key_up.png"); +} +span.keydownImg { + background-image: url("../graphics/key_down.png"); +} +span.readonlyImg { + background-image: url("../graphics/locked.png"); + vertical-align: sub; +} + +/* Growler notification styles. */ +#Growler div.imp-reply, span.imp-reply { + background-image: url("../graphics/mail_answered.png"); +} +#Growler div.imp-forward, div.imp-redirect, span.imp-forward, span.imp-redirect { + background-image: url("../graphics/mail_forwarded.png"); +} diff --git a/imp/themes/dimp/webkit.css b/imp/themes/dimp/webkit.css new file mode 100644 index 000000000..ce58f690f --- /dev/null +++ b/imp/themes/dimp/webkit.css @@ -0,0 +1,7 @@ +/** + * CSS corrections for WebKit. + */ + +div.msgStatus div, #msgHeadersContent .subject span, span.iconImg, span.contextImg, span.spellcheckPopdownImg, span.popdownImg, #qsearch_icon, #qsearch_close { + vertical-align: middle; +} diff --git a/imp/themes/ie7-dimp.css b/imp/themes/ie7-dimp.css deleted file mode 100644 index 2ef2a70b5..000000000 --- a/imp/themes/ie7-dimp.css +++ /dev/null @@ -1,41 +0,0 @@ -/** - * CSS corrections for IE 7. - */ - -#sidebar li { - overflow: hidden; -} -#sidebar .folderlist { - overflow-y: auto; -} - -#msgSplitPane { - width: 99.7%; -} - -#to, #cc, #bcc { - overflow: auto; -} - -.block-monthgrid table { - border-width: 2px; -} - -#sidebar li.folder a:hover, #sidebar li.custom a:hover, #sidebar li.servicelink a:hover { - font-weight: bold; - text-decoration: underline; -} - -.dimpOptions span.iconImg { - margin-right: 4px; -} - -.htmlMsgData { - width: 98%; -} - -/* Fixes broken inline-block. */ -div.msgStatus div, #msgHeadersContent .subject span, span.iconImg, span.contextImg, span.spellcheckPopdownImg, span.popdownImg, #qsearch_icon, #qsearch_close, #upload_wait, #noticerow .notices li { - zoom: 1; - *display: inline; -} diff --git a/imp/themes/screen-dimp.css b/imp/themes/screen-dimp.css deleted file mode 100644 index a4843f6f4..000000000 --- a/imp/themes/screen-dimp.css +++ /dev/null @@ -1,1033 +0,0 @@ -/** - * DIMP core CSS. - */ - -/* Make sure we never scroll vertically. */ -html { - overflow-y: hidden; -} - -/* global */ -input { - vertical-align: middle; -} -.nojserror { - color: red; -} - -/* Main container styles. */ -#sidebar { - background: #eee; - bottom: 0; - cursor: default; - left: 0; - padding: 5px 0 0 5px; - position: absolute; - top: 0; -} -#dimpmain { - bottom: 0; - margin-left: 5px; - position: absolute; - right: 3px; - top: 2px; -} - -/* ini header */ -#quota { - float: right; - font-weight: normal; - padding-bottom: 3px; -} -div#quota { - margin: 3px; - border-top-width: 0; -} -#quota .used { - float: left; - width: 100px; - background: maroon url('graphics/quotaback.jpg') repeat-y; - text-align: right; - border: 1px #000 solid; - margin-right: 2px; -} -#quota .used img { - display: inline; - float: none; - padding: 0; - border-left: 1px #000 solid; - height: 14px; -} -.tabset li#quota { - border-top: 0; -} - -#logo { - display: none; -} -/* end header */ - -/* Portal styles. */ -#dimpmain_portal h1.header a { - cursor: pointer; -} - -/* SpellChecker styles. */ -#spellcheck { - color: #000; -} -.spellcheckChecking, .spellcheckIncorrect { - color: red; -} -.spellcheckCorrected { - color: #090; -} -.spellcheckIncorrect, .spellcheckCorrected { - text-decoration: underline; - cursor: pointer; -} - -/* Splitbar styles. */ -#msgSplitPane { - border-left: 1px silver solid; - border-right: 1px silver solid; - border-bottom: 1px silver solid; -} -.splitBarHoriz, .splitBarVert, .splitBarVertSidebar { - background: #e9e9e9 no-repeat scroll; - z-index: 10; -} -.splitBarHoriz { - background-image: url("graphics/dragHandle.png"); - background-position: center top; - border-top: 1px solid silver; - border-bottom: 1px solid silver; - cursor: row-resize; - height: 5px; -} -.splitBarVert, .splitBarVertSidebar { - background-image: url("graphics/dragHandleVert.png"); - background-position: center; - border-right: 1px solid silver; - border-left: 1px solid silver; - cursor: col-resize; - height: 300px; - width: 5px; -} -.splitBarVertSidebar { - position: absolute; -} - -/* Message List */ -.mboxheader { - clear: left; -} -#msgLoading, #viewportLoading, #sendingImg { - position: absolute; - margin: 10px 0 0 10px; -} - -/* Columns */ -div.msgStatus { - float: left; - width: 8%; - text-indent: 0 !important; -} -div.msgStatus div, #msgHeadersContent .subject span { - padding-right: 2px; - background-repeat: no-repeat; - vertical-align: inherit; -} -div.msgFrom { - float: left; - width: 20%; -} -div.msgSubject { - float: left; - width: 52%; -} -div.msgDate { - float: left; - width: 14%; -} -div.msgSize { - float: left; - width: 6%; - margin-right: -4px; -} - -/* Message List Header and Column Header */ -#msglistHeader { - font-weight: bold; - overflow: hidden; - border: 1px solid silver; - border-top: 0; - background: transparent url("graphics/backhead_orderby.png") repeat-x; -} -#msglistHeader a { - cursor: pointer; -} -#msglistHeader a.smallSort { - font-size: 75%; - font-weight: normal; - padding-left: 4px !important; -} -#msglistHeader div { - padding-top: 1px; - height: 15px; - text-indent: 2px; -} -#msglistHeader div.sortup, #msglistHeader div.sortdown { - padding-left: 0; - background-position: 2px; -} -#msglistHeader div.sortup a, #msglistHeader div.sortdown a { - padding-left: 14px; -} -#msglistHeader div.sep { - border-left: 1px solid #ddd; -} - -/* Message ViewPort */ -span.vpEmpty, span.vpError { - font-weight: bold; -} - -/* Rows */ -div.vpRow, div.vpRow div { - cursor: pointer; - font-size: 95%; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - -o-text-overflow: ellipsis; - height: 16px; - border-bottom: 1px; -} -div.vpRowSelected { - background: #ffa !important; -} -div.vpRowHoriz div.sep { - border-right: 1px solid #ddd; -} -div.vpRowHoriz, div.vpRowHoriz div { - text-indent: 2px; -} - -/* Rows: flags. */ -div.flagLowpriority { - font-weight: normal !important; -} -div.flagUnseen { - font-weight: bold; -} -div.flagDeleted { - text-decoration: line-through; -} - -/* Checkbox images */ -div.msCheck { - background-image: url("graphics/checkbox_off.png"); -} -div.msCheck:hover { - background-image: url("graphics/checkbox_over.png"); -} -div.vpRowSelected div.msCheck { - background-image: url("graphics/checkbox_on.png"); -} - -/* Rows (vertical mode) */ -div.vpRowVert { - height: auto; -} -div.vpRowVert div { - font-size: 100%; -} -div.vpRowVert div.msgStatus { - height: 24px; - margin-right: 2px; - padding-top: 8px; - width: 15%; -} -div.vpRowVert div.msgFrom { - font-weight: bold; - width: auto; -} -div.vpRowVert div.msgDate { - float: right; - padding-right: 2px; - text-indent: 2px; - width: auto; -} -div.vpRowVert div.msgSubject { - float: none; - font-style: italic; - margin-right: 2px; - width: auto; -} -div.vpRowVert div.msgSubject span.flagUser { - font-style: normal; -} - -div.vpRowVert.flagUnseen { - font-weight: normal; -} - -/* ViewPort - scroller */ -.vpScroll { - background: url("graphics/scroller_back.png") repeat-y; -} -.vpScrollCursor { - background: url("graphics/scroller.png") repeat-y; - border-left: 1px solid silver; - width: 13px; -} -.vpScrollDown, .vpScrollUp { - border-left: 1px solid silver; - height: 16px; - width: 13px; -} -.vpScrollUp { - background-image: url("graphics/sbcursor_top.png"); -} -.vpScrollDown { - background-image: url("graphics/sbcursor_bottom.png"); -} - -/* IFRAMEs */ -.iframe { - position: absolute; - left: 0; - top: 0; - border: 0; - width: 100%; - height: 100%; -} - -/* Sidebar */ -#sidebar .sepfull { - height: 1px !important; - margin: 5px 0; - background: silver; -} -#sidebar .count { - color: silver; -} -#sidebar li { - list-style: none; - height: 16px; - line-height: 16px; - padding-top: 1px; - white-space: nowrap; -} -#sidebar li a, #sidebar li.folder, #sidebar li.container, #sidebar li.custom, #sidebar li.servicelink { - color: #000; - font-size: 95%; - text-decoration: none; -} -#sidebar li.servicelink a { - font-weight: bold; -} -#sidebar li.custom { - background: transparent none; -} -#sidebar li.custom img { - float: left; - padding: 1px 4px 0 0; - margin-bottom: -1px; -} -#sidebar li.on { - background: #ffa; -} -#sidebar li.subfolders { - height: auto; - margin: 0; -} -#sidebar li.subfolders ul { - padding-left: 10px; -} -#sidebar span.iconSpan { - background-position: left center; - background-repeat: no-repeat; - display: inline; - float: left; - height: 100%; - width: 20px; -} -#ctx_folder_sub span.contextImg, #ctx_folder_unsub span.contextImg, #ctx_folderopts_sub span.contextImg, #ctx_folderopts_unsub span.contextImg { - background-image: url("graphics/folders/folder.png"); -} -#sidebar span.col, #ctx_folderopts_collapse span.contextImg, #ctx_container_collapse span.contextImg, #ctx_folder_collapse span.contextImg { - background-image: url("graphics/folders/minus.png"); -} -#sidebar span.exp, #ctx_folderopts_expand span.contextImg, #ctx_container_expand span.contextImg, #ctx_folder_expand span.contextImg { - background-image: url("graphics/folders/plus.png"); -} -#normalfolders li.unsubFolder { - font-style: italic; -} -#sidebar .over a, #sidebar li.folder:hover, #sidebar li.custom:hover, #sidebar li.servicelink:hover { - cursor: pointer; - font-weight: bold; - text-decoration: underline; -} -#sidebar .container span.iconSpan { - cursor: pointer; -} - -#logo, #dimpbarActions, #serviceActions, #foldersSidebar, #normalfolders { - overflow-x: hidden; -} - -#folderopts a { - display: inline !important; - padding-right: 1px; -} - -/* Message options. */ -.dimpOptions { - float: right; -} -.dimpOptions div { - line-height: 16px; - padding-bottom: 2px; -} -.dimpOptions span { - cursor: pointer; -} -.dimpOptions .iconImg { - margin-right: 0; -} -.dimpOptions a, .dimpOptions a:visited { - text-decoration: none; - color: #000; -} -.dimpOptions a:hover { - text-decoration: underline; -} - -#priority_label { - cursor: default; - font-weight: bold; -} - -/* Actions */ -.dimpActions { - background: #efefef; - padding: 4px 2px; - border: 1px silver solid; - background: transparent url("graphics/backhead_s2.png") repeat-x; - height: 16px; -} -.dimpActions div { - cursor: pointer; - float: left; - padding-right: 6px; -} -.dimpActions a, .dimpActions a:visited, .dimpActions label { - color: #000; - font-size: 90%; - font-weight: bold; - white-space: nowrap; - padding: 2px 4px 4px 4px; -} -.dimpActions a img { - margin-right: 4px; - vertical-align: top; -} -.dimpActions a:hover, .dimpActions span.popdown:hover, .dimpActions span.spellcheckPopdownImg:hover, span.popdownImg:hover { - background-color: #e3e3e3; - text-decoration: none; -} -.dimpActions span.spellcheckPopdownImg:hover, span.popdownImg { - border: 0; - margin: 0; -} -.dimpActions .disabled a:hover { - background-color: transparent; -} -.dimpactions .disabled, .dimpActions .disabled a, .dimpActions .disabled a:visited, .dimpActions .disabled a:active, .dimpActions .disabled a:hover { - color: silver !important; - cursor: default; - text-decoration: none; -} -.dimpActions .disabled span.iconImg, .dimpActions .disabled span.spellcheckPopdownImg, .dimpActions .disabled img { - filter: alpha(opacity=25); - -moz-opacity: .25; - opacity: .25; -} -.dimpActions .disabled span.popdown:hover, .dimpActions .disabled span.spellcheckPopdownImg { - border: 0; - cursor: default; - margin: 0; -} - -#button_compose, #button_checkmail { - display: none; -} - -div.dimpActionsCompose, div.dimpActionsMsg { - border-bottom: 1px solid #999; -} - -/* Preview pane styles. */ -#previewPane { - overflow: auto; -} -#previewInfo { - background: transparent url("graphics/ico_message_off.png") no-repeat scroll 10px 15px; - color: #a0a0a0; - line-height: 18px; - padding: 15px 80px 10px 35px; -} - -/* Headers styles. */ -.msgHeaders { - background: transparent url("graphics/backhead_r.png") repeat-x; - border-bottom: 1px #b9b9b3 solid; - padding: 2px 0 1px; - font-size: 90%; - overflow: hidden; -} -.msgfullread .msgHeaders { - cursor: default; -} - -.msgHeaders .dimpOptions { - padding: 3px 10px 5px 5px; -} - -.msgHeaders table { - margin-top: -2px; -} -.msgHeaders table thead td { - padding: 0 0 1px 0; -} -.msgHeaders table thead tr { - vertical-align: top; -} -.msgHeaders table thead td.label { - font-weight: bold; - padding-right: 4px; - text-align: right; - white-space: nowrap; -} -.msgfullread .msgHeaders table thead td.label { - padding-left: 3px; -} -.msgHeaders table thead td.subject { - font-weight: bold; -} - -#msgAtc td { - padding-bottom: 0; - padding-top: 1px; -} -.atcLabel, .msgLogLabel { - font-weight: bold; -} -.atcLabel { - padding-right: 5px; -} - -#partlist table { - margin-top: 3px; -} -#partlist td { - padding-bottom: 2px; - padding-right: 3px; -} - -#partlist_toggle span.attachmentImg { - margin-right: 0; -} - -#msgloglist { - padding-top: 4px; -} -#msgloglist ul { - list-style-type: none; -} - -#msgloglist_toggle, #partlist_toggle { - cursor: pointer; -} - -#msgHeadersContent { - overflow: hidden; -} - -/* ini msg small header */ -#toggleHeaders { - float: left; -} -#msgHeadersColl { - margin: 0 6px; - white-space: nowrap; -} -#msgHeadersColl span.date { - float: right; - text-align: right; -} -#msgHeadersColl span.subject, #msgHeadersColl span.from { - overflow: hidden; - text-overflow: ellipsis; - -o-text-overflow: ellipsis; -} -#msgHeadersColl span.subject { - float: left; - font-weight: bold; - max-width: 50%; - padding-left: 2px; -} -#msgHeadersColl span.fromcontainer { - padding-left: 5px; -} -#msgHeadersColl span.from { - max-width: 40%; -} -/* end msg small header */ - -/* Message body formatting. */ -.messageBody { - background: #fff url("graphics/backhead_shadow.png") top repeat-x; - border: 0; - padding: 7px 5px 5px; -} -.msgfullread div.messageBody { - overflow: auto; -} - -/* Message Composition. */ -.composeAddrbook { - color: blue; - cursor: pointer; - text-decoration: underline; -} -.composeAddrbook:hover { - font-weight: bold; -} - -.msgwrite { - background: #e2e2e2 url("graphics/backhead_r.png") repeat-x; - border: 1px #b9b9b3 solid; - cursor: default; - padding: 2px 0; -} -.msgwrite .dimpOptions { - padding: 8px 8px 0 0; - font-size: 90%; -} -.msgwrite .dimpOptions div { - padding-bottom: 0; -} -.msgwrite .dimpOptions label, #replyallnotice, #replylistnotice { - cursor: pointer; -} -.msgwrite tr { - vertical-align: top; -} -.msgwrite td { - font-size: 90%; -} -.msgwrite td.label { - white-space: nowrap; - text-align: right; - padding: 4px 4px 0 4px; -} -.msgwrite span.loadingImg { - float: right; - margin-left: 3px; - padding: 1px; -} - -#noticerow .notices li { - display: -moz-inline-stack; - display: inline-block; -} - -#composeMessageParent { - background: #fff url("graphics/backhead_shadow.png") top repeat-x; - border-left: 1px silver solid; - border-right: 1px silver solid; - border-bottom: 1px silver solid; - padding: 10px 5px 5px; -} -#composeMessage { - border: none; - margin: 0; - padding: 0; - width: 100%; -} - -#rteloading { - position: absolute; - z-index: 100; - background-color: #000; - filter: alpha(opacity=35); - -moz-opacity: .35; - opacity: .35; -} -#rteloadingtxt { - position: absolute; - background-color: #fff; - z-index: 101; -} - -/* Attachment file list */ -#attach_list { - padding-left: 15px; -} -#attach_list li { - padding-top: 5px; -} -#attach_list span.remove { - border: 1px solid #ccc; - font-weight: bold; - padding: 1px; -} -#attach_list span.attachName, #attach_list span.remove:hover { - cursor: pointer; - text-decoration: underline; -} -#attach_list span.attachName { - color: blue; -} -#attach_list span.attachName:hover, #attach_list span.remove:hover { - color: red; -} - -#upload_wait { - display: -moz-inline-stack; - display: inline-block; - font-weight: bold; - padding-top: 2px; -} - -span.attachmentImg { - background-image: url("graphics/attachment.png"); -} - -/* Context Menus */ -.context div.contactAddr { - font-style: italic; - text-align: center; -} - -/* Email Addresses. */ -a.address { - cursor: pointer; - padding: 2px; - position: static; - text-decoration: underline; - white-space: nowrap; -} -a.address img { - display: none; - vertical-align: top; -} -a.address:hover { - background: #fff; - border: 1px silver solid; - padding: 1px; - text-decoration: none; -} -a.address:hover img { - display: inline; - padding-left: 4px; -} - -/* Drag and drop styles. */ -.drag, .dragdrop, .folderdrag, .msgdrag { - background: #eee; - border: 1px solid #ccc; - font-size: 12px; - overflow: hidden; - z-index: 999; -} -.dragdrop { - color: red; -} -.dragdrop, .folderdrag, .msgdrag { - padding: 2px; -} - -/* Search-related styles */ -#qsearch { - background-color: #f3f3f3; - border: 1px solid #999; - cursor: default; - float: right; - margin-top: -2px; - padding-left: 1px; - padding-right: 1px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; -} -#qsearch form { - display: inline; -} -#qsearch_icon, #qsearch_close { - cursor: pointer; - padding: 2px 0 0; -} -#qsearch_icon { - background: #f3f3f3 url("graphics/search.png") center no-repeat; - padding-top: 2px; -} -#qsearch_input { - border: none; - color: #a0a0a0; - margin-bottom: 1px; - padding: 0; - width: 150px; -} -#qsearch_close_filter { - cursor: pointer; - padding-right: 3px; - vertical-align: middle; -} -.qsearchFocus, .qsearchFocus #qsearch_icon, .qsearchFocus #qsearch_input { - background-color: #fff !important; -} -.qsearchFocus #qsearch_input { - color: #000 !important; -} -.qsearchMatch { - font-weight: bold; - text-decoration: underline; -} - -/* Redbox styles. */ -.RBForm { - width: 20em; - padding: 6px; - border: 1px solid #ccc; -} -.RBForm input { - margin: .2em; -} - -/* Popup message styling. */ -.headercloseimg { - float: right !important; - cursor: pointer; -} -#compose_close { - margin-top: 1px; -} - -/* Keyboard key style */ -.kbd { - background: #eee; - color: #000; - white-space: nowrap; - padding: 1px 2px; - border: 1px solid #888; - font-size: 90%; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; -} - -/* Images */ -div.msgStatus div, #msgHeadersContent .subject span, span.iconImg, span.contextImg, span.spellcheckPopdownImg, span.popdownImg, #qsearch_icon, #qsearch_close { - display: -moz-inline-stack; - display: inline-block; - height: 16px; - width: 16px; - vertical-align: top; -} - -span.iconImg, span.contextImg, span.spellcheckPopdownImg { - margin-right: 4px; -} - -/* Sidebar images. */ -span.infoIcon { - background-image: url("graphics/info_icon.png"); -} -span.filtersIcon { - background-image: url("graphics/filters.png"); -} -span.hordeIcon { - background-image: url("graphics/horde.png"); -} -span.prefsIcon { - background-image: url("graphics/prefs.png"); -} -span.logoutIcon { - background-image: url("graphics/logout.png"); -} - -/* Dimp action images. */ -span.dimpactionReply { - background-image: url("graphics/reply.png"); -} -span.dimpactionForward { - background-image: url("graphics/forward.png"); -} -span.dimpactionSpam { - background-image: url("graphics/spam.png"); -} -span.dimpactionHam { - background-image: url("graphics/ham.png"); -} -span.dimpactionCompose { - background-image: url("graphics/compose.png"); -} -span.dimpactionCheckmail { - background-image: url("graphics/checkmail.png"); -} -span.dimpactionRefresh { - background-image: url("graphics/reload.png"); -} -span.dimpactionDelete { - background-image: url("graphics/delete.png"); -} -span.dimpactionOther { - background-image: url("graphics/plus.png"); -} -span.dimpactionSpellcheck { - background-image: url("graphics/spellcheck.png"); -} -span.dimpactionDrafts { - background-image: url("graphics/drafts.png"); -} - -/* Context menu images */ -#ctx_message_reply span.contextImg { - background-image: url("graphics/reply.png"); -} -#ctx_reply_reply span.contextImg, #ctx_reply_reply_all span.contextImg, #ctx_reply_reply_list span.contextImg { - background-image: url("graphics/replyall.png"); -} -#ctx_message_forward span.contextImg, #ctx_forward_attach span.contextImg, #ctx_forward_body span.contextImg, #ctx_forward_both span.contextImg { - background-image: url("graphics/forward.png"); -} -#ctx_folder_empty span.contextImg, #ctx_message_deleted span.contextImg, #ctx_draft_deleted span.contextImg, #oa_purge_deleted span.contextImg { - background-image: url("graphics/delete.png"); -} -#ctx_message_undeleted span.contextImg, #ctx_draft_undeleted span.contextImg, #oa_undeleted span.contextImg { - background-image: url("graphics/undelete.png"); -} -#ctx_folder_seen span.contextImg { - background-image: url("graphics/mail_seen.png"); -} -#ctx_folder_unseen span.contextImg, #ctx_folder_poll span.contextImg, #ctx_folder_nopoll span.contextImg { - background-image: url("graphics/mail_unseen.png"); -} -#ctx_message_setflag span.contextImg, #ctx_draft_setflag span.contextImg, #oa_setflag span.contextImg, #ctx_folder_setflag span.contextImg { - background-image: url("graphics/mail_flagged.png"); -} -#ctx_message_unsetflag span.contextImg, #ctx_draft_unsetflag span.contextImg, #oa_unsetflag span.contextImg { - background-image: url("graphics/mail_clearflag.png"); -} -#ctx_message_source span.contextImg, #msg_view_source span.iconImg { - background-image: url("graphics/message_source.png"); -} -#ctx_draft_resume span.contextImg { - background-image: url("graphics/mail_draft.png"); -} -#oa_preview_hide span.contextImg, #oa_preview_show span.contextImg { - background-image: url("graphics/preview.png"); -} -#oa_layout_horiz span.contextImg { - background-image: url("graphics/application_tile_vertical.png"); -} -#oa_layout_vert span.contextImg { - background-image: url("graphics/application_tile_horizontal.png"); -} -#oa_selectall span.contextImg { - background-image: url("graphics/tick.png"); -} -#ctx_folder_create span.contextImg, #ctx_container_create span.contextImg, #ctx_folderopts_new span.contextImg { - background-image: url("graphics/folders/create.png"); -} -#ctx_folder_rename span.contextImg, #ctx_container_rename span.contextImg, #ctx_vfolder_edit span.contextImg { - background-image: url("graphics/folders/edit.png"); -} -#ctx_folder_delete span.contextImg, #ctx_vfolder_delete span.contextImg { - background-image: url("graphics/folders/delete.png"); -} -#ctx_message_spam span.contextImg { - background-image: url("graphics/spam.png"); -} -#ctx_message_ham span.contextImg { - background-image: url("graphics/ham.png"); -} -#ctx_message_blacklist span.contextImg, #oa_blacklist span.contextImg { - background-image: url("graphics/blacklist.png"); -} -#ctx_message_whitelist span.contextImg, #oa_whitelist span.contextImg { - background-image: url("graphics/whitelist.png"); -} -#ctx_contacts_new span.contextImg { - background-image: url("graphics/compose.png"); -} -#ctx_contacts_add span.contextImg { - background-image: url("graphics/add_contact.png"); -} -#ctx_folderopts_reload span.contextImg { - background-image: url("graphics/reload.png"); -} -#ctx_flag span.contextImg.flagUser { - border: 1px black solid; - height: 15px; - width: 15px; -} -div.vpRow div.msgSubject span.flagUser { - font-size: 90%; - font-weight: normal; - margin-right: 3px; -} - -/* Thread images */ -div.msgSubject span.treeImg { - margin-top: -4px; - margin-right: 1px; -} - -/* Other images */ -#msg_newwin span.iconImg, #msg_newwin_options span.iconImg { - background-image: url("graphics/newwin.png"); -} -#msg_newwin span.iconImg { - cursor: pointer; - float: right; - margin-left: 4px; - margin-right: 0; -} -#th_expand span.iconImg, #partlist_col, #msgloglist_col { - background-image: url("graphics/arrow_collapsed.png"); - cursor: pointer; - margin-right: 0; -} -#th_collapse span.iconImg, #partlist_exp, #msgloglist_exp { - background-image: url("graphics/arrow_expanded.png"); - cursor: pointer; - margin-right: 0; -} - -span.popdownImg, span.spellcheckPopdownImg { - background-image: url("graphics/popdown.png"); - margin-right: 0; - margin-left: 0; -} -span.keyupImg { - background-image: url("graphics/key_up.png"); -} -span.keydownImg { - background-image: url("graphics/key_down.png"); -} -span.readonlyImg { - background-image: url("graphics/locked.png"); - vertical-align: sub; -} - -/* Growler notification styles. */ -#Growler div.imp-reply, span.imp-reply { - background-image: url("graphics/mail_answered.png"); -} -#Growler div.imp-forward, div.imp-redirect, span.imp-forward, span.imp-redirect { - background-image: url("graphics/mail_forwarded.png"); -} diff --git a/imp/themes/silver/dimp/screen.css b/imp/themes/silver/dimp/screen.css new file mode 100644 index 000000000..76299881e --- /dev/null +++ b/imp/themes/silver/dimp/screen.css @@ -0,0 +1,183 @@ +#ctx_folder_sub span.contextImg, #ctx_folder_unsub span.contextImg, #ctx_folderopts_sub span.contextImg, #ctx_folderopts_unsub span.contextImg { + background-image: url("../graphics/folders/explore.png"); +} +#sidebar span.col, #ctx_folderopts_collapse span.contextImg, #ctx_container_collapse span.contextImg, #ctx_folder_collapse span.contextImg { + background-image: url("../graphics/folders/minus.png"); +} +#sidebar span.exp, #ctx_folderopts_expand span.contextImg, #ctx_container_expand span.contextImg, #ctx_folder_expand span.contextImg { + background-image: url("../graphics/folders/plus.png"); +} + +#attach_list div, span.attachmentImg { + background-image: url("../graphics/attachment.png"); +} + +.header { + border-left: 1px solid #999; + border-right: 1px solid #999; +} + +.tabset li#quota { + background: none; +} + +.dimpActions, .msgfullread .msgHeaders, .msgwrite { + border-top: none; +} + +span.infoIcon { + background-image: url("../graphics/info_icon.png"); +} +span.filtersIcon { + background-image: url("../graphics/filters.png"); +} +span.hordeIcon { + background-image: url("../graphics/horde.png"); +} +span.prefsIcon { + background-image: url("../graphics/prefs.png"); +} +span.logoutIcon { + background-image: url("../graphics/logout.png"); +} + +span.dimpactionReply { + background-image: url("../graphics/reply.png"); +} +span.dimpactionForward { + background-image: url("../graphics/forward.png"); +} +span.dimpactionSpam { + background-image: url("../graphics/spam.png"); +} +span.dimpactionHam { + background-image: url("../graphics/ham.png"); +} +span.dimpactionCompose { + background-image: url("../graphics/compose.png"); +} +span.dimpactionCheckmail { + background-image: url("../graphics/checkmail.png"); +} +span.dimpactionRefresh { + background-image: url("../graphics/reload.png"); +} +span.dimpactionDelete { + background-image: url("../graphics/delete.png"); +} +span.dimpactionOther { + background-image: url("../graphics/plus.png"); +} +span.dimpactionSpellcheck { + background-image: url("../graphics/spellcheck.png"); +} +span.dimpactionDrafts { + background-image: url("../graphics/drafts.png"); +} + +/* Context menu images */ +#ctx_message_reply span.contextImg { + background-image: url("../graphics/reply.png"); +} +#ctx_reply_reply span.contextImg, #ctx_reply_reply_all span.contextImg, #ctx_reply_reply_list span.contextImg { + background-image: url("../graphics/replyall.png"); +} +#ctx_message_forward span.contextImg, #ctx_forward_attach span.contextImg, #ctx_forward_body span.contextImg, #ctx_forward_both span.contextImg { + background-image: url("../graphics/forward.png"); +} +#ctx_folder_empty span.contextImg, #ctx_message_deleted span.contextImg, #ctx_draft_deleted span.contextImg, #oa_purge_deleted span.contextImg { + background-image: url("../graphics/delete.png"); +} +#ctx_message_undeleted span.contextImg, #ctx_draft_undeleted span.contextImg, #oa_undeleted span.contextImg { + background-image: url("../graphics/undelete.png"); +} +#ctx_folder_seen span.contextImg { + background-image: url("../graphics/mail_seen.png"); +} +#ctx_folder_unseen span.contextImg, #ctx_folder_poll span.contextImg, #ctx_folder_nopoll span.contextImg { + background-image: url("../graphics/mail_unseen.png"); +} +#ctx_message_setflag span.contextImg, #ctx_draft_setflag span.contextImg, #oa_setflag span.contextImg, #ctx_folder_setflag span.contextImg { + background-image: url("../graphics/mail_flagged.png"); +} +#ctx_message_unsetflag span.contextImg, #ctx_draft_unsetflag span.contextImg, #oa_unsetflag span.contextImg { + background-image: url("../graphics/mail_clearflag.png"); +} +#ctx_draft_resume span.contextImg { + background-image: url("../graphics/mail_draft.png"); +} +#oa_preview_hide span.contextImg, #oa_preview_show span.contextImg { + background-image: url("../graphics/preview.png"); +} +#oa_layout_horiz span.contextImg { + background-image: url("../graphics/application_tile_vertical.png"); +} +#oa_layout_vert span.contextImg { + background-image: url("../graphics/application_tile_horizontal.png"); +} +#oa_selectall span.contextImg { + background-image: url("../graphics/tick.png"); +} +#ctx_folder_create span.contextImg, #ctx_container_create span.contextImg, #ctx_folderopts_new span.contextImg { + background-image: url("../graphics/folders/create.png"); +} +#ctx_folder_rename span.contextImg, #ctx_container_rename span.contextImg, #ctx_vfolder_edit span.contextImg { + background-image: url("../graphics/folders/edit.png"); +} +#ctx_folder_delete span.contextImg, #ctx_vfolder_delete span.contextImg { + background-image: url("../graphics/folders/delete.png"); +} +#ctx_message_spam span.contextImg { + background-image: url("../graphics/spam.png"); +} +#ctx_message_ham span.contextImg { + background-image: url("../graphics/ham.png"); +} +#ctx_message_blacklist span.contextImg, #oa_blacklist span.contextImg { + background-image: url("../graphics/blacklist.png"); +} +#ctx_message_whitelist span.contextImg, #oa_whitelist span.contextImg { + background-image: url("../graphics/whitelist.png"); +} +#ctx_message_source span.contextImg, #msg_view_source span.iconImg { + background-image: url("../graphics/message_source.png"); +} +#ctx_contacts_new span.contextImg { + background-image: url("../graphics/compose.png"); +} +#ctx_contacts_add span.contextImg { + background-image: url("../graphics/add_contact.png"); +} +#ctx_folderopts_reload span.contextImg { + background-image: url("../graphics/reload.png"); +} + +/* Other images */ +#msg_newwin span.iconImg, #msg_newwin_options span.iconImg { + background-image: url("../graphics/newwin.png"); +} + +#qsearch_icon { + background-image: url("../graphics/search.png"); +} + +#th_expand span.iconImg, #partlist_col, #msgloglist_col { + background-image: url("../graphics/arrow_collapsed.png"); +} +#th_collapse span.iconImg, #partlist_exp, #msgloglist_exp { + background-image: url("../graphics/arrow_expanded.png"); +} + +span.popdownImg, span.spellcheckPopdownImg { + background-image: url("../graphics/popdown.png"); +} +span.readonlyImg { + background-image: url("../graphics/locked.png"); +} + +#Growler div.imp-reply { + background-image: url("../graphics/mail_answered.png"); +} +#Growler div.imp-forward, #Growler div.imp-redirect { + background-image: url("../graphics/mail_forwarded.png"); +} diff --git a/imp/themes/silver/screen-dimp.css b/imp/themes/silver/screen-dimp.css deleted file mode 100644 index 14514e3c0..000000000 --- a/imp/themes/silver/screen-dimp.css +++ /dev/null @@ -1,183 +0,0 @@ -#ctx_folder_sub span.contextImg, #ctx_folder_unsub span.contextImg, #ctx_folderopts_sub span.contextImg, #ctx_folderopts_unsub span.contextImg { - background-image: url("graphics/folders/explore.png"); -} -#sidebar span.col, #ctx_folderopts_collapse span.contextImg, #ctx_container_collapse span.contextImg, #ctx_folder_collapse span.contextImg { - background-image: url("graphics/folders/minus.png"); -} -#sidebar span.exp, #ctx_folderopts_expand span.contextImg, #ctx_container_expand span.contextImg, #ctx_folder_expand span.contextImg { - background-image: url("graphics/folders/plus.png"); -} - -#attach_list div, span.attachmentImg { - background-image: url("graphics/attachment.png"); -} - -.header { - border-left: 1px solid #999; - border-right: 1px solid #999; -} - -.tabset li#quota { - background: none; -} - -.dimpActions, .msgfullread .msgHeaders, .msgwrite { - border-top: none; -} - -span.infoIcon { - background-image: url("graphics/info_icon.png"); -} -span.filtersIcon { - background-image: url("graphics/filters.png"); -} -span.hordeIcon { - background-image: url("graphics/horde.png"); -} -span.prefsIcon { - background-image: url("graphics/prefs.png"); -} -span.logoutIcon { - background-image: url("graphics/logout.png"); -} - -span.dimpactionReply { - background-image: url("graphics/reply.png"); -} -span.dimpactionForward { - background-image: url("graphics/forward.png"); -} -span.dimpactionSpam { - background-image: url("graphics/spam.png"); -} -span.dimpactionHam { - background-image: url("graphics/ham.png"); -} -span.dimpactionCompose { - background-image: url("graphics/compose.png"); -} -span.dimpactionCheckmail { - background-image: url("graphics/checkmail.png"); -} -span.dimpactionRefresh { - background-image: url("graphics/reload.png"); -} -span.dimpactionDelete { - background-image: url("graphics/delete.png"); -} -span.dimpactionOther { - background-image: url("graphics/plus.png"); -} -span.dimpactionSpellcheck { - background-image: url("graphics/spellcheck.png"); -} -span.dimpactionDrafts { - background-image: url("graphics/drafts.png"); -} - -/* Context menu images */ -#ctx_message_reply span.contextImg { - background-image: url("graphics/reply.png"); -} -#ctx_reply_reply span.contextImg, #ctx_reply_reply_all span.contextImg, #ctx_reply_reply_list span.contextImg { - background-image: url("graphics/replyall.png"); -} -#ctx_message_forward span.contextImg, #ctx_forward_attach span.contextImg, #ctx_forward_body span.contextImg, #ctx_forward_both span.contextImg { - background-image: url("graphics/forward.png"); -} -#ctx_folder_empty span.contextImg, #ctx_message_deleted span.contextImg, #ctx_draft_deleted span.contextImg, #oa_purge_deleted span.contextImg { - background-image: url("graphics/delete.png"); -} -#ctx_message_undeleted span.contextImg, #ctx_draft_undeleted span.contextImg, #oa_undeleted span.contextImg { - background-image: url("graphics/undelete.png"); -} -#ctx_folder_seen span.contextImg { - background-image: url("graphics/mail_seen.png"); -} -#ctx_folder_unseen span.contextImg, #ctx_folder_poll span.contextImg, #ctx_folder_nopoll span.contextImg { - background-image: url("graphics/mail_unseen.png"); -} -#ctx_message_setflag span.contextImg, #ctx_draft_setflag span.contextImg, #oa_setflag span.contextImg, #ctx_folder_setflag span.contextImg { - background-image: url("graphics/mail_flagged.png"); -} -#ctx_message_unsetflag span.contextImg, #ctx_draft_unsetflag span.contextImg, #oa_unsetflag span.contextImg { - background-image: url("graphics/mail_clearflag.png"); -} -#ctx_draft_resume span.contextImg { - background-image: url("graphics/mail_draft.png"); -} -#oa_preview_hide span.contextImg, #oa_preview_show span.contextImg { - background-image: url("graphics/preview.png"); -} -#oa_layout_horiz span.contextImg { - background-image: url("graphics/application_tile_vertical.png"); -} -#oa_layout_vert span.contextImg { - background-image: url("graphics/application_tile_horizontal.png"); -} -#oa_selectall span.contextImg { - background-image: url("graphics/tick.png"); -} -#ctx_folder_create span.contextImg, #ctx_container_create span.contextImg, #ctx_folderopts_new span.contextImg { - background-image: url("graphics/folders/create.png"); -} -#ctx_folder_rename span.contextImg, #ctx_container_rename span.contextImg, #ctx_vfolder_edit span.contextImg { - background-image: url("graphics/folders/edit.png"); -} -#ctx_folder_delete span.contextImg, #ctx_vfolder_delete span.contextImg { - background-image: url("graphics/folders/delete.png"); -} -#ctx_message_spam span.contextImg { - background-image: url("graphics/spam.png"); -} -#ctx_message_ham span.contextImg { - background-image: url("graphics/ham.png"); -} -#ctx_message_blacklist span.contextImg, #oa_blacklist span.contextImg { - background-image: url("graphics/blacklist.png"); -} -#ctx_message_whitelist span.contextImg, #oa_whitelist span.contextImg { - background-image: url("graphics/whitelist.png"); -} -#ctx_message_source span.contextImg, #msg_view_source span.iconImg { - background-image: url("graphics/message_source.png"); -} -#ctx_contacts_new span.contextImg { - background-image: url("graphics/compose.png"); -} -#ctx_contacts_add span.contextImg { - background-image: url("graphics/add_contact.png"); -} -#ctx_folderopts_reload span.contextImg { - background-image: url("graphics/reload.png"); -} - -/* Other images */ -#msg_newwin span.iconImg, #msg_newwin_options span.iconImg { - background-image: url("graphics/newwin.png"); -} - -#qsearch_icon { - background-image: url("graphics/search.png"); -} - -#th_expand span.iconImg, #partlist_col, #msgloglist_col { - background-image: url("graphics/arrow_collapsed.png"); -} -#th_collapse span.iconImg, #partlist_exp, #msgloglist_exp { - background-image: url("graphics/arrow_expanded.png"); -} - -span.popdownImg, span.spellcheckPopdownImg { - background-image: url("graphics/popdown.png"); -} -span.readonlyImg { - background-image: url("graphics/locked.png"); -} - -#Growler div.imp-reply { - background-image: url("graphics/mail_answered.png"); -} -#Growler div.imp-forward, #Growler div.imp-redirect { - background-image: url("graphics/mail_forwarded.png"); -} diff --git a/imp/themes/tango-blue/dimp/screen.css b/imp/themes/tango-blue/dimp/screen.css new file mode 100644 index 000000000..7416ec14f --- /dev/null +++ b/imp/themes/tango-blue/dimp/screen.css @@ -0,0 +1,20 @@ +.mboxcontrol form { + background: #ccc; +} + +.text { + color: #000; + background: #fff; +} + +#sidebar a:hover { + color: black; +} + +#dimpmain_portal { + background-color: #c9daed; +} + +#ctx_folderopts_reload span.contextImg { + background-image: url("../graphics/reload.png"); +} diff --git a/imp/themes/tango-blue/screen-dimp.css b/imp/themes/tango-blue/screen-dimp.css deleted file mode 100644 index fe91bb77e..000000000 --- a/imp/themes/tango-blue/screen-dimp.css +++ /dev/null @@ -1,20 +0,0 @@ -.mboxcontrol form { - background: #ccc; -} - -.text { - color: #000; - background: #fff; -} - -#sidebar a:hover { - color: black; -} - -#dimpmain_portal { - background-color: #c9daed; -} - -#ctx_folderopts_reload span.contextImg { - background-image: url("graphics/reload.png"); -} diff --git a/imp/themes/webkit-dimp.css b/imp/themes/webkit-dimp.css deleted file mode 100644 index ffb573c80..000000000 --- a/imp/themes/webkit-dimp.css +++ /dev/null @@ -1,3 +0,0 @@ -div.msgStatus div, #msgHeadersContent .subject span, span.iconImg, span.contextImg, span.spellcheckPopdownImg, span.popdownImg, #qsearch_icon, #qsearch_close { - vertical-align: middle; -}