Pin Tab & Other Tips.

[Peter Creasey]

Just confirming, that Frank's solution appears to work for me with eBay.

Thanks again.

[Frank Lion]

CSS Top Tip -

Menu > Bookmarks and endless list of bookmarks that need mouse wheel scrolling or pressing the useless button at the bottom of the list?

This is an easy one that slipped through the cracks. It's one of the downsides of beta testers using clean profiles to test. Use that and it only has the default set of minimal bookmarks with it and so doesn't show the problem. Use a real profile with even a modest amount of bookmarks and the problem is obvious. It is also easily solved by putting a scrollbar on that dropdown list.

Just put the following in your userChrome.css below the namespace line -

Code: Select all

/* Franks scrollbar on long Bookmarks and other lists....*/
menupopup scrollbox {overflow-y: auto !important;}

Next up, one to put the sidebar (F9) on the right, where it will not break the page you're reading -

Put the following in your userChrome.css below the namespace line -

Code: Select all

 /* Franks SM sidebar on right...*/
#main-window > hbox {
  direction: rtl !important;
}

 /* stop the little children inheriting this change...*/
#main-window > hbox > vbox {
  direction: ltr !important;}

Er, that's it, short and sweet.

Frank

[Frank Lion]

Linux Dark Theme Fix -

Many dark Linux OS themes are still somewhat sloppily coded, so that if you use the SM default theme or a third party theme that doesn't style the toolbars then in Icons & Text (I have it like this in the Mail window) or Text mode you often end up with dark toolbars and invisible text.

Here's the fix for that. Put the following code in userChrome.css below the namespace line -

Code: Select all

/*Linux Dark Theme Toolbar Buttons Text Fix...........*/
toolbar,.toolbarbutton-text {
    color: #D6E2DE; }

toolbarbutton:not([disabled]):hover > .toolbarbutton-text {
    color: #FFFFFF; } 

toolbarbutton[disabled] > .toolbarbutton-text {
    color: teal; } 

[Frank Lion]

SeaMonkey Default Theme Fix -

The SeaMonkey Default Theme is a 'native' theme, which means that it provides the images/icons/toolbar buttons and, styling-wise, the OS (operating system) provides everything else. Other native themes existed at some point, including the newly resurrected Mostly Crystal theme.

This is all fine is you like, or don't care about, the backgrounds, etc. chosen by the OS, however some are really bad, including functionality-wise, especially when using some of the myriad of poor OS themes for the Linux OS.

So, here's a quick fix for that, if you have that problem or just want a change from the same old look. Place the following in your userChrome.css, below the namespace line -

Code: Select all

/*.....Franks Quick Native OS Theme Fix........................................................*/

toolbar:not([id="toolbar-menubar"]):not([id="nav-bar"]):not([id="PersonalToolbar"]),
sidebarheader,menubar { 
	-moz-appearance: none !important; 
	background: linear-gradient(#ffffff, #A3A3A3) !important;
	background-color: #E1E1E1 !important; 
	color: #000000 !important;
} 

#navigator-toolbox #main-menubar {
	background: none !important;
}	

#toolbar-menubar {
	-moz-appearance: none !important;
	border: none !important;
	border-top-color: transparent  !important;
	border-bottom: 1px #C1C1C1 solid !important;
}	

#nav-bar {
	-moz-appearance: none !important;
	border: none !important;
	border-top-color: transparent  !important;
	border-bottom: 1px #CECECE solid !important;
}

#PersonalToolbar {
	-moz-appearance: none !important;
	border: none !important;
	border-top-color: transparent  !important;
	border-bottom: 1px #C5C5C5 solid !important;
}	
 
.tabbrowser-strip { 
	-moz-appearance: none !important; 
	background: linear-gradient(to top, #CECECE, #A3A3A3) !important;
	background-color: #E1E1E1 !important; 
	color: #000000 !important;
}  

#navigator-toolbox { 
	-moz-appearance: none !important; 
	background:  linear-gradient(#ffffff 0%, #a3a3a3 100%)  !important;
	background-color: #E1E1E1 !important; 
	color: #000000 !important;
}  

statusbarpanel,#status-bar,#bottom-bar,#component-bar,#statusbar-display,
#statusbarpanel-progress,#popupIcon,#offline-status,#security-button {
	-moz-appearance: none !important;
	min-height: 19px !important;
	background: linear-gradient(#ffffff, #A3A3A3) !important;
	background-color: #E1E1E1 !important; 
	color: #000000 !important;
	border-top: 1px #D0D1D2 solid !important;}

Comment out the background line, if you don't want the gradient effect (see commenting out section here - http://forums.mozillazine.org/viewtopic ... &t=3037817) and/or change various colour values (background-colors and colors) to what you may prefer.

Probably best not to touch too much else.

[Frank Lion]

CSS Top Tip -

Google recently changed the style of their YouTube, GMail, etc. login pages. Because there's not much text on them, you get a good ol' big white flash every time they open up. This is especially noticeable if you use a dark (as I do) YouTube theme!

The following is up to date and calms things down. Change the colours to anything you want and this snippet goes in userContent.css below any namespace. -

Code: Select all

/*Franks Google Login Background Fix....*/
@-moz-document domain("accounts.google.com") {
body,.VmOpGe,#iinitialView,.iNstf,.TcuCfd,.S7xv8 {
	background-color: #71968E !important;
}		
.card,.signin-card,.mCAa0e,.LJtPoc,.xkfVF,.rhhJr {
	background-color: #AAC1BB !important;   }}	

Er, that's it, short and sweet.

Frank

[Frank Lion]

SeaMonkey Email - Collapse Quotes with CSS.

I was working on this - https://forums.mozillazine.org/viewtopi ... #p14986745 and although it achieves what the OP wanted and shrinks the message length, it did occur to me that it could be better.

For example, if it was an Email from ages back, what would you do if you had forgotten the quoted stuff and wanted to remind yourself of it all again?

Better fix - Put the following code in userContent.css below the namespace line -

Code: Select all

/*Franks Hide Message Quotes/Show on Hover...*/
blockquote[type=cite],blockquote.gmail_quote { 
	max-height: 41px !important;
	overflow: auto !important;
	text-overflow: ellipsis !important:
}	

blockquote:hover[type=cite],blockquote.gmail_quote:hover { 
	max-height: unset !important;}

The scrollbar is actually there just to remind you that there's more to come - when you go near it or the v. short message then the hover takes over and shows the lot. Tested with Orig/Simple HTML and Plain Text and seems to work fine, but let me know if you find anything it lacks.

I don't use the SM Email side much, as my main Email is Protonmail, which is purely web based. However, I still have a couple of GMail and ISP accounts on it and they get used, so this code is useful to me as well.

Frank

[RDaneel]

Thanks, Frank - interesting add-on ("...-in"?).

My userContent.css was empty, so I decided that inserting this might qualify as being below the namespace line - or not.

In use, it seems a bit "skittish" - that is, it keeps rolling up and disappearing on the slightest mouse movement in the "wrong" direction - I will keep using it and seeing if I get used to it, and try to control the mouse so that this doesn't happen as much.

[Frank Lion]

My userContent.css was empty, so I decided that inserting this might qualify as being below the namespace line - or not.

In use, it seems a bit "skittish" - that is, it keeps rolling up and disappearing on the slightest mouse movement in the "wrong" direction - I will keep using it and seeing if I get used to it, and try to control the mouse so that this doesn't happen as much.

That's the good thing about this stuff as, unlike extensions, you don't have to get used to it - you just re-write it!

Try this instead (and I've put the namespace line in for you) -

Code: Select all

@namespace url(http://www.w3.org/1999/xhtml);

/*Franks Hide Message Quotes/No Show on Hover - just Scroll...*/
blockquote[type=cite],blockquote.gmail_quote { 
	max-height: 81px !important;
	overflow: auto !important;
	text-overflow: ellipsis !important:
}	

/*blockquote:hover[type=cite],blockquote.gmail_quote:hover { 
	max-height: unset !important;}*/ 

Now you'll only see the quoted stuff if you use the scrollbar (use scroll down arrow for short quotes or you'll whizz past them). If needed, you can increase that 81px to 100px or more.

[RDaneel]

Thanks again - yes, this could be useful - note that I hadn't been following the recent discussion and so don't really know what problem ("opportunity") was being addressed - but this does look like a useful tool to condense larger email chains.

I used 128px, BTW.