User:Gyz/vector.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
body | body | ||
{ | { | ||
height:100%; | |||
} | } | ||
/*Hides navbar*/ | /*Hides navbar*/ | ||
div#mw-panel | div#mw-panel | ||
{ | { | ||
visibility:visible; | |||
resize:horizontal; | |||
position:fixed; | |||
top:0px; | |||
left:0em; | |||
width:0.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; | |||
padding-right:0.25em; | |||
margin:0; | |||
height:100%; | |||
- | max-width:10em; | ||
} | } | ||
#mw-panel.collapsible-nav.noprint div.portal | |||
{ | { | ||
overflow:hidden; | |||
resize:none; | |||
max-width:9em; | |||
white-space:normal; | |||
margin-top:0; | |||
margin-right:0; | |||
margin-bottom:0; | |||
margin-left:0; | |||
min-width:5em; | |||
} | } | ||
div#mw-panel div#p-navigation | div#mw-panel div#p-navigation | ||
{ | { | ||
margin:3.5em 0 0 0; | |||
} | } | ||
div#p-logo | div#p-logo | ||
{ | { | ||
position:fixed; | |||
left:0; | |||
width:9em; | |||
height:3.5em; | |||
top:-1px; | |||
overflow:hidden; | |||
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; | |||
- | z-index:3; | ||
- | resize:none; | ||
} | } | ||
div#p-logo a | div#p-logo a | ||
{ | { | ||
left:1em; | |||
width:8em; | |||
height:3.5em; | |||
background-size:40%; | |||
} | } | ||
div#mw-head-base | div#mw-head-base | ||
{ | { | ||
margin-left:10px; | |||
} | } | ||
div#mw-head | div#mw-head | ||
{ | { | ||
margin-left:10px; | |||
} | } | ||
div#content | div#content | ||
{ | { | ||
position:relative; | |||
left:0; | |||
margin-left:10px; | |||
} | } | ||
div#left-navigation | div#left-navigation | ||
{ | { | ||
left:10em; | |||
} | } | ||
div#footer | div#footer | ||
{ | { | ||
margin-left:10px; | |||
} | } | ||
/*section end*/ | /*section end*/ | ||
| Line 92: | Line 92: | ||
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) td, div>table[style]:nth-last-child(4) th,div>table[style]:nth-last-child(4) td, div>table[style]:nth-last-child(5) th | div>table[style]:nth-last-child(4) td, div>table[style]:nth-last-child(4) th,div>table[style]:nth-last-child(4) td, div>table[style]:nth-last-child(5) th | ||
{ | { | ||
height:40px; | |||
} | } | ||
/*section end*/ | /*section end*/ | ||
| Line 132: | Line 114: | ||
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; | |||
} | } | ||
/*section end*/ | /*section end*/ | ||
| Line 166: | Line 135: | ||
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; | |||
} | } | ||
div#left-navigation | div#left-navigation | ||
{ | { | ||
position:fixed; | |||
top:1em; | |||
z-index:1; | |||
} | } | ||
div#right-navigation | div#right-navigation | ||
{ | { | ||
position:fixed; | |||
right:0; | |||
top:1em; | |||
margin-top:0; | |||
z-index:1; | |||
} | } | ||
div#p-personal | div#p-personal | ||
{ | { | ||
position:fixed; | |||
right:0.75em; | |||
z-index:2; | |||
} | } | ||
/*section end*/ | /*section end*/ | ||
Revision as of 05:20, 3 April 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;
resize:horizontal;
position:fixed;
top:0px;
left:0em;
width:0.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;
padding-right:0.25em;
margin:0;
height:100%;
max-width:10em;
}
#mw-panel.collapsible-nav.noprint div.portal
{
overflow:hidden;
resize:none;
max-width:9em;
white-space:normal;
margin-top:0;
margin-right:0;
margin-bottom:0;
margin-left:0;
min-width:5em;
}
div#mw-panel div#p-navigation
{
margin:3.5em 0 0 0;
}
div#p-logo
{
position:fixed;
left:0;
width:9em;
height:3.5em;
top:-1px;
overflow:hidden;
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;
z-index:3;
resize:none;
}
div#p-logo a
{
left:1em;
width:8em;
height:3.5em;
background-size:40%;
}
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) td, div>table[style]:nth-last-child(4) th,div>table[style]:nth-last-child(4) td, div>table[style]:nth-last-child(5) th
{
height:40px;
}
/*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;
}
/*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;
}
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*/