Thanks for the screenshot. I can't see too much wrong with it. - I think my 'logo' on the top-left says "Mail" because I use Google Apps for business. You might be stuck with "Gmail" but it looks fine to my eye. - The settings cog isn't too far over. All buttons have been reduced in width which might be what you mean but that's intentional. - See my other post to recover the toolbar/folder icons.
Thanks! On Sunday, 22 December 2013 08:18:02 UTC-8, Craig Luck wrote: > > > <https://lh4.googleusercontent.com/-3cDfnvL5SWk/UrcQrm16IXI/AAAAAAAAAIQ/58AWkTBGu6w/s1600/Untitled.tiff> > Sorry - here is the screenshot: > > On Sunday, 22 December 2013 10:36:01 UTC, Craig Luck wrote: >> >> 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.
