MediaWiki:Vector.css: Difference between revisions

From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Jump to navigationJump to search
No edit summary
No edit summary
Line 65: Line 65:


pre { overflow: auto; }
pre { overflow: auto; }
body
{background-image: url(https://lh4.googleusercontent.com/-2wrBkMmz27k/U7SXMzJ_-_I/AAAAAAAAAM8/yMoumCL79rs/w260-h150-no/KHHD2+ver3.png);
font-family: Segoe UI;
}
#p-personal.pBody ul{
background: #D1D1D1;
border-bottom: #ffffff;
}
#p-logo a, #p-logo a:hover
{background-image: url(https://lh5.googleusercontent.com/-24_11pUo1EA/U7SX-Zf8j2I/AAAAAAAAANE/iyhPKN5Knck/s155-no/Kingdom+Hearts+Wiki+Main+Logo.png) !important;
background-color:transparent;
}
#p-Navigation, #p-Interaction, #p-search, #p-tb, #p-lang {
background: #FFFFFF url(https://lh3.googleusercontent.com/-9Xu6DBkANvw/Ux6Dkzhf4DI/AAAAAAAAAo8/9b6wklx7FJI/w720-h44-no/Ssblue.png) repeat-x;
}
#p-Navigation li, #p-Interaction li, #p-search li, #p-tb li, #p-lang li {
list-style: none;
font-family:  Segoe UI;
}
.mw-code {
font-family: Calibri;
}
#p-Navigation li > ul > li.hover > a, #p-Interaction li > ul > li.hover > a {
background-color: #FFFFFF;
}
#p-Navigation .pBody a:hover,#p-Interaction .pBody a:hover,#p-search .pBody a:hover,#p-tb .pBody a:hover,#p-lang .pBody a:hover {color: #BFBFBF; background-color:#06305B}
/*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);
}

Revision as of 21:54, 5 July 2014

/* 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; }

body
{background-image: url(https://lh4.googleusercontent.com/-2wrBkMmz27k/U7SXMzJ_-_I/AAAAAAAAAM8/yMoumCL79rs/w260-h150-no/KHHD2+ver3.png);
font-family: Segoe UI;
}

#p-personal.pBody ul{
background: #D1D1D1;
border-bottom: #ffffff;
}

#p-logo a, #p-logo a:hover
{background-image: url(https://lh5.googleusercontent.com/-24_11pUo1EA/U7SX-Zf8j2I/AAAAAAAAANE/iyhPKN5Knck/s155-no/Kingdom+Hearts+Wiki+Main+Logo.png) !important;
background-color:transparent;
}

#p-Navigation, #p-Interaction, #p-search, #p-tb, #p-lang {
background: #FFFFFF url(https://lh3.googleusercontent.com/-9Xu6DBkANvw/Ux6Dkzhf4DI/AAAAAAAAAo8/9b6wklx7FJI/w720-h44-no/Ssblue.png) repeat-x;
}

#p-Navigation li, #p-Interaction li, #p-search li, #p-tb li, #p-lang li {
list-style: none;
font-family:  Segoe UI;
}

.mw-code {
font-family: Calibri;
}

#p-Navigation li > ul > li.hover > a, #p-Interaction li > ul > li.hover > a {
background-color: #FFFFFF;
}

#p-Navigation .pBody a:hover,#p-Interaction .pBody a:hover,#p-search .pBody a:hover,#p-tb .pBody a:hover,#p-lang .pBody a:hover {color: #BFBFBF; background-color:#06305B}


/*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);
}