|
|
| (One intermediate revision by the same user not shown) |
| Line 1: |
Line 1: |
| /*eye candy*/
| | div#mw-panel |
| /*You must retain the following four lines of code for any kind of customization I do!*/
| | { |
| body
| | visibility:visible; |
| {
| | position:fixed; |
| height:100%;
| | resize:vertical; |
| }
| | top:240px; |
| /*Hides navbar*/
| | left:-9.5em; |
| div#mw-panel | | background-color:#E8E8E8; |
| { | | overflow-y:auto; |
| visibility:visible;
| | overflow-x:hidden; |
| position:fixed;
| | z-index:2; |
| top:0px;
| | height:22em; /*this number sets the height of your navigation bar. The higher the number, the higher the navigation bar. Make sure you have "em" to the right of the number. The the original value I set it was 22em.*/ |
| left:-9.5em;
| | } |
| padding-top:0;
| | div#mw-panel div |
| background-color:#F3F3F3;
| | { |
| border-right:1px solid #A7D7F9;
| | overflow:visible; |
| opacity:0.9;
| | resize:none; |
| filter:alpha(opacity=90);
| | } |
| overflow-y:scroll;
| | div#mw-panel:hover |
| overflow-x:hidden;
| | { |
| z-index:2;
| | left:0; |
| height:100%;
| | } |
| box-shadow:0 0 10px 0 #000000;
| | div#p-logo |
| transition:left 0.2s ease-out;
| | { |
| -webkit-transition:left 0.2s ease-out;
| | position:fixed; |
| -moz-transition:left 0.2s ease-out;
| | left:-9.5em; |
| -o-transition:left 0.2s ease-out;
| | top:80px; |
| } | | background-color:#E8E8E8; |
| div#mw-panel div.portal | | z-index:1 |
| { | | } |
| overflow:visible;
| | div#mw-panel:hover div#p-logo |
| }
| | { |
| div#mw-panel div#p-navigation
| | left:0em |
| {
| | } |
| padding-top:0em;
| | div#mw-head-base |
| margin-top:160px;
| | { |
| } | | margin-left:10px; |
| div#mw-panel:hover | | } |
| { | | div#content |
| left:0;
| | { |
| } | | position:relative; |
| div#p-logo | | left:10px; |
| { | | margin-left:0; |
| position:fixed;
| | } |
| left:-9.5em;
| | div#left-navigation |
| width:9em;
| | { |
| top:0px;
| | left:50px; |
| overflow:hidden;
| | } |
| background-color:#F3F3F3;
| | div#footer |
| z-index:1
| | { |
| opacity:0.9
| | margin-left:10px; |
| filter:alpha(opacity=90);
| | } |
| box-shadow:-2.5px 0 5px 0 #000000;
| |
| transition:left 0.2s ease-out;
| |
| -webkit-transition:left 0.2s ease-out;
| |
| -moz-transition:left 0.2s ease-out;
| |
| -o-transition:left 0.2s ease-out;
| |
| }
| |
| div#p-logo a
| |
| {
| |
| position:absolute;
| |
| width:140px;
| |
| } | |
| 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);
| |
| 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)>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;
| |
| 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*/
| |
| | |
| /*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);
| |
| 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
| |
| {
| |
| 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*/
| |