From b4f7c665bbe31d4ddbdca8c9f89eedb1d6187582 Mon Sep 17 00:00:00 2001 From: thomascube Date: Tue, 26 May 2009 12:28:04 +0000 Subject: Tweak default skin with better icons (sprites) and move IE hacks to an external file included by conditional comments --- skins/default/addresses.css | 16 +--- skins/default/common.css | 8 +- skins/default/functions.js | 7 +- skins/default/images/buttons/actions_act.png | Bin 0 -> 2046 bytes skins/default/images/buttons/actions_pas.png | Bin 0 -> 1960 bytes skins/default/images/buttons/inbox_act.png | Bin 1827 -> 1862 bytes skins/default/images/buttons/inbox_pas.png | Bin 1804 -> 1812 bytes skins/default/images/buttons/inbox_sel.png | Bin 1558 -> 1744 bytes skins/default/images/buttons/mail.gif | Bin 831 -> 833 bytes skins/default/images/buttons/markread_act.png | Bin 1772 -> 1771 bytes skins/default/images/buttons/messagemenu.png | Bin 961 -> 0 bytes skins/default/images/buttons/settings.gif | Bin 823 -> 513 bytes skins/default/images/buttons/settings.png | Bin 1054 -> 0 bytes skins/default/images/icons/print.png | Bin 682 -> 0 bytes skins/default/images/icons/save.png | Bin 907 -> 0 bytes skins/default/images/icons/source.png | Bin 630 -> 0 bytes skins/default/images/messageactions.gif | Bin 0 -> 1050 bytes skins/default/images/messageactions.png | Bin 0 -> 1586 bytes skins/default/includes/links.html | 7 +- skins/default/includes/messagemenu.html | 18 +++-- skins/default/mail.css | 111 ++++++++++---------------- skins/default/settings.css | 16 ---- skins/default/templates/addcontact.html | 1 - skins/default/templates/addressbook.html | 9 +-- skins/default/templates/compose.html | 1 - skins/default/templates/editcontact.html | 1 - skins/default/templates/editidentity.html | 1 - skins/default/templates/identities.html | 1 - skins/default/templates/importcontacts.html | 1 - skins/default/templates/mail.html | 6 +- skins/default/templates/managefolders.html | 1 - skins/default/templates/message.html | 6 +- skins/default/templates/messagepart.html | 1 - skins/default/templates/messagepreview.html | 4 +- skins/default/templates/plugin.html | 1 - skins/default/templates/settings.html | 1 - skins/default/templates/showcontact.html | 1 - 37 files changed, 74 insertions(+), 145 deletions(-) create mode 100644 skins/default/images/buttons/actions_act.png create mode 100644 skins/default/images/buttons/actions_pas.png delete mode 100644 skins/default/images/buttons/messagemenu.png delete mode 100644 skins/default/images/buttons/settings.png delete mode 100644 skins/default/images/icons/print.png delete mode 100644 skins/default/images/icons/save.png delete mode 100644 skins/default/images/icons/source.png create mode 100644 skins/default/images/messageactions.gif create mode 100644 skins/default/images/messageactions.png (limited to 'skins') diff --git a/skins/default/addresses.css b/skins/default/addresses.css index 6f984e01d..d864811c9 100644 --- a/skins/default/addresses.css +++ b/skins/default/addresses.css @@ -29,16 +29,13 @@ color: #333333; } -#mainscreen +#addressscreen { position: absolute; top: 85px; right: 20px; bottom: 40px; left: 200px; - /* css hack for IE */ - width: expression((parseInt(document.documentElement.clientWidth)-220)+'px'); - height: expression((parseInt(document.documentElement.clientHeight)-125)+'px'); } #directorylist @@ -51,8 +48,6 @@ border: 1px solid #999999; background-color: #F9F9F9; overflow: hidden; - /* css hack for IE */ - height: expression((parseInt(document.documentElement.clientHeight)-125)+'px'); } #addresslist @@ -63,8 +58,6 @@ border: 1px solid #999999; background-color: #F9F9F9; overflow: auto; - /* css hack for IE */ - height: expression(parseInt(this.parentNode.offsetHeight)+'px'); } #importbox @@ -78,8 +71,6 @@ background-color: #F9F9F9; padding-bottom: 4ex; overflow: auto; - /* css hack for IE */ - height: expression((parseInt(document.documentElement.clientHeight)-135)+'px'); } #addresslist @@ -139,8 +130,6 @@ { width: 100%; table-layout: fixed; - /* css hack for IE */ - width: expression(document.getElementById('addresslist').clientWidth); } @@ -159,9 +148,6 @@ bottom: 0px; border: 1px solid #999999; overflow: hidden; - /* css hack for IE */ - height: expression(parseInt(this.parentNode.offsetHeight)+'px'); - width: expression((parseInt(this.parentNode.offsetWidth)-555)+'px'); } body.iframe, diff --git a/skins/default/common.css b/skins/default/common.css index c5e813363..2e16b01bf 100644 --- a/skins/default/common.css +++ b/skins/default/common.css @@ -85,11 +85,6 @@ input, textarea color: #333333; padding-left: 3px; padding-right: 3px; - /* IE hacks for input elements */ - border-style: expression(this.type=='checkbox' || this.type=='radio' || this.id=='quicksearchbox' ? 'none' : 'solid'); - border-width: expression(this.type=='checkbox' || this.type=='radio' ? '0' : '1px'); - border-color: expression(this.type=='checkbox' || this.type=='radio' ? '' : '#666666'); - background-color: expression(this.type=='checkbox' || this.type=='radio' ? 'transparent' : '#ffffff'); } input.button @@ -116,7 +111,6 @@ input.mainaction img { - behavior: url('skins/default/pngbehavior.htc'); border: 0; } @@ -164,7 +158,7 @@ img font-size: 11px; color: #666666; text-decoration: none; - padding: 6px 16px 6px 25px; + padding: 6px 14px 6px 27px; background-repeat: no-repeat; } diff --git a/skins/default/functions.js b/skins/default/functions.js index 7425a1e6f..bc9a486d7 100644 --- a/skins/default/functions.js +++ b/skins/default/functions.js @@ -145,10 +145,9 @@ show_messagemenu: function(show) show = this.messagemenu.is(':visible') ? false : true; var ref = rcube_find_object('messagemenulink'); - if (show && ref) { - var pos = $(ref).offset(); - this.messagemenu.css({ left:pos.left, top:(pos.top + ref.offsetHeight) }); - } + if (show && ref) + this.messagemenu.css({ left:ref.offsetLeft, top:(ref.offsetTop + ref.offsetHeight) }); + this.messagemenu[show?'show':'hide'](); }, diff --git a/skins/default/images/buttons/actions_act.png b/skins/default/images/buttons/actions_act.png new file mode 100644 index 000000000..8a777767e Binary files /dev/null and b/skins/default/images/buttons/actions_act.png differ diff --git a/skins/default/images/buttons/actions_pas.png b/skins/default/images/buttons/actions_pas.png new file mode 100644 index 000000000..0780f6a14 Binary files /dev/null and b/skins/default/images/buttons/actions_pas.png differ diff --git a/skins/default/images/buttons/inbox_act.png b/skins/default/images/buttons/inbox_act.png index 30c1e7635..24d33a611 100644 Binary files a/skins/default/images/buttons/inbox_act.png and b/skins/default/images/buttons/inbox_act.png differ diff --git a/skins/default/images/buttons/inbox_pas.png b/skins/default/images/buttons/inbox_pas.png index 67f4da08d..b65746a83 100644 Binary files a/skins/default/images/buttons/inbox_pas.png and b/skins/default/images/buttons/inbox_pas.png differ diff --git a/skins/default/images/buttons/inbox_sel.png b/skins/default/images/buttons/inbox_sel.png index 89d661e77..ce65ca791 100644 Binary files a/skins/default/images/buttons/inbox_sel.png and b/skins/default/images/buttons/inbox_sel.png differ diff --git a/skins/default/images/buttons/mail.gif b/skins/default/images/buttons/mail.gif index 8bb93f747..712735daf 100644 Binary files a/skins/default/images/buttons/mail.gif and b/skins/default/images/buttons/mail.gif differ diff --git a/skins/default/images/buttons/markread_act.png b/skins/default/images/buttons/markread_act.png index 32c051140..284d68bb0 100644 Binary files a/skins/default/images/buttons/markread_act.png and b/skins/default/images/buttons/markread_act.png differ diff --git a/skins/default/images/buttons/messagemenu.png b/skins/default/images/buttons/messagemenu.png deleted file mode 100644 index d19ee9500..000000000 Binary files a/skins/default/images/buttons/messagemenu.png and /dev/null differ diff --git a/skins/default/images/buttons/settings.gif b/skins/default/images/buttons/settings.gif index a390cd969..9c609b7a9 100644 Binary files a/skins/default/images/buttons/settings.gif and b/skins/default/images/buttons/settings.gif differ diff --git a/skins/default/images/buttons/settings.png b/skins/default/images/buttons/settings.png deleted file mode 100644 index 41395bf7c..000000000 Binary files a/skins/default/images/buttons/settings.png and /dev/null differ diff --git a/skins/default/images/icons/print.png b/skins/default/images/icons/print.png deleted file mode 100644 index dc9ab487e..000000000 Binary files a/skins/default/images/icons/print.png and /dev/null differ diff --git a/skins/default/images/icons/save.png b/skins/default/images/icons/save.png deleted file mode 100644 index aa9ea52b1..000000000 Binary files a/skins/default/images/icons/save.png and /dev/null differ diff --git a/skins/default/images/icons/source.png b/skins/default/images/icons/source.png deleted file mode 100644 index 37dceea1c..000000000 Binary files a/skins/default/images/icons/source.png and /dev/null differ diff --git a/skins/default/images/messageactions.gif b/skins/default/images/messageactions.gif new file mode 100644 index 000000000..da981cbc8 Binary files /dev/null and b/skins/default/images/messageactions.gif differ diff --git a/skins/default/images/messageactions.png b/skins/default/images/messageactions.png new file mode 100644 index 000000000..3c9bce396 Binary files /dev/null and b/skins/default/images/messageactions.png differ diff --git a/skins/default/includes/links.html b/skins/default/includes/links.html index 30aeb4c19..222027e42 100644 --- a/skins/default/includes/links.html +++ b/skins/default/includes/links.html @@ -1,3 +1,8 @@ - \ No newline at end of file + + +.css" /> + + + \ No newline at end of file diff --git a/skins/default/includes/messagemenu.html b/skins/default/includes/messagemenu.html index 13b984b3e..1725b6b96 100644 --- a/skins/default/includes/messagemenu.html +++ b/skins/default/includes/messagemenu.html @@ -1,10 +1,12 @@
-
    -
    • -
    • -
    • -
    • -
    • - -
+
    +
    • +
    • +
    • + +
  •  
    • +
    • + + +
diff --git a/skins/default/mail.css b/skins/default/mail.css index e92379489..a9c2d8d1c 100644 --- a/skins/default/mail.css +++ b/skins/default/mail.css @@ -10,8 +10,6 @@ height: 35px; white-space: nowrap; /* border: 1px solid #cccccc; */ - /* css hack for IE */ - width: expression((parseInt(document.documentElement.clientWidth)-400)+'px'); } #messagetoolbar a @@ -57,7 +55,6 @@ border: 1px solid #CCC; padding: 1px; opacity: 0.9; - filter:alpha(opacity=90); z-index: 240; } @@ -78,21 +75,22 @@ ul.toolbarmenu li font-size: 11px; white-space: nowrap; min-width: 130px; - width: auto !important; - width: 130px; } ul.toolbarmenu li a { display: block; color: #a0a0a0; - padding: 2px 8px 3px 12px; + padding: 2px 8px 3px 22px; text-decoration: none; + min-height: 14px; } -ul.toolbarmenu li a.active:hover +ul.toolbarmenu li a.active, +ul.toolbarmenu li a.active:active, +ul.toolbarmenu li a.active:visited { - background-color: #ddd; + color: #333; } ul.toolbarmenu li input @@ -102,8 +100,10 @@ ul.toolbarmenu li input ul.toolbarmenu li hr { + color: #ccc; width: 130px; - margin: 2px 8px 2px 22px; + height: 1px; + margin: 2px 1px 2px 1px; } ul.toolbarmenu li img @@ -112,36 +112,45 @@ ul.toolbarmenu li img margin: 0 2px; } -#messagemenu ul.toolbarmenu a, -#markmessagemenu ul.toolbarmenu a +ul.toolbarmenu li.separator { - padding: 2px 8px 3px 22px; + height: 1px; + font-size: 1pt; + border-bottom: 1px solid #ccc; + margin: 1px 1px 2px 1px; + padding: 0; } #messagemenu li a.active:hover, #markmessagemenu li a.active:hover { - background-color: #ddd; + color: #fff; + background-color: #c00; +} + +#messagemenu li a +{ + background: url('images/messageactions.png') no-repeat 1px 0; } -#messagemenu a.printlink +#messagemenu li a.printlink { - background: url('images/icons/print.png') no-repeat 2px; + background-position: 1px 1px; } -#messagemenu a.downloadlink +#messagemenu li a.downloadlink { - background: url('images/icons/save.png') no-repeat 2px; + background-position: 1px -17px; } -#messagemenu a.openlink +#messagemenu li a.sourcelink { - background: url('images/icons/extwin.png') no-repeat 2px; + background-position: 1px -35px; } -#messagemenu a.sourcelink +#messagemenu li a.openlink { - background: url('images/icons/source.png') no-repeat 2px; + background-position: 1px -53px; } #markmessagemenu a.readlink @@ -197,9 +206,6 @@ td.formlinks a:visited #mailboxcontrols a.active, #mailboxcontrols a.active:active, #mailboxcontrols a.active:visited, -ul.toolbarmenu li a.active, -ul.toolbarmenu li a.active:active, -ul.toolbarmenu li a.active:visited, td.formlinks a, td.formlinks a:visited { @@ -242,9 +248,6 @@ td.formlinks a:visited right: 20px; bottom: 40px; left: 20px; - /* css hack for IE */ - width: expression((parseInt(document.documentElement.clientWidth)-40)+'px'); - height: expression((parseInt(document.documentElement.clientHeight)-125)+'px'); } #mailrightcontainer @@ -254,11 +257,8 @@ td.formlinks a:visited left: 170px; bottom: 0px; right: 0px; - /* css hack for IE */ - width: expression((parseInt(this.parentNode.offsetWidth)-170)+'px'); - height: expression(parseInt(this.parentNode.offsetHeight)+'px'); } - + #messagepartcontainer { position: absolute; @@ -266,9 +266,6 @@ td.formlinks a:visited left: 20px; right: 20px; bottom: 20px; - /* css hack for IE */ - width: expression((parseInt(document.documentElement.clientWidth)-40)+'px'); - height: expression((parseInt(document.documentElement.clientHeight)-100)+'px'); } #mailcontframe @@ -280,8 +277,6 @@ td.formlinks a:visited border: 1px solid #999999; background-color: #F9F9F9; overflow: auto; - /* css hack for IE */ - height: expression(parseInt(this.parentNode.offsetHeight)+'px'); } #mailpreviewframe @@ -292,8 +287,6 @@ td.formlinks a:visited bottom: 0px; border: 1px solid #999999; background-color: #F9F9F9; - /* css hack for IE */ - height: expression((parseInt(this.parentNode.offsetHeight)-205)+'px'); } #messagecontframe @@ -323,8 +316,6 @@ td.formlinks a:visited left: 220px; right: 20px; height: 40px; - /* css hack for IE */ - width: expression((parseInt(document.documentElement.clientWidth)-240)+'px'); } #partheader table td @@ -368,8 +359,6 @@ td.formlinks a:visited border: 1px solid #999; background-color: #F9F9F9; overflow: auto; - /* css hack for IE */ - height: expression(parseInt(this.parentNode.offsetHeight)+'px'); } #mailboxlist @@ -505,8 +494,6 @@ td.formlinks a:visited right: 20px; bottom: 18px; height: 20px; - /* css hack for IE */ - width: expression((parseInt(document.documentElement.clientWidth)-40)+'px'); } #mailfooter table tr td @@ -538,8 +525,6 @@ body.messagelist width: 100%; display: table; table-layout: fixed; - /* css hack for IE */ - width: expression('auto'); } #messagelist thead tr td @@ -746,15 +731,6 @@ html>body*input[type$="file"]:not([class="none"]) { background-color: transparen border: 1px solid #999; background-color: #FFF; overflow: auto; - /* css hack for IE */ - width: expression((parseInt(this.parentNode.offsetWidth)-170)+'px'); - height: expression((parseInt(this.parentNode.offsetHeight))+'px'); -} - -#messagecanvas -{ - /* css hack for IE */ - width: expression((parseInt(this.parentNode.offsetWidth)-20)+'px'); } #printmessageframe @@ -767,9 +743,6 @@ html>body*input[type$="file"]:not([class="none"]) { background-color: transparen border: 1px solid #999; background-color: #FFF; overflow: auto; - /* css hack for IE */ - width: expression((parseInt(document.documentElement.clientWidth)-220)+'px'); - height: expression((parseInt(document.documentElement.clientHeight)-125)+'px'); } div.messageheaderbox @@ -838,8 +811,6 @@ table.headers-table tr td.all list-style-image: none; list-style-type: none; background: url(images/icons/attachment.png) 60px 2px no-repeat #DFDFDF; - /* IE6 hack */ - _height: expression(Math.min(16, parseInt(document.documentElement.clientHeight))+'px'); } #attachment-list:after @@ -934,12 +905,6 @@ div.message-part blockquote blockquote blockquote border-right: 2px solid #bb0000; } -body.iframe -{ - /* css hack for IE */ - width: expression((parseInt(document.documentElement.clientWidth))+'px'); -} - body.iframe div.message-htmlpart { margin: 8px; @@ -969,6 +934,16 @@ div.message-htmlpart div.rcmBody color: #333333; } +#messageviewlink +{ + position: absolute; + top: 8px; + right: 10px; + width: 15px; + height: 15px; + border: 0; +} + /** message compose styles */ #compose-toolbar @@ -991,9 +966,6 @@ div.message-htmlpart div.rcmBody right: 25px; bottom: 30px; margin: 0px; - /* css hack for IE */ - width: expression((parseInt(document.documentElement.clientWidth)-210)+'px'); - height: expression((parseInt(document.documentElement.clientHeight)-120)+'px'); } #spellcheck-control @@ -1043,7 +1015,6 @@ div.message-htmlpart div.rcmBody #compose-headers td input { width: 100%; - width: expression('99%'); } #compose-headers td textarea diff --git a/skins/default/settings.css b/skins/default/settings.css index 26b4f2cdb..f0024fcf9 100644 --- a/skins/default/settings.css +++ b/skins/default/settings.css @@ -10,8 +10,6 @@ height: 22px; border-bottom: 1px solid #999999; white-space: nowrap; - /* css hack for IE */ - width: expression((parseInt(document.documentElement.clientWidth)-240)+'px'); } span.tablink, @@ -53,9 +51,6 @@ span.tablink-selected a right: 20px; overflow: auto; border: 1px solid #999999; - /* css hack for IE */ - height: expression((parseInt(document.documentElement.clientHeight)-155)+'px'); - width: expression((parseInt(document.documentElement.clientWidth)-40)+'px'); } #userprefs-box table td.title @@ -75,8 +70,6 @@ span.tablink-selected a float: left; margin-right: 14px; min-width: 520px; - /* css hack for IE */ - width: expression(Math.min(520, parseInt(document.documentElement.clientWidth))+'px'); } #rcmfd_timezone @@ -99,8 +92,6 @@ span.tablink-selected a bottom: 140px; overflow: auto; border: 1px solid #999999; - /* css hack for IE */ - height: expression((parseInt(document.documentElement.clientHeight)-235)+'px'); } #folder-manager.droptarget @@ -114,8 +105,6 @@ span.tablink-selected a bottom: 60px; width: 420px; border: 1px solid #999999; - /* css hack for IE */ - height: expression((parseInt(document.documentElement.clientHeight)-155)+'px'); } #listbuttons @@ -135,8 +124,6 @@ span.tablink-selected a #subscription-table { width: 100%; - /* css hack for IE */ - width: expression('auto'); } #subscription-table input @@ -223,9 +210,6 @@ span.tablink-selected a bottom: 60px; border: 1px solid #999999; overflow: auto; - /* css hack for IE */ - width: expression((parseInt(document.documentElement.clientWidth)-470)+'px'); - height: expression((parseInt(document.documentElement.clientHeight)-155)+'px'); } #identity-details table td.title diff --git a/skins/default/templates/addcontact.html b/skins/default/templates/addcontact.html index 38151c9e4..3b18ec5e7 100644 --- a/skins/default/templates/addcontact.html +++ b/skins/default/templates/addcontact.html @@ -3,7 +3,6 @@ <roundcube:object name="pagetitle" /> - diff --git a/skins/default/templates/addressbook.html b/skins/default/templates/addressbook.html index 7e8edef87..2dc92e058 100644 --- a/skins/default/templates/addressbook.html +++ b/skins/default/templates/addressbook.html @@ -3,25 +3,24 @@ <roundcube:object name="pagetitle" /> - @@ -53,7 +52,7 @@ -
+
diff --git a/skins/default/templates/compose.html b/skins/default/templates/compose.html index 99a4185b2..d5abd47cc 100644 --- a/skins/default/templates/compose.html +++ b/skins/default/templates/compose.html @@ -3,7 +3,6 @@ <roundcube:object name="productname" /> :: <roundcube:label name="compose" /> - diff --git a/skins/default/templates/editcontact.html b/skins/default/templates/editcontact.html index 6cef903e5..1fc1237f8 100644 --- a/skins/default/templates/editcontact.html +++ b/skins/default/templates/editcontact.html @@ -3,7 +3,6 @@ <roundcube:object name="pagetitle" /> - diff --git a/skins/default/templates/editidentity.html b/skins/default/templates/editidentity.html index 4d15bde0b..deff97990 100644 --- a/skins/default/templates/editidentity.html +++ b/skins/default/templates/editidentity.html @@ -3,7 +3,6 @@ <roundcube:object name="pagetitle" /> - diff --git a/skins/default/templates/identities.html b/skins/default/templates/identities.html index 30d33a38b..f67d34bbe 100644 --- a/skins/default/templates/identities.html +++ b/skins/default/templates/identities.html @@ -3,7 +3,6 @@ <roundcube:object name="pagetitle" /> - diff --git a/skins/default/templates/importcontacts.html b/skins/default/templates/importcontacts.html index 35a8e41f8..b005d3554 100644 --- a/skins/default/templates/importcontacts.html +++ b/skins/default/templates/importcontacts.html @@ -3,7 +3,6 @@ <roundcube:object name="pagetitle" /> - diff --git a/skins/default/templates/mail.html b/skins/default/templates/mail.html index 93d4e4dce..d3d8e232e 100644 --- a/skins/default/templates/mail.html +++ b/skins/default/templates/mail.html @@ -3,7 +3,6 @@ <roundcube:object name="pagetitle" /> -