User:Legaz/vector.css: Difference between revisions

From Baka-Tsuki
Jump to navigation Jump to search
Browse history interactively
Legaz (talk | contribs)
4 edits
Created page with "→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:..."
 
Legaz (talk | contribs)
4 edits
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
/*You must retain the following four lines of code for any kind of customization I do!*/
    div#mw-panel
body
    {
{
    visibility:visible;
height:100%;
    position:fixed;
}
    resize:vertical;
/*Hides navbar*/
    top:240px;
div#mw-panel
    left:-9.5em;
{
    background-color:#E8E8E8;
visibility:visible;
    overflow-y:auto;
position:fixed;
    overflow-x:hidden;
top:0px;
    z-index:2;
left:-9.5em;
    height:22em; /*this number sets the height of your navigation bar. The higher the number, the higher the navigation bar. Make sure you have "em" to the right of the number. The the original value I set it was 22em.*/
background-color:#F3F3F3;
    }
border-right:1px solid #A7D7F9;
    div#mw-panel div
opacity:0.9;
    {
filter:alpha(opacity=90);
    overflow:visible;
overflow-y:auto;
    resize:none;
overflow-x:hidden;
    }
z-index:2;
    div#mw-panel:hover
padding-top:0;
    {
height:100%;
    left:0;
}
    }
div#mw-panel div.portal
    div#p-logo
{
    {
overflow:visible;
    position:fixed;
}
    left:-9.5em;
div#mw-panel div#p-navigation
    top:80px;
{
    background-color:#E8E8E8;
margin-top:160px;
    z-index:1
}
    }
div#mw-panel:hover
    div#mw-panel:hover div#p-logo
{
    {
left:0;
    left:0em
}
    }
div#p-logo
    div#mw-head-base
{
    {
position:fixed;
    margin-left:10px;
left:-9.5em;
    }
width:9em;
    div#content
top:0px;
    {
overflow:hidden;
    position:relative;
background-color:#F3F3F3;
    left:10px;
border-bottom:2px solid #E0E0E0;
    margin-left:0;
z-index:3
    }
}
    div#left-navigation
div#mw-panel:hover div#p-logo
    {
{
    left:50px;
left:0em
    }
}
    div#footer
div#mw-head-base
    {
{
    margin-left:10px;
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*/

Latest revision as of 13:15, 27 September 2012

    div#mw-panel
    {
     visibility:visible;
     position:fixed;
     resize:vertical;
     top:240px;
     left:-9.5em;
     background-color:#E8E8E8;
     overflow-y:auto;
     overflow-x:hidden;
     z-index:2;
     height:22em; /*this number sets the height of your navigation bar. The higher the number, the higher the navigation bar. Make sure you have "em" to the right of the number. The the original value I set it was 22em.*/
    }
    div#mw-panel div
    {
     overflow:visible;
     resize:none;
    }
    div#mw-panel:hover
    {
     left:0;
    }
    div#p-logo
    {
     position:fixed;
     left:-9.5em;
     top:80px;
     background-color:#E8E8E8;
     z-index:1
    }
    div#mw-panel:hover div#p-logo
    {
     left:0em
    }
    div#mw-head-base
    {
     margin-left:10px;
    }
    div#content
    {
     position:relative;
     left:10px;
     margin-left:0;
    }
    div#left-navigation
    {
     left:50px;
    }
    div#footer
    {
     margin-left:10px;
    }
Retrieved from "https://www.baka-tsuki.org/project/index.php?title=User:Legaz/vector.css&oldid=192053"