User:SilverCrono/vector.css: Difference between revisions
From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Jump to navigationJump to search
SilverCrono (talk | contribs) m (new test) |
SilverCrono (talk | contribs) (Vector is officially pimped out. I recommend making this the vector.css for the whole wiki, to whichever admin sees this first. Try it out, first, but I made it match roundedblue, kinda, for uniform.) |
||
Line 1: | Line 1: | ||
/* | /* styles for header background */ | ||
html, body { | |||
background: #99CCFF url(http://i793.photobucket.com/albums/yy220/SilverCrono/Wiki-SoraKairiRikuHeader-1.png) repeat-x; | |||
} | |||
#mw-page-base { | |||
background-color: transparent; | |||
background-image:none; | |||
} | |||
h2 { | |||
padding-top: 15px; | |||
} | |||
#p-Navigation h5{ | |||
background: url(http://www.khwiki.net/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(http://www.khwiki.net/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(http://www.khwiki.net/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(http://www.khwiki.net/images/e/ee/Sidebar-Languages.png) no-repeat 180px top; | |||
display:block; | |||
position:relative; | |||
left:-180px; | |||
width:282px; | |||
height:16px; | |||
} | |||
/* rounded corners for webkit browsers: works on Chrome v5.0.307.11 beta and Safari v4.0.4 */ | |||
#p-cactions ul li, #p-cactions ul li a { | |||
-webkit-border-top-left-radius: 8px; | |||
-webkit-border-top-right-radius: 8px; | |||
} | |||
#content { | |||
-webkit-border-top-left-radius: 8px; | |||
-webkit-border-bottom-left-radius: 8px; | |||
} | |||
div.pBody { | |||
-webkit-border-top-right-radius: 8px; | |||
-webkit-border-bottom-right-radius: 8px; | |||
} | |||
li# | /* make a few corners round, only supported by moz/firefox/other gecko browsers for now */ | ||
#p-cactions ul li, #p-cactions ul li a { | |||
-moz-border-radius-topleft: 1em; | |||
-moz-border-radius-topright: 1em; | |||
} | |||
#content { | |||
-moz-border-radius-topleft: 1em; | |||
-moz-border-radius-bottomleft: 1em; | |||
} | |||
div.pBody { | |||
-moz-border-radius-topright: 1em; | |||
-moz-border-radius-bottomright: 1em; | |||
} | |||
/* same following the css3 draft specs, any browsers supporting this? */ | |||
#p-cactions ul li, #p-cactions ul li a { | |||
border-top-left-radius: 1em; | |||
border-top-right-radius: 1em; | |||
} | |||
#content { | |||
border-top-left-radius: 1em; | |||
border-bottom-left-radius: 1em; | |||
} | } | ||
div.pBody { | |||
border-top-right-radius: 1em; | |||
border-bottom-right-radius: 1em; |
Latest revision as of 02:15, 15 August 2011
/* styles for header background */
html, body {
background: #99CCFF url(http://i793.photobucket.com/albums/yy220/SilverCrono/Wiki-SoraKairiRikuHeader-1.png) repeat-x;
}
#mw-page-base {
background-color: transparent;
background-image:none;
}
h2 {
padding-top: 15px;
}
#p-Navigation h5{
background: url(http://www.khwiki.net/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(http://www.khwiki.net/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(http://www.khwiki.net/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(http://www.khwiki.net/images/e/ee/Sidebar-Languages.png) no-repeat 180px top;
display:block;
position:relative;
left:-180px;
width:282px;
height:16px;
}
/* rounded corners for webkit browsers: works on Chrome v5.0.307.11 beta and Safari v4.0.4 */
#p-cactions ul li, #p-cactions ul li a {
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
}
#content {
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
}
div.pBody {
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
}
/* make a few corners round, only supported by moz/firefox/other gecko browsers for now */
#p-cactions ul li, #p-cactions ul li a {
-moz-border-radius-topleft: 1em;
-moz-border-radius-topright: 1em;
}
#content {
-moz-border-radius-topleft: 1em;
-moz-border-radius-bottomleft: 1em;
}
div.pBody {
-moz-border-radius-topright: 1em;
-moz-border-radius-bottomright: 1em;
}
/* same following the css3 draft specs, any browsers supporting this? */
#p-cactions ul li, #p-cactions ul li a {
border-top-left-radius: 1em;
border-top-right-radius: 1em;
}
#content {
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
}
div.pBody {
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;