Skip to content

Instantly share code, notes, and snippets.

@RedcoatAsher
Last active April 10, 2019 17:08
Show Gist options
  • Save RedcoatAsher/3d950fcb4aee46e2fbcaf4d2460e5e59 to your computer and use it in GitHub Desktop.
Save RedcoatAsher/3d950fcb4aee46e2fbcaf4d2460e5e59 to your computer and use it in GitHub Desktop.
Inbox for Google -- STYLUS CSS
/* Global */
/* --------------------------------------------- */
/* Change font everywhere */
* {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 99.1%;
letter-spacing: normal;
}
/* Email subject colour */
.zA {
color: #040404;
}
/* Header */
/* --------------------------------------------- */
/* Header bar */
header {
box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
}
/* Not sure? */
a.gb_de {
font-family: "Product Sans" !important;
}
/* Sidebar */
/* --------------------------------------------- */
/* Sidebar: hide the label email counters */
.bsU {
display: none;
}
/* Sidebar: labels */
.yJ .aio * {
font-size: 12px !important;
}
/* Sidebar: labels */
.TO .nU > .n0,
.ah9 > .CJ {
color: #616161;
}
.TO .nU > .n0,
.TO.NQ .nU > .n0,
.TO.nZ .nU > .n0,
.ah9 > .CJ,
.n3 > .CL > .CK {
text-shadow: none;
}
.TN.aY7xie.NEehkc.aHS-bnr > .qj.qr {
background-image: url('https://ssl.gstatic.com/bt/C3341AA7A1A076756462EE2E5CD71C11/2x/ic_custom-cluster_24px_g60_r3_2x.png');
opacity: 1;
background-size: contain;
}
.aHS-bnr .qj::before,
.aHS-bnr .qj::after {
opacity: 0;
}
.nZ > .aHS-bnt .qj,
.aHS-bnt .qj::before {
background-image: url('https://www.gstatic.com/images/icons/material/system/1x/inbox_googblue_24dp.png');
opacity: 1;
}
.TO > .aHS-bu1 .qj {
background-image: url('https://ssl.gstatic.com/bt/C3341AA7A1A076756462EE2E5CD71C11/1x/ic_upcoming_clr_24dp_r5.png');
opacity: 1;
}
.aHS-bnq .qj {
background-image: url('https://ssl.gstatic.com/bt/C3341AA7A1A076756462EE2E5CD71C11/1x/ic_draft_g60_24dp_r2.png');
opacity: 1;
}
.aHS-bnu .qj:before {
background-image: url('https://ssl.gstatic.com/bt/C3341AA7A1A076756462EE2E5CD71C11/2x/ic_sent_right_g60_24dp_r1_2x.png');
opacity: 1;
}
.aHS-bns .qj {
background-image: url('https://ssl.gstatic.com/bt/C3341AA7A1A076756462EE2E5CD71C11/1x/ic_done_clr_24dp_r4.png');
opacity: 1;
}
.wT > .n3 .byl:first-child .aim:first-child .nZ {
background-color: transparent;
}
.aim {
height: 40px;
}
/* Inbox */
/* --------------------------------------------- */
/* Inbox: message list layout */
.nH .AO .aeF {
min-width: 512px;
margin-right: 7vw;
width: auto;
}
@media (min-width: 1650px) {
.nH .AO .aeF {
min-width: 512px;
margin-right: 20vw;
width: auto;
}
}
/* Inbox: starred heading space */
.Cp {
margin: 0 5px;
}
/* Inbox: hide the starred heading */
.nH.Wg.aAD.aAr {
display: none;
}
/* Inbox: hide the everything else heading */
.nH.Wg.aAr {
display: none;
}
/* Inbox: date groupings */
.time {
font-size: 12px;
padding-top: 13px;
}
/* Inbox: email rows */
.zA.yO {
padding: 5px 20px 5px 5px;
}
/* Inbox: email row contents */
.zA.yO * {
font-size: 12px;
}
/* Global */
/* --------------------------------------------- */
/* Change font everywhere */
* {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 99.1%;
letter-spacing: normal;
}
/* Email subject colour */
.zA {
color: #040404;
}
/* Header */
/* --------------------------------------------- */
/* Header bar */
header {
box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
}
/* Not sure? */
a.gb_de {
font-family: "Product Sans" !important;
}
/* Sidebar */
/* --------------------------------------------- */
/* Sidebar: hide the label email counters */
.bsU {
display: none;
}
/* Sidebar: labels */
.yJ .aio * {
font-size: 12px !important;
}
/* Sidebar: labels */
.TO .nU > .n0,
.ah9 > .CJ {
color: #616161;
}
.TO .nU > .n0,
.TO.NQ .nU > .n0,
.TO.nZ .nU > .n0,
.ah9 > .CJ,
.n3 > .CL > .CK {
text-shadow: none;
}
.TN.aY7xie.NEehkc.aHS-bnr > .qj.qr {
background-image: url('https://ssl.gstatic.com/bt/C3341AA7A1A076756462EE2E5CD71C11/2x/ic_custom-cluster_24px_g60_r3_2x.png');
opacity: 1;
background-size: contain;
}
.aHS-bnr .qj::before,
.aHS-bnr .qj::after {
opacity: 0;
}
.nZ > .aHS-bnt .qj,
.aHS-bnt .qj::before {
background-image: url('https://www.gstatic.com/images/icons/material/system/1x/inbox_googblue_24dp.png');
opacity: 1;
}
.TO > .aHS-bu1 .qj {
background-image: url('https://ssl.gstatic.com/bt/C3341AA7A1A076756462EE2E5CD71C11/1x/ic_upcoming_clr_24dp_r5.png');
opacity: 1;
}
.aHS-bnq .qj {
background-image: url('https://ssl.gstatic.com/bt/C3341AA7A1A076756462EE2E5CD71C11/1x/ic_draft_g60_24dp_r2.png');
opacity: 1;
}
.aHS-bnu .qj:before {
background-image: url('https://ssl.gstatic.com/bt/C3341AA7A1A076756462EE2E5CD71C11/2x/ic_sent_right_g60_24dp_r1_2x.png');
opacity: 1;
}
.aHS-bns .qj {
background-image: url('https://ssl.gstatic.com/bt/C3341AA7A1A076756462EE2E5CD71C11/1x/ic_done_clr_24dp_r4.png');
opacity: 1;
}
.wT > .n3 .byl:first-child .aim:first-child .nZ {
background-color: transparent;
}
.aim {
height: 40px;
}
/* Inbox */
/* --------------------------------------------- */
/* Inbox: message list layout */
.nH .AO .aeF {
min-width: 512px;
margin-right: 7vw;
width: auto;
}
@media (min-width: 1650px) {
.nH .AO .aeF {
min-width: 512px;
margin-right: 20vw;
width: auto;
}
}
/* Inbox: starred heading space */
.Cp {
margin: 0 5px;
}
/* Inbox: hide the starred heading */
.nH.Wg.aAD.aAr {
display: none;
}
/* Inbox: hide the everything else heading */
.nH.Wg.aAr {
display: none;
}
/* Inbox: date groupings */
.time {
font-size: 12px;
padding-top: 13px;
}
/* Inbox: email rows */
.zA.yO {
padding: 5px 20px 5px 5px;
}
/* Inbox: email row contents */
.zA.yO * {
font-size: 12px;
}
.aKB {
display: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment