User:Legaz/vector.css: Difference between revisions

From Baka-Tsuki
Jump to navigation Jump to search
Legaz (talk | contribs)
No edit summary
Legaz (talk | contribs)
No edit summary
Line 1: Line 1:
/*eye candy*/
    /*You must retain the following four lines of code for any kind of customization I do!*/
/*You must retain the following four lines of code for any kind of customization I do!*/
    body
body
    {
{
    height:100%;
height:100%;
    }
}
    /*Hides navbar*/
/*Hides navbar*/
    div#mw-panel
div#mw-panel
    {
{
    visibility:visible;
visibility:visible;
    position:fixed;
position:fixed;
    top:0px;
top:0px;
    left:-9.5em;
left:-9.5em;
    background-color:#F3F3F3;
padding-top:0;
    border-right:1px solid #A7D7F9;
background-color:#F3F3F3;
    opacity:0.9;
border-right:1px solid #A7D7F9;
    filter:alpha(opacity=90);
opacity:0.9;
    overflow-y:auto;
filter:alpha(opacity=90);
    overflow-x:hidden;
overflow-y:scroll;
    z-index:2;
overflow-x:hidden;
    padding-top:0;
z-index:2;
    height:100%;
height:100%;
    }
box-shadow:0 0 10px 0 #000000;
    div#mw-panel div.portal
transition:left 0.2s ease-out;
    {
-webkit-transition:left 0.2s ease-out;
    overflow:visible;
-moz-transition:left 0.2s ease-out;
    }
-o-transition:left 0.2s ease-out;
    div#mw-panel div#p-navigation
}
    {
div#mw-panel div.portal
    margin-top:160px;
{
    }
overflow:visible;
    div#mw-panel:hover
}
    {
div#mw-panel div#p-navigation
    left:0;
{
    }
padding-top:0em;
    div#p-logo
margin-top:160px;
    {
}
    position:fixed;
div#mw-panel:hover
    left:-9.5em;
{
    width:9em;
left:0;
    top:0px;
}
    overflow:hidden;
div#p-logo
    background-color:#F3F3F3;
{
    border-bottom:2px solid #E0E0E0;
position:fixed;
    z-index:3
left:-9.5em;
    }
width:9em;
    div#mw-panel:hover div#p-logo
top:0px;
    {
overflow:hidden;
    left:0em
background-color:#F3F3F3;
    }
z-index:1
    div#mw-head-base
opacity:0.9
    {
filter:alpha(opacity=90);
    margin-left:10px;
box-shadow:-2.5px 0 5px 0 #000000;
    }
transition:left 0.2s ease-out;
    div#mw-head
-webkit-transition:left 0.2s ease-out;
    {
-moz-transition:left 0.2s ease-out;
    margin-left:10px;
-o-transition:left 0.2s ease-out;
    }
}
    div#content
div#p-logo a
    {
{
    position:relative;
position:absolute;
    left:0;
width:140px;
    margin-left:10px;
}
    }
div#mw-panel:hover div#p-logo
    div#left-navigation
{
    {
left:0em
    left:10em;
}
    }
div#mw-head-base
    div#footer
{
    {
margin-left:10px;
    margin-left:10px;
}
    }
div#mw-head
    /*section end*/
{
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*/
    /*Page navigation adjustment*/
div>table[style]:nth-last-child(4)>tbody,div>table[style]:nth-last-child(5)>tbody
    div>table[style]:nth-last-child(4)>tbody,div>table[style]:nth-last-child(5)>tbody
{
    {
position:fixed;
    position:fixed;
margin:0 0 0 10em;
    margin:0 0 0 10em;
padding:0;
    padding:0;
bottom:-15px;
    bottom:-15px;
left:2em;
    left:2em;
background-color:#CEE0F2;
    background-color:#CEE0F2;
height:40px;
    height:40px;
vertical-align:bottom;
    vertical-align:bottom;
overflow-y:hidden;
    overflow-y:hidden;
opacity:0.3;
    opacity:0.3;
filter:alpha(opacity=30);
    filter:alpha(opacity=30);
box-shadow:0 0 10px 0 #AAAAAA;
    z-index:4;
z-index:4;
    }
}
    div>table[style]:nth-last-child(4)>tbody:hover,div>table[style]:nth-last-child(5)>tbody:hover
div>table[style]:nth-last-child(4)>tbody:hover,div>table[style]:nth-last-child(5)>tbody:hover
    {
{
    bottom:0;
bottom:0;
    height:auto;
height:auto;
    background-color:transparent;
background-color:transparent;
    opacity:0.9;
opacity:0.9;
    filter:alpha(opacity=90);
filter:alpha(opacity=90);
    }
transition:opacity 0.1s linear;
    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
-webkit-transition:opacity 0.1s linear;
    {
-moz-transition:opacity 0.1s linear;
    height:auto;
-o-transition:opacity 0.1s linear;
    vertical-align:middle;
}
    background-color:#F8F8F8;
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
    }
{
    /*section end*/
height:auto;
vertical-align:middle;
background-color:#F8F8F8;
}
/*section end*/


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


/*Top bar adjustment*/
    /*Top bar adjustment*/
div#mw-page-base
    div#mw-page-base
{
    {
height:3.5em;
    height:3.5em;
}
    }
div#mw-head
    div#mw-head
{
    {
position:fixed;
    position:fixed;
background-color:white;
    background-color:white;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAIAAAArRUU2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADpJREFUeF5VjUkOAEAIwoD//7lzGJd4MJHGSoBImkFETP67CdLldUd7KC6f8fv3+psd8znbtU5x354HaWQjOx76v7MAAAAASUVORK5CYII=);
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAIAAAArRUU2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADpJREFUeF5VjUkOAEAIwoD//7lzGJd4MJHGSoBImkFETP67CdLldUd7KC6f8fv3+psd8znbtU5x354HaWQjOx76v7MAAAAASUVORK5CYII=);
background-position:bottom left;
    background-position:bottom left;
background-repeat:repeat-x;
    background-repeat:repeat-x;
border-bottom:1px solid #A7D7F9;
    border-bottom:1px solid #A7D7F9;
height:3.5em;
    height:3.5em;
top:-1px;
    top:-1px;
left:0;
    left:0;
opacity:0.25;
    opacity:0.25;
filter:alpha(opacity=25);
    filter:alpha(opacity=25);
box-shadow:-5px -5px 10px -5px #AAAAAA inset;
    }
transition:opacity 0.15s ease-out;
    div#mw-head:hover
-webkit-transition:opacity 0.15s ease-out;
    {
-moz-transition:opacity 0.15s ease-out;
    opacity:1;
-o-transition:opacity 0.15s ease-out;
    filter:alpha(opacity=100);
}
    }
div#mw-head:hover
    div#left-navigation
{
    {
opacity:1;
    position:fixed;
filter:alpha(opacity=100);
    top:1em;
transition:opacity 0.1s cubic-bezier(0.5,0,1,0);
    z-index:1;
-webkit-transition:opacity 0.1s cubic-bezier(0.5,0,1,0);
    }
-moz-transition:opacity 0.1s cubic-bezier(0.5,0,1,0);
    div#right-navigation
-o-transition:opacity 0.1s cubic-bezier(0.5,0,1,0);
    {
}
    position:fixed;
div#left-navigation
    right:0;
{
    top:1em;
position:fixed;
    margin-top:0;
top:1em;
    z-index:1;
z-index:1;
    }
}
    div#p-personal
div#right-navigation
    {
{
    position:fixed;
position:fixed;
    right:0.75em;
right:0;
    z-index:2;
top:1em;
    }
margin-top:0;
    /*section end*/
z-index:1;
}
div#p-personal
{
position:fixed;
right:0.75em;
z-index:2;
}
/*section end*/

Revision as of 13:13, 27 September 2012

    /*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*/