User:Ilya/vector.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* Framework */
html,
body {
        height: 100%;
        margin: 0;
        padding: 0;
        font-family: sans-serif;
        font-size: 1em;
}
body {
        background-color: #c4d6f4;
        /* @embed */
        background-image: url(images/page-base.png);
}
/* Content */
div#content {
        margin-left: 10em;
        padding: 1em;
        /* @embed */
        background-position: top left;
        background-repeat: repeat-y;
        background-color: white;
        color: black;
        direction: ltr;
}
/* Head */
#mw-page-base {
        height: 5em;
        background-color:  #c4d6f4;
        /* @embed Ilya_Nemenman*/
        background-image: url(images/page-fade.png);
        background-position: bottom left;
        background-repeat: repeat-x;
}
#mw-head-base {
        margin-top: -5em;
        margin-left: 10em;
        height: 5em;
        /* @embed */
        background-position: center left;
        background-repeat: no-repeat;
}
div#mw-head {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
}
div#mw-head h5 {
        margin: 0;
        padding: 0;
}
/* Hide empty portlets */
        div.emptyPortlet {
                display: none;
        }
        /* Personal */
        #p-personal {
                position: absolute;
                top: 0;
                right: 0.75em;
        }
        #p-personal h5 {
                display: none;
        }
        #p-personal ul {
                list-style: none;
                margin: 0;
                padding-left: 10em; /* Keep from overlapping logo */
        }
        /* @noflip */
        #p-personal li {
                line-height: 1.125em;
                float: left;
        }
        /* This one flips! */
        #p-personal li {
                margin-left: 0.75em;
                margin-top: 0.5em;
                font-size: 0.75em;
                white-space: nowrap;
        }
        /* Navigation Containers */
        #left-navigation {
                position: absolute;
                left: 10em;
                top: 2.5em;
        }
        #right-navigation {
                float: right;
                margin-top: 2.5em;
        }
        /* Navigation Labels */
        div.vectorTabs h5,
        div.vectorMenu h5 span {
                display: none;
        }
        /* Namespaces and Views */
        /* @noflip */
        div.vectorTabs {
                float: left;
                height: 2.5em;
        }
        div.vectorTabs {
                /* @embed */
                background-image: url(images/tab-break.png);
                background-position: bottom left;
                background-repeat: no-repeat;
                padding-left: 1px;
        }
        /* @noflip */
        div.vectorTabs ul {
                float: left;
        }
        div.vectorTabs ul {
                height: 100%;
                list-style: none;
                margin: 0;
                padding: 0;
        }
        /* @noflip */
        div.vectorTabs ul li {
                float: left;
        }
        /* OVERRIDDEN BY COMPLIANT BROWSERS */
        div.vectorTabs ul li {
                line-height: 1.125em;
                display: inline-block;
                height: 100%;
                margin: 0;
                padding: 0;
                background-color: #c4d6f4;
                /* @embed */
                background-image: url(images/tab-normal-fade.png);
                background-position: bottom left;
                background-repeat: repeat-x;
                white-space:nowrap;
        }
        /* IGNORED BY IE6 */
        div.vectorTabs ul > li {
                display: block;
        }
        div.vectorTabs li.selected {
                /* @embed */
                background-image: url(images/tab-current-fade.png);
        }