SeaMonkey userChrome.css snippets

Discussion of general topics about Seamonkey
User avatar
Frank Lion
Posts: 21173
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom
Contact:

Re: SeaMonkey userChrome.css snippets

Post by Frank Lion »

NanM wrote:Grippies are those toggle see/hide handles up at the LH of each toolbar, aren't they?

Nope, those are class="toolbar-grippy" and no one has trouble seeing them.

Grippies are half way down various splitters, such as in the siderbar (F9), Bookmark Manager, etc and those are the one people have trouble spotting, as you did as well, it seems.

Never a great idea to do anything in 'idly' mode, I've found, you make mistakes. ;)
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)
.
NanM
Posts: 182
Joined: September 16th, 2008, 1:04 am
Location: SW WAustralia

Re: SeaMonkey userChrome.css snippets

Post by NanM »

Frank Lion wrote:"toolbar-grippy" and no one has trouble seeing them.


This user did, and wondered for a bit where the 'View' menu setting was for the hidden toolbar when the mouse had accidentally hit one the first time. :oops:
I've a 30-40 percent sight deficit..... and by the way have valued your css lessons over the years.

Frank Lion wrote:Grippies are half way down various splitters


Never having much use for non-default layout there, no I hadn't noticed them.

Frank Lion wrote:Never a great idea to do anything in 'idly' mode, I've found, you make mistakes. ;)


On the contrary, I learn, I learn /Manuel.
User avatar
Frank Lion
Posts: 21173
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom
Contact:

Re: SeaMonkey userChrome.css snippets

Post by Frank Lion »

NanM wrote:
Frank Lion wrote:"toolbar-grippy" and no one has trouble seeing them.

This user did

No longer -

Code: Select all

/*Franks ToolbarGrippy Vis Fix...*/
toolbargrippy {
   width: 15px !important;
   outline:1px solid yellow !important;
   border:1px solid red !important;
}

toolbargrippy:hover {
    background-color: red !important;
}

#moz_tb_collapsed_toolbar-menubar:hover {
     background-color: yellow !important;
}

/*Modern theme fix*/
.toolbar-primary-grippy:hover,.toolbar-primary-grippy:hover > .toolbargrippy-texture {
    background-image: none !important;
     list-style-image: none !important;
    background-color: red !important;}


These need different handling to the grippies, as they are 'in your face' all the time and also have images in them. So, I've more subtly increased visibility there and then much more so when you hover over them.

I figure most people using these would have the Nav bar showing and the Menu Bar and Bookmarks Bar collapsed, so I've given the Menu Bar a different hover colour in its collapsed state to make selecting it easier.


NanM wrote:
Frank Lion wrote:Never a great idea to do anything in 'idly' mode, I've found, you make mistakes. ;)
On the contrary, I learn, I learn /Manuel.

Just me then.
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)
.
NanM
Posts: 182
Joined: September 16th, 2008, 1:04 am
Location: SW WAustralia

Re: SeaMonkey userChrome.css snippets

Post by NanM »

Frank Lion wrote:then much more so when you hover over them.


Nice! I'll use that bit for fewer oops/CRAFT moments.
Thanks Frank Lion.
Exalm
Posts: 137
Joined: July 28th, 2013, 3:29 pm

Re: SeaMonkey userChrome.css snippets

Post by Exalm »

Frank Lion wrote:No longer -
Collapsed grippies are also 15px wide with your style, and it shouldn't be like that. Their width is usually same as their toolbar height. (That's another thing for making it easier to see which collapsed toolbar is which)
User avatar
Frank Lion
Posts: 21173
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom
Contact:

Re: SeaMonkey userChrome.css snippets

Post by Frank Lion »

Exalm wrote:
Frank Lion wrote:No longer -
Collapsed grippies are also 15px wide with your style, and it shouldn't be like that.

I know, it's kinda scary, isn't it? It's almost as though I can think for myself and decided that hovering over something with different colours was easier to select than reaching for a vernier gauge to compare the toolbar height/collapsed grippy width ratios. :shock:

Use min-width: 15px !important; if it bothers you, but I thought it looked better how I did it. :)
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)
.
User avatar
Frank Lion
Posts: 21173
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom
Contact:

Re: SeaMonkey userChrome.css snippets

Post by Frank Lion »

Here's quite a specialised one for throbbers - Note: this only works on non-gif type throbbers

How do you know what type you've got? Well, if it's the ring of dots type then that's a really old gif. Other throbbers, just give it a try, if you see no throbber at all, you've got a gif there and this is no use to you.

If you've got a fancy W7 type rotating circle (like my one in ML SM) then that's an apng and this works well -

Code: Select all

/*Franks 2 stage Throbber Fix - not for gif throbbers...*/
.tabbrowser-tab[busy] {
     list-style-image: url("chrome://mlag/skin/loading.png") !important;
filter: hue-rotate(270deg);
}

.tabbrowser-tab[progress] {
     list-style-image: url("chrome://mlag/skin/loading.png") !important;
filter: none;}


What it does is tell me if a site is not loading (like here sometimes) - if not loading it's purple, but once connected to the site and loading it goes back (in this case) to the orange 'ring' state. In other words, a two stage throbbers, but without using 2 throbber images.

The new(ish) CSS3 filter and transform commands have, er, transformed how theme devs write themes (or should do) and I use them all over the place. When you hover over the Print button and it lights up or the Reload button goes green? - css filter commands. My left/right facing Back/Forward arrows? - images? nope, they are the downward pointing Download arrow and I've used css transform commands to rotate it 90* and 270* for those B/F arrows.

(one day, there'll even be a command to remind me where the degree symbol is on this keyboard. :))

https://en.wikipedia.org/wiki/APNG
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)
.
User avatar
Frank Lion
Posts: 21173
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom
Contact:

Re: SeaMonkey userChrome.css snippets

Post by Frank Lion »

I noticed that SM has a really miserable Email message 'alert' on the 'mini mail' button on the statusbar. 'Noticed' in a 'I have not noticed messages that came in half an hour ago' type way. Tiresome if I'm on an OS that doesn't have a Taskbar Mail Notifier.

Nomore!

(a South American mate used to write it like that, despite me pointing out that it's actually two words. Still makes me laugh.)

Code: Select all

/*Franks Better Mail Notification aka Biff State...*/

#mini-mail[BiffState="NewMail"] {
   list-style-image: url("chrome://global/skin/icons/warning-16.png") !important;
     -moz-image-region: auto !important;
}

#mini-mail[BiffState="NewMail"]:hover {
     filter: saturate(150%) brightness(1.8) !important;
}

#mini-mail[BiffState="NewMail"]:hover:active {
     filter: brightness(0.8) !important;}


I've picked the most appropriate icon for this (?) but there's loads to choose from, just make sure you use a 16px one or you'll wish you had.

Put this in the addressbar to see the selection - chrome://global/skin/icons/

Reckon I might use that webapps-16.png one - colourful and meaningless and not likely to get confused with anything else.
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)
.
barbaz
Posts: 1504
Joined: October 1st, 2014, 3:25 pm

Re: SeaMonkey userChrome.css snippets

Post by barbaz »

Here's one to hide those "Open all in tabs" menu items inside the Bookmarks menu

Code: Select all

/* barbaz remove "Open all in tabs" entries from Bookmarks menu .....*/
.openintabs-menuitem {
  display:none ! important;
}
Useful for those of us who put hundreds of bookmarks into the same folder and feel prone to mis-clicking. 8-[

Note that this does *not* hide the "Open all in tabs" context menu item when right-clicking a bookmarks folder...
isaacschemm
Posts: 270
Joined: January 20th, 2015, 12:29 pm

Re: SeaMonkey userChrome.css snippets

Post by isaacschemm »

This overrides Sea Fox's tab closers to have the regular black X found in standard SeaMonkey:

Code: Select all

.tabbrowser-tab .tab-close-button {
  list-style-image: url("chrome://communicator/skin/icons/close-button.gif") !important;
  -moz-appearance: toolbarbutton !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  padding-inline-start: 4px !important;
  padding-inline-end: 3px !important;
  margin: 0 !important;
  -moz-image-region: rect(0px, 12px, 12px, 0px) !important;
}
Here's a hack to reposition the Website Navigation Bar so it's in the right-hand section of the Bookmarks Bar. It uses absolute positioning to set the bar on the right side, at a certain offset from the top of the screen. I'm using icons without text in my main navigation bar, so anyone else will probably need to adjust the top px value to match the height of their toolbars.

Code: Select all

/* Website navigation toolbar positioning hack - use rightmost section of the bookmarks toolbar. */
/* You may need to adjust the top px amount. */
#linktoolbar {
	position: fixed;
	right: 4px;
	top: 61px;
	border-width: 0 !important;
}
This hides some of the sections of the website navigation bar (document, mode, and RSS feed.)

Code: Select all

#linktoolbar > #document-menu,
#linktoolbar > #more-menu,
#linktoolbar > #link-feed,
#linktoolbar > toolbarseparator:nth-child(8) {
	display: none;
}
barbaz
Posts: 1504
Joined: October 1st, 2014, 3:25 pm

Re: SeaMonkey userChrome.css snippets

Post by barbaz »

On Linux, the Error Console is like all white by default, with only differing icons to tell whether something is error, warning, or message. Unfortunately, most Linux OS icon themes have Error and Warning icons the same color, and some even have the Message icon the same color as well. Try to quickly tell the severity/importance of a message in a long list of "All"?.. nope, can't do it like that.

So, here's one to make the background colors different:

Code: Select all

/* barbaz add colors to error console .....*/
box[type="message"] { background-color: #C9E0FF !important; }
box[type="warning"] { background-color: #FFEEAA !important; }
box[type="error"] { background-color: #FFAAAA !important; }
(IIRC, Mac users don't need this, as the same idea is already default on Mac.)
User avatar
Frank Lion
Posts: 21173
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom
Contact:

Re: SeaMonkey userChrome.css snippets

Post by Frank Lion »

This next one comes under the definition of a userChrome.css snippet in a very loose sort of way. Well, actually it has nothing to do with userChrome at all, but is good to know anyway.

The up and coming new 2.46 version of SM, will 'disappear' your existing custom search engines, which reside in the searchplugins folder in your profile and you get left with some feeble default ones.

Fix - Help > Troubleshoot. Info > Open Folder/Whatever ....and your profile opens up. Now exit SM. In your profile rename the search.json.mozlz4 file found there to search.jsonsigh.mozlz4 or similar.

Restart SM, your search engines are back and

Code: Select all

 you're done...*/
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)
.
barbaz
Posts: 1504
Joined: October 1st, 2014, 3:25 pm

Re: SeaMonkey userChrome.css snippets

Post by barbaz »

With the release of Firefox 49.0.2, I did another SeaMonkey build. But I forgot to disable GTK 3, and now some stuff looks weird. Fortunately, the Greybird OS theme gives a more sane look than most, and the problems in SM seem fixable with CSS -

Code: Select all

/* barbaz Restore sanity to the resizer .......*/
#status-bar resizer {
    -moz-appearance: none ! important;
    background-image: none ! important;
}

/* barbaz remove status bar borders .......*/
#status-bar > * {
    -moz-appearance: none ! important;
    border-color: transparent ! important;
}
That's not all that needs tweaking, but I have a couple questions about the rest.

1) about:blank is now a weird grey color instead of white. EDIT It's more than just about:blank that's affected -

Code: Select all

data:text/html,<div>Foo</div>
https://googlechromereleases.blogspot.com/
Should have a white background, but actually have that same grey background. So how to change that background color back to white?

2) The notifications, such as the "You have requested a page that is partially encrypted" message and the NoScript bar, now have, by default, a light yellow background that's hard to see. How to customise the default notification style without also overriding non-default styling on notifications?
barbaz
Posts: 1504
Joined: October 1st, 2014, 3:25 pm

Re: SeaMonkey userChrome.css snippets

Post by barbaz »

barbaz wrote:1) about:blank is now a weird grey color instead of white. [...] So how to change that background color back to white?
Solved by userContent.css, no other styling method works
EDIT nvm, that's not a solution after all - it overrides a background-image set on the html element. :(
Last edited by barbaz on October 23rd, 2016, 6:39 pm, edited 1 time in total.
isaacschemm
Posts: 270
Joined: January 20th, 2015, 12:29 pm

Re: SeaMonkey userChrome.css snippets

Post by isaacschemm »

What about Preferences > Appearance > Colors?
If that doesn't fix it too, it's probably a bug.
Locked