2006/8/9, Sam Collett <[EMAIL PROTECTED]>:
On 09/08/06, Realazy XA Chen <[EMAIL PROTECTED]> wrote:
> Hi, John, I just modify your style.css to enhence usability, see here:
> http://realazy.org/temp/jdoc/
>
> This page now can change width and font-size with CTRL + mouse middle
> button in IE, and index letters can be clicked more easier.
>
> if you like it, just use it! see attachment.
>
Looks better, however a few points:
Perhaps it would be better if the navigation was as wide as the contents
The text is white when you click on something for more information
(i.e. you can't read it)
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
--
realazy.org
html, body {
background: #212121;
font: .95em/1.5 Arial, Helvetica, sans-serif;
*font-size: .9em;
text-align: center;
}
body {
width: 56em;
margin: 0 auto;
min-width: 600px;
max-width: 98%;
}
h1 {
margin: 15px auto;
text-align: left;
color: #FFF;
}
ul.nav-page {
width: 100%;
margin: 15px auto;
padding: 0;
list-style: none;
position: relative;
}
ul.nav-page li {
padding: 0 3px;
display: inline;
}
ul.nav-page li.cur a {
font-weight: bold;
font-size: 1.4em;
}
ul.nav-page li a {
padding: 0 5px;
font-size: 1.2em;
color: #FFF;
}
ul.nav-page li.prev {
position: absolute;
top: 0px;
left: 0px;
}
ul.nav-page li.next {
position: absolute;
top: 0px;
right: 0px;
}
ul.nav-page li.next a, ul.nav-page li.prev a {
font-size: 1.4em;
font-weight: bold;
}
ul#docs {
list-style: none;
margin: 0 auto;
padding: 5px;
background: #FFF;
text-align: left;
}
ul#docs li {
margin: 5px 0;
}
ul#docs li span.tooltip {
border-bottom: 1px dashed #666;
}
ul#docs li a.name {
font-weight: bold;
text-decoration: none;
}
ul#docs li span.type {
display: block;
float: left;
color: #666;
width: 9em;
margin-right: 10px;
font-size: 1em;
font-family: Courier;
text-align: right;
}
ul#docs li span.arg-type {
color: #666;
}
ul#docs li div.short {
font-size: 1em;
color: #666;
margin-left: 11em;
margin-top: 5px;
}
ul#docs span.fn {
font-family: Courier;
}
ul#docs div.tooltipdemo {
font-size: 1em;
font-family: Arial;
}
ul#docs li div.more {
display: none;
margin-left: 11em;
margin-top: 5px;
}
ul#docs li div.example {
overflow: auto;
}
ul#docs li div.example h5 {
font-size: 1.4em;
}
ul#docs li div.example pre {
color: #4F4;
background: #000;
padding: 5px;
overflow: auto;
}
_______________________________________________ jQuery mailing list [email protected] http://jquery.com/discuss/
