Web Page Styles

Make your Internet work and entertainment FASTER, SAFER and EASIER.

Able Search is a FREEWARE program, that:

• allows you to FIND AND DOWNLOAD EVERYTHING FAST,
  
• protects your PRIVACY AND SECURITY,
  
• uses THE BIGGEST REVOLUTION SINCE THE INVENTION OF THE INTERNET,
  
• and offers MANY UNIQUE, USEFUL functions.

Install and try - it will be the best discovery of your life :-) More information...



Tools -> Options -> User Styles

User styles allow to customize the look of web pages to your needs. You can for example change colors, pictures, font size, hide certain elements on the page, etc.

Some ready styles can be downloaded from our website. Creation of own CSS files is designed for more experienced people who know HTML and CSS.

To enable this feature select  Tools -> Options -> User Styles, and check Insert User CSS Styles to Web pages.

You can also enable or disable individual styles by checking them on the list. There is a preview of selected CSS file at the bottom.

To add a new style, you should have a CSS file saved to your disk. Open this file  and click  Add. To delete selected styles click . You can also open a folder with a CSS file by clicking button .

Able Search enables you to insert CSS sheets from your hard disk into pages downloaded from web servers. Each style is assigned to a specific server, domain or page.

The easiest style can look like this:
@-moz-document
url(http://www.abc.org/)
{ body { color: black; background: white; !important}
}

There is a marker @-moz-document at the beginning. Then we specify, which pages our style should affect:
url(http://www.abc.org/)
It means that the style should be inserted when we visit address http://www.abc.org/
You can use the following rules:

url(http://www.abc.org/) - insert the style ONLY at address http://www.abc.org/
url-prefix(http://www.abc.org/123/) - insert on each page when address begins with http://www.abc.org/123/
domain(abc.org) - insert the style on all pages from domain abc.org

We can join rules - separated by a comma e.g.
@-moz-document
url(http://www.abc.org/),
url-prefix(http://www.123.org/abc/),
domain(xyz.org)

Then in brackets we give the definition of a style:
{body {color: black; background: white; !important}
}

To make sure that Internet Explorer will apply our style, we should add !important tag at the end. Of course, we can give the definition of several styles:
{body {color: black; background: white; !important}
.something {width: 100px; border-color: blue !important}
}

Usually, you should view the source of a web page, for which you develop your style. The simplest way is to use information about an HTML element.