MediaWiki:Vector.css
From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Jump to navigationJump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* styles for header background */
html, body {
background: #ffffff url(/images/c/ce/Wiki-VectorBanner.png) repeat-x;
}
#mw-page-base {
background-color: transparent;
background-image:none;
}
h2 {
padding-top: 15px;
}
#title-linktabs { top: -55px !important; }
#p-Navigation h5{
background: url(/images/2/2f/Sidebar-Navigation.png) no-repeat 180px top;
display:block;
position:relative;
left:-180px;
width:282px;
height:16px;
}
#p-Interaction h5{
background: url(/images/9/93/Sidebar-Community.png) no-repeat 180px top;
display:block;
position:relative;
left:-180px;
width:282px;
height:16px;
}
#p-tb h5{
background: url(/images/3/33/Sidebar-Toolbox.png) no-repeat 180px top;
display:block;
position:relative;
left:-180px;
width:282px;
height:16px;
}
#p-lang h5{
background: url(/images/e/ee/Sidebar-Languages.png) no-repeat 180px top;
display:block;
position:relative;
left:-180px;
width:282px;
height:16px;
}
/* rounded corners for all browsers*/
#p-cactions ul li, #p-cactions ul li a {
border-top-left-radius: 1em;
border-top-right-radius: 1em;
}
#content {
border: 1px solid #a7d7f9;
}
div.pBody {
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
}
pre { overflow: auto; }
/*Portal CSS text follows*/
.splitrow {
display:inline-block;
white-space:nowrap;
text-align:center;
}
.nav {padding:0; display:inline-block;}
.nav:hover .dropdown{display:block}
.container{position:absolute; height: 450px;}
.dropdown {
background-image: -moz-linear-gradient(center top, #bfbfbf, #373737);
background-image: -webkit-linear-gradient(top, #bfbfbf, #373737);
background-image: -o-linear-gradient(top, #bfbfbf, #373737);
background-image: -ms-linear-gradient(top, #bfbfbf, #373737);
background-image: linear-gradient(top, #bfbfbf, #373737);
border:2px solid #BFBFBF;
border-radius:10px;
display:none;
float:left;
left:-45%;
right:-45%;
position:relative;
z-index: 100;
}
.dropdown a{
color:#FFFFFF;
text-decoration:none;
}
.dropdown caption {background-color:inherit; border-radius:10px;}
.dropdown td {
vertical-align:top;
padding:1px;
white-space:nowrap;
}
.dropdown p{
margin:0;
padding:0;
}
caption a, .dropdown td a, .dropdown th a{
display:block;
padding: 2px;
}
.dropdown caption a {
padding:5px 2px 5px 20px;
font-size:150%;
width: 300px;
}
.dropdown dl, .dropdown dd {margin:0}
.dropdown dd a {text-align:center}
/*Footer links*/
.dropdown th p a{display:inline; width:300px;}
/*Main column links*/
.dropdown td p a {
background-color: #000000;
background: -moz-linear-gradient(center top, #000000, #656565);
background: -webkit-linear-gradient(top, #000000, #656565);
background: -o-linear-gradient(top, #000000, #656565);
background: -ms-linear-gradient(top, #000000, #656565);
background: linear-gradient(top, #000000, #656565);
border:1px solid #373737;
font-size:90%;
line-height: 1.2em;
margin: 3px 1px;
padding:3px;
text-align:left;
}
.dropdown caption a:hover{
border-radius:10px;
}
.dropdown td p a:hover{
background-image: -moz-linear-gradient(center top, #bfbfbf, #373737);
background-image: -webkit-linear-gradient(top, #bfbfbf, #373737);
background-image: -o-linear-gradient(top, #bfbfbf, #373737);
background-image: -ms-linear-gradient(top, #bfbfbf, #373737);
background-image: linear-gradient(top, #bfbfbf, #373737);
}