User:Erry/roundedblue.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 24: | Line 24: | ||
#p-logo a:hover { | #p-logo a:hover { | ||
display:block !important; | display:block !important; | ||
background-image: url(/ | background-image: url(http://i53.tinypic.com/11rdsmt.png) !important; | ||
background-color: transparent | background-color: transparent | ||
} | } | ||
Line 60: | Line 60: | ||
.td-tl, .td-tr, .td-bl, .td-br, .td-tc, .td-bc, .td-cl, .td-cr, .td-cc { | .td-tl, .td-tr, .td-bl, .td-br, .td-tc, .td-bc, .td-cl, .td-cr, .td-cc { | ||
background-color: # | background-color: #99CCFF; | ||
background-image:none; | background-image:none; | ||
width:10px; | width:10px; | ||
Line 73: | Line 73: | ||
height: 30px; | height: 30px; | ||
width: 140px; | width: 140px; | ||
background:url( | background:url(/images/2/28/Interaction.png) no-repeat center; | ||
} | } | ||
Line 84: | Line 84: | ||
height: 30px; | height: 30px; | ||
width: 140px; | width: 140px; | ||
background: url(images/2/25/Logotest1.png) no-repeat center; | background: url(/images/2/25/Logotest1.png) no-repeat center; | ||
position:absolute; | position:absolute; | ||
left: 590px !important; | left: 590px !important; |
Revision as of 08:25, 23 February 2011
/* CSS placed here will affect users of the Roundedblue skin */
#p-Navigation h5 {
text-indent: -9999px;
display: block;
padding: 0;
height: 30px;
width: 136px;
}
/* Edit tabs. */
#p-cactions {
position:absolute;
top: 227px !important;
}
#content {
color: #000000;
}
/* Keeps the logo from flashing. */
#p-logo a:hover {
display:block !important;
background-image: url(http://i53.tinypic.com/11rdsmt.png) !important;
background-color: transparent
}
/* Header colors. */
h1, h2 {
overflow:hidden;
color: black;
background: transparent;
font-weight: normal;
border-bottom: 1px solid #aaa;
}
h3, h4, h5, h6 {
overflow:hidden;
color: black;
background: transparent;
font-weight: normal;
}
/* All content. */
#td-roundedbox {
margin-top: 5px !important;
border-color:#99CCFF;
border-width: 5px;
border-style:solid;
-khtml-border-radius: 2em;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
-border-radius: 2em;
background-color: #FFFFFF;
}
.td-tl, .td-tr, .td-bl, .td-br, .td-tc, .td-bc, .td-cl, .td-cr, .td-cc {
background-color: #99CCFF;
background-image:none;
width:10px;
}
/* Interaction portlet. */
#p-Interaction h5 {
text-indent: -9999px;
display: block;
padding: 0;
height: 30px;
width: 140px;
background:url(/images/2/28/Interaction.png) no-repeat center;
}
/* Search */
#p-Search h5 {
text-indent: -9999px;
display: block;
padding: 0;
height: 30px;
width: 140px;
background: url(/images/2/25/Logotest1.png) no-repeat center;
position:absolute;
left: 590px !important;
}
/* Duh */
#siteNotice {
padding: 23px 0.9em 0 0.9em;
background: transparent;
margin: 0 10px;
border: transparent;
}
#bodyContentInnerWrapper a, #bodyContentInnerWrapper a.external {
background-color: transparent;
}
#bodyContentInnerWrapper a:hover {
background-color: transparent;
color: transparent;
}
#p-tb ul {
margin-bottom: 0;
}
.daysstrip{ background-color:#FFDEAD; background-image:url(/images/3/3f/WKfelt.png); }
.bbsstrip{ background-color:#90EE90; background-image:url(/images/0/0e/BGStars.png); }
/* Top header, by the logo */
body {
background: #99CCFF url(http://img62.imageshack.us/img62/580/headerprototype2.png) repeat-x;
}
/* 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-radius-topleft: 2em;
-border-radius-topright: 2em;
}
#content {
-border-radius-topleft: 1em;
-border-radius-bottomleft: 1em;
}
div.pBody {
-border-radius-topright: 1em;
-border-radius-bottomright: 1em;
}
/* Links */
a {
color: #3A2BD0 !important;
}
a:hover {
background: 0 !important;
color: #3A2BD0 !important;
}
a:visited {
color: #7836BA !important;
}
.new {
color: #CC0000 !important;
}
img {
border: none;
vertical-align: none;
}