Australis Ico/Text, Text Only and more...

[Frank Lion]

I'm told (because I never use those start page things) that the Firefox Start Page is now, er, bright yellow.

After this in userContent.css, it will no longer be -

Code: Select all

/*Franks whack Yellow Start Page...*/
.background-4871 { background-image: none !important;}

[Frank Lion]

Update

Update on the code used here - viewtopic.php?p=13807241#p13807241

Youtoob now use some weird 'theatre background' that prevents the Flashblock icon being visible/clickable, so here's the amended version -

Code: Select all

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

@-moz-document domain("youtube.com"),domain("last.fm"){
* {background-color: #001011 !important;
color: #CDAE03  !important;}
a, li > a.title, li > a > span.title {color: #CDAE03  !important;}
#masthead-search-terms {background: #CDAE03  !important;}
h1, h2, h3, h4, h5, h6 {color: #cccccc  !important;}
#watch-player {border: 1px #cccccc solid !important;}
strong {color: #eeeeee !important;}
#watch-headline, #watch-video {width:98% !important;}
p, button,.yt-uix-button {
color: #dddddd !important;
background : #001011 !important;}
.yt-uix-expander-head {color: #FFFFFF !important;}
#theater-background { display:none !important;}}

...and everything will work again. Incidentally, Flashblock also blocks autostarting of HTML5 and Silverlight, as well as Flash.

If you didn't want the black background and gold text style that I'm using above and just wanted to fix Flashblock on YT, then you'd use just this -

Code: Select all

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("youtube.com"){
#theater-background { display:none !important;}}

[c627627]

Thank you. It took me a while to figure out that the content should be copy-pasted into your Firefox profile's \CHROME\userContent.css file.

As posted, no need for anything else other than copy-pasting this part into userContent.css file using Notepad.

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("youtube.com"){
#theater-background { display:none !important;}}

[Frank Lion]

Thank you. It took me a while to figure out that the content should be copy-pasted into your Firefox profile's \CHROME\userContent.css file.

Yep, if you're not used to this stuff then it would do. As you've probably guessed, this thread is really more for some of the more advanced .css type stuff and users.

Used to be much easier for people when Mozilla included the chrome folder (and its files) by default in the profile. For no good reason, they removed that folder a few years back and now everyone has to create it themselves. Plus, the people * who were then supposed to be writing the novice user guide to the chrome folder stuff, err, never did.

To hell with this, it's far quicker for me to just do this stuff than explain it all -

#1. Download this - http://franklion.co.uk/GEN-LINKS/chrome.zip
#2. Firefox Menu > Help > Troubleshooting Information > Show Folder (or variation of)
#3. Paste .zip into that Folder (that's your profile) and unzip it and you then have the chrome folder there (this also contains the files you need.)
#4. Restart Firefox. You're done and good to go.

Notepad is OKish for editing those files, but Programmers Notepad ** is far better and shows syntax errors (you'll see)

* Seriously, how hard was that?

** viewtopic.php?p=13293239#p13293239

[patrickjdempsey]

Search bar mod: Restore the ability to quickly change your selected search engine via the search-engine-button, but also keep one-off-searches.

Code: Select all

.searchbar-search-button-container {
   display:none!important;
}
.searchbar-engine-button {
   display: -moz-box!important;
} 


[Frank Lion]

Time to wrap up this thread, I reckon, and for those of you who followed it, I hope you enjoyed it and found it useful.

In addition to providing easy to understand .css snippets here that can just be added to userChrome.css, we've covered what tools to use, how vital the DOM Inspector extension is and how it is used, basic .css commands, explanations of more advanced coding techniques, explanations of some of the more advanced .css commands and how to use them. How to think laterally when you're coding and what kind of mindset to have. Where to go when you don't understand something - http://www.w3schools.com/css/css_margin.asp How to create the required chrome files, how to make use of .css in userContent.css to make changes on webpages and probably a fair bit more I've forgotten to add here.

We've even written two entire .css demonstration extensions from scratch on this thread from start to finish and covered how these are turned from just .css code into fully functioning extensions - https://addons.mozilla.org/en-US/firefo ... serprofile
https://addons.mozilla.org/en-US/firefo ... serprofile

Because I only ever use userChrome.css and userContent.css and Programmer's Notepad (or gedit in Linux) for doing this stuff, then obviously that's what I've concentrated on here. But, if you find it easier, there are various extensions around that might help - Pat above has the Generic CSS Loader 2 extension, there's another called Chrome Edit Plus and also Stylish. All have their uses.

If there's just one thing you take away from this thread it should be this - this stuff ain't that hard and is very useful to know.

This entire thread has been about demystifying the whole subject of .css coding. The guys that can do it are just ordinary guys and if they can do it, then so can you.

Frank