Page 1 of 1

getting Dillo web browser to look more standard

Posted: Tue 26 Jul 2011, 02:51
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!

Posted: Tue 26 Jul 2011, 07:32
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

~

Posted: Tue 26 Jul 2011, 10:19
by miriam
Cool! Thanks Bruce. :D

Posted: Tue 26 Jul 2011, 10:27
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

~

Posted: Tue 26 Jul 2011, 23:22
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.

Posted: Sun 07 Aug 2011, 08:05
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!

Posted: Sun 07 Aug 2011, 08:33
by smokey01

Posted: Sun 07 Aug 2011, 22:03
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....

Posted: Sun 07 Aug 2011, 22:36
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

Posted: Mon 08 Aug 2011, 02:28
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...?

Posted: Thu 01 Sep 2011, 02:02
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).