CSS optimizations for IE8/9

1 files changed, 179 insertions, 0 deletions

diff --git a/skins/larry/svggradients.css b/skins/larry/svggradients.css
new file mode 100644
index 000000000..91192d79d
--- /dev/null
+++ b/skins/larry/svggradients.css
@@ -0,0 +1,179 @@
+/**
+ * Roundcube webmail SVG-based gradients for IE 9
+ *
+ * Copyright (c) 2012, The Roundcube Dev Team
+ *
+ * The contents are subject to the Creative Commons Attribution-ShareAlike
+ * License. It is allowed to copy, distribute, transmit and to adapt the work
+ * by keeping credits to the original autors in the README file.
+ * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
+ *
+ * $Id$
+ */
+
+input.button {
+	background-image: url(svggradient.php?c=f9f9f9;e6e6e6);
+}
+
+.formbuttons input.button {
+	background-image: url(svggradient.php?c=7b7b7b;606060);
+}
+
+.formbuttons input.button:active {
+	background-image: url(svggradient.php?c=5c5c5c;7b7b7b);
+}
+
+input.button.mainaction {
+	background-image: url(svggradient.php?c=505050;2a2e31);
+}
+
+input.button.mainaction:active {
+	background-image: url(svggradient.php?c=2a2e31;505050);
+}
+
+a.button {
+	background-image: url(svggradient.php?c=f9f9f9;e6e6e6);
+}
+
+a.button.pressed,
+a.button:active,
+input.button:active {
+	background-image: url(svggradient.php?c=e6e6e6;f9f9f9);
+}
+
+.pagenav.dark a.button {
+	background-image: url(svggradient.php?c=d8d8d8;bababa);
+}
+
+.pagenav.dark a.button.pressed {
+	background-image: url(svggradient.php?c=bababa;d8d8d8);
+}
+
+#message.statusbar {
+	background-image: url(svggradient.php?c=eaeaea;c8c8c8);
+}
+
+.ui-dialog.popupmessage .ui-dialog-titlebar {
+	background-image: url(svggradient.php?c=e3e3e3;cfcfcf);
+}
+
+.ui-dialog.popupmessage .ui-widget-content {
+	background-image: url(svggradient.php?c=eeeeee;dcdcdc);
+}
+
+#topnav {
+	background-image: url(svggradient.php?c=404040;060606);
+}
+
+.records-table tr.selected td {
+	background-image: url(svggradient.php?c=019bc6;017cb4);
+}
+
+.contentbox .boxtitle,
+body.iframe .boxtitle {
+	background-image: url(svggradient.php?c=eeeeee;dfdfdf);
+/*	background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20preserveAspectRatio%3D%22none%22%20version%3D%221.0%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22mLG1%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%220%25%22%20y2%3D%22100%25%22%20spreadMethod%3D%22pad%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23eeeeee%22%20stop-opacity%3D%221%22/%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23dfdfdf%22%20stop-opacity%3D%221%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20style%3D%22fill%3Aurl%28%23mLG1%29%3B%22/%3E%3C/svg%3E);*/
+}
+
+#login-form input.button {
+	background-image: url(svggradient.php?c=f9f9f9;e2e2e2);
+}
+
+#login-form input.button:active {
+	background-image: url(svggradient.php?c=dcdcdc;f9f9f9);
+}
+
+.toolbar a.button {
+	filter: none;
+}
+
+a.menuselector {
+	background-image: url(svggradient.php?c=f8f8f8;dddddd);
+}
+
+a.menuselector:active {
+	background-image: url(svggradient.php?c=dddddd;f8f8f8);
+}
+
+.googie_list td.googie_list_onhover,
+ul.toolbarmenu li a.active:hover,
+#rcmKSearchpane ul li.selected {
+	background-image: url(svggradient.php?c=00aad6;008fc9);
+}
+
+.tabsbar .tablink {
+	background-image: url(svggradient.php?c=f8f8f8;d3d3d3,50;f8f8f8);
+	outline: none;
+}
+
+.tabsbar .tablink.selected a {
+	background-image: url(svggradient.php?c=ffffff;efefef);
+	outline: none;
+}
+
+
+/*** addressbook.css ***/
+
+.contactfieldgroup {
+	background-image: url(svggradient.php?c=f7f7f7;eeeeee);
+}
+
+.contactfieldgroup legend {
+	background-image: url(svggradient.php?c=f0f0f0;d6d6d6);
+}
+
+
+/*** mail.css ***/
+
+#mailboxlist li.mailbox .unreadcount {
+	background-image: url(svggradient.php?c=82acb5;6a939f);
+}
+
+#mailboxlist li.mailbox.selected .unreadcount {
+	background-image: url(svggradient.php?c=005d76;004558);
+}
+
+#messageheader, #partheader, #composeheaders {
+	background-image: url(svggradient.php?c=ffffff;e9e9e9);
+}
+
+#full-headers {
+	background-image: url(svggradient.php?c=eaeaea;e9e9e9);
+}
+
+#all-headers {
+	background-image: url(svggradient.php?c=f3f3f3;ffffff);
+}
+
+
+/*** jqueryui theme ***/
+
+.ui-menu .ui-menu-item a.ui-state-hover,
+.ui-menu .ui-menu-item a.ui-state-active {
+	background-image: url(svggradient.php?c=00aad6;008fc9) !important;
+}
+
+.ui-button.ui-state-default {
+	background-image: url(svggradient.php?c=f9f9f9;e6e6e6) !important;
+}
+
+.ui-button.ui-state-active {
+	background-image: url(svggradient.php?c=e6e6e6;f9f9f9) !important;
+}
+
+.ui-tabs .ui-tabs-nav li {
+	background-image: url(svggradient.php?c=f8f8f8;d3d3d3,50;d3d3d3) !important;
+}
+
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
+	background-image: url(svggradient.php?c=fafafa,40;e4e4e4) !important;
+}
+
+.ui-datepicker td a.ui-state-default {
+	background-image: url(svggradient.php?c=e6e6e6;d6d6d6) !important;
+}
+
+.ui-datepicker td a.ui-state-active {
+	background-image: url(svggradient.php?c=00acd4;008fc7) !important;
+}
+