Gmail as it was in 2012 to 2016 cone that I used userstyles.org/styles/171684/the-perfect-old-gmail-v1-2
/* ==UserStyle==
@name GMAIL 2012 TO 2016
@namespace USO Archive
@author Daniel O'Connor
@description Gmail as it was in 2012 to 2016 cone that I used userstyles.org/styles/171684/the-perfect-old-gmail-v1-2
https://userstyles.world/style/11311/old-gmail-logo-2013-2020 https://userstyles.world/style/8948/gmail-layout-2018-2020
@version 9.7
@license CC-BY-SA-4.0
@preprocessor uso
==/UserStyle== */
@-moz-document domain("mail.google.com") {
/* Gmail OLD 1.2*/
/*By: Daniel O'Connor*/
/*Edited by DL Laboratories in 2020*/
/* Compose button */
body[jscontroller] [gh=cm] {
background-color: #d14836 !important;
background-image: linear-gradient(to bottom, #dd4b39, #d14836) !important;
border: 1px solid transparent !important;
text-shadow: 0 1px rgba(0, 0, 0, 0.1) !important;
text-transform: uppercase !important;
border-radius: 2px !important;
height: 27px !important;
font-weight: bold !important;
line-height: 27px !important;
font-family: arial, sans-serif !important;
color: white !important;
font-size: 11px !important;
box-shadow: none !important;
margin-left: 18px !important;
}
/* Compose button remove background */
body[jscontroller] [gh=cm]::before {
background-image: none !important;
min-width: 26px !important;
}
/* remove compose padding */
body[jscontroller] div[jscontroller] > div > div > div > div {
margin: -1px;
}
.WR:not(.bhZ) .z0 > .L3::before {
margin-left: 0px !important;
}
/* NAVIGATION */
body[jscontroller] .aeN {
width: 196px !important;
min-width: 196px !important;
max-width: 196px !important;
}
/* navigation fix width parent */
body[jscontroller] div[role="navigation"][style][aria-labelledby] h2 + div {
min-width: 179px !important;
max-width: 179px !important;
}
/* selection nav */
body[jscontroller] .ain [data-collapsed-nav-tooltip][data-tooltip] > div {
background: white;
}
body[jscontroller] .ain [data-collapsed-nav-tooltip][data-tooltip] > div::before {
content: "";
position: absolute;
display: block;
border-left: 4px solid #dd4b39;
width: 100%;
height: 100%;
left: 0;
}
body[jscontroller] .ain [data-collapsed-nav-tooltip][data-tooltip] > div:hover {
background: transparent;
background-color: #f1f3f4;
}
/* selected color */
body[jscontroller] .ain [data-collapsed-nav-tooltip][data-tooltip] > div a {
color: #dd4b39 !important;
}
/* selected color - count (1) */
body[jscontroller] .ain [data-collapsed-nav-tooltip][data-tooltip] > div > div:nth-child(3) div {
color: #dd4b39 !important;
}
/* :end */
/* nav tags
*/
body[jscontroller] [data-collapsed-nav-tooltip][data-tooltip-suspended] > div div[style]:after {
display: none;
}
body[jscontroller] [data-collapsed-nav-tooltip][data-tooltip-suspended] > div div[style]:before {
border-radius: 0;
}
/* tags position fix */
body[jscontroller] [data-collapsed-nav-tooltip][data-tooltip-suspended] > div div[style],
body[jscontroller] [data-collapsed-nav-tooltip][data-tooltip-suspended] > div div.qj {
position: absolute;
right: 0;
margin-right: 0 !important;
}
/* makie tags square */
body[jscontroller] [data-collapsed-nav-tooltip][data-tooltip-suspended] > div div.qj:after {
display: none;
}
body[jscontroller] [data-collapsed-nav-tooltip][data-tooltip-suspended] > div div.qj:before {
border-radius: 0 !important;
}
/* Fix counter i.e indbox (2) */
body[jscontroller] [data-collapsed-nav-tooltip][data-tooltip-suspended] div div.aio {
flex: inherit !important;
}
body[jscontroller] [data-collapsed-nav-tooltip][data-tooltip-suspended] div div.aio div:last-child {
font-size: 12.8px;
font-family: arial, sans-serif;
padding-left: 5px;
font-weight: bold;
color: black;
display: initial !important;
}
body[jscontroller] [data-collapsed-nav-tooltip][data-tooltip-suspended] div div.aio div:last-child:before {
/*[data-collapsed-nav-tooltip][data-tooltip-suspended] div div:nth-child(3) div:last-child:before {*/
content: "(";
}
body[jscontroller] [data-collapsed-nav-tooltip][data-tooltip-suspended] div div.aio div:last-child:last-child:after {
/*[data-collapsed-nav-tooltip][data-tooltip-suspended] div div:nth-child(3) div:last-child:after {*/
content: ")";
}
/* hover tag - dropdown menu icon */
body[jscontroller] [data-collapsed-nav-tooltip][data-tooltip-suspended] div div:nth-child(4) {
position: absolute;
margin-right: 15px;
top: 0;
}
/* hover status fix buble */
body[jscontroller] [data-collapsed-nav-tooltip][data-tooltip-suspended] div div:nth-child(4) div[aria-haspopup="true"]:before {
background-color: initial !important;
}
body[jscontroller] [role="navigation"] [data-collapsed-nav-tooltip] {
border-radius: 0 !important;
}
body[jscontroller] [role="navigation"] a {
font-family: arial, sans-serif !important;
font-size: 12.8px !important;
}
/* Hide nav icon i.e [x] indbox 1 */
body[jscontroller] [role="navigation"] [data-collapsed-nav-tooltip] > div > div:first-child,
body[jscontroller] [role="navigation"] [data-collapsed-nav-tooltip] > div img + div {
display: none !important;
}
/* Set same size container */
body[jscontroller] [role="navigation"] [data-collapsed-nav-tooltip] > div {
height: 21px !important;
}
/* Emails list */
body[jscontroller] [role="main"] td[tabindex="-1"] span,
[role="main"] tr[jsaction] span {
font-family: arial, sans-serif !important;
/*font-weight: 400 !important;*/
color: rgb(34, 34, 34) !important;
font-size: 94% !important;
}
/* remove border radius on tags */
body[jscontroller] [role="main"] td[tabindex="-1"] div[class][id] {
border-radius: 0 !important;
}
body[jscontroller] [role="main"] tr[id][jsaction][jsmodel] {
background-color: whitesmoke;
}
body[jscontroller] [role="main"] tr[id][jsaction][jsmodel]:hover {
box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
}
/* remove hover menu [] */
body[jscontroller] [role="main"] tr[id][jsaction][jsmodel] ul[role="toolbar"] {
z-index: -1;
display: none;
}
/* HEADER */
body[jscontroller] header[role="banner"] {
background-color: #f1f1f1 !important;
}
body[jsaction] #aso_search_form_anchor {
background-color: white;
}
body[jscontroller] #aso_search_form_anchor:hover {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
}
/* Message inside */
/* fix title to mych to right */
body[jscontroller] [role="main"] table[role="presentation"] > tr > td:first-child > div:nth-child(2) > div:first-child {
padding: 8px 0px 0px 8px;
position: relative;
}
/* black line below title */
body[jscontroller] div:not([role="list"]) div[data-message-id][class]:before {
content: "";
border-bottom: 1px solid #d8d8d8;
pointer-events: none;
position: absolute;
width: 100%;
height: 1px;
top: 7px;
}
body[jscontroller] [role="main"] table[role="presentation"] > tr > td:first-child > div:nth-child(2) h2 {
font-family: arial, sans-serif;
font-size: 17.6px;
}
/* butons animation remove */
body[jscontroller] div[role="button"] div:before {
transform: scale(0) !important;
}
/*LOGO*/
.gb_X .gb_fc .gb_de .gb_Rb .gb_Sb .gb_be {
background-image: none !important;
background-color: white;
}
.gb_de {
background-repeat: no-repeat;
margin-left: 30px !important;
width: 100px !important;
height: 60px !important;
}
.gb_ma.gb_ye {
width: 100px !important;
height: 60px !important;
}
img.gb_1a {
display: none !important;
}
span.gb_1a.gb_hc {
background-image: none !important;
}
a.gb_ke.gb_fc.gb_ze {
width: 100px !important;
height: 60px !important;
}
img[class="gb_yc"] {
width: 109px;
height: 45px !important;
content: url("https://walyou.com/wp-content/uploads//2013/04/gmail-logo.png") !important;
background-repeat: no-repeat !important;
}
gb_va,
gb_yc,
gb_sc,
gb_tc,
gb_ke {
background: url(https://upload.wikimedia.org/wikipedia/commons/c/c9/Google_logo_%282013-2015%29.svg) !important;
background-repeat: no-repeat !important;
width: 10px !important;
padding-left: 100px !important;
}
/*CATEGORY TAB COLOR STRIPES*/
.J-KU-KO.aAy:before {
border-radius: 0px;
margin: 0px;
}
/*SEARCH BAR*/
.gb_Se {
background-color: white;
border-radius: 0px !important;
box-shadow: 1px 1px 1px darkgrey !important;
}
.gb_6e,
.gb_Df,
.gb_7e {
background-color: white;
border-radius: 0px !important;
box-shadow: 0px 0px 0px darkgrey !important;
}
/*REMOVE ROUNDED CORNERS FROM EVERYTHING*/
.TK .TO,
.n6 .ah9,
.CL,
.Yb,
.aDG,
.ar,
.aRI,
.FH,
.gb_A,
.gb_te,
.gb_re,
.gb_8c,
.t6,
.amD::before,
.adg::before,
.asa::before,
.gb_sf,
.gb_Se button svg,
.gb_A,
.gb_zc,
.T-I-atl,
.bs1+.bs3::after,
.btj+.aD::after,
.J-Z-I::before,
.J-Z-M-I::before,
.J-JN-M-I::before {
border-radius: 0px !important;
}
/*MAKES TEXT BIGGER AND NEW E-MAILS BOLDER*/
body[jscontroller] [role="main"] td[tabindex="-1"] span,
[role="main"] tr[jsaction] span {
font-size: 100% !important;
}
.bAw.bcf .brC-aT5-aOt-Jw{
border-left: 1px solid #f1f3f4!important;
border-left-width: 1px!important;
border-left-style: solid!important;
}
form.bas{
border-radius: 8px!important
}
/* header*/
#gb {
background-color: #F1F1F1!important;
box-shadow: inset 0 -1px 0 #eceff1 !important;
}
/* left sidebar */
.bkL {
background-color: #fff !important;
}
.aDG {
border-radius: 3px;
}
/*FixOpacityForMosticons*/
/* emailingicons IN ORDER*/
.bzn .ar8, .brq {
background-image: url(https://lh3.googleusercontent.com/awwh7-8SnjNfHuRXg68PtSt0YJ_y1im--ESKx1mt7sTNpxwaUDTMlxtQQ6kTepp1Tg=h36);
}
.bzn .asl {
background-image: url(https://lh3.googleusercontent.com/_JMTh657KRHVAqAIuF5QcVaSNobpDkYP7taKp1NLvuuVVdE6lf5IgjvyeA8rVhYvA2M=w36-h36);
}
.bzn .ar9, .bru {
background-image: url(https://i.ibb.co/VwdynbT/ic-delete-grey600-24dp-1.png);
}
.bzn .bAP, .bqY.bqY > .brs {
background-image: url(https://www.gstatic.com/images/icons/material/system/1x/mark_as_unread_black_20dp.png);
opacity: 1;
filter: contrast(10%)
}
.bzn .brW, .brv {
background-image: url(https://lh3.googleusercontent.com/SQDpp_T6ORgzRztNu6ixbCOPsCL_YdOLfZ9hIjYyutehZOEK6UrBDvQ59LdZ6FeJM2E=h36);
}
.bzn .Vj {
background-image: url(//ssl.gstatic.com/ui/v1/icons/mail/rfr/task_add_filled_20_black_1x.png);
filter: contrast(10%)
}
.bzn .ase {
background-image: url(https://lh3.googleusercontent.com/3nvzfbc_FfWEnEBawQKwjRjNRJhsihm8CL7J3ry0dfBcoSrtBWag2qZ_Vq_vTOS2sPw=w36-h36);
}
.bzn .asb {
background-image: url(https://lh3.googleusercontent.com/heGR8hszBZ4DzcPwLB87T8tcbjFt_rTgejKOeJ_gRUtx6mOmO_4CV60KiTr9xYWHl8Q=h36);
}
.bAm .hB, .b7 .mL, .Un .mL, .HX .mL {
background-image: url(https://lh3.googleusercontent.com/KeRQ96mHbffqditVoxc_J2buAo4i_H_SsgCnrypXciIHJ5MsXCc9zDzU69VZE4WwJA=w36-h36);
}
.btC .og.T-I-J3, .btC .J-N-JX.og.T-I-J3 {
background-image: url(https://lh3.googleusercontent.com/7TSqXMjRttfZgv9ffhvgvNYIa2wXFxagnmXgGt882rXlCAn-kgUvITybE_VGL-V6ww=w36-h36);
}
.amr .ams.bkG::before {
background-image: url(https://lh3.googleusercontent.com/c7O9UqhgnBbuLQr466g3H2r90VglOknRNoyuIuGs7zMnRDUpzkC_qftaA-cmVro_aA=h36);
}
.amr .ams.bkH::before {
background-image: url(https://lh3.googleusercontent.com/KeRQ96mHbffqditVoxc_J2buAo4i_H_SsgCnrypXciIHJ5MsXCc9zDzU69VZE4WwJA=w36-h36);
}
.gW {
background-image: url(https://lh3.googleusercontent.com/Lv7DFZo96ps3iy1yxXX7P_8SR_K3A4EAg391_VsDJVoRHG73NC-3rOlp1-jPWJd8AnD5=w36-h36);
opacity: 1;
}
.bzn .bAO, .brr {
background-image: url(https://lh3.googleusercontent.com/SoYH4F0TgS7Pp2ieqgbJQMjlggeGcKhkPpF7y2gSLnsfo3asCNMNd_f7jJIA_q-qPA=w36-h36);
}
.G-Ni .T-I-ax7.T-I-JW .T-I-J3{
opacity: 1 !important;
}
/*send*/
.TO.nZ>.TN.aHS-bnu>.gi {
background-image: url(https://imgur.com/a/S1pffoV);
background-position: center;
background-repeat: no-repeat;
background-size: 19px;
opacity: 0.71
}
.b7 .mI, .Un .mI, .HX .mI {
background-image: url(https://lh3.googleusercontent.com/c7O9UqhgnBbuLQr466g3H2r90VglOknRNoyuIuGs7zMnRDUpzkC_qftaA-cmVro_aA=h36);
}
/*send*/
.TO:not(.nZ)>.TN.aHS-bnu>.qj {
background-image: url(https://imgur.com/a/S1pffoV);
background-position: center;
background-repeat: no-repeat;
background-size: 19px;
opacity: 0.61;
}
/*DraftsIcon*/
.TO.nZ>.TN.aHS-bnq>.qj {
background-image: url(https://imgur.com/a/S1pffoV);
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
opacity: 0.71
}
/*snoozed*/
.TO:not(.nZ)>.TN.aHS-bnq>.qj {
background-image: url(c);
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
opacity: 0.61;
}
.TO.nZ>.TN.aHS-bu1>.qj {
background-image: url(https://imgur.com/a/S1pffoV);
background-repeat: no-repeat;
background-size: 20px;
opacity: 0.71;
}
/*.nZ>:not(.aHS-bnt)>.qj:not(.aEe), .ol .qj:not(.aEe) {
opacity: 1;
}
*/
.TO:not(.nZ)>.TN.aHS-bu1>.qj {
background-image: url(https://i.ibb.co/QJ3tcBh/inbox-gm-googlered600-20dp.png);
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
opacity: 0.61;
}
/*Checkboxes and some tab icons*/
.bzn .G-tF .T-Jo {
background-image: url(https://www.gstatic.com/images/icons/material/system_gm/1x/check_box_outline_blank_black_20dp.png);
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
opacity: 0.71;
}
.bzn .G-tF .T-Jo-Jp {
background-image: url(https://www.gstatic.com/images/icons/material/system_gm/1x/check_box_black_20dp.png);
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
opacity: 0.71;
}
.bzn .G-tF .T-Jo-ayH {
background-image: url(https://www.gstatic.com/images/icons/material/system_gm/1x/indeterminate_check_box_black_20dp.png);
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
opacity: 0.71;
}
td.apU>.T-KT.T-KT-Jp::before {
background-image: url(https://www.gstatic.com/images/icons/material/system/1x/star_googyellow500_20dp.png);
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
}
td.apU>.T-KT.aXw::before {
background-image: url(https://www.gstatic.com/images/icons/material/system_gm/1x/star_border_black_20dp.png);
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
opacity: 0.32;
}
.xY>.T-Jo {
background-image: url(https://www.gstatic.com/images/icons/material/system_gm/1x/check_box_outline_blank_black_20dp.png);
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
}
.xY>.T-Jo-Jp {
background-image: url(https://www.gstatic.com/images/icons/material/system_gm/1x/check_box_black_20dp.png);
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
opacity: 0.63;
}
.aAy>.aKe-aLf, .aAy.J-KU-KO>.aKe-aLf {
background-image: url(https://i.ibb.co/3zzx0XL/socaila.png);
background-position: center;
background-repeat: no-repeat;
background-size: 29px;
opacity: 0.9;
left: 1px;
top: 2px;
}
.aAy>.aJi-aLf, .aAy.J-KU-KO>.aJi-aLf {
background-image: url(https://i.ibb.co/3CyHL06/promo.png);
background-position: center;
background-repeat: no-repeat;
background-size: 28px;
opacity: 0.9;
top: -1px;
}
.aAy>.aH2-aLf, .aAy.J-KU-KO>.aH2-aLf {
background-image: url(https://i.ibb.co/ByqTQW6/updates.png);
background-position: center;
background-repeat: no-repeat;
background-size: 28px;
opacity: 0.9;
top: -1px;
}
.bzn .bjy {
background-image: url(https://www.gstatic.com/images/icons/material/system_gm/1x/more_vert_black_20dp.png);
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
opacity: 0.71;
}
.aAy>.aHE-aLf, .aAy.J-KU-KO>.aHE-aLf {
background-image: url(https://i.ibb.co/q1HvzC9/fourms.png);
background-position: center;
background-repeat: no-repeat;
background-size: 27px;
opacity: 0.9;
top: -1px;
}
.bzn .asf {
background-image: url(//ssl.gstatic.com/ui/v1/icons/mail/gm3/1x/refresh_baseline_nv700_20dp.png);
background-image: url(https://www.gstatic.com/images/icons/material/system_gm/1x/refresh_black_20dp.png);
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
opacity: 0.71;
}
.Xr .V3, .aam, .z0, .aic {
background-color: rgb(255, 255, 255)
}
/*Puts old inbox icon*/
.aAy.J-KU-KO>.aIf-aLf ,.nZ>.TN.aHS-bnt .qj, .nZ>.TN.aHS-bnt .qj::before {
background-image: url(https://i.ibb.co/QJ3tcBh/inbox-gm-googlered600-20dp.png);
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
}
.gb_Ea:not(.gb_Fa) .gb_Sd {
padding: 8px;
background-color: white;
box-shadow: inset 0 -1px 0 #eceff1 !important;
}
.wn, .wo, .w1, .wq, .wp{
background-color: #fff !important;
}
.nH.w-asV ,.nH.w-asV{
background-color: #fff !important;
box-shadow: inset 0 -1px 0 #eceff1 !important;
}
.TO:not(.nZ)>.TN.aHS-bnt .qj {
background-image: url();
background-position: center;
opacity: 0.61;
}
.aAy>.aIf-aLf {
background-image: url(https://www.gstatic.com/images/icons/material/system/1x/inbox_black_20dp.png);
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
opacity: 0.6;
}
/* oldtextcolor */
.TK .nZ>.aHS-bnt .bsU{
color: #d93025;
}
/*starred*/
.TO:not(.nZ)>.TN.aHS-bnw>.qj {
background-image: url(https://i.ibb.co/QJ3tcBh/inbox-gm-googlered600-20dp.png);
background-size: 20px;
background-repeat: no-repeat;
opacity: 0.63;
}
.TO.nZ>.TN.aHS-bnw>.qj {
background-image: url(https://i.ibb.co/QJ3tcBh/inbox-gm-googlered600-20dp.png);
opacity: 0.71;
background-size: 20px;
}
.amr .amn>.ams {
border: 1px solid #747775;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-right: 8px;
}
.amr .amn>.ams::after {
-webkit-border-radius: 4px;
border-radius: 4px;
}
.gU .btA .hG, .gU .btA .hG::before {
border-bottom-left-radius: 0;
border-bottom-right-radius: 4px!important;
border-top-left-radius: 0;
border-top-right-radius: 4px!important;
background-color: #1a73e8;
}
.gU .btA .v7.T-I, .gU .btA .v7.T-I::before {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 0;
border-top-left-radius: 4px;
border-top-right-radius: 0;
background-color: #1a73e8;
}
/* Buttons */
.gU .btA .v7.T-I, .gU .btA .v7.T-I{
border-bottom-left-radius: 4px;
border-bottom-right-radius: 0;
border-top-left-radius: 4px;
border-top-right-radius: 0;
}
.gU .btA .hG, .gU .btA .hG{
border-bottom-left-radius: 0px;
border-bottom-right-radius: 4px;
border-top-left-radius: 0px;
border-top-right-radius: 4px;
}
.aOe {
right: 8px;
color: #fff;
border-radius: 2px;
float: right;
white-space: nowrap;
margin: 0px 0px 0px 4px;
background-color:#d93426 !important;
opacity: 1;
transition: opacity 500ms ease-in-out 0s, width 500ms ease-in-out 0s;
}
/*mail icon*/
img[src="https://imgur.com/a/63PLqK7"] {
content:url("https://i.imgur.com/MuJg61Q_d.webp?maxwidth=760&fidelity=grand")!important;
}
/*sidebar stuff*/
[aria-label="Calendar"] .aT5-aOt-I-JX-Jw {
background-image: url(https://i.ibb.co/Hqq3kqw/cal-31-v2.png) !important;
}
[aria-label="Keep"] .aT5-aOt-I-JX-Jw {
background-image: url(https://i.ibb.co/4JSSXwk/keep-48dp-2x.png) !important;
}
[aria-label="Tasks"] .aT5-aOt-I-JX-Jw {
background-image: url(https://i.ibb.co/z81ynqg/tasks.png) !important;
}
[aria-label="Contacts"] .aT5-aOt-I-JX-Jw {
background-image: url(https://i.ibb.co/hRtJvFM/Google-Contacts-icon-svg.png) !important;
}
/*schoolico*/
img[src="https://www.google.com/u/2/ac/images/logo.gif?uid=103480406705207081849&service=google_gsuite"] {
content:url("https://i.postimg.cc/Jzf9QyT7/logo.png")!important;
}
/*loadinggmail*/
.la-i{
animation: none!important;
}
.la-e{
content:url("https://cdn.dribbble.com/users/1096380/screenshots/6184458/gmail.gif");
user-select: none;
height: 300px;
width: 400px;
animation: none!important;
}
.msg{
content:url("");
}
#nlpt {
width: 0px;
}
div#nlpt {
border: 1px solid #999 !important;
height: 8px !important;
margin: 10px auto 0;
padding: 1px !important;
text-align: center !important;
width: 320px !important;
background-color: transparent !important;
display: block !important;
}
#nlpt::before {
animation: a-lb 20s 3s linear forwards;
background-color: #6188f5 !important;
background-image: linear-gradient(315deg, transparent, transparent 33%, rgba(0, 0, 0, .12) 33%, rgba(0, 0, 0, .12) 66%, transparent 66%, transparent) !important;
background-position: 0 0 !important;
background-repeat: repeat-x !important;
background-size: 16px 8px !important;
height: 100% !important;
display: block !important;
}
#loading div[style="height:128px;margin:0 auto;position:relative;width:176px"] {
display: none !important;
}
.msg {
font-weight: bold !important;
text-align: center !important;
font-size: 13px !important;
color: #000 !important;
background-color: #fff !important;
}
#loading div[style="bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;"] {
display: none !important;
}
#loading div[style="animation:a-h .5s 1.25s 1 linear forwards,a-nt .6s 1.25s 1 cubic-bezier(0,0,.2,1);background:#eee;border-radius:50%;height:800px;left:50%;margin:-448px -400px 0;position:absolute;top:50%;transform:scale(0);width:800px;"] {
display: none !important;
}
.la-r {
display: none !important;
}
.la-c {
display: none !important;
}
}
/*end of it*/
.Tj.Tj {
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 0 0 1px #e5e5e5;
box-shadow: inset 0 0 0 1px #e5e5e5;
}
.OD.OD {
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 0 0 1px #e5e5e5;
box-shadow: inset 0 0 0 1px #e5e5e5;
}
.a8Y>.T-I-ax7 {
align-items: center;
border: none;
display: inline-flex;
justify-content: center;
outline: none;
position: relative;
z-index: 0;
-webkit-font-smoothing: antialiased;
font-family: "Google Sans",Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
font-size: .875rem;
letter-spacing: normal;
background: none;
box-sizing: border-box;
color: #444746;
cursor: pointer;
font-weight: 500;
height: 36px;
min-width: 80px;
padding: 0 16px;
margin: 0 0 0 8px;
border-radius: 4px;
}
.WR .z0 > .L3::before, .WR.anZ .z0 > .L3::before{
background-image: url(https://www.gstatic.com/images/icons/material/colored_icons/1x/create_32dp.png);
background-position: center;
background-repeat: no-repeat;
background-size: 32px;
content: "";
display: block;
height: 56px;
min-width: 56px;
}
.a8Y>.T-I-ax7::before {
content: "";
display: block;
opacity: 0;
position: absolute;
transition-duration: .15s;
transition-timing-function: cubic-bezier(0.4,0,0.2,1);
z-index: -1;
bottom: 0;
left: 0;
right: 0;
top: 0;
background: #202124;
transform: scale(0);
transition-property: transform,opacity;
border-radius: 4px;
}
/*Newmessagetext*/
.aYF{
color: #fff;
}
.H1{
background-color: #fff ;
color: #fff;
}
/*New drafts*/
.aCk{
background-color: #404040;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
/* right sidebar */
.bAw .brC-aT5-aOt-Jw {
background-color: #fff !important;
}
/*WhenYouclick on tabs text color*/
.byl .TK .TO.nZ>.aHS-bnt .n0, .byl .TK .nZ.aS3 .nU>.n0, .TK .nZ.aS3 .bsU, .byl .TK .nZ.aS4 .nU>.n0, .TK .nZ.aS4 .bsU, .byl .TK .nZ.aS5 .nU>.n0, .TK .nZ.aS5 .bsU, .byl .TK .nZ.aS6 .nU>.n0, .TK .nZ.aS6 .bsU, .TK .TO.nZ .nU>.n0, .TK .ol.NQ .nU>.n0, .TK .TO.ol .nU>.n0, .TK .nZ .bsU, .TK .ol .bsU {
color: #202124;
}
/* active/hover fixes */
.TK .TO.nZ:active, .TK .TO.ol:active, .TK .TO.nZ, .TK .TO.ol, .byl .TK .nZ.aBP, .byl .TK .nZ.aS3, .byl .TK .nZ.aS4, .byl .TK .nZ.aS5, .byl .TK .nZ.aS6 {
background-color: #f1f1f1 !important;
}
.TO .nU>.n0, .TO.NQ .nU>.n0, .TO.nZ .nU>.n0, .ah9>.CJ, .n3>.CL>.CK {
color: #202124;
}
/* new mail button */
.z0 > .L3:hover, .z0 > .T-I-KE.L3:focus {
background-color: #f6f6f6;
}
.WR .z0 > .L3 {
border-radius: 24px;
height: 48px;
}
.WR .z0 {
height: 50px;
margin: 15px 0 15px 0;
}
.z0 > .L3 {
background-color: #fff;
box-shadow: 0 1px 2px 0 rgba(60,64,67,0.200), 0 2px 4px 2px rgba(60,64,67,0.100);
}
/* the minimize expand and close button for drafts change huesaturation for solid colors*/
.Hm{
filter: invert(1%) sepia(91%) saturate(15190%) hue-rotate(255deg) brightness(993%) contrast(91%);
}
.WR .z0 > .L3 {
/*color: #2e7ff5;*/
color: #443e3e;
}
.bhZ:not(.bym) .z0 > .L3 {
border-radius: 28px;
}
/* e-mail list */
.yO {
background: #f2f2f2 !important;
}
.x7 {
color: #202124;
background: #c2dbff !important;
}
/* search */
form.aJf {
background-color: #FFFFFF;
}
form.aJf svg {
color: #5f6368;
}
/* sections */
/* 1: unsorted */
td.aRz:nth-child(1) .J-KU-KO.aIf-aLe::before {
background-color: #d93426;
}
td.aRz:nth-child(1) .aAy.J-KU-KO > .aIf-aLf {
filter: saturate(0%) contrast(200%) invert(25%) sepia(43%) saturate(4735%) hue-rotate(349deg) brightness(89%) contrast(90%);
}
td.aRz:nth-child(1) .J-KU-KO.aIf-aLe .aKz {
color: #d93426;
}
.aAA .aIf-aLe .aDG {
background-color: #d93426;
}
/* 2: promo */
td.aRz:nth-child(2) .J-KU-KO.aJi-aLe::before {
background-color: #188038;
}
td.aRz:nth-child(2) .aAy.J-KU-KO > .aJi-aLf {
filter: saturate(0%) contrast(200%) invert(19%) sepia(97%) saturate(3741%) hue-rotate(144deg) brightness(91%) contrast(81%);
}
td.aRz:nth-child(2) .J-KU-KO.aJi-aLe .aKz {
color: #188038;
}
/* 3: social */
td.aRz:nth-child(3) .J-KU-KO.aKe-aLe::before {
background-color: #1a73e8;
}
td.aRz:nth-child(3) .aAy.J-KU-KO > .aKe-aLf {
filter: saturate(0%) contrast(200%) invert(25%) sepia(67%) saturate(3361%) hue-rotate(208deg) brightness(104%) contrast(82%);
}
td.aRz:nth-child(3) .J-KU-KO.aKe-aLe .aKz {
color: #1a73e8;
}
/* 4: notifications */
td.aRz:nth-child(4) .J-KU-KO.aH2-aLe::before {
background-color: #e37400;
}
td.aRz:nth-child(4) .aAy.J-KU-KO > .aH2-aLf {
filter: saturate(0%) contrast(200%) invert(46%) sepia(94%) saturate(2989%) hue-rotate(14deg) brightness(103%) contrast(101%);
}
td.aRz:nth-child(4) .J-KU-KO.aH2-aLe .aKz {
color: #e37400;
}
/* 5: forum */
td.aRz:nth-child(5) .J-KU-KO.aHE-aLe::before {
background-color: #a142f4;
}
td.aRz:nth-child(5) .aAy.J-KU-KO > .aHE-aLf {
filter: saturate(0%) contrast(200%) invert(32%) sepia(57%) saturate(4426%) hue-rotate(257deg) brightness(98%) contrast(96%);
}
td.aRz:nth-child(5) .J-KU-KO.aHE-aLe .aKz {
color: #a142f4;
}
/* first child menu sidebar */
.byl .TK .nZ.aBP:first-child {
background-color: #fce8e6 !important;
}
.nZ > .TN.aHS-bnt .qj:first-child {
filter: saturate(0%) contrast(200%) invert(25%) sepia(43%) saturate(4735%) hue-rotate(349deg) brightness(89%) contrast(90%);
}
.byl .TK .TO.nZ > .aHS-bnt .n0:first-child {
color: #d93426;
}
/* borders */
.G-atb::before {
box-shadow: inset 0 -1px 0 0 #eceff1;
}
.bAw .brC-aT5-aOt-Jw, .bAw .brC-aMv-auO.brC-aT5-aOt-Jw, .bAw .brC-aMv-bta.brC-aT5-aOt-Jw {
border-left-color: #f1f3f4;
}
/* removing border-radius */
.bkK > .nH {
border-radius: 0 !important;
margin-bottom: 0 !important;
}
.IU {
border-radius: 0 !important;
}
/* font */
.yW {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
}
.zA > .a4W {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
}
.TO .nU > .n0, .TO.NQ .nU > .n0, .TO.nZ .nU > .n0, .ah9 > .CJ, .n3 > .CL > .CK {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
}
.zA > .xW {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
}
.amH > .Dj, .h0 > .adl {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
}
div.Kj-JD-Jl>button::before, .bBh .Kj-JD-Jl>.J-at1-auR::before {
content: "";
display: block;
opacity: 0;
position: absolute;
transition-duration: .15s;
transition-timing-function: cubic-bezier(0.4,0,0.2,1);
z-index: -1;
bottom: 0;
left: 0;
right: 0;
top: 0;
background: #202124;
transform: scale(0);
transition-property: transform,opacity;
border-radius: 4px;
}
div.Kj-JD-Jl>button.J-at1-atl, div.Kj-JD-Jl>button.J-at1-auR {
align-items: center;
border: none;
display: inline-flex;
justify-content: center;
outline: none;
position: relative;
z-index: 0;
-webkit-font-smoothing: antialiased;
font-family: "Google Sans",Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
font-size: .875rem;
letter-spacing: normal;
background: none;
box-sizing: border-box;
color: #fff;
cursor: pointer;
font-weight: 500;
height: 36px;
min-width: 80px;
padding: 0 16px;
background-color: #1a73e8;
margin: 0 0 0 8px;
border-radius: 4px;
}
.H2.HD {
background-color: #fff;
border: 1px #d5d5d5 solid;
color: #444746;
border-radius: 4px;
}
.Ol.Nk {
color: #1a73e8;
border-radius: 4px;
}
/*arrows*/
.aqJ .amJ{
background-image: url(https://www.gstatic.com/images/icons/material/system_gm/1x/chevron_right_black_20dp.png);
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
}
.aqJ .amI{
background-image: url(https://www.gstatic.com/images/icons/material/system_gm/1x/chevron_left_black_20dp.png);
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
}
.HM .I5 {
-webkit-border-radius: 4px;
border-radius: 4px;
}
.HM .ahe::before {
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.btA .aoO {
-webkit-border-radius: 4px;
border-radius: 4px;
}
.gU .btA .dC {
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.Tm .ya {
background-color: #dfdfdf91;
}
/* ==UserStyle==
@name Old Gmail logo 2013-2020
@version 20230803.21.34
@namespace ?
==/UserStyle== */
@-moz-document domain("google.com") {
img[src="https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_default_1x_r5.png"] {
content: url("https://oldgoogle.neocities.org/images/srpr/logo11w.png")
}
}
/* ==UserStyle==
@name Old Gmail logo 2013-2020
@version 20230803.21.34
@namespace ?
==/UserStyle== */
@-moz-document domain("google.com") {
img[src="https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_default_1x_r5.png"] {
content: url("https://oldgoogle.neocities.org/images/srpr/logo11w.png")
}
}