|
|
Line 1: |
Line 1: |
| /*eye candy*/
| | div#content, |
| /*You must retain the following four lines of code for any kind of customization I do!*/
| | #mw-page-base, |
| body | | body { |
| {
| | background: #222; |
| height:100%;
| | color: #DBDBDB; |
| } | | } |
| /*Hides navbar*/
| | |
| div#mw-panel
| | a { |
| { | | color: rgb(204, 131, 83) !important; |
| visibility:visible;
| |
| position:fixed;
| |
| top:0px;
| |
| left:-9.5em;
| |
| padding-top:0;
| |
| background-color:#F3F3F3;
| |
| border-right:1px solid #A7D7F9;
| |
| opacity:0.9;
| |
| filter:alpha(opacity=90);
| |
| overflow-y:scroll;
| |
| overflow-x:hidden;
| |
| z-index:2;
| |
| height:100%;
| |
| box-shadow:0 0 10px 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#mw-panel div.portal
| | |
| { | | div.vectorTabs li { |
| overflow:visible;
| | background: #333 !important; |
| | |
| } | | } |
| div#mw-panel div#p-navigation | | div.vectorTabs li span { |
| { | | color: rgb(204, 131, 83) !important; |
| padding-top:0em;
| |
| margin-top:160px;
| |
| } | | } |
| div#mw-panel:hover | | |
| { | | div.vectorTabs li.selected { |
| left:0;
| | background: #222 !important; |
| } | | } |
| div#p-logo
| | a.new { |
| { | | color: #CD5E54 !important; |
| position:fixed;
| |
| left:-9.5em;
| |
| width:9em;
| |
| top:0px;
| |
| overflow:hidden;
| |
| background-color:#F3F3F3;
| |
| z-index:1
| |
| opacity:0.9
| |
| 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
| | |
| { | | table { |
| position:absolute;
| | background: #333 !important; |
| width:140px;
| |
| } | | } |
| div#mw-panel:hover div#p-logo
| | |
| { | | th { |
| left:0em
| | background: inherit !important; |
| } | | } |
| div#mw-head-base | | |
| { | | div#preferences { |
| margin-left:10px;
| | background: #333 !important; |
| } | | } |
| div#mw-head
| | |
| { | | legend { |
| margin-left:10px;
| | color: #CDA354 !important; |
| } | | } |
| div#content
| | |
| { | | h1, |
| position:relative;
| | h2, |
| left:0;
| | h3 { |
| margin-left:10px;
| | background: inherit !important; |
| | color: #DBDBDB; |
| } | | } |
| div#left-navigation | | |
| { | | div#catlinks { |
| left:10em;
| | background: #333; |
| } | | } |
| div#footer
| | |
| { | | table#collapsibleTable0 { |
| margin-left:10px;
| | background: inherit !important; |
| } | | } |
| /*section end*/
| |
|
| |
|
| /*Page navigation adjustment*/
| | strong.selflink { |
| div>table[style]:nth-last-child(4)>tbody,div>table[style]:nth-last-child(5)>tbody
| | color: #FFD500 !important; |
| { | |
| 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
| | |
| { | | td, |
| bottom:0;
| | tr, |
| height:auto;
| | tbody { |
| background-color:transparent;
| | background: inherit !important; |
| 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(5) td, div>table[style]:nth-last-child(5) th
| |
| {
| |
| 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*/
| |
|
| |
|
| /*References adjustment*/
| | div#footer ul li { |
| ol.references
| | color: #CCCCCC; |
| {
| |
| 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*/
| | #preftoc li.selected a { |
| div#mw-page-base
| | background: #333; |
| {
| |
| 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*/
| |