General :  K-Meleon Web Browser Forum
General discussion about K-Meleon 
Stylish - styles
Posted by: newman
Date: July 29, 2010 12:15PM

Hi, here are two stylish styles that I use and I thought maybe someone else would like them too.

Google Search grey - this makes the background of google searh light grey. Very good for your eyes. Please edit to add/remove other web sites.

Search Identifiers - this puts icons of .doc, .xls .pdf .zip ... next to links on a web page. This is very useful if you are looking for a particular document type.

Here they are. Copy and paste them as a new Stylish style. Sorry they are a bit long.

Google Searh grey
=================
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document
url-prefix(http://www.google),
url-prefix(http://docs.google),
url-prefix(http://google),
url-prefix(http://www.microsoft),
url-prefix(http://support.microsoft.com),
domain(google.com)

{
body { background-color:#CCCCCC !important; }

a:link { color: mediumblue !important;}
a:visited { color: purple !important;}

}

--------------------------------------------

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

a[href$=".7z"]::after { content:url("moz-icon://.7z?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".asf"]::after { content:url("moz-icon://.asf?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".asx"]::after { content:url("moz-icon://.asx?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".avi"]::after { content:url("moz-icon://.avi?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".bz2"]::after { content:url("moz-icon://.bz2?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".class"]::after { content:url("moz-icon://.class?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".divx"]::after { content:url("moz-icon://.divx?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".doc"]::after { content:url("moz-icon://.doc?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".docx"]::after { content:url("moz-icon://.docx?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".exe"]::after { content:url("moz-icon://.exe?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".gz"]::after { content:url("moz-icon://.gz?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href^="mailto:"]::after { content:url("moz-icon://.eml?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".mov"]::after { content:url("moz-icon://.mov?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".mpg"]::after { content:url("moz-icon://.mpg?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".mp3"]::after { content:url("moz-icon://.mp3?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".msi"]::after { content:url("moz-icon://.msi?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".ogg"]::after { content:url("moz-icon://.ogg?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".pdf"]::after { content:url("moz-icon://.pdf?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".pps"]::after { content:url("moz-icon://.pps?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".ppt"]::after { content:url("moz-icon://.ppt?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".pptx"]::after { content:url("moz-icon://.pptx?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".rar"]::after { content:url("moz-icon://.rar?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".rtf"]::after { content:url("moz-icon://.rtf?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".sok"]::after { content:url("moz-icon://.sok?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".swf"]::after { content:url("moz-icon://.swf?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".tar"]::after { content:url("moz-icon://.tar?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".tgz"]::after { content:url("moz-icon://.tgz?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".torrent"]::after { content:url("moz-icon://.torrent?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".vbs"]::after { content:url("moz-icon://.vbs?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".wav"]::after { content:url("moz-icon://.wav?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".wma"]::after { content:url("moz-icon://.wma?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".wmv"]::after { content:url("moz-icon://.wmv?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".xls"]::after { content:url("moz-icon://.xls?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".xlsx"]::after { content:url("moz-icon://.xlsx?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".xsb"]::after { content:url("moz-icon://.xsb?size=16"); padding-left: 3px; vertical-align: bottom;}
a[href$=".zip"]::after { content:url("moz-icon://.zip?size=16"); padding-left: 3px; vertical-align: bottom;}




a[href$=".exe"]::before, a[href$=".xpi"]::before
{
padding:0 3px; content:url("data:image/gif;base64,R0lGODlhEAAQALMAADs8PiawIaisuvzWjJOo8YPB9svV6fHz+MLC8HFxdOCqTH+CqmzmVPyWPFxbarTiXCH5BAEAAAMALAAAAAAQABAAAwR80MhJ5bjDlI2QFMYhCJi0FQhBIMfhAFiGLPQYHkmcHTevEbkY6LRRzRZCYoHQkswwKg1C0DqkVI4LyKBoUFsd1SJHNTwUW4OgM4WVGYF1B9QSuEOBwCLVqSbuB3kLKitgAGQ9BYMeVgAwFwkCCS8ADgkLlDoOlkEJnkEDEQA7");
}




a[href$=".png"]::before, a[href$=".jng"]::before, a[href$=".jpg"]::before, a[href$=".jp2"]::before, a[href$=".gif"]::before, a[href$=".svg"]::before,
a[href$=".svgz"]::before, a[href$=".mng"]::before, a[href$=".bmp"]::before
{
padding:0 3px; content:url("data:image/gif;base64,R0lGODlhEAAQALMAAAQCBISCBISChAQChIQCBAT+RMTCxAQC/PwCBPz+BPz+/AAAd4isAITrABkSAAAAACH5BAEAAAUALAAAAAAQABAAAwRgsBRBqxUyC6UAMBxHZRNnCGC4YQKwKVQKdJ7bgggBtp9hAJOfIWcIJD4KH7AwOAByxp5pKRgMCFFf6HexIKeore+2BaJ8p1sqaU6NpdOgiQJny5On+u+e7qH3EzWCgwARADs=");
}



a[href$=".css"]::before, a[href$=".txt"]::before,
a[href$=".sok"]::before, a[href$=".xsb"]::before
{
padding:0 3px; content:url("data:image/gif;base64,R0lGODlhEAAQALMAAAQCBAT+BISChMTCxERCRPz+/AAAsQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAEALAAAAAAQABAAAwRFMARQqK0yzyK474LWXSQmdUWqqgOQoevavgVh33Yxn3G8Bx0cTufi9VhFYE2Y+8GOziWTSDumolbqacDten8TgHhM1kQAADs=");
}
a[href$=".vbs"]::before, a[href$=".js"]::before, a[href$=".class"]::before, a[href$=".java"]::before, a[href$=".torrent"]::before
{
padding:0 3px; content:url("data:image/gif;base64,R0lGODlhEAAQALMAAAQCBISCBISChAQCvMTCxPwCBPz+/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAEALAAAAAAQABAAAwROMEgQqK0yVyO474LWAQZplmXWGWzbEpS0ui6sGkOu54Yt0zRfoLPb9WJDYA1JNBIKx1uwABU2Bz1olVmjUqO/FpS1VRHO6LSwAmi735kIADs=");
}




/* New window */
a:link[target="_blank"]:after,a:visited[target="_blank"]:after,a:link[target="_new"]:after,a:visited[target="_new"]:after{content:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D%2BPAAAAFVBMVEVmmcwzmcyZzP8AZswAZv%2F%2F%2F%2F%2F%2F%2F%2F9E6giVAAAAB3RSTlP%2F%2F%2F%2F%2F%2F%2F8AGksDRgAAADhJREFUGFcly0ESAEAEA0Ei6%2F9P3sEcVB8kmrwFyni0bOeyyDpy9JTLEaOhQq7Ongf5FeMhHS%2F4AVnsAZubxDVmAAAAAElFTkSuQmCC");padding-left:0.5ex;}


--------------------------------------------

Options: ReplyQuote
Re: Stylish - styles
Posted by: barzel
Date: August 02, 2010 09:34AM

I can't believe nobody has commented on this. For me "Search Identifiers" was the only missing feature from the time I used Maxthon. To tell the truth I forgot about it a long time ago captured by K-meleon outstanding experience but once I saw this thread the old "love" for that feature resurfaced. Needless to say it works great and is also simple to customize.
Many thanks newman for sharing your nice work!



Edited 1 time(s). Last edit at 08/02/2010 09:35AM by barzel.

Options: ReplyQuote
Re: Stylish - styles
Posted by: newman
Date: August 05, 2010 12:08PM

I am glad you find it useful barzel.

I wish I could take credit for the style but it wasn't me that wrote it I am not sure who it is exactly I think it is redux or something but it does come in handy when you are looking for stuff. I have one for gmail attachments too.

Hey, if I do find some more useful ones that are compatible with k-meleon I will post em, everybody should post theirs too.

Options: ReplyQuote
Re: Stylish - styles
Posted by: desga2
Date: August 05, 2010 09:17PM

If you have some others could be created a Wikipage similar to MacroLibrary for StylesLibrary.

K-Meleon in Spanish

Options: ReplyQuote
Re: Stylish - styles
Posted by: disrupted
Date: August 07, 2010 01:57PM

new wiki pages for stylesheets :
http://kmeleon.sourceforge.net/wiki/CSSstylesheets?thankyou=1

backlink from the main resources wiki under customise the behavious of k-meleon (usercontent.css link)
http://kmeleon.sourceforge.net/wiki/Resources?thankyou=1

Options: ReplyQuote
Re: Stylish - styles
Posted by: desga2
Date: August 07, 2010 10:50PM

A lot of thanks disrupted, I didn't want Styles code was lost in the big sea of the KM forum.

Greetings.

K-Meleon in Spanish

Options: ReplyQuote
Re: Stylish - styles
Posted by: newman
Date: August 12, 2010 12:43PM

Oh, look at this, there are more posts. Yes, thank you desga2 and disrupted..... good thinking guys. Will try to add some more. cheers

Options: ReplyQuote
Re: Stylish - styles
Posted by: caktus
Date: August 30, 2010 12:37AM

Hi Guy's, and Gal's as appropriate. Looks like this stuff will be fun to play with. Can't waite til I get home to by personal machine to check it out.smiling smiley

Charlie

~~If it ain't broke, why screw it up?~~


Options: ReplyQuote


K-Meleon forum is powered by Phorum.