Hi all,
please find attached the desired changes to the CSS.
Apart from a few obvious changes, there are a few things Alex has to take
into account:
- I assumed that lines entered without specific mark-up would be put in <p>
paragraphs
- the background color of the menu
- a few tips of Karl-Heinz
I hope this all is doable :)
@Alex: please let me know ...
Best,
Arie
1) Please update the next styles (# == comments):
# Use default sizes please :)
h1, h2, h3, h4, h5, h6 {
font-family: "Verdana", "Arial";
color: MidnightBlue;
}
# Please add mark-up code for <pre>!
# Keep <p> for paragraphs (goes currently without explicit mark-up)
#
# I assume that <p> is used for any text without specific mark-up?
# In any case it would be nice that default text has these specs.
p, pre {
font-family: "Verdana", "Arial";
font-size: 14px;
}
# Note the font-family and -weight.
.code {
color: black;
font-size: smaller;
font-weight: 550;
font-family: 'Courier New', monospace;
background-color: #dddeee;
border-left-color: #6067af;
border-left-style: solid;
border-left-width: 3px;
border-radius: 1px;
padding: 1px 2px;
margin-right: 1px;
overflow-x: auto;
2) I got a reaction on the menu. Because the background is so dark, it is not
so good readable for the visually impaired ...
Maybe a bit lighter background?
3) Also please take into account the following remarks:
==========================================================================
Karl-Heinz Kreis
The Text enclosed in divs does function as heading, so better use
headings (example below). The divs are better suited to enclose a
complete sublist, see 2nd example below. That snippet actually works in
a testing page :). The necessary Styles can be placed into the .css
file.
<div style="color: MidnightBlue; font-family: "Arial Black";
font-size: 20px;">Start here</div>
<ul>
<li><a href="https://software-lab.de/doc/tut.html";>A PicoLisp
Tutorial</a></li> Explore the language on this guided tour. Refreshments
to follow!<br/><br/>
...
<li><a href="https://software-lab.de/doc/index.html";>The Common
Index</a></li> The essential PicoLisp documentation in one gloriously
hyperlinked document.
</ul>
----
<div><h4>Start here</h4>
<ul>
<li><h5><a href="test.html">Test</a></h5>
more text...
</li>
...
</ul>
</div>
==========================================================================
