Hi, So I LOVE the "OSX11plane v2" theme, but I am having some trouble.
See the attached screenshot to see what I mean. Some irregularities have popped up all over the place - in comparison with your screenshot. Things like no folder buttons or the settings cog being too far to the right. The "Mail" logo still says "Gmail" etc... Any help would be appreciated! Thanks On Saturday, 14 December 2013 02:13:14 UTC, Cjsnet wrote: > > **** Don't forget your screenshots guys **** > > Wow, I'm really pleased with this one. Getting very serious now. We've > removed the top bar, moved search down, and done lots of other cool things > like hover over dimmed buttons, removed outlines, etc. > > *OSX11plane v2* > > > <https://lh6.googleusercontent.com/-W_VWrJyuFE4/Uqu-VfB1SyI/AAAAAAABnh0/03Qswf9L8LU/s1600/Screen+Shot+2013-12-13+at+18.08.47.jpg> > > > (Note: I recommend using the "Soft Grey" Theme in Gmail Settings.) > > "Afloat" is attached for window transparency. (Dev has stopped supporting > and made it opensource.) > > > /*===== > > HIDING > > ====== > > > /* Hide the Google+ buttons */ > > .gb_ea, > > .gb_fa > > { display: none; } > > > /* Hide unnecessary toolbar buttons */ > > .lR, > > .nN, > > .nX, > > .nu, > > .aic, > > .lS, > > .Bq > > { display: none; } > > > /* Hide reply placeholder */ > > .iq, > > .aaq > > { display: none; } > > > /* Hide unnecessary compose buttons */ > > .og > > { display: none; } > > > /* Hide ads (sorry Google) */ > > .oM, > > /* .V3vJRb, */ > > .PS > > { display: none; } > > > /* Hide Google logo */ > > .gb_na > > { display: none; } > > > /* Hide footers */ > > .wIFnie, > > .uXhw3b, > > .ap0, > > /* .l6, */ > > .l2 > > { display: none; } > > > > > /*============ > > REORGANIZING > > ============= > > > /* move the whole body up 60 px for comfortable, change to 44 for compact > */ > > body { > > position: relative; > > top: -60px; > > } > > > .aAU { > > height: 1000px; > > } > > > > > > > / * Move and resize search bar */ > > #gbqf { > > position: absolute; > > top: 116px; > > left: 0px; > > } > > > #gbqfw { > > position: relative; > > top: 53px; > > left: 0px; > > max-width: 450px; > > } > > > > > /* move the buttons left of the search bar over */ > > .G-atb { > > margin-left: 70px !important; > > } > > > > > /* move notification bar down */ > > .vh { > > margin-top:45px !important; > > } > > > > > /* rescue the compose iframe */ > > iframe body { > > top: auto; > > } > > > > /*============= > > PAGE COLOURS > > ============== > > > /* page colour */ > > .nH > > {background-color: #eef3f6 !important;} > > > /* tabs colour */ > > .aAy > > {background-color: #eef3f6 !important;} > > > /* chat bg colour */ > > .aj5, > > .no > > {background-color: #e1e3e0 !important;} > > > /* mailbox column colour */ > > .nM, > > .aj9, > > .apa > > {background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0f8fb), > to(#e1e3e0));} > > > /* search row colour */ > > .gb_ib > > {background-color: #eef3f6 !important;} > > > /* email stack colour */ > > .adf, > > .G3, > > .adx > > {background-color: #fff !important;} > > > /* subject bg colour */ > > .ha, > > .if > > {background-color: #fff !important;} > > > /* message rows colour */ > > table.zt tr.yO > > {background-color: #fff !important;} > > > /* active tab top colour */ > > .aKm > > {background-color: #fff !important;} > > > /* email paper colour */ > > .adn > > {background-color: #fff !important;} > > > /* paper borders colour */ > > .apj, > > .Bu, > > .gA, > > .aC2, > > .aC3, > > .aE0, > > .hx, > > .i > > {background-color: #fff !important;} > > > /* people widget colour */ > > .anT, > > .u5, > > .y4, > > .anr, > > .am6 > > {background-color: #fff !important;} > > > /* right column colour */ > > .age, > > .ao8 > > {background-color: #fff !important;} > > > > /*============= > > FONT COLOURS > > ============== > > > /* "Mail" colour */ > > .akh > > {color: #3187da !important;} > > > /* Subject colour */ > > .ha > > {color: #3187da !important;} > > > ./* toolbar icon font colour */ > > .ns, > > .ar7, > > .nu > > {color: #3187da !important;} > > > /* counter icon font colour */ > > .Dj, > > .adl > > {color: #3187da !important;} > > > /* tab text font colour */ > > {color: #3187da !important;} > > > > /*===== > > FONTS > > ====== > > > /* set mailboxes font & size */ > > body { > > font-family: Helvetica Neue; > > font-weight: 200; > > font-size: 12pt;} > > > /* set other font & size */ > > .ha { > > font-family: Helvetica Neue; > > font-weight: 200; > > font-size: 11pt;} > > > /* set "Mail" font & size */ > > .akh { > > font-family: Helvetica Neue; > > font-weight: 150; > > font-size: 12pt;} > > > /* set header font & size */ > > .gD { > > font-family: Helvetica Neue; > > font-size: 10pt;} > > > ./* set toolbar font & size */ > > .ns, > > .ar7, > > .nu, > > { > > font-family: Helvetica Neue; > > font-weight: 200; > > font-size: 8pt;} > > > /* set counter font & size */ > > .Dj, > > .adl > > { > > font-family: Helvetica Neue; > > font-weight: 100; > > font-size: 9.5pt;} > > > /* set tabs font & size */ > > .aKx { > > font-family: Helvetica Neue; > > font-size: 10pt;} > > > /* set inbox */ > > .ar4 { > > font-family: Helvetica Neue; > > font-size: 12pt;} > > > > /*======= > > EFFECTS > > ======== > > > > /* ----------------------------------------------------- > > Message height span > > ----------------------------------------------------- */ > > > /* body .zA .xY { height: 30px; margin-top: -1px; margin-bottom: -1px; > padding-top: 2px; padding-bottom: 0px; } > > /* column - checkbox */ > > /*body .zt col.Ci { width: 22px; } > > /*body .UI>.nH>.no col.ao6 { width:30px; } > > /* column - star */ > > /*body .UI>.nH>.no col.y5 { width:18px; } > > /* column - from */ > > /*body .UI>.nH>.apP col.yY { width:150px; } > > /* column - tags */ > > /*body .UI>.nH>.no col.xX { width:4.8ex; } > > /* column - star */ > > body .UI>.nH>.no col.apl { width:20px; } > > body .UI>.nH>.no col.apl { width:20px; } > > /* column - date */ > > /*body .UI>.nH>.no .apt .apm { max-width: 80px; } > > > > > > /* ----------------------------------------------------- > > Date font/size to be much smaller > > ----------------------------------------------------- */ > > /* date (.apm>span in vert split .xW>span in horiz split) */ > > > body .apm *, body .zt .xW * { font-size: 12px; font-family: Helvetica > Neue; opacity:1.0; text-transform:lowercase; font-variant: ; } > > body .zA.zE .yf,body .zA.zE .yf *, body .zA.zE .xW * { opacity:1.0; } > > body .apm *, body .zt .xW * { font-weight: 120; } > > body .apm { padding: 3px; margin: -3px -3px 0 2px; vertical-align:top; } > > body .zt .xW { padding-right: 10px; } > > > > > > /* ----------------------------------------------------- > > Labels appear smaller in Message list > > ----------------------------------------------------- */ > > > .apu : tag wrapper vert split - .yi : tag wrapper horiz split > > > body .apt { margin-right: 0px; padding-right: 3px; } > > body div.UI>.nH>.no .xY { display: relative; } > > body .apu { margin-right: 0; margin-left: -13px; padding-top: 4px; > float:right; max-width: 65%; text-align: right; text-overflow: ellipsis; > display: flex; display:-webkit-flex; } > > body .apu > .ar { flex: 0 1 auto; -webkit-flex: 0 1 auto; > display:inline-block; float:none; max-width: 80px; } > > body .apu > .ar > div[title*="/"] {} /* nested tags */ > > /*body div.UI>.nH>.apP .xY { overflow: visible; } > > body div.UI>.nH>.apP .xT { max-width: 89%; } > > body div.UI>.nH>.apP .ar { float:right; } */ > > body .ar { font-size: 71%; padding: 0 0 1px 2px; } > > body .ar > * { border-radius:2px; } > > body .yi .ar { max-width: 7%; margin-top: 1px; } > > body .ar .av { padding: 1px 1px 1px 2px; } > > body .ar * { padding: 0; text-overflow: ellipsis; overflow: hidden; > max-width: 100%; text-align: center; } > > > > /* specific tags */ > > body .ar > div[title="Inbox"], body div.hN[title="Search for all messages > with label Inbox"] { text-transform:uppercase; font-size:79%; } > > > > > > /* ----------------------------------------------------- > > Highlight message row in overview while hovering (yellow option) > > ----------------------------------------------------- */ > > > /* > > tr.zA:hover { > > background-color: #fff; > > } > > */ > > > > > /* dim People Widget/Rapportive column, fade in on hover */ > > div.ej iframe.editable { > > height: 500px !important;} > > .y3 { > > opacity: .05; > > -webkit-transition:opacity .2s ease-in-out; > > -moz-transition:opacity .2s ease-in-out; > > -o-transition:opacity .2s ease-in-out; > > transition:opacity .2s ease-in-out;} > > .y3:hover { > > opacity: 1;} > > #gbzw:hover { > > top: 0;} > > > > > /* ----------------------------------------------------- > > Shrink, and dim buttons… and brighten on hover > > ----------------------------------------------------- */ > > > > body .G-Ni, body .T-I { opacity: 0.60; } > > body .G-Ni:hover, body .T-I:hover { opacity: 1; }*/ > > /* body .G-Ni > div, body .G-Ni > * > .J-J5-Ji, body .T-I-ax7 { > background:rgba(230,230,230,0.2) !important; } > > body .G-Ni > div:hover, body .G-Ni > * > .J-J5-Ji:hover, body > .T-I-ax7:hover { background:rgba(230,230,230,1) !important; } > > */ > > body div.T-I-ax7,body div.T-I-ax7 { background:rgba(230,230,230,0.2) > !important; border-color:rgba(0,0,0,0.2) !important; } > > body div.T-I-ax7[role="button"]:hover,body > div.T-I-ax7[role="button"]:hover { background:rgba(255,255,255,0.5) > !important; border-color:rgba(0,0,0,0.5) !important; } > > body div.T-I-ax7[role="button"] * { text-shadow:none !important; } > > body .T-I { min-width: 24px; margin-right: 3px; } > > body .T-I-Js-IF { margin-right: 0px; } > > body .apF { margin-left: 3px !important; } > > body .T-I.apF { min-width: 12px; } > > body .ash.T-I { margin-left: 3px; } > > body .T-I.apG { padding: 0 3.5px 0 0px; min-width: 1px; } > > /* compose/newcontact button */ > > body .pp .T-I-KE { background:rgba(230,230,230,0.2) !important; border: > 1px solid rgba(0,0,0,0.1); color: rgba(0,0,0,0.7); z-index:2;/* fix to > place behind chat menu dropdown */ } > > body .pp .T-I-KE:hover { background:rgba(255,255,255,0.5) !important; > border-color: rgba(0,0,0,0.3); color: rgba(0,0,0,0.8);!important; } > > /* fix create filter search button */ > > body .ZZ .T-I { min-width: 54px; } > > > > > > /* remove borders and backgrounds from buttons, add transitions for hover > */ > > .T-I-ax7, > > .D > > { > > background-color: transparent !important; > > background-image: none !important; > > border: 0px solid transparent !important; > > /* -webkit-transition:all .2s ease-in-out; > > -moz-transition:all .2s ease-in-out; > > -o-transition:all .2s ease-in-out; > > transition:all .2s ease-in-out; > > */ > > } > > .T-I-JW { > > /* > > -webkit-transition:all .2s ease-in-out; > > -moz-transition:all .2s ease-in-out; > > -o-transition:all .2s ease-in-out; > > transition:all .2s ease-in-out; > > */ > > webkit-box-shadow: 0 0px 4px rgba(0,0,0,0) inset; > > moz-box-shadow: 0 0px 4px rgba(0,0,0,0) inset; > > box-shadow: 0 0px 4px rgba(0,0,0,0) inset; > > } > > > /* > > .T-I-ax7 .T-I-J3 { > > -webkit-transition:all .2s ease-in-out; > > -moz-transition:all .2s ease-in-out; > > -o-transition:all .2s ease-in-out; > > transition:all .2s ease-in-out; > > opacity: .35; > > } > > .TI .T-I-ax7, .z0 .T-I-ax7, .G-atb .T-I-ax7 { > > border: none; > > color: #999; > > -webkit-transition:all .2s ease-in-out; > > -moz-transition:all .2s ease-in-out; > > -o-transition:all .2s ease-in-out; > > transition:all .2s ease-in-out; > > } > > .TI .T-I-ax7.T-I-JW, .z0 .T-I-ax7.T-I-JW, .G-atb .T-I-ax7.T-I-JW, .G-atb > .T-I-ax7.J-JN-M-I-JW { > > -webkit-transition:all .2s ease-in-out; > > -moz-transition:all .2s ease-in-out; > > -o-transition:all .2s ease-in-out; > > transition:all .2s ease-in-out; > > } > > */ > > > > /*===== > > NOTES > > ====== > > > Bluish bg color: #f4fcfe or #fafbfd > > */ > > -- 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 http://groups.google.com/group/mailplaneapp. For more options, visit https://groups.google.com/groups/opt_out.
