Attached is the code. Let me know if you find any issues or have any suggestions. Thanks!
-- You received this message because you are subscribed to the Google Groups "mailplaneapp" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/mailplaneapp. For more options, visit https://groups.google.com/d/optout.
/* About: Custom Gmail CSS for Mailplane.app Author: Cole Frapp ([email protected]) Version: 0.8 Date: 2 Jan 2019 */ /* Remove elements that are not required. */ .gb_0a, /* Gmail logo */ .gb_Pc.gb_9c.gb_ad, /* Menu icon (to expand side panel) */ .bAw, /* Right panel: calendar, keep, tasks */ .gb_Rc, .gb_se, /* Google Apps and account icons (top right) */ .CL /* 'Manage labels' and 'New label' items in the side panel */ {display: none !important} /* Top of window formatting, including handling of Out-of-Office label. */ .nH.w-asV.aiw .nH .w-MH.a6P {position: absolute; top: 33px !important; left: 260px} .nH.w-asV.aiw {position: absolute; left: 130px; top: -30px} /* Left side panel. */ .aj9, .pp {background: #f0f0f0} /* Background */ .akc.aZ6, .aeO {background-color: #f0f0f0} /* Background for chat, contacts */ .nM {padding-top: 8px} /* Top spacing */ .nM:before {font-family: roboto !important; font-size: 0.9em;line-height: 2; color: gray; content: "Gmail"; margin-left: 10px; } /* Gmail label */ .ajj:before {box-shadow:none !important} /* Appears when left panel scrolling is active */ .AO, .aeH {border-left: 1px solid #dfdfdf !important} /* Side panel right border */ .nZ, .aiq {background-color: #C8C8C8 !important; border-radius: 0px !important} /* Selected item highlight */ .n3 {width: 260px} /* Extend width of items */ .ol {background-color: #C8C8C8 !important; border-radius:0px !important} span.nU a{font-weight: normal !important; font-size:0.98em !important; font-family: helvetica !important} /* Item text */ .TN, .bzz, .aHS-bnt a {color:black !important} /* Inbox font */ .qj {margin-right: 10px !important; opacity: 0.3} /* Icons */ .qj.qr {filter: grayscale(100%); opacity: 0.3 !important} /* Remove icon colours (Inbox and Categories) */ .ain .aHS-bnt .qj {opacity: 0.56 !important } /* Selected icons */ .nZ>.aHS-bnt>.qj {opacity: 0.3 !important; background-image: url(https://www.gstatic.com/images/icons/material/system/2x/inbox_black_20dp.png) !important} /* Force the black inbox icon */ .afM, .afN {filter: grayscale(100%)} /* Inbox menu arrow */ .bsU {background-color: #a9a9a9; border-radius:10px; color: #fff !important; height: 18px !important; padding-right:10px; padding-left:10px !important} /* Unread message number/pill */ .J-KU-, .Jg, .J-KU-, .Jg-Zc, .aj5 {background-color:#F6F6F6 !important} /* Bottom tabs (chat/contacts) */ .aJZ .qj.qr:before {display:none !important} /* Remove 'Categories' icon */ .aJZ .qj.qr:after {display:none !important} /* Remove 'Categories' icon */ .aJZ .aih {display:none !important} /* Remove 'Categories' down arrow */ .aJZ .aii {display:none !important} /* Remove 'Categories' down arrow */ .byl.aJZ.a0L .TN.aY7xie.NEehkc.aHS-bnr {margin-left:-34px !important} /* Categories title position */ .aJZ .TN>.aio .nU a {font-family: roboto !important; line-height: 1 ;letter-spacing: -0.25px; font-weight: 500 !important; font-size: 0.95em; color: #010101; opacity: 0.45} .byl.aJZ.a0L {margin-top: 10px; margin-left: -12px} /* Categories text formatting */ .aJZ .TN>.aio .nU>.n0 {margin-left: 0px !important;} /* Categories position */ .byl.aJZ.a0L .TN.aY7xie.aik.aHS-bnr a {font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; opacity: 1; font-weight:400 !important; color: #000} /* Categories text formatting */ .aio .aip {font:inherit !important } /* Categories formatting */ .zw {margin-top: 10px} /* Labels position */ .zw:before {content: "Labels"; font-family: roboto !important; line-height: 2 ;letter-spacing:-0.25px; font-size: 0.95em; color: #010101; opacity: 0.5; margin-left:10px} /* Labels section title */ .n6 {margin-top:10px !important; margin-left: -10px !important} /* 'More' section position */ .ait {display: none} /* 'More' section down arrow */ .CJ {display: none} .n6:after {position:absolute; left: 20px; content: "More"; font-family: roboto !important; line-height: 2 ;letter-spacing:-0.25px !important; font-size: 0.95em; color:gray !important;} /* More section title */ .NQ:hover {background: inherit !important} /* Hover style: remove background on mouse over */ div.ain:hover {background-color: #c8c8c8 !important} /* Hover over for already selected item */ .ah9:hover {background: inherit !important} /* Hover over 'More/Less' */ /* Compose button changes. */ .z0>.L3::before {display:none !important} /* Compose button image */ .z0>.L3 {text-indent: -9999px !important;} /* Hide the 'Compose' text */ .z0>.L3 {background: none !important; box-shadow:none !important} /* Remove the button border */ .z0 {position: absolute; left: 225px; top: 0px; height: 10px !important; width: 20px !important} /* Re-position the button */ .z0::before {font-size: 1.2em !important; font-weight: 400 !important; opacity: 0.5; content:"+"; margin-left: 0px !important; position: absolute !important} /* New '+' button for new message */ /* Main Gmail message toolbar. */ .aeH {background-color: #F6F6F6 } /* Background */ .G-tF>.G-Ni>.T-I {margin-left:6px !important; margin-right:6px !important} /* Reduce spacing of icons (when message is selected) to prevent overlap with search box */ /* Search Box positioning and formatting. */ .gb_bf, .gb_Lf {height: 30px; border-radius: 10px !important; box-shadow: none !important} /* Border shadow when selected */ .gb_bf.gb_Lf {position: absolute; left: 580px; top: 38px; width: 450px} /* Positioning */ .gb_bf button {margin-top: -8px} /* Button positioning */ .gb_Of {margin-top: 0px} /* Search box text */ .gb_Of.gb_If {height: 30px !important; padding:0px !important} /* Search text */ .gb_xf {font-size: 14px !important; opacity: 0.5 !important; width: 450px !important; height: 30px !important; padding: 0px !important} /* Search box text */ .gb_Nf {margin-top: -8px} /* Search down arrow */ .gb_Kf, .gb_Mf {margin-top: -8px} /* Clear search 'X' icon */ .gb_ce, .gb_Zd, .gb_Pc, .gb_bf {height: 30px !important} /* Re-size */ .gb_Wa:not(.gb_Xa) .gb_Zd {padding: 0px !important} /* Padding */ /* Inbox category tabs. */ .aKh, .aPb {height: 40px !important; filter: grayscale(100%)} /* Remove colours */ .J-KU-Jg-K9 .J-KU .aAy {height: 40px !important} /* Inbox tab height */ .J-KU-KO.aAy:before {height: 1px !important} /* Selected inbox underline */ .aKx>.aKz {font-weight: 500 !important} /* Default font */ .J-KU-KO .aKz {font-weight: 500 !important; color: #000 !important; opacity: 1 !important} /* Selected inbox font */ /* Message list */ .UI, .zA, .yO {background-color: #fff !important} /* Default background */ .nH:not(.aqK): {background-color: #fff !important} /* Default background */ .zA {box-shadow: none !important} /* Border shadow for message under the mouse */ .zA:nth-child(2n) {background-color: #F5F5F5 !important;} /* Alternate row shading */ .zA>.yf {max-width: 25px !important; margin-right: 5px} /* Attachment paperclip icon */ .yO>.xW {opacity: 0.6 !important} /* Date font */ .yO>.xW .zF .bqe, .bq3 {opacity: 0.8 !important} /* Date font for unread message */ .zA>.xW {max-width: 65px !important} /* Date width */ .aeI, .G-atb {box-shadow:none !important} /* Shadow at top of message list */ .y2 {color: #808080 !important} /* Message text preview (after the subject) */ .aeG {display:none} /* Bottom status bar (space used, last activity etc.) */
