☰

bug fixes for Old Gmail 2014

you need this for it to work https://userstyles.world/style/21660/

  1. /* ==UserStyle==
  2. @name           bug fixes for Old Gmail 2014
  3. @namespace      hi
  4. @version        1.0
  5. @description    you need this for it to work https://userstyles.world/style/21660/
  6. @author         By Goolbob2
  7. @preprocessor   less
  8. ==/UserStyle== */
  9.  
  10. @-moz-document domain("mail.google.com") {
  11. .aKh {
  12. margin-bottom: 8px;
  13. }
  14. }
  15.  
  16. zzz, .aeq, .aaZ, .wA, .vO, .aoT, .qz, .Am, .Am *, .IG, .vN, .Ap, .aDh, .gU, .azX, .aC3, .iS, .Mj, .ya, .h9, .adI, .ko, .aeh, .jp, .NJ, .NC, .vD, .GM .dL, .bX, .acS, #gbmpdv, .Wz, .xI, .ac7, .acS, .gS, .xE .aoD, .xE .fX, .J-KU-Jg-K9.aAA .J-KU-KO.aAy, .aRs {
  17. background-color: #fff !important;
  18.   height: 46px !important;
  19.   width: 253px !important;
  20. }
  21.  
  22. .J-KU-KO.aAy::before {
  23. background-color: #777777!important;
  24. border-top-left-radius: 0px!important;
  25. border-top-right-radius: 0px!important;
  26. margin: 0 0px!important;
  27. bottom: 43px!important;
  28. left: -1px!important;
  29. width: 255px;
  30. }
  31.  
  32. .J-KU-Jg-K9.aAA .aAy::after {
  33.   border-radius: 4px!important;
  34.   -moz-box-sizing: border-box!important;
  35.   box-sizing: border-box!important;
  36.   content: ""!important;
  37.   display: none!important;
  38.   height: 48px!important;
  39.   position: absolute!important;
  40.   width: 100%!important;
  41.   z-index: -1!important;
  42. }
  43. .aHE-aLe.aAy::after {
  44.   background-color: #d3e3fd;
  45.   border: 1px solid #0b57d0;
  46. }
  47. element {
  48.   width: 252px!important;
  49. }
  50. .J-KU-Jg-K9.aAA > .aRz > .aAy {
  51.   -moz-box-align: center;
  52.   align-items: center;
  53.   background: none!important;
  54.     background-color: rgba(0, 0, 0, 0)!important;
  55.   border: none!important;
  56.   display: -moz-box;
  57.   display: flex;
  58.   margin: 0;
  59. }
  60. zzz, #gbx1, #gbx2.J-KU-KO.aAy, .J-KU-Jg-K9.aAA .aAy, .aKj, .SI .aBz, .iC, #gbgs3 .gbmt:hover, .gb_T {
  61.   background-color: rgba(0, 0, 0, 0) !important;
  62. }
  63.  
  64. .aKx > .aKz {
  65. color: #000!important;
  66. }
  67.  
  68. td.aRz:nth-child(2) .aAy.J-KU-KO > .aJi-aLf {
  69. filter: saturate(0%) contrast(0%) invert(0%) sepia(0%) saturate(0%) hue-rotate(349deg) brightness(0%) contrast(60%);
  70. }
  71.  
  72. td.aRz:nth-child(1) .aAy.J-KU-KO > .aIf-aLf {
  73. filter: saturate(0%) contrast(0%) invert(0%) sepia(0%) saturate(0%) hue-rotate(349deg) brightness(0%) contrast(60%);
  74. }
  75.  
  76. td.aRz:nth-child(3) .aAy.J-KU-KO > .aKe-aLf {
  77. filter: saturate(0%) contrast(0%) invert(0%) sepia(0%) saturate(0%) hue-rotate(349deg) brightness(0%) contrast(60%);
  78. }
  79.  
  80. td.aRz:nth-child(4) .aAy.J-KU-KO > .aH2-aLf {
  81. filter: saturate(0%) contrast(0%) invert(0%) sepia(0%) saturate(0%) hue-rotate(349deg) brightness(0%) contrast(60%);
  82. }
  83.  
  84. td.aRz:nth-child(5) .aAy.J-KU-KO > .aHE-aLf {
  85. filter: saturate(0%) contrast(0%) invert(0%) sepia(0%) saturate(0%) hue-rotate(349deg) brightness(0%) contrast(60%);
  86. }
  87.  
  88.  
  89. td.aRz:nth-child(2) .J-KU-KO.aJi-aLe::before {
  90.   background-color: #16a765!important;
  91. }
  92.  
  93. td.aRz:nth-child(3) .J-KU-KO.aKe-aLe::before {
  94.   background-color: #4986e7!important;
  95. }
  96.  
  97. td.aRz:nth-child(4) .J-KU-KO.aH2-aLe::before {
  98.   background-color: #e9b330!important;
  99. }
  100.  
  101. td.aRz:nth-child(5) .J-KU-KO.aHE-aLe::before {
  102.   background-color: #a388ca!important;
  103. }
  104.  
  105.  
  106. .aAy.aIf-aLe.J-KU-JW::before {
  107.   content: "";
  108.   display: block;
  109.   height: 2px;
  110.   background-color: #777777!important;
  111.   border-top-left-radius: 0px !important;
  112.   border-top-right-radius: 0px !important;
  113.   margin: 0 0px !important;
  114.   bottom: 48px;
  115.   left: -1px;
  116.   width: 255px;
  117.   position: absolute;
  118. }
  119.  
  120. .J-KU .aAy {
  121.   -webkit-transition: margin-top .0s,height .0s!important;
  122. }
  123.  
  124. td.apU > .T-KT.aXw::before {
  125. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAQAAACQ9RH5AAAB2ElEQVR4Ae2SA6wcURiFZ2rbtm2bce2ottuwtu0Ym6+Ii3CjGtFuUIVVUFvPug/DP3cf7lnvnrNn5ptjGRkZGSVA9KZ3YorPcS4RtVX4wheq6C9eyAXOsVh/8UP60JtHmmszK3mkeWCZkFnMOd3DqqK+0yIWcV49d43DUq623mEph6FBClyNA1PnpGtgyvmpDLQOS3RgrOAvSQ63M/mmzjhm/rLCS/VEPrNMjNBSPjPRq7kLL9kmUruNl3T1E6jHHY6Erj3CHer5DVUgwmnqBi6tw2kiVAgStdnOf4YFqh3Kf3ZgB4c1kx/M852axw9mWeHEQN6x0VdiI+8YKLHMlsTY69m9lxgtLRlRnRucpLSrrzQnuUV1gUrlL1e4ulYohycjOhF39cTpZEmLrWxz9Wxjq3xxjM4CVMRBq7DlQfuGLQ+aMVzjGmMcyMiDxmYPb5jMZF6zB9sBtiRopvGfS9RIe1+DS/xnWh6vNGiqcJhnjFR+HckzDlNVoSMLmgX84QAV8zgqsp8/LJCCrcCjOSd4Qq8CXb14wgmaC8ImTifW8p3NlHH0lWEz31mXSUgANBeJ0taTuw1RLorAZisfWIDt2W+zgA8CsNlFI9+ZRuy0jIyMjIqdkgEqMkz5CSYK7QAAAABJRU5ErkJggg==)!important;
  126. opacity: 1;
  127. }
  128.  
  129. .xY > .T-Jo {
  130. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAQAAADYBBcfAAAAVElEQVR4Ae3UsQ3FIAwG4b+BN0+YiQx3kxg2imn8ZrBSRbKu/toTFwsnEjmLIYybjhJ1JiacjpL9eESgfMQnYMGCBQu+2KMxaSnWmJgYbA6R6LAZf28ObeWnrT8xAAAAAElFTkSuQmCC)!important;
  131. scale: 0.6;
  132. opacity: 1;
  133. }
  134.  
  135. .aAA .aJi-aLe .aDG {
  136.   background-color: #16a765!important;
  137. border-radius: 2px!important;
  138. }
  139.  
  140. .aAA .aKe-aLe .aDG {
  141.   background-color: #4986e7!important;
  142. border-radius: 2px!important;
  143. }
  144.  
  145. .aAA .aIf-aLe .aDG {
  146. background-color: #777777!important;
  147. border-radius: 2px!important;
  148. }
  149.  
  150. .aAA .aH2-aLe .aDG {
  151.   background-color: #e9b330!important;
  152. border-radius: 2px!important;
  153. }
  154.  
  155. .aAA .aHE-aLe .aDG {
  156.   background-color: #a388ca!important;
  157. border-radius: 2px!important;
  158. }
  159.  
  160. .ar {
  161. border-radius: 2px!important;
  162. font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  163.     font-size: 11px!important;
  164.     height: 17px;
  165. }
  166.  
  167. .aDP {
  168.   border-top: 1px solid rgb(231, 231, 231) !important;
  169. }
  170. td.apU > .T-KT:hover::after {
  171. background-color: transparent!important;
  172. display: none;
  173. opacity: 1;
  174. }
  175.  
  176. form.aJf {
  177.   background-color: #fff0!important;
  178.   vertical-align: top!important;
  179.   border-radius: 0 !important;
  180.   box-shadow: none !important;
  181.   max-width: 960px!important;
  182.   display: block;
  183.   height: 2px!important;
  184.   left: -45px;
  185. }
  186.  
  187. .gb_id:not(.gb_Ae) button {
  188. position: relative;
  189. top: -37px;
  190. left: 800px;
  191. z-index: 20;
  192. }
  193.  
  194. .r4vW1e.e5IPTd {
  195. display: none!important;
  196. }
  197.  
  198. .gb_af .gb_qe {
  199. box-shadow: none!important; 
  200. }
  201.  
  202. img[src="https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_default_1x_r5.png"] {
  203.   content: url("https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_120x44dp.png")!important;
  204. }
  205.  
  206. .gb_Cc {
  207.   position: relative!important;
  208.   left: 12px!important;
  209.   width: 200px!important;
  210.   top: 5px!important;
  211. }
  212.  
  213.  
  214. form.bas button.bEP svg {
  215. background: url(https://www.google.com/images/nav_logo225.png) no-repeat -113px -61px !important;
  216.   background-position: -111px -55px !important;
  217.   color: transparent;
  218.   display: inline-block;
  219.   height: 18px !important;
  220.   margin-top: 5px !important;
  221.   margin-left: 20px !important;
  222.   width: 10px !important;
  223.   position: relative;
  224.   top: -13px;
  225.   left: -10px;
  226. }
  227.  
  228.  
  229.  
  230. .nH .qp .aJh::placeholder {
  231. color: transparent!important;
  232. }
  233.  
  234. .nH .qp .aJh {
  235.   top: -4.3px!important;
  236.   position: relative!important;
  237.   left: 5px;
  238. }
  239.  
  240. .gb_ze.gb_bf {
  241. display: none!important;
  242. }
  243.  
  244. #aso_search_form_anchor {
  245.   height: 2px!important;
  246.   position: relative!important;
  247. }
  248.  
  249. .gb_Bd.gb_Je:not(.gb_Ae) .gb_we {
  250.   position: relative!important;
  251.   top: 10px!important;
  252. }
  253.  
  254. .gb_id button:focus svg {
  255.   background-color: rgba(0, 0, 0, 0) !important;
  256. }
  257.  
  258. .gb_id button:hover svg {
  259.   background-color: rgba(0, 0, 0, 0) !important;
  260. }
  261.  
  262. .gb_qe.gb_9e {
  263.   border: 1px solid rgb(217, 217, 217)!important;
  264.   box-shadow: none !important;
  265. }
  266.  
  267. .gb_qe.gb_9e:hover {
  268.   border-top-color: #c0c0c0 !important;
  269.   box-shadow: none !important;
  270. }
  271.  
  272. .gb_qe {
  273.   height: 26px!important;
  274. }
  275.  
  276. #aso_search_form_anchor {
  277.   background-color: rgba(0, 0, 0, 0) !important;
  278.     box-shadow: none!important;
  279. }
  280.  
  281. .qp form.bas button.bEP:hover {
  282. border: 1px solid #2f5bb7!important;
  283. }
  284.  
  285. .qp form.bas button.bEP.gb_Ce.gb_9e  {
  286. position: absolute;
  287. left: 860px!important;
  288. background-image: linear-gradient(to bottom,#4d90fe,#4787ed) !important;
  289.   border: 1px solid #3079ed;
  290.   height: 28px !important;
  291.   width: 58px !important;
  292. border-radius: 0 2px 2px 0;
  293. top: 0px;
  294. }
  295.  
  296. td.apU > .T-KT.T-KT-Jp::before {
  297. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAACh0lEQVR4Ae2aA6wdURCGaysoo9q2bRtxUiNGw9pxrRiNG9S2bdu22+18ue+8JM9YzDt7JvmS1fnPTPa/c1f5XFgdLly4cOHChYtbm9u1gDgVvBbiUmwp4TOwHIeCJ77c08N7ubenJ8uT41Dw6e+nBns/BFk+Y32zerits+ddHAEey2yzull9ONw3uWCW2WZ1s/p7fnhywSzb2rwoeNLLvT1MsQZ7m5dpVikLNs3L6maVkkeJ5tXS2maVEtO8rG1WBiubFw2JxpSySP+bl/JmpbV5kfAM4Y/g5YQUZzcrZzmn/CFXv4ruJ3wyjUcT5ERu5Oj3mW4o3HtzoLeaYsmFnIRGQdm7gnDs1b5ekRdLDuRCTkH/posJm/i9/Tk3LPRCmZO5yYFcwmpk+YW5wr9vJweFVixzMacwjxyi6OBjhe+fjvYPvFjmYC5hXNR/W+2El+8O9gmsWLSZg7m0XFxUE6683u9/M0MTbebQdkVVVtj2ylxo+ABaorkDba2XkQWFFe99uEBBAy00tV8713+wtVOuC0YDLTS1Fzzbj6sxNNDKCwVf+Xl6SK4LRkO0rlpgZ4tsncLOCmytwM5fTwz0nu3qBiwrtrUPdn6TuIh4LgxP4hnbdNnaBzt/PtbfXPRvFMqZMSwnbfvHMWmNfZuw9Rz1djZPI18n7ltvC90yGNuNYziWMeptnZadPxzpR6K/hWVC8SxoFBeWMoaxem2dws6/zw6VpxE9SfCc0DwHWs0ZiwZaKm2N5bDe+0N9SOybMFMolAu9Qmig9U40ja1V2ZnPGGR5v1DLR+2aaKKtxtbYWXgvTBDyB/Q4CW3mmKOh4AVClRDmqSLMz+fChQsXLly4cOFCafwH175GM6nZIh4AAAAASUVORK5CYII=);
  298. }
  299.  
  300. .aAy.aJi-aLe.J-KU-JW::before {
  301.   content: "";
  302.   display: block;
  303.   height: 2px;
  304.   background-color: #16a765!important;
  305.   border-top-left-radius: 0px !important;
  306.   border-top-right-radius: 0px !important;
  307.   margin: 0 0px !important;
  308.   bottom: 48px;
  309.   left: -1px;
  310.   width: 255px;
  311.   position: absolute;
  312. }
  313.  
  314. .aAy.aKe-aLe.J-KU-JW::before {
  315.   content: "";
  316.   display: block;
  317.   height: 2px;
  318.   background-color: #4986e7 !important;
  319.   border-top-left-radius: 0px !important;
  320.   border-top-right-radius: 0px !important;
  321.   margin: 0 0px !important;
  322.   bottom: 48px;
  323.   left: -1px;
  324.   width: 255px;
  325.   position: absolute;
  326. }
  327.  
  328. .aAy.aHE-aLe.J-KU-JW::before {
  329.   content: "";
  330.   display: block;
  331.   height: 2px;
  332.   background-color: #a388ca !important;
  333.   border-top-left-radius: 0px !important;
  334.   border-top-right-radius: 0px !important;
  335.   margin: 0 0px !important;
  336.   bottom: 48px;
  337.   left: -1px;
  338.   width: 255px;
  339.   position: absolute;
  340. }
  341.  
  342. .aAy.aH2-aLe.J-KU-JW::before {
  343.   content: "";
  344.   display: block;
  345.   height: 2px;
  346.   background-color: #e9b330 !important;
  347.   border-top-left-radius: 0px !important;
  348.   border-top-right-radius: 0px !important;
  349.   margin: 0 0px !important;
  350.   bottom: 48px;
  351.   left: -1px;
  352.   width: 255px;
  353.   position: absolute;
  354. }
  355.  
  356. .aeN.WR.baA.nH.oy8Mbf::before {
  357.   content: "Gmail";
  358.   text-decoration: none !important;
  359.   color: #e31d1d;
  360.   font-family: arial;
  361.   font-size: 20px;
  362.   letter-spacing: .2px;
  363.   margin-bottom: 30px!important;
  364.   margin-left: 20px!important;
  365.   top: 15px;
  366.   position: relative;
  367. }
  368.  
  369. .gb_Kc svg {
  370.   color: #e31d1d!important;
  371. }
  372.  
  373. .gb_Kc {
  374.  bottom: -51px!important;
  375.   left: 60px!important;
  376.   position: absolute!important;
  377. }
  378.  
  379. .aRz.J-KU {
  380. border: 1px solid rgba(0, 0, 0, 0.06) !important;
  381. }
  382.  
  383. .J-KU-Jg-K9.aAA .J-KU-KO.aAy {
  384. background-color: #fff !important;
  385.     box-shadow: none!important;
  386. }
  387.  
  388.  
  389. .aRz.J-KU  {
  390. background: #f5f5f5 !important;
  391.   position: relative!important;
  392.   top: 1.4px!important;
  393.   height: 43px !important;
  394. }
  395.  
  396. .aKk {
  397. background: #e7e7e7 !important;
  398. }
  399.  
  400. .aAA.J-KU-Jg-K9 {
  401.   background: #fff!important;
  402.   top: -1px;
  403.   height: 45px!important;
  404.   border-bottom: 1px solid #fff !important;
  405. }
  406.  
  407. .aAA.J-KU-Jg-K9 {
  408.   padding-top: 0!important;
  409.   height: 43px!important;
  410.   position: relative;
  411.   bottom: -1px;
  412. }
  413.  
  414.  
  415. .aKp {
  416. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAAnCAYAAAAmTFXMAAAFOUlEQVR4Xu2dS04cMRCGGRASrIANsCQ3gBOEuQFzApgTkFnxEFJAQjxWk5wAcgK4AZMTwA1gCWzSrEBCMFShNjKdnrbd9tBu+x8pUqS23a6/6rPLj04aI/hBASgQvAKN4C2EgVAACowAdAQBFIhAAYAegZNhIhQA6IgBKBCBAgA9AifDRCgA0BEDUCACBQB6BE6GiVAAoCMGoEAECgD0AJ28sbHRV5iVjI2NNQ8ODq4CNB8m5SgA0AMMCw3Q2erawb6zs7P8/Py8Tn1fpj/TkusS+ntvfHz89/7+fi9Al1qb5BT0ra2ty9fX10WDXiXHx8czBuVRVEMBAfro6CjP2HtplZ85vqkF7Lu7uwtPT08n/X6fAS/8NRqN3sTERJvq3KjKfsVz8sW/zKBk8lpnfDgDfXt7e/Hl5eXSxAouS8HYOjw8PDeth/KDFZBA/9CWBuEVAv0sp5bXsKdxdWEIizc2aWZXA51JE6ETRp00wr2kQOpSIP0gcH8RuB0ViKI8jcCnR0dHbVV5H553u93pu7u7MzGz8OwxNzfX6nQ6nDp68zMEnfvtDRiyiDyTPz4+8uQhp+nvRWQABsCUTE5OLlU9swcH+ubm5jUBsEDrpKbOOildb/FI7Sw9GTZpZONFNn1k2Gmgag773SbtG6TucrPewZ6nt+iwBugjPvjGBehpG1acOJnRpbTdqDNi/VKX9H2Q01ylVyYwF5W1CC5vYJcmglxTdUDniroTjyvts+1Y+OIjcxFt2MSZE9Bp5OWNkjXTNLxsvWE5JV3HnqSpYkIDUFveP4gAdG/SeNKa9xNWHPj6nABpOWinVBNBgV52ZpY2iIwygVKKa1TK2SH91K+6pe4aJg8qUrk/LHerPy1JqjzZCQZ0W1jLDhIWQTywap5T5HSpLptxNCCtUYbFmUnpn02aWPqlUkUVILqpOzdZpS0qO1Racd+9SN1t02/b+iqhTJ6rZnSTtqosmw5IK2VhpyVYmzYYT6u0QQUIQDfzjtUanQPq9vb2mte0ZTfUbDMCM3OLS6cbQLw25OOchDZyWjonCC774KItvrg0OzvbpKNAY9gZcrpw0vP9WCoW0Ofn52eIMb50Y5WZWIHOLy8aeekc85scMOm5KA8Mub8qU6wiwPhUgWbHVSqznL1dlt4+6xEgf3y5O86ZCfXrxhR2ATmfXVe5rk3jqvBGmQHole43WO41vG8Ii4tONnwMFfTsLrxI0+sCenZNrpptfblAI26TmcDOkNPln/P7+/sLCqwFD0Av3HU3AL3SXXc5ZuRJUXVCxbFHvuCJRZwC+Tujs5Ec/BRwf6nD31V3lW1GLBWERc/FmpbKrEq33trU93XDu/t8pfeKjuSWbPrjoq4J7BnIF31Yo4dyjp4HuoBcNfFl48CGj6HO6KYBa2OI6bvk8nkf49BnnEtl7u7brqVs7MjW1YHdR8iFHSHcjMuCXhZyasdqCQLQB+wzyMcapvBVNWDl9bMIdp8hZ1tCuOsu+4RncNV3HdlZ3lUsAfTAQedAy8L+8PDw/pHI1NRUkq7JvUjXiwYqevbfhy0FA7A3V3lNJwkuL8MO0MsoGHEdGXaSYY+WJgktTfiLQ28hF+6q8/foZUNOwO4N6GUNQb2vVyDv224fNt50lYjtX5jRSfV1tbNO3XVfhHJ+KCDBzicinapvwPmhSvi9AOjh+xgWQgH8J4uIASgQgwKY0WPwMmyMXgGAHn0IQIAYFADoMXgZNkavAECPPgQgQAwKAPQYvAwbo1cAoEcfAhAgBgUAegxeho3RK/AG3dSxVSxuxk0AAAAASUVORK5CYII=)!important;
  417.   background-repeat: no-repeat!important;
  418.   width: 30px!important;
  419.   margin-left: 5px!important;
  420.   opacity: 1!important;
  421.   float: left!important;
  422.   background-size: 200px!important;
  423.   background-position: left!important;
  424.   scale: 1.3;
  425.   left: 5px!important;
  426. }
  427.  
  428. .aKh {
  429.   background-color: #f5f5f5 !important;
  430.   max-height: 45px !important;
  431.   min-height: 45px !important;
  432.   margin-top: 5px !important;
  433. }
  434.  
  435. #aso_search_form_anchor.gb_id.gb_af.bas.aJf {
  436.     background-color: #fff0 !important;
  437.     box-shadow: none!important;
  438. }
  439.  
  440.  
  441. .aKp.aJi-aLf {
  442.   background-position: center!important;
  443. }
  444.  
  445. .aKp.aHE-aLf {
  446.   background-position: right!important;
  447. }
  448.  
  449. .aKp.aKe-aLf {
  450.   background-position-x: 25%!important;
  451. }
  452.  
  453. .aKp.aH2-aLf {
  454.   background-position-x: 75%!important;
  455. }
  456.  
  457.  
  458.  
  459.  
  460.  
  461.  
  462.  
  463.  
  464.