You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

svggradients.css 5.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
  1. /**
  2. * Roundcube webmail SVG-based gradients for IE 9
  3. *
  4. * Copyright (c) 2012, The Roundcube Dev Team
  5. *
  6. * The contents are subject to the Creative Commons Attribution-ShareAlike
  7. * License. It is allowed to copy, distribute, transmit and to adapt the work
  8. * by keeping credits to the original autors in the README file.
  9. * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
  10. */
  11. input.button {
  12. background-image: url(svggradient.php?c=f9f9f9;e6e6e6);
  13. }
  14. .formbuttons input.button {
  15. background-image: url(svggradient.php?c=7b7b7b;606060);
  16. }
  17. .formbuttons input.button:active {
  18. background-image: url(svggradient.php?c=5c5c5c;7b7b7b);
  19. }
  20. input.button.mainaction {
  21. background-image: url(svggradient.php?c=505050;2a2e31);
  22. }
  23. input.button.mainaction:active {
  24. background-image: url(svggradient.php?c=2a2e31;505050);
  25. }
  26. a.button,
  27. .buttongroup {
  28. background-image: url(svggradient.php?c=f9f9f9;e6e6e6);
  29. }
  30. a.button.pressed,
  31. a.button:active,
  32. input.button:active {
  33. background-image: url(svggradient.php?c=e6e6e6;f9f9f9);
  34. }
  35. .pagenav.dark a.button {
  36. background-image: url(svggradient.php?c=d8d8d8;bababa);
  37. }
  38. .pagenav.dark a.button.pressed {
  39. background-image: url(svggradient.php?c=bababa;d8d8d8);
  40. }
  41. .buttongroup a.button.selected {
  42. background-image: url(svggradient.php?c=909090;858585);
  43. }
  44. #message.statusbar {
  45. background-image: url(svggradient.php?c=eaeaea;c8c8c8);
  46. }
  47. #messagestack div {
  48. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIgc3RvcC1vcGFjaXR5PSIwLjg4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDMwMzAiIHN0b3Atb3BhY2l0eT0iMC44OCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  49. }
  50. .ui-dialog.popupmessage .ui-dialog-titlebar {
  51. background-image: url(svggradient.php?c=e3e3e3;cfcfcf);
  52. }
  53. .ui-dialog.popupmessage .ui-widget-content {
  54. background-image: url(svggradient.php?c=eeeeee;dcdcdc);
  55. }
  56. #topnav {
  57. background-image: url(svggradient.php?c=404040;060606);
  58. }
  59. .records-table tr.selected td {
  60. background-image: url(svggradient.php?c=019bc6;017cb4);
  61. }
  62. .contentbox .boxtitle,
  63. body.iframe .boxtitle {
  64. background-image: url(svggradient.php?c=eeeeee;dfdfdf);
  65. /* 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);*/
  66. }
  67. #login-form input.button {
  68. background-image: url(svggradient.php?c=f9f9f9;e2e2e2);
  69. }
  70. #login-form input.button:active {
  71. background-image: url(svggradient.php?c=dcdcdc;f9f9f9);
  72. }
  73. .toolbar a.button {
  74. filter: none;
  75. }
  76. a.menuselector {
  77. background-image: url(svggradient.php?c=f8f8f8;dddddd);
  78. }
  79. a.menuselector:active {
  80. background-image: url(svggradient.php?c=dddddd;f8f8f8);
  81. }
  82. .googie_list td.googie_list_onhover,
  83. ul.toolbarmenu li a.active:hover,
  84. #rcmKSearchpane ul li.selected {
  85. background-image: url(svggradient.php?c=00aad6;008fc9);
  86. }
  87. .tabsbar .tablink {
  88. background-image: url(svggradient.php?c=f8f8f8;d3d3d3,50;f8f8f8);
  89. outline: none;
  90. }
  91. .tabsbar .tablink.selected a {
  92. background-image: url(svggradient.php?c=ffffff;efefef);
  93. outline: none;
  94. }
  95. /*** addressbook.css ***/
  96. .contactfieldgroup {
  97. background-image: url(svggradient.php?c=f7f7f7;eeeeee);
  98. }
  99. .contactfieldgroup legend {
  100. background-image: url(svggradient.php?c=f0f0f0;d6d6d6);
  101. }
  102. /*** mail.css ***/
  103. #mailboxlist li.mailbox .unreadcount {
  104. background-image: url(svggradient.php?c=82acb5;6a939f);
  105. }
  106. #mailboxlist li.mailbox.selected .unreadcount {
  107. background-image: url(svggradient.php?c=005d76;004558);
  108. }
  109. #messageheader, #partheader, #composeheaders {
  110. background-image: url(svggradient.php?c=ffffff;f0f0f0);
  111. }
  112. .moreheaderstoggle {
  113. background-image: url(svggradient.php?c=fbfbfb;e9e9e9&h=1);
  114. }
  115. #messagelistfooter {
  116. background-image: url(svggradient.php?c=ebebeb;c6c6c6);
  117. }
  118. /*** jqueryui theme ***/
  119. .ui-menu .ui-menu-item a.ui-state-hover,
  120. .ui-menu .ui-menu-item a.ui-state-active {
  121. background-image: url(svggradient.php?c=00aad6;008fc9) !important;
  122. }
  123. .ui-button.ui-state-default {
  124. background-image: url(svggradient.php?c=f9f9f9;e6e6e6) !important;
  125. }
  126. .ui-button.ui-state-active {
  127. background-image: url(svggradient.php?c=e6e6e6;f9f9f9) !important;
  128. }
  129. .ui-tabs .ui-tabs-nav li {
  130. background-image: url(svggradient.php?c=f8f8f8;d3d3d3,50;d3d3d3) !important;
  131. }
  132. .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  133. background-image: url(svggradient.php?c=fafafa,40;e4e4e4) !important;
  134. }
  135. .ui-datepicker td a.ui-state-default {
  136. background-image: url(svggradient.php?c=e6e6e6;d6d6d6) !important;
  137. }
  138. .ui-datepicker td a.ui-state-active {
  139. background-image: url(svggradient.php?c=00acd4;008fc7) !important;
  140. }