nodejitsu/docs — Issue #63: [nodedocs.css - personal changes]
Author: massimiliano-giroldi
Created: 2011-10-13 02:52:02+00:00
State: open

I made some simple changes to nodedocs.css in my fork . Perhaps it is worth sharing a couple.

Basically I changed the header, toc > ul, breadcrumbs position to fixed and the header, breadcrumb, breadcrumbs opacity.

header {
opacity: 0.95; /* modfied */
color: #eee;
font-family: 'typewriter';
width: 100%;
position: fixed; /* modfied */
top: 0px;
height: 50px;
background-color: #333;
box-shadow: -2px 0px 5px #444;
z-index: 3;
}

#toc > ul {
text-transform: capitalize;
background-color: #fff;
padding-top: 20px;
position: fixed; /* modfied */
left: 0px;
min-height: 1000px;
top: 50px;
width: 190px;
box-shadow: 3px -10px 5px #ccc;
webkit-box-shadow: 3px -10px 5px #ccc;
z-index: 2;
}

.breadcrumb {
padding-right: 20px;
font-weight: bold;
font-size: 14px;
background: transparent url('../img/crumbtrail.png') no-repeat scroll center right;
margin-right: 10px;
opacity: 0.2; /* modfied */
}

.breadcrumbs {
position: fixed; /* modfied */
right: -5px;
top: 60px;
padding: 6px;
background-color: #fff;
opacity:0.8; /* modfied */
}

/* included */
.breadcrumbs a:hover {
color: black;
opacity: 1;
}