I have no problem whatsoever with yehuda's color scheme, but if you are having problems, why not use the wonderful firefox extension by Chris Pederick,the Web Developer Toolbar and disable yehuda's stylesheet and use your own.........try this for starters.........hides the header,and colors the body background white.................not pretty, but will at the very least enable you to see this wonderful piece of work
On 27/10/06, Scott Sharkey <[EMAIL PROTECTED]> wrote:
Very nice, except for one thing. Black text (on the buttons) on very
dark blue or brown buttons with a black background is just a
non-starter. At least on my screens, Visual jQuery is useless, because
I can't read the navigation screens.
If it's just me, I apologize.
-Scott
Yehuda Katz wrote:
> I just updated Visual jQuery so it uses docs that include the plugins in
> the svn.
>
> I'm going to be adding inline docs to Interface over the next few days,
> so Interface docs will be available on visualjquery.com
> <http://visualjquery.com> in the next few days.
>
> If there's a plugin that you have in the svn repository, but it's not
> currently on Visual jQuery, please let me know whether I can add the
> inline docs into the repository, or if you want to do it. The more we
> get centralized documentation, the better the overall jQuery community
> becomes.
>
> --
> Yehuda Katz
> Web Developer | Wycats Designs
> (ph) 718.877.1325
>
>
> ------------------------------------------------------------------------
>
> _______________________________________________
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
html, body {
background-color: white;
color: #fff;
font-family: verdana, arial, sans-serif;
font-size: 12px;
padding: 0;
margin: 0;
overflow: hidden;
}
body * {
margin: 0;
padding: 0;
}
a {
display: block;
text-decoration: none;
background-image: url(/images/header.png);
width: 191px;
line-height: 30px;
height: 30px;
overflow: hidden;
color: #fff;
}
body {
overflow: hidden;
width: 100%;
height: 100%;
}
div#header {
display:none
}
div#header #nav_buttons {
position: absolute;
top: 135px;
width: 970px;
}
div#header #nav_buttons a {
margin-right: 10px;
}
div#header a {
float: left;
display: block;
background-image: url(/images/red-button.png);
text-align: center;
}
#wrapper {
z-index: 1;
width: 100%;
height: 100%;
overflow: auto;
position: absolute;
top: 0;
left: 0px;
}
#content {
width: 990px;
}
#wrapper * {
z-index: 100;
}
a:hover {
color: #aaa;
}
.selected {
font-weight: bold;
}
li li a {
background-image: url(/images/grey-button-wide.png);
width: 221px;
color: #000;
}
a.selected, li.selected {
-moz-opacity: 0.5;
opacity: 0.5;
}
a.selected, li.selected a {
filter: alpha(opacity=50);
}
li li a:hover {
color: #333;
}
li li.direct a {
background-image: url(/images/blue-button-wide.png);
}
ul#root {
}
ul {
position: absolute;
top: 200px;
left: 0;
}
ul ul {
left: 200px;
top: 0;
}
ul ul ul {
left: 230px;
}
li {
list-style-type: none;
text-align: center;
}
li.list, li.text {
display: none;
}
li.text {
position: absolute;
top: 0;
left: 230px;
width: 300px;
display: none;
}
.text p {
margin-bottom: 10px;
}
li.link {
display: block;
}
li.text {
padding: 10px !important;
background-color: #48b;
width: 300px;
overflow: hidden;
}
.text * {
margin-left: 10px;
margin-right: 10px;
}
.text * * {
margin-left: 0;
margin-right: 0;
}
.text ul {
position: relative;
left: 0;
top: 0;
}
.text h1, h2 {
font-size: 12px;
margin-bottom: 10px !important;
}
.text h1 {
border-bottom: 1px solid #ccc;
}
.text h2 {
margin-top: 10px;
background-color: #269;
padding: 5px;
}
.text h5 {
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
font-size: 12px;
}
.text p, .text code, .text li {
text-align: left;
}
.param {
margin-bottom: 5px;
}
.param span {
font-weight: bold;
}
.text code {
overflow-x: auto;
padding: 5px;
background-color: #269;
border: 1px solid #ccc;
display: block;
margin-bottom: 10px;
margin-top: 5px;
}_______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
