User:Gyz/vector.css: Difference between revisions

From Baka-Tsuki
Jump to navigation Jump to search
Gyz (talk | contribs)
No edit summary
Gyz (talk | contribs)
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;
position:fixed;
resize:horizontal;
top:0px;
position:fixed;
left:-9.5em;
top:0px;
padding-top:0;
left:0em;
background-color:#F3F3F3;
width:0.5em;
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:scroll;
filter:alpha(opacity=90);
overflow-x:hidden;
overflow-y:auto;
z-index:2;
overflow-x:hidden;
height:100%;
z-index:2;
box-shadow:0 0 10px 0 #000000;
padding-top:0;
transition:left 0.2s ease-out;
padding-right:0.25em;
-webkit-transition:left 0.2s ease-out;
margin:0;
-moz-transition:left 0.2s ease-out;
height:100%;
-o-transition:left 0.2s ease-out;
max-width:10em;
}
}
div#mw-panel div.portal
#mw-panel.collapsible-nav.noprint div.portal
{
{
overflow:visible;
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
{
{
padding-top:0em;
margin:3.5em 0 0 0;
margin-top:160px;
}
div#mw-panel:hover
{
left:0;
}
}
div#p-logo
div#p-logo
{
{
position:fixed;
position:fixed;
left:-9.5em;
left:0;
width:9em;
width:9em;
top:0px;
height:3.5em;
overflow:hidden;
top:-1px;
background-color:#F3F3F3;
overflow:hidden;
z-index:1
background-color:white;
opacity:0.9
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAIAAAArRUU2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADpJREFUeF5VjUkOAEAIwoD//7lzGJd4MJHGSoBImkFETP67CdLldUd7KC6f8fv3+psd8znbtU5x354HaWQjOx76v7MAAAAASUVORK5CYII=);
filter:alpha(opacity=90);
background-position:bottom left;
box-shadow:-2.5px 0 5px 0 #000000;
background-repeat:repeat-x;
transition:left 0.2s ease-out;
border-bottom:1px solid #A7D7F9;
-webkit-transition:left 0.2s ease-out;
z-index:3;
-moz-transition:left 0.2s ease-out;
resize:none;
-o-transition:left 0.2s ease-out;
}
}
div#p-logo a
div#p-logo a
{
{
position:absolute;
left:1em;
width:140px;
width:8em;
}
height:3.5em;
div#mw-panel:hover div#p-logo
background-size:40%;
{
left:0em
}
}
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*/
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;
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;
}
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);
transition:opacity 0.1s linear;
-webkit-transition:opacity 0.1s linear;
-moz-transition:opacity 0.1s linear;
-o-transition:opacity 0.1s linear;
}
}
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;
height:40px;
}
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*/
/*section end*/
Line 132: Line 114:
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
{
background-color:#FFFFFF;
width:40em;
height:auto;
opacity:1;
filter:alpha(opacity=100);
transition:opacity 0.1s linear;
-webkit-transition:opacity 0.1s linear;
-moz-transition:opacity 0.1s linear;
-o-transition:opacity 0.1s linear;
}
}
/*section end*/
/*section end*/
Line 166: Line 135:
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;
filter:alpha(opacity=25);
box-shadow:-5px -5px 10px -5px #AAAAAA inset;
transition:opacity 0.15s ease-out;
-webkit-transition:opacity 0.15s ease-out;
-moz-transition:opacity 0.15s ease-out;
-o-transition:opacity 0.15s ease-out;
}
div#mw-head:hover
{
opacity:1;
filter:alpha(opacity=100);
transition:opacity 0.1s cubic-bezier(0.5,0,1,0);
-webkit-transition:opacity 0.1s cubic-bezier(0.5,0,1,0);
-moz-transition:opacity 0.1s cubic-bezier(0.5,0,1,0);
-o-transition:opacity 0.1s cubic-bezier(0.5,0,1,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 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*/