@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("mail.google.com") {
/*------------------------ TODO
- 'create a filter' window is hacked together and ugly (side bar is still pushed down)
- fixed sidebar?
*/
/************************************************
Colouring**/
.q0CeU, .z .l, .y .l, .z .n, .y .n,
/*side tabs 'spam, trash'*/ TR[class="Alfa2e nZ"] > td, TR[class="Alfa2e ol"] > td,
/*side tabs 'spam, trash'*/ TR.Alfa2e.nZ:hover > td, TR.Alfa2e.ol:hover > td,
/*top bar in spam, trash box*/ .q0CeU .nH > .l.m > .l.n {
background: #9FCD8C !important;
}
/* HOVER: These hover selectors are from 'Gmail 2 highlighted rows - Classic Theme' by MrFreeze */
/*side tabs unselected+hover*/
TR.Alfa2e:hover > td, .pX:hover {
background: #CAE2C0 !important;
}
/* Hovering read messages */
table.cf tr.yO:hover, table.tlc tr.rr:hover {
background-color: #FFEB86 !important;
}
/* Hovering unread messages */
table.cf tr.zE:hover, table.tlc tr.ur:hover {
background-color: #FFDE32 !important;
}
/* Hovering selected messages */
table.cf tr.x7:hover, table.tlc tr.ur:hover {
background-color: #79B0E8 !important;
}
/**********************************************
My code (officially) starts: General Page formatting*/
* {
font-family: "segoe UI" !important;
}
/* sliver at the top */ .q0CeU > .nH > .pi {
display: none !important;
}
/*whole page*/
body.cP {
/*background: url("http://dl.dropbox.com/u/1340160/julie%20-%20custom%20google/oversized%20for%20background-01.png") #fff right top no-repeat !important;*/
background: #E3ECDA !important;
}
/*main content*/
.q0CeU {
-moz-border-radius: 3px !important;
padding: 8px 0px 4px 0px !important;
margin-right: 6px !important;
/*content shadow -moz-box-shadow: -moz-rgba(0,0,0,0.1) -2px 2px 8px 0 !important;*/
}
/*top feed bar */ .mq {
padding-bottom: 3px !important;
background: -moz-rgba(255,255,255,0.2) !important;
margin-bottom: 30px !important;
margin-right: -3px !important;
padding-right: 3px !important;
display: block !important;
}
/*left sidebar*/
DIV[class="n3"] .pk {
display: none !important;
}
div.nH.pp .G9 .n3 /*make labels reach the content*/ {
padding-right: 0 !important;
}
TR.Alfa2e > td:first-child, /* inbox, sent, drafts etc.*/
.pX:hover /*compose, contacts and tasks*/ {
-moz-border-radius: 5px 0 0 5px !important;
}
div.LrBjie /* move labels down from 'real' folders */ {
margin-bottom: 20px !important;
}
/************* When using multiple inboxes (labs) ************/
/* NOTE: Switch div.nH.nn >> div.nH.nn:first-child to apply changes to only the fake inboxes */
/*placeholder when (real) inbox is at less than 'x' messages*/ .zq,
/*separator between fake and real inbox div.no > div.nH.nn:first-child > div.nH:first-child + div.nH,*/
/*'refresh' on toolbar*/ div.no > div.nH.nn > div.nH > div.nH .A1 .AP,
/*'report spam' on toolbar*/ .A1 .Cq > div > div > div:first-child > div:first-child + div,
/*'delete' on toolbar div.no > div.nH.nn > div.nH > div.nH .A1 .eeCDlc.J-J5-Ji:first-child > div:first-child + div + div,*/
/*'x - y of y' div.no > div.nH.nn > div.nH > div.nH .A1 span.Di,*/
/*'select: starred, unstarred' on toolbar*/ div.no > div.nH.nn div.A1 > div.nH + div.nH SPAN.yU > SPAN:first-child + SPAN + SPAN + SPAN + SPAN, div.no > div.nH.nn div.A1 > div.nH + div.nH SPAN.yU > SPAN:first-child + SPAN + SPAN + SPAN + SPAN + SPAN
{display: none !important;}
/****ROW: Title of inbox and fake 'inboxes'*/
div.no > div.nH.nn:first-child > div.nH > div.nH div.nH.nK >div.nH:first-child > div.nH.Cq *,
div.no > div.nH.nn:first-child > div.A1 > div.nH:first-child + div.nH:before {
font-size: 10pt !important;
font-weight: bold !important;
color: #FFF !important;
}
div.no > div.nH.nn:first-child > div.A1 > div.nH:first-child + div.nH:before {
margin-left: -25px !important;
content: "* Inbox" !important;
display: block !important;
position: absolute !important;
}
div.no > div.nH.nn:first-child > div.nH > div.nH div.nH.nK >div.nH:first-child > div.nH.Cq {
padding-left: 10px !important;
}
/****ROW: Toolbar buttons (archive, delete ...)*/
div.no > div.nH.nn div.A1 > div.nH {
position: absolute !important;
margin-left: 220px !important;
margin-top: -22px !important;
}
div.no > div.nH.nn:first-child > div.nH > div.nH > div.nH.nK,
div.no > div.nH.nn > div.nH > div.nH .A1 {
background: none !important;
padding-top: 0px !important;
border-bottom: none !important;
}
div.no > div.nH.nn > div.nH > div.nH div.nH.nK >div.nH:first-child > div.nH.Cq {
width: auto !important;
}
/*indiv buttons*/ .D .J-K-I
{margin: 0 0 0 0 !important;}
/*button groups*/ div.Cq > div > div > div.J-J5-Ji
{margin: 0 4px 0 0 !important;}
/*lower opacity of buttons until hover*/
div.no > div.nH.nn > div.nH > div.nH .A1 [role="button"]
{opacity: 0.3 !important;}
div.no > div.nH.nn > div.nH > div.nH .A1 [role="button"]:hover
{opacity: 1 !important;}
/*'x - y of y'*/
div.no > div.nH.nn > div.nH > div.nH .A1 span.Di
{padding-right: 0 !important;
display: block !important;
margin-top: 3px !important;}
div.no > div.nH.nn > div.nH > div.nH .A1 span.Di > .Dj
{padding: 0 2px !important;}
div.no > div.nH.nn > div.nH > div.nH .A1 span.Di > .e
{display: inline-block !important;
height: 12px !important;
width: 12px !important;
text-indent: 12px !important;
overflow: hidden !important;
background: url("http://dl.dropbox.com/u/1340160/Computer/Firefox%20-%20Gmailcleanup/vague%20circle.png") -2px top no-repeat !important;}
/*
SPAN[id=":s2"] {background: url("http://dl.dropbox.com/u/1340160/Computer/Firefox%20-%20Gmailcleanup/arrow-left-full-01.png") center center no-repeat !important;}
SPAN[id=":s3"] {background: url("http://dl.dropbox.com/u/1340160/Computer/Firefox%20-%20Gmailcleanup/arrow-left-01.png") center center no-repeat !important;}
SPAN[id=":s4"] {background: url("http://dl.dropbox.com/u/1340160/Computer/Firefox%20-%20Gmailcleanup/arrow-right-01.png") center center no-repeat !important;}
SPAN[id=":s5"] {background: url("http://dl.dropbox.com/u/1340160/Computer/Firefox%20-%20Gmailcleanup/arrow-right-full-01.png") center center no-repeat !important;}
*/
/****ROW:'select: all, none..'*/
div.no > div.nH.nn div.A1 > div.nH:first-child + div.nH {
position: absolute !important;
margin-left: 35px !important;
margin-top: -21px !important;
}
div.no > div.nH.nn div.A1 > div.nH:first-child + div.nH div.yV,
div.no > div.nH.nn div.A1 > div.nH + div.nH SPAN.yU
{color: transparent !important;}
div.no > div.nH.nn div.A1 > div.nH + div.nH SPAN.yU > span
{font-size: 8pt !important;}
/*color touch-ups*/
div.no > div.nH.nn:first-child > div.nH > div.nH div.nH.nK >div.nH:first-child > div.nH.Cr *,
div.no > div.nH.nn > div.nH > div.nH .A1 .Di,
div.no > div.nH.nn > div.nH > div.nH .ce + .yV *,
div.no > div.nH.nn div.A1 > div.nH + div.nH SPAN.yU > span {
color: #fff !important;
font-size: 8pt !important;
font-weight: bold !important;
}
/************* Inboxes *************/
div.no > div.nH.nn div.A1 + div.nH + div.nH + div.nH + div.nH {
font-size: 11pt !important;
}
/*** remove lines from some parts on the left ***/
div.no > div.nH.nn div.A1 + div.nH + div.nH + div.nH + div.nH tr > td:first-of-type + td {
border-bottom: none !important;
}
div.no > div.nH.nn div.A1 + div.nH + div.nH + div.nH + div.nH tr:first-of-type > td {
border-top: 1px #fff solid !important;
}
div.no > div.nH.nn div.A1 + div.nH + div.nH + div.nH + div.nH tr:last-of-type > td {
border-bottom: 1px #fff solid !important;
}
/*** check box + grippy ***/
div.no > div.nH.nn div.A1 + div.nH + div.nH + div.nH + div.nH tr > td:first-of-type {
background: #D6D6D6 !important;
padding-left: 0 !important;
}
.oZ-jd {
display: none !important;
}
/*** star bar ***/
div.no > div.nH.nn div.A1 + div.nH + div.nH + div.nH + div.nH tr > td:first-of-type + td {
background: #E6E6E6 !important;
border-left: 1px #BDBDBD solid !important;
border-right: 1px #BDBDBD solid !important;
}
td.y4, td.zy {
padding-left: 3px !important;
}
/*** move "from" over a bit ***/
div.no > div.nH.nn div.A1 + div.nH + div.nH + div.nH + div.nH tr > td:first-of-type + td + td {
text-indent: 3px !important;
}
/*** hide until hover ***/
div.no > div.nH.nn div.A1 + div.nH + div.nH + div.nH + div.nH tr > td:first-of-type {
opacity: 0 !important;
}
div.no > div.nH.nn div.A1 + div.nH + div.nH + div.nH + div.nH tr:hover > td:first-of-type {
opacity: 1 !important;
}
/************* Labels *************/
div.yi > div.ar.as,
td.hU {
font-size: 8pt !important;
}
div.yi > div.ar.as {
padding: 0 3px 0 0 !important;
height: auto !important;
}
div.yi > div.ar.as > div.at {
-moz-border-radius: 2px !important;
margin: 0 !important;
padding: 0 2px !important;
}
div.yi > div.ar.as > div.at * {
padding: 0 1px !important;
}
/* "search results for.." */ .AO, .AQ,
/* page buttons at bottom (already at the top)*/ div.nH > div.AY.D
/* page buttons at top (already at the bottom) div.no > div.nH.nn > div.A1.D.E*/
{display: none !important;}
/* footer */
DIV[class="nH nn"] > DIV[class="nH"] > DIV[class="nH l2 ov"] > div > * {
display: none !important;}
DIV[class="nH nn"] > DIV[class="nH"] > DIV[class="nH l2 ov"] > div > .md,
DIV[class="nH nn"] > DIV[class="nH"] > DIV[class="nH l2 ov"] > div > .mp {
display: inline !important;}
DIV[class="nH nn"] > DIV[class="nH"] > DIV[class="nH l2 ov"] > div {
display: inline !important;
line-height: 2em !important; /* fake top margin */
padding: 3px !important;}
/* 'add quick link' */
div.nH.pp.ps > div.nH > div[class="nH pS"] > div.nH > div[class="nH pu"] .pn {
padding: 1px 4px 2px !important;}
div.nH.pp.ps div.nH > div.pU {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAFVJREFUKFONjoEJwEAIA9PJXE0nc5QfxRqrD4UvVJCInporIjBhZtp1qYgABCazR3pvqCZ3AtwdzLUWkBTPzeZLa/YHKF/PoYOHHnwDNEOolR/ndfVubXBU5xV7uMQAAAAASUVORK5CYII=") 18px top no-repeat !important;
opacity: 0.6 !important;
color: transparent !important;
height: 1px !important;
overflow: hidden !important;}
div.nH.pp.ps div.nH > div.pU:hover {
background-color: -moz-rgba(0,0,0,0.1) !important;}
/* chat and invite - bad way of _hiding_ */
div[class="nH pp ps"] > div[class="nH"] > div[class="nH s"],
div[class="nH pp ps"] > div[class="nH"] > div[class="nH pY"] {
display: none !important;}
/* chat and invite - keep but cleanup
div[class="nH pp ps"] .dF {
display: none !important;}
.nH.nn[style="width: 172px;"] > .nH > .pp.ps:last-child {
display: block !important;}
*/
/* g user bar */
.qp {
border-color: transparent !important;}
.qp * {
font-size: 8pt !important;}
#gbar
{height: 11pt !important;}
/************* IDEA: move searchbox to top bar and bring up content */
/*search buttons*/ HTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:first-child > DIV > DIV:last-child > DIV:first-child > DIV:first-child + DIV > DIV:first-child + DIV > DIV:first-child > DIV:first-child + DIV table.cf.d td.bN.bM,
/*search options*/ HTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:first-child > DIV > DIV:last-child > DIV:first-child > DIV:first-child + DIV > DIV:first-child + DIV > DIV:first-child > DIV:first-child + DIV table.cf.d td.bN.bR span,
/*make search options fit on one line */ HTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:first-child > DIV > DIV:last-child > DIV:first-child > DIV:first-child + DIV > DIV:first-child + DIV > DIV:first-child > DIV:first-child + DIV table.cf.d td.bN.bR br {
display: none !important;
}
/* reposition top box (logo stays but content moves up) */
HTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:first-child > DIV > DIV:last-child {
position: absolute !important;
}
/* move sidebar down so it doesn't cover logo */
DIV[class="nH nn"][style="width: 172px;"] {
margin-top: 80px !important;
}
/* move down content a bit to give more space */
.qp {
margin-bottom: 33px !important;
}
/*search box, options*/
HTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:first-child > DIV > DIV:last-child > DIV:first-child > DIV:first-child + DIV > DIV:first-child + DIV > DIV:first-child > DIV:first-child + DIV table.cf.d {
position: absolute !important;
left: 209px !important;
top: -28px !important;
z-index: 10000 !important;
}
HTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:first-child > DIV > DIV:last-child > DIV:first-child > DIV:first-child + DIV > DIV:first-child + DIV > DIV:first-child > DIV:first-child + DIV table.cf.d td.bN:first-child input {
-moz-appearance: none !important;
border: none !important;
-moz-border-radius: 4px 4px 0 0 !important;
padding: 0 0 2px 0 !important;
margin: 0 !important;
width: 100% !important;
text-align: center !important;
/*icon stolen from http://www.info-zip.org/blahdocs/images/search.png*/
background: #9FCD8C url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAABIAAAASABGyWs+AAAC1UlEQVQ4y3XTv09bVxQH8O997913n83zr2djIKgeHKNGQh5iNZ3KwlyJP4GlUtcuqF2QYM3QoR3ZulRqlQUJKZXqsUMgDRIqsqO0ONhgB2L7GS6O7ffevadLkqrBOdLZjj7SV+ccRkQAACLCaDRyrgaD0pvRKC9s20+l0y9c171hjOFjxYgIWmuctVqV03ZnQyq2MlFIcAOjGaae3ZnNfn+3WKxanNNHgUaj8eBFq/NTEEvdI8MEAdAEmNDgbwavFjOJr5eXl3cNw7gFWDdSxpvnne+cbP7eQsIFERC9jaWJMHbj853O6eZCv/8kl8tdfAgY3V6vDFt8seBlkJ6JIRl3kJlxEBccDreQdmfgJNLl15eXn0+LYF1fXy9a3E4qImgiEIDhJMTNOIDSBNMwwIUQN0P5yVTAsqwrFk4mgdJOMJq83QgQszkYANs0cD2MtGEYV9MAI5vN/jW6GtRdbiDpCCQcgWRMIBWz4cVtJIQJ6ffOstns06nA7OzsRTzm/Nhp/C3j3EDa4UgJCymHI2aZOHvZwO+/PVb9fj8xDTC3t7eRy+VqrWbzdev05TIjnVJRyPxen57XapePfv1lcnBwcKdWq322tLR0MDc39+rWHQBAFEWs2WyWzs/PV4IgWOScd+fn5/+o1+ulnZ2dH6SUi4VC4dnGxsZX5XL58L1ARP9rrfX7JiIopbC3t7e2trZ2trq6Suvr638eHR3dfzdvbm1t3coVRRGUUlBKQWuNYrH43HXdf+r1+orv+58eHx8/KJVKT/L5/AULwxCHh4dsf3/fPDk54d1ul/d6Pa6UsgC8u11NRGG73f4yk8k8FELMVSqVbzc3Nx9aQRCgWq2y3d1du91uO1JKJwxDJwgCO4oiCwAzTTMSQgSc86oQ4ptCoVAxDONnKeV/3yilhO/7zPd9Nh6P2WAwYMPhkAGA4zjwPI8459rzPO15Hksmk2SaJv4FOLN0a8rXinYAAAAielRYdFNvZnR3YXJlAAB42isvL9fLzMsuTk4sSNXLL0oHADbYBlgQU8pcAAAAAElFTkSuQmCC") no-repeat 3px center !important;
}
/*search options */
HTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:first-child > DIV > DIV:last-child > DIV:first-child > DIV:first-child + DIV > DIV:first-child + DIV > DIV:first-child > DIV:first-child + DIV table.cf.d td.bN.bR span {
font-size: 12px !important;
margin: 0 5px !important;
}
/*notifications*/
HTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:first-child > DIV > DIV:last-child > DIV:first-child > DIV:first-child + DIV > DIV:first-child + DIV > DIV:first-child > DIV:last-child > DIV:last-child {
position: absolute !important;
right: 15px !important;
top: -31px !important;
z-index: 10000 !important;
}
/*push down content when 'create a filter' pseudo-window is ontop */
div.no div.nH.a > div.nH > div.pi:last-child {
margin-bottom: 20px !important;
}
/************************************************
99% of the below style was ________gmail vitamin
************************************************/
/*menu bar (message view)*/
.D.E {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA8CAYAAACn8dD6AAAAi0lEQVQYlQXBMSsEAACA0Q8hhJATQggdoSOEMFgsJovFZLGYLBa//Xkv/IXf8BO+w1f4DB/hPbyF1/ASnsNTeAwP4T7chdtwE67DVbgMF2EUzsNZOA0n4TgMw1E4DAdhP+yF3bATtsNW2AwbYT2shUFYDSthOSyFxbAQ5sNcmA0zYTpMhckwEcbD2D/twb3NQweSsQAAAABJRU5ErkJggg==) !important;
background-position: top !important;
background-repeat: repeat-x !important;
}
/****** Main box outline*****/
.q0CeU .nH > .l.m > .l.n {
margin-left: 1px !important;
}
/* email rows */
.zA td {
padding-top: 2px !important;
padding-bottom: 2px !important;
}
/* sidebar nav - inbox/starred/chats etc */
.cf.nX { /* increase line height for most side bar items */
line-height: 1.3em;
}
.qi.pk + div .cf.nX, .pz, .pX { /* increase font-size for sidebar nav */
font-size: 1.05em !important;
}
/***** remove/re-add underline for links *****/
.hk span u, /* right side bar utility links */
.bR, /* next to search bar, tiny text */
.qp a, .qp a u, /* top nav */
.AO, .e, .cg, .AP, /* menu bar "back to inbox" */
.l8, a.mo, a.l9, /* footer link */
.f0, .f1, /* settings */
.sA, .sv, .r4 .e, .oj /* settings */
{text-decoration: none !important;}
.yU span:hover,
.qp a:hover,
.f1:hover,
.AO:hover, .h0 span:hover, .cg span:hover, .AP:hover,
.hk span:hover u,
.bR span:hover,
.l8:hover, a.mo:hover, a.l9:hover,
.sA:hover, .sv:hover, .r4 .e:hover, .oj:hover,
.vh a:hover, .ag:hover,
.iD:hover
{text-decoration: underline !important;}
/************************************************
99% of the below style was written by lOtR in his style
'GMail - Remove ads and relocate action links' (very good style)
************************************************/
/* Ads Area */
.iY .Bu:last-child > .nH {
height: 0px !important;
overflow: hidden !important;
width: 0px !important;
}
/* Separator column */
.iY .Bu:first-child + .Bu {
display: none !important;
}
/* Display the action links on top of the message area */
/* Action Links Area (level 1) */
.iY .Bu:last-child .nH > .nH > .nH:first-child {
position: absolute !important;
left: 8px!important;
top: 27px !important;
}
/* Action Links */
.hk {
float: left !important;
padding: 0px 10px 0px 0px !important;
}
.hk u {
color: #FFF !important;
font-weight: bold !important;
}
}