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