getting Dillo web browser to look more standard

How to do things, solutions, recipes, tutorials
Post Reply
Message
Author
User avatar
miriam
Posts: 373
Joined: Wed 06 Dec 2006, 23:46
Location: Queensland, Australia
Contact:

getting Dillo web browser to look more standard

#1 Post by miriam »

Dillo http://www.dillo.org/ is an extremely small (about 1MB), very fast, yet surprisingly capable web browser. Unfortunately I think many people might get turned off by its standard settings and apparent difficulty in changing the font choices. It is actually easier to fix than you might think.

Look in the .dillo folder in your root directory (or home if you don't run as root). There you will see a few plain text files that set up much of how Dillo works.

The important one for us just now is the "dillorc" file. If you read through it in an ordinary text editor you can easily change many of the settings, such as which fonts it uses.

But it doesn't let you change everything. The green background (particularly annoying to me) and the default font can't be changed there. To alter them you need to create another plain text file (in the .dillo folder) called "style.css" which consists of ordinary cascading stylesheet definitions. Here is an example:

Code: Select all

body {background-color: white; font-family: Serif}
body {color: black}
:link {color: blue}
:visited {color: purple}
That sets the page background to white, and the default font to serif instead of sans serif (studies have shown people read serif more easily). The next three lines (set body text to black, the link color to blue, and visited link color to purple) are not actually needed as they set colors that are defaults for Dillo anyway, but I've included them to give an idea of how ordinary stylesheet commands are used here.

If you want your color and font settings to override a webpage's definitions (we've all stumbled across pages with dark blue writing on black backgrounds or yellow on white) then append "!important" to your definition. For example:

Code: Select all

body {background-color: white !important; font-family: Serif; color: black !important}
That will ensure pages always have a white background and black text, and prefer serif while allowing the page to use other fonts -- useful if you have vision problems.

Now Dillo is tiny, fast, and can look more normal too. Yay!
[color=blue]A life! Cool! Where can I download one of those from?[/color]

Bruce B

#2 Post by Bruce B »

Hi miriam,

I think the css below represents Dillo's internal style sheet. It can be used as a template for customizing Dillo's appearance by using styles.css

Hope it helps your howto

body {background-color: #e0e0a3; font-family: sans-serif; color: black; margin: 5px}

big {font-size: 1.17em}

blockquote, dd {margin-left: 40px; margin-right: 40px}

center {text-align: center}

dt {font-weight: bolder}

:link {color: blue; text-decoration: underline; cursor: pointer}

:visited {color: #800080; text-decoration: underline; cursor: pointer}

h1, h2, h3, h4, h5, h6, b, strong {font-weight: bolder}

i, em, cite, address, var {font-style: italic}

:link img, :visited img {border: 1px solid}

frameset, ul, ol, dir {margin-left: 40px}

h1 {font-size: 2em; margin-top: .67em; margin-bottom: 0}

h2 {font-size: 1.5em; margin-top: .75em; margin-bottom: 0}

h3 {font-size: 1.17em; margin-top: .83em; margin-bottom: 0}

h4 {margin-top: 1.12em; margin-bottom: 0}

h5 {font-size: 0.83em; margin-top: 1.5em; margin-bottom: 0}

h6 {font-size: 0.75em; margin-top: 1.67em; margin-bottom: 0}

hr {width: 100%; border: 1px inset}

li {margin-top: 0.1em}

pre {white-space: pre}

ol {list-style-type: decimal}

ul {list-style-type: disc}

ul ul {list-style-type: circle}

ul ul ul {list-style-type: square}

ul ul ul ul {list-style-type: disc}

u {text-decoration: underline}

small, sub, sup {font-size: 0.83em}

sub {vertical-align: sub}

sup {vertical-align: super}

s, strike, del {text-decoration: line-through}

table {border-style: outset; border-spacing: 1px}

td, th {border-style: inset; padding: 2px}

thead, tbody, tfoot {vertical-align: middle}

th {font-weight: bolder; text-align: center}

code, tt, pre, samp, kbd {font-family: monospace}

table, caption {font-size: medium; font-weight: normal}



Bruce

~

User avatar
miriam
Posts: 373
Joined: Wed 06 Dec 2006, 23:46
Location: Queensland, Australia
Contact:

#3 Post by miriam »

Cool! Thanks Bruce. :D
[color=blue]A life! Cool! Where can I download one of those from?[/color]

Bruce B

#4 Post by Bruce B »

miriam,

Here is a link to a discussion in the regular users forum about Dillo. If it has additional information you want to add to your howto, you could copy and paste from it to here. I found it interesting.

Bruce

~

User avatar
miriam
Posts: 373
Joined: Wed 06 Dec 2006, 23:46
Location: Queensland, Australia
Contact:

#5 Post by miriam »

Thanks for the link Bruce. I searched on the forum for any discussions about Dillo, but only found stray mentions of it in in the body of discussions. I hadn't seen this discussion.

I'll try to add much more of this into the HOWTO. Thanks again for the pointer.
[color=blue]A life! Cool! Where can I download one of those from?[/color]

wildirish
Posts: 36
Joined: Fri 18 Aug 2006, 05:11

#6 Post by wildirish »

I love Dillo, and want it in my Puppy 5.1.0, but can't seem to find a package for it. Can anybody point me in the right direction, because I don't know how to compile, etc., yet.

Thanks!

User avatar
smokey01
Posts: 2813
Joined: Sat 30 Dec 2006, 23:15
Location: South Australia :-(
Contact:

#7 Post by smokey01 »


wildirish
Posts: 36
Joined: Fri 18 Aug 2006, 05:11

#8 Post by wildirish »

Thanks! Where are the repositories for .pet files? I've lost my bookmark, and can't seem to find them, even with Google. I must be doing something wrong in my searching....

User avatar
smokey01
Posts: 2813
Joined: Sat 30 Dec 2006, 23:15
Location: South Australia :-(
Contact:

#9 Post by smokey01 »

PET repositories are all over the place. This is a good place to start.

Read carefully.

http://www.smokey01.com/bruceb/puppy.html

wildirish
Posts: 36
Joined: Fri 18 Aug 2006, 05:11

#10 Post by wildirish »

smokey01 wrote:PET repositories are all over the place. This is a good place to start.

Read carefully.
http://www.smokey01.com/bruceb/puppy.html
Thanks for the link, but...the site is acting very weird in Firefox 3.6.6. Sometimes it works okay. Then sometimes it jumps from the top of the page to the bottom of the page, won't let me scroll around, or anything...just thought I'd let you know, in case there's an issue it has with Firefox...?

User avatar
laika
Posts: 113
Joined: Tue 16 Jan 2007, 00:58

#11 Post by laika »

miriam wrote:Now Dillo is tiny, fast, and can look more normal too.
Thanks for that! Dillo's come a long way since I last tried it. Maybe these little
tweaks will make it easier to work with (though I found that green kinda
soothing).

Post Reply