☰

Gmx - webmails - restore blue buttons bar

Restores the blue theme of the buttons bar

当前为 2020-11-16 提交的版本，查看 最新版本。

  1. /* ==UserStyle==
  2. @name           Gmx - webmails - restore blue buttons bar
  3. @namespace      https://github.com/Procyon-b
  4. @version        0.1.0
  5. @description    Restores the blue theme of the buttons bar
  6. @author         Achernar
  7. ==/UserStyle== */
  8.  
  9. @-moz-document url-prefix("https://3c.gmx.net/mail/client/"), url-prefix("https://3c-bap.gmx.net/mail/client/"), url-prefix("https://3c-bs.gmx.com/mail/client/"), url-prefix("https://3c-bs.gmx.fr/mail/client/"), url-prefix("https://3c-bs.gmx.es/mail/client/"), url-prefix("https://3c-bs.gmx.co.uk/mail/client/") {
  10. /* 20200728.1
  11. restore old buttonbar style (colors). New color scheme uses "web.de"'s gray look everywhere. */
  12.  
  13. html.theme-intenseblue .menubar {
  14.   background-color: #cbd9ed;
  15.   border-color: #b8cae2;
  16.   background-image: -webkit-linear-gradient(top,#cbd9ed,#bed0e9);
  17.   background-image: linear-gradient(to bottom,#cbd9ed,#bed0e9);
  18. }
  19. html.theme-intenseblue ul.button li.inactive .area, html.theme-intenseblue ul.button li.inactive.transparent .area {
  20.     color: #abaeb5!important;
  21.     border-color: #d2d8e2!important;
  22. }
  23. html.theme-intenseblue ul.button li.inactive:hover .area {
  24.     color: #abaeb5!important;
  25.     border-color: #d2d8e2!important;
  26. }
  27. html.theme-intenseblue ul.button li .dropdown {
  28.     background-position: -178px -290px;
  29. }
  30. html.theme-intenseblue ul.button li .area {
  31.     color: #333;
  32.     border-left-color: #eceff6;
  33. }
  34. html.theme-intenseblue ul.button li {
  35.     border-color: #96a2b8;
  36.     background-color: #fff;
  37.     background: -webkit-linear-gradient(top,#fff,#d6dff0);
  38.     background: linear-gradient(to bottom,#fff,#d6dff0);
  39. }
  40. html.theme-intenseblue ul.button li.inactive, html.theme-intenseblue ul.button li.inactive.transparent {
  41.     background-color: #f5f8fd;
  42.     background: -webkit-linear-gradient(top,#f5f8fd,#e0e6f2);
  43.     background: linear-gradient(to bottom,#f5f8fd,#e0e6f2);
  44.     border-color: #c3cbd8;
  45. }
  46. html.theme-intenseblue ul.button li:hover {
  47.     background-color: #e4ebf5;
  48.     background: -webkit-linear-gradient(top,#e4ebf5,#cdd8ec);
  49.     background: linear-gradient(to bottom,#e4ebf5,#cdd8ec);
  50. }
  51. html.theme-intenseblue ul.button li.inactive:hover {
  52.     background-color: #f5f8fd;
  53.     background: -webkit-linear-gradient(top,#f5f8fd,#e0e6f2);
  54.     background: linear-gradient(to bottom,#f5f8fd,#e0e6f2);
  55.     border-color: #c3cbd8;
  56. }
  57. html.theme-intenseblue .panel-mail-display-table-mail-horizontal .icon.next, html.theme-intenseblue .panel-mail-display-table-mail-vertical .icon.next {
  58.     background-position: -252px -237px;
  59. }
  60. html.theme-intenseblue .panel-mail-display-table-mail-horizontal .icon.prev, html.theme-intenseblue .panel-mail-display-table-mail-vertical .icon.prev {
  61.     background-position: -50px -273px;
  62. }
  63. html.theme-intenseblue .panel-mail-display-table-mail-horizontal .button .change-view {
  64.     background-position: -144px -237px;
  65. }
  66. html.theme-intenseblue .icon.change-view {
  67.     background-position: -126px -237px;
  68. }
  69. html.theme-intenseblue .panel-mail-display-table-mail-vertical .button .change-view {
  70.     background-position: -108px -237px;
  71. }
  72. }