you need this for it to work https://userstyles.world/style/21660/
/* ==UserStyle==
@name bug fixes for Old Gmail 2014
@namespace hi
@version 1.0
@description you need this for it to work https://userstyles.world/style/21660/
@author By Goolbob2
@preprocessor less
==/UserStyle== */
@-moz-document domain("mail.google.com") {
.aKh {
margin-bottom: 8px;
}
}
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 {
background-color: #fff !important;
height: 46px !important;
width: 253px !important;
}
.J-KU-KO.aAy::before {
background-color: #777777!important;
border-top-left-radius: 0px!important;
border-top-right-radius: 0px!important;
margin: 0 0px!important;
bottom: 43px!important;
left: -1px!important;
width: 255px;
}
.J-KU-Jg-K9.aAA .aAy::after {
border-radius: 4px!important;
-moz-box-sizing: border-box!important;
box-sizing: border-box!important;
content: ""!important;
display: none!important;
height: 48px!important;
position: absolute!important;
width: 100%!important;
z-index: -1!important;
}
.aHE-aLe.aAy::after {
background-color: #d3e3fd;
border: 1px solid #0b57d0;
}
element {
width: 252px!important;
}
.J-KU-Jg-K9.aAA > .aRz > .aAy {
-moz-box-align: center;
align-items: center;
background: none!important;
background-color: rgba(0, 0, 0, 0)!important;
border: none!important;
display: -moz-box;
display: flex;
margin: 0;
}
zzz, #gbx1, #gbx2.J-KU-KO.aAy, .J-KU-Jg-K9.aAA .aAy, .aKj, .SI .aBz, .iC, #gbgs3 .gbmt:hover, .gb_T {
background-color: rgba(0, 0, 0, 0) !important;
}
.aKx > .aKz {
color: #000!important;
}
td.aRz:nth-child(2) .aAy.J-KU-KO > .aJi-aLf {
filter: saturate(0%) contrast(0%) invert(0%) sepia(0%) saturate(0%) hue-rotate(349deg) brightness(0%) contrast(60%);
}
td.aRz:nth-child(1) .aAy.J-KU-KO > .aIf-aLf {
filter: saturate(0%) contrast(0%) invert(0%) sepia(0%) saturate(0%) hue-rotate(349deg) brightness(0%) contrast(60%);
}
td.aRz:nth-child(3) .aAy.J-KU-KO > .aKe-aLf {
filter: saturate(0%) contrast(0%) invert(0%) sepia(0%) saturate(0%) hue-rotate(349deg) brightness(0%) contrast(60%);
}
td.aRz:nth-child(4) .aAy.J-KU-KO > .aH2-aLf {
filter: saturate(0%) contrast(0%) invert(0%) sepia(0%) saturate(0%) hue-rotate(349deg) brightness(0%) contrast(60%);
}
td.aRz:nth-child(5) .aAy.J-KU-KO > .aHE-aLf {
filter: saturate(0%) contrast(0%) invert(0%) sepia(0%) saturate(0%) hue-rotate(349deg) brightness(0%) contrast(60%);
}
td.aRz:nth-child(2) .J-KU-KO.aJi-aLe::before {
background-color: #16a765!important;
}
td.aRz:nth-child(3) .J-KU-KO.aKe-aLe::before {
background-color: #4986e7!important;
}
td.aRz:nth-child(4) .J-KU-KO.aH2-aLe::before {
background-color: #e9b330!important;
}
td.aRz:nth-child(5) .J-KU-KO.aHE-aLe::before {
background-color: #a388ca!important;
}
.aAy.aIf-aLe.J-KU-JW::before {
content: "";
display: block;
height: 2px;
background-color: #777777!important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
margin: 0 0px !important;
bottom: 48px;
left: -1px;
width: 255px;
position: absolute;
}
.J-KU .aAy {
-webkit-transition: margin-top .0s,height .0s!important;
}
td.apU > .T-KT.aXw::before {
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;
opacity: 1;
}
.xY > .T-Jo {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAQAAADYBBcfAAAAVElEQVR4Ae3UsQ3FIAwG4b+BN0+YiQx3kxg2imn8ZrBSRbKu/toTFwsnEjmLIYybjhJ1JiacjpL9eESgfMQnYMGCBQu+2KMxaSnWmJgYbA6R6LAZf28ObeWnrT8xAAAAAElFTkSuQmCC)!important;
scale: 0.6;
opacity: 1;
}
.aAA .aJi-aLe .aDG {
background-color: #16a765!important;
border-radius: 2px!important;
}
.aAA .aKe-aLe .aDG {
background-color: #4986e7!important;
border-radius: 2px!important;
}
.aAA .aIf-aLe .aDG {
background-color: #777777!important;
border-radius: 2px!important;
}
.aAA .aH2-aLe .aDG {
background-color: #e9b330!important;
border-radius: 2px!important;
}
.aAA .aHE-aLe .aDG {
background-color: #a388ca!important;
border-radius: 2px!important;
}
.ar {
border-radius: 2px!important;
font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 11px!important;
height: 17px;
}
.aDP {
border-top: 1px solid rgb(231, 231, 231) !important;
}
td.apU > .T-KT:hover::after {
background-color: transparent!important;
display: none;
opacity: 1;
}
form.aJf {
background-color: #fff0!important;
vertical-align: top!important;
border-radius: 0 !important;
box-shadow: none !important;
max-width: 960px!important;
display: block;
height: 2px!important;
left: -45px;
}
.gb_id:not(.gb_Ae) button {
position: relative;
top: -37px;
left: 800px;
z-index: 20;
}
.r4vW1e.e5IPTd {
display: none!important;
}
.gb_af .gb_qe {
box-shadow: none!important;
}
img[src="https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_default_1x_r5.png"] {
content: url("https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_120x44dp.png")!important;
}
.gb_Cc {
position: relative!important;
left: 12px!important;
width: 200px!important;
top: 5px!important;
}
form.bas button.bEP svg {
background: url(https://www.google.com/images/nav_logo225.png) no-repeat -113px -61px !important;
background-position: -111px -55px !important;
color: transparent;
display: inline-block;
height: 18px !important;
margin-top: 5px !important;
margin-left: 20px !important;
width: 10px !important;
position: relative;
top: -13px;
left: -10px;
}
.nH .qp .aJh::placeholder {
color: transparent!important;
}
.nH .qp .aJh {
top: -4.3px!important;
position: relative!important;
left: 5px;
}
.gb_ze.gb_bf {
display: none!important;
}
#aso_search_form_anchor {
height: 2px!important;
position: relative!important;
}
.gb_Bd.gb_Je:not(.gb_Ae) .gb_we {
position: relative!important;
top: 10px!important;
}
.gb_id button:focus svg {
background-color: rgba(0, 0, 0, 0) !important;
}
.gb_id button:hover svg {
background-color: rgba(0, 0, 0, 0) !important;
}
.gb_qe.gb_9e {
border: 1px solid rgb(217, 217, 217)!important;
box-shadow: none !important;
}
.gb_qe.gb_9e:hover {
border-top-color: #c0c0c0 !important;
box-shadow: none !important;
}
.gb_qe {
height: 26px!important;
}
#aso_search_form_anchor {
background-color: rgba(0, 0, 0, 0) !important;
box-shadow: none!important;
}
.qp form.bas button.bEP:hover {
border: 1px solid #2f5bb7!important;
}
.qp form.bas button.bEP.gb_Ce.gb_9e {
position: absolute;
left: 860px!important;
background-image: linear-gradient(to bottom,#4d90fe,#4787ed) !important;
border: 1px solid #3079ed;
height: 28px !important;
width: 58px !important;
border-radius: 0 2px 2px 0;
top: 0px;
}
td.apU > .T-KT.T-KT-Jp::before {
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=);
}
.aAy.aJi-aLe.J-KU-JW::before {
content: "";
display: block;
height: 2px;
background-color: #16a765!important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
margin: 0 0px !important;
bottom: 48px;
left: -1px;
width: 255px;
position: absolute;
}
.aAy.aKe-aLe.J-KU-JW::before {
content: "";
display: block;
height: 2px;
background-color: #4986e7 !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
margin: 0 0px !important;
bottom: 48px;
left: -1px;
width: 255px;
position: absolute;
}
.aAy.aHE-aLe.J-KU-JW::before {
content: "";
display: block;
height: 2px;
background-color: #a388ca !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
margin: 0 0px !important;
bottom: 48px;
left: -1px;
width: 255px;
position: absolute;
}
.aAy.aH2-aLe.J-KU-JW::before {
content: "";
display: block;
height: 2px;
background-color: #e9b330 !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
margin: 0 0px !important;
bottom: 48px;
left: -1px;
width: 255px;
position: absolute;
}
.aeN.WR.baA.nH.oy8Mbf::before {
content: "Gmail";
text-decoration: none !important;
color: #e31d1d;
font-family: arial;
font-size: 20px;
letter-spacing: .2px;
margin-bottom: 30px!important;
margin-left: 20px!important;
top: 15px;
position: relative;
}
.gb_Kc svg {
color: #e31d1d!important;
}
.gb_Kc {
bottom: -51px!important;
left: 60px!important;
position: absolute!important;
}
.aRz.J-KU {
border: 1px solid rgba(0, 0, 0, 0.06) !important;
}
.J-KU-Jg-K9.aAA .J-KU-KO.aAy {
background-color: #fff !important;
box-shadow: none!important;
}
.aRz.J-KU {
background: #f5f5f5 !important;
position: relative!important;
top: 1.4px!important;
height: 43px !important;
}
.aKk {
background: #e7e7e7 !important;
}
.aAA.J-KU-Jg-K9 {
background: #fff!important;
top: -1px;
height: 45px!important;
border-bottom: 1px solid #fff !important;
}
.aAA.J-KU-Jg-K9 {
padding-top: 0!important;
height: 43px!important;
position: relative;
bottom: -1px;
}
.aKp {
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;
background-repeat: no-repeat!important;
width: 30px!important;
margin-left: 5px!important;
opacity: 1!important;
float: left!important;
background-size: 200px!important;
background-position: left!important;
scale: 1.3;
left: 5px!important;
}
.aKh {
background-color: #f5f5f5 !important;
max-height: 45px !important;
min-height: 45px !important;
margin-top: 5px !important;
}
#aso_search_form_anchor.gb_id.gb_af.bas.aJf {
background-color: #fff0 !important;
box-shadow: none!important;
}
.aKp.aJi-aLf {
background-position: center!important;
}
.aKp.aHE-aLf {
background-position: right!important;
}
.aKp.aKe-aLf {
background-position-x: 25%!important;
}
.aKp.aH2-aLf {
background-position-x: 75%!important;
}