Changes

experimental
Line 1: Line 1:  +
/* Fix the sidebar's position while you scroll */
    +
div[id=column-one] {  /* Using the attribute selector hides this from IE */
 +
    position: fixed;
 +
    height: 100%;    /* If you shrink the browser too small, the side column will */
 +
    overflow: auto; /*  become scrollable, so stuff is always accessible, albeit ugly */
 +
    z-index: 2;
 +
}
 +
 +
#p-lang .pBody ul{    /* Sets the language box to a fixed height and scrollable if too long to fit */
 +
    height: 10em;
 +
    overflow: auto;
 +
}
 +
 +
body {                /* Fix the background image, too, so it looks nice as you scroll */
 +
    background-attachment: fixed;
 +
}
 +
 +
#footer {            /* Fix the footer so it looks nice and doesn't overlap the sidebar */
 +
    margin-left: 13.6em;
 +
    border-left: solid 1px rgb(250, 189, 35);
 +
    /* Uncomment this if you use rounded edges: */
 +
/*
 +
    -moz-border-radius-topleft: 1em;
 +
    -moz-border-radius-bottomleft: 1em;
 +
*/
 +
}
 +
 +
/* Don't use any logo, move the boxes onto that area instead */
 +
 +
#p-logo {
 +
    display: none;
 +
}
 +
#column-one {
 +
    padding-top: 0;
 +
}
 +
 +
/* Transform the user toolbar into a sidebox */
 +
#p-personal {
 +
    position:relative;
 +
    z-index:3;
 +
    width: 11.6em;
 +
}
 +
 +
#p-personal .pBody {
 +
    width: 10.7em;
 +
    border: none;
 +
    margin: 0 0 0.1em 0em;
 +
    float: none;
 +
    overflow: hidden;
 +
    font-size: 95%;
 +
    background: White;
 +
    border-collapse: collapse;
 +
    border: 1px solid #aaaaaa;
 +
    padding: 0 0.8em 0.3em .5em;
 +
}
 +
 +
#p-personal ul {
 +
    line-height: 1.5em;
 +
    list-style-type: square;
 +
    list-style-image: url("/style/monobook/bullet.gif");
 +
 +
    font-size:95%;
 +
    margin: 0 0 0 1.5em;
 +
    padding:0;
 +
    text-align:left;
 +
    text-transform: none;
 +
}
 +
 +
#p-personal li {
 +
    display: list-item;
 +
    padding:0;
 +
    margin: 0 0 0 0;
 +
    margin-bottom: 0.1em;
 +
}
 +
 +
/* suppress the person icon by your username */
 +
/* needed if not already in place */
 +
li#pt-userpage { background: none }
381

edits