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%; | height:100%; | ||
} | } | ||
/*Hides navbar*/ | /*Hides navbar*/ | ||
div#mw-panel | div#mw-panel | ||
{ | { | ||
visibility:visible; | visibility:visible; | ||
resize:horizontal; | resize:horizontal; | ||
position:fixed; | position:fixed; | ||
top:0px; | top:0px; | ||
left:0em; | left:0em; | ||
width:0.5em; | width:0.5em; | ||
background-color:#F3F3F3; | background-color:#F3F3F3; | ||
border-right:1px solid #A7D7F9; | border-right:1px solid #A7D7F9; | ||
opacity:0.9; | opacity:0.9; | ||
filter:alpha(opacity=90); | filter:alpha(opacity=90); | ||
overflow-y:auto; | overflow-y:auto; | ||
overflow-x:hidden; | overflow-x:hidden; | ||
z-index:2; | z-index:2; | ||
padding-top:0; | padding-top:0; | ||
padding-right:0.25em; | padding-right:0.25em; | ||
margin:0; | margin:0; | ||
height:100%; | height:100%; | ||
max-width:10em; | max-width:10em; | ||
} | } | ||
#mw-panel.collapsible-nav.noprint div.portal | #mw-panel.collapsible-nav.noprint div.portal | ||
{ | { | ||
overflow:hidden; | overflow:hidden; | ||
resize:none; | resize:none; | ||
max-width:9em; | max-width:9em; | ||
white-space:normal; | white-space:normal; | ||
margin-top:0; | margin-top:0; | ||
margin-right:0; | margin-right:0; | ||
margin-bottom:0; | margin-bottom:0; | ||
margin-left:0; | margin-left:0; | ||
min-width:5em; | min-width:5em; | ||
} | } | ||
div#mw-panel div#p-navigation | div#mw-panel div#p-navigation | ||
{ | { | ||
margin:3.5em 0 0 0; | margin:3.5em 0 0 0; | ||
} | } | ||
div#p-logo | div#p-logo | ||
{ | { | ||
position:fixed; | position:fixed; | ||
left:0; | left:0; | ||
width:9em; | width:9em; | ||
height:3.5em; | height:3.5em; | ||
top:-1px; | top:-1px; | ||
overflow:hidden; | overflow:hidden; | ||
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; | ||
z-index:3; | z-index:3; | ||
resize:none; | resize:none; | ||
} | } | ||
div#p-logo a | div#p-logo a | ||
{ | { | ||
left:1em; | left:1em; | ||
width:8em; | width:8em; | ||
height:3.5em; | height:3.5em; | ||
background-size:40%; | background-size:40%; | ||
} | } | ||
div#mw-head-base | div#mw-head-base | ||
{ | { | ||
margin-left:10px; | margin-left:10px; | ||
} | } | ||
div#mw-head | div#mw-head | ||
{ | { | ||
margin-left:10px; | margin-left:10px; | ||
} | } | ||
div#content | div#content | ||
{ | { | ||
position:relative; | position:relative; | ||
left:0; | left:0; | ||
margin-left:10px; | margin-left:10px; | ||
} | } | ||
div#left-navigation | div#left-navigation | ||
{ | { | ||
left:10em; | left:10em; | ||
} | } | ||
div#footer | div#footer | ||
{ | { | ||
margin-left:10px; | margin-left:10px; | ||
} | } | ||
/*section end*/ | /*section end*/ | ||
/*Page navigation adjustment*/ | /*Page navigation adjustment*/ | ||
div>table[style] | div>table[style]:nth-last-child(4),div>table[style]:nth-last-child(5) | ||
{ | { | ||
position:fixed; | position:fixed; | ||
bottom:40px; | bottom:40px; | ||
left:0; | left:0; | ||
width:100% | width:100%; | ||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
Line 101: | Line 101: | ||
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:relative; | position:relative; | ||
padding:0; | padding:0; | ||
bottom:0; | bottom:0; | ||
left:0; | left:0; | ||
width:auto; | width:auto; | ||
overflow-y:auto; | overflow-y:auto; | ||
opacity:0.9; | opacity:0.9; | ||
filter:alpha(opacity=90); | filter:alpha(opacity=90); | ||
z-index:2; | z-index:2; | ||
background:#FFFFFF | background:#FFFFFF | ||
text-align:center; | |||
} | } | ||
div>table[style]:nth-last-child(4) td, div>table[style]:nth-last-child(4) th,div>table[style]:nth-last-child(5) 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(5) td, div>table[style]:nth-last-child(5) th | ||
{ | { | ||
opacity:0.9; | opacity:0.9; | ||
filter:alpha(opacity=90); | filter:alpha(opacity=90); | ||
} | } | ||
div>table[style]:nth-last-child(4) tr, div>table[style]:nth-last-child(5) tr | div>table[style]:nth-last-child(4) tr, div>table[style]:nth-last-child(5) tr | ||
{ | { | ||
margin-left:auto; | margin-left:auto; | ||
margin-right:auto; | margin-right:auto; | ||
} | } | ||
/*section end*/ | /*section end*/ | ||
Line 127: | Line 128: | ||
ol.references | ol.references | ||
{ | { | ||
background-color:#FFFFFF; | background-color:#FFFFFF; | ||
border:1px solid #000000; | border:1px solid #000000; | ||
margin:0; | margin:0; | ||
padding:0 0.25em 0 2.75em; | padding:0 0.25em 0 2.75em; | ||
position:fixed; | position:fixed; | ||
bottom:0; | bottom:0; | ||
left:1em; | left:1em; | ||
width:auto; | width:auto; | ||
height:40px; | height:40px; | ||
overflow-y:auto; | overflow-y:auto; | ||
z-index:1; | z-index:1; | ||
} | } | ||
/*section end*/ | /*section end*/ | ||
Line 144: | Line 145: | ||
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; | ||
} | } | ||
div#left-navigation | div#left-navigation | ||
{ | { | ||
position:fixed; | position:fixed; | ||
top:1em; | top:1em; | ||
z-index:1; | z-index:1; | ||
} | } | ||
div#right-navigation | div#right-navigation | ||
{ | { | ||
position:fixed; | position:fixed; | ||
right:0; | right:0; | ||
top:1em; | top:1em; | ||
margin-top:0; | margin-top:0; | ||
z-index:1; | z-index:1; | ||
} | } | ||
div#p-personal | div#p-personal | ||
{ | { | ||
position:fixed; | position:fixed; | ||
right:0.75em; | right:0.75em; | ||
z-index:2; | z-index:2; | ||
} | } | ||
/*section end*/ | /*section end*/ |
Revision as of 06:35, 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),div>table[style]:nth-last-child(5) { position:fixed; bottom:40px; left:0; width:100%; margin:0; padding:0; } div>table[style]:nth-last-child(4)>tbody,div>table[style]:nth-last-child(5)>tbody { position:relative; padding:0; bottom:0; left:0; width:auto; overflow-y:auto; opacity:0.9; filter:alpha(opacity=90); z-index:2; background:#FFFFFF text-align:center; } div>table[style]:nth-last-child(4) td, div>table[style]:nth-last-child(4) th,div>table[style]:nth-last-child(5) td, div>table[style]:nth-last-child(5) th { opacity:0.9; filter:alpha(opacity=90); } div>table[style]:nth-last-child(4) tr, div>table[style]:nth-last-child(5) tr { margin-left:auto; margin-right:auto; } /*section end*/ /*References adjustment*/ ol.references { background-color:#FFFFFF; border:1px solid #000000; margin:0; padding:0 0.25em 0 2.75em; position:fixed; bottom:0; left:1em; width:auto; height:40px; overflow-y:auto; z-index:1; } /*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*/