User:Legaz/vector.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/*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%; | ||
} | |||
} | /*Hides navbar*/ | ||
/*Hides navbar*/ | div#mw-panel | ||
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 | |||
} | { | ||
div#mw-panel div.portal | margin-top:160px; | ||
{ | } | ||
div#mw-panel:hover | |||
} | { | ||
div#mw-panel div#p-navigation | left:0; | ||
{ | } | ||
div#p-logo | |||
{ | |||
} | position:fixed; | ||
div#mw-panel:hover | left:-9.5em; | ||
{ | width:9em; | ||
top:0px; | |||
} | overflow:hidden; | ||
div#p-logo | 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#mw-panel:hover div#p-logo | div#left-navigation | ||
{ | { | ||
left:10em; | |||
} | } | ||
div#mw-head-base | div#footer | ||
{ | { | ||
margin-left:10px; | |||
} | } | ||
div#mw-head | /*section end*/ | ||
{ | |||
} | |||
div#content | |||
{ | |||
} | |||
div#left-navigation | |||
{ | |||
} | |||
div#footer | |||
{ | |||
} | |||
/*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; | |||
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 | ||
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; | ||
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*/ | ||
} | |||
/*section end*/ | |||
/*References adjustment*/ | /*References adjustment*/ | ||
ol.references | 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 | ||
ol.references:hover | { | ||
{ | background-color:#FFFFFF; | ||
width:40em; | |||
height:auto; | |||
opacity:1; | |||
filter:alpha(opacity=100); | |||
} | |||
/*section end*/ | |||
} | |||
/*section end*/ | |||
/*Top bar adjustment*/ | /*Top bar adjustment*/ | ||
div#mw-page-base | div#mw-page-base | ||
{ | { | ||
height:3.5em; | |||
} | } | ||
div#mw-head | 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#mw-head:hover | div#left-navigation | ||
{ | { | ||
position:fixed; | |||
top:1em; | |||
z-index:1; | |||
} | |||
div#right-navigation | |||
{ | |||
} | position:fixed; | ||
div#left-navigation | right:0; | ||
{ | top:1em; | ||
margin-top:0; | |||
z-index:1; | |||
} | |||
} | div#p-personal | ||
div#right-navigation | { | ||
{ | position:fixed; | ||
right:0.75em; | |||
z-index:2; | |||
} | |||
/*section end*/ | |||
} | |||
div#p-personal | |||
{ | |||
} | |||
/*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*/