User:Legaz/vector.css

Note: After publishing, 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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

    /*You must retain the following four lines of code for any kind of customization I do!*/
    body
    {
     height:100%;
    }
    /*Hides navbar*/
    div#mw-panel
    {
     visibility:visible;
     position:fixed;
     top:0px;
     left:-9.5em;
     background-color:#F3F3F3;
     border-right:1px solid #A7D7F9;
     opacity:0.9;
     filter:alpha(opacity=90);
     overflow-y:auto;
     overflow-x:hidden;
     z-index:2;
     padding-top:0;
     height:100%;
    }
    div#mw-panel div.portal
    {
     overflow:visible;
    }
    div#mw-panel div#p-navigation
    {
     margin-top:160px;
    }
    div#mw-panel:hover
    {
     left:0;
    }
    div#p-logo
    {
     position:fixed;
     left:-9.5em;
     width:9em;
     top:0px;
     overflow:hidden;
     background-color:#F3F3F3;
     border-bottom:2px solid #E0E0E0;
     z-index:3
    }
    div#mw-panel:hover div#p-logo
    {
     left:0em
    }
    div#mw-head-base
    {
     margin-left:10px;
    }
    div#mw-head
    {
     margin-left:10px;
    }
    div#content
    {
     position:relative;
     left:0;
     margin-left:10px;
    }
    div#left-navigation
    {
     left:10em;
    }
    div#footer
    {
     margin-left:10px;
    }
    /*section end*/

    /*Page navigation adjustment*/
    div>table[style]:nth-last-child(4)>tbody,div>table[style]:nth-last-child(5)>tbody
    {
     position:fixed;
     margin:0 0 0 10em;
     padding:0;
     bottom:-15px;
     left:2em;
     background-color:#CEE0F2;
     height:40px;
     vertical-align:bottom;
     overflow-y:hidden;
     opacity:0.3;
     filter:alpha(opacity=30);
     z-index:4;
    }
    div>table[style]:nth-last-child(4)>tbody:hover,div>table[style]:nth-last-child(5)>tbody:hover
    {
     bottom:0;
     height:auto;
     background-color:transparent;
     opacity:0.9;
     filter:alpha(opacity=90);
    }
    div>table[style]:nth-last-child(4)>tbody:hover td,div>table[style]:nth-last-child(4)>tbody:hover th,div>table[style]:nth-last-child(5)>tbody:hover td,div>table[style]:nth-last-child(5)>tbody:hover th
    {
     height:auto;
     vertical-align:middle;
     background-color:#F8F8F8;
    }
    /*section end*/

    /*References adjustment*/
    ol.references
    {
     background-color:#000000;
     border:1px solid #000000;
     margin:0;
     padding:0 0.25em 0 2.25em;
     position:fixed;
     bottom:0;
     right:0;
     width:40em;
     height:25px;
     max-height:100%;
     min-height:25px;
     overflow-y:auto;
     opacity:0.07;
     filter:alpha(opacity=7);
     z-index:3;
    }
    ol.references:hover
    {
     background-color:#FFFFFF;
     width:40em;
     height:auto;
     opacity:1;
     filter:alpha(opacity=100);
    }
    /*section end*/

    /*Top bar adjustment*/
    div#mw-page-base
    {
     height:3.5em;
    }
    div#mw-head
    {
     position:fixed;
     background-color:white;
     background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAIAAAArRUU2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADpJREFUeF5VjUkOAEAIwoD//7lzGJd4MJHGSoBImkFETP67CdLldUd7KC6f8fv3+psd8znbtU5x354HaWQjOx76v7MAAAAASUVORK5CYII=);
     background-position:bottom left;
     background-repeat:repeat-x;
     border-bottom:1px solid #A7D7F9;
     height:3.5em;
     top:-1px;
     left:0;
     opacity:0.25;
     filter:alpha(opacity=25);
    }
    div#mw-head:hover
    {
     opacity:1;
     filter:alpha(opacity=100);
    }
    div#left-navigation
    {
     position:fixed;
     top:1em;
     z-index:1;
    }
    div#right-navigation
    {
     position:fixed;
     right:0;
     top:1em;
     margin-top:0;
     z-index:1;
    }
    div#p-personal
    {
     position:fixed;
     right:0.75em;
     z-index:2;
    }
    /*section end*/