User:Dkpat/roundedblue.css: Difference between revisions

From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Jump to navigationJump to search
m (seeing what he's got)
 
m (updating to latest revision, then imma experiment)
 
Line 7: Line 7:
height: 30px;
height: 30px;
width: 136px;
width: 136px;
background:url("skins/roundedblue/title-navigation.gif") no-repeat center;
}
 
/* Edit tabs. */
 
#p-cactions {
  position:absolute;
  top: 227px !important;
}
}


Line 13: Line 19:
color: #000000;
color: #000000;
}
}
/* Keeps the logo from flashing. */


#p-logo a:hover {  
#p-logo a:hover {  
Line 19: Line 27:
  background-color: transparent
  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 {
#td-roundedbox {
  margin-top: 10px !important;
  margin-top: 5px !important;
  border-color:#070F38;
  border-color:#070F38;
  border-width: 5px;
  border-width: 5px;
  border-style:solid;
  border-style:solid;
  --khtml-border-radius: 1em;
  --khtml-border-radius: 2em;
  --webkit-border-radius: 1em;
  --webkit-border-radius: 2em;
  --moz-border-radius: 1em;
  --moz-border-radius: 2em;
  border-radius: 1em;
  border-radius: 2em;
background-color: #C0D2F1;
background-color: #FFFFFF;
}
}
.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: #abcdef;
background-color: #070F38;
background-image:none;
background-image:none;
width:10px;
width:10px;
}
}
/* Interaction portlet. */
#p-Interaction h5 {
#p-Interaction h5 {
text-indent: -9999px;
text-indent: -9999px;
Line 44: Line 75:
background:url("images/2/28/Interaction.png") no-repeat center;
background:url("images/2/28/Interaction.png") no-repeat center;
}
}
/* Search */


#p-Search h5 {
#p-Search h5 {
Line 52: Line 85:
width: 140px;
width: 140px;
}
}
/* Duh */


#siteNotice {
#siteNotice {
Line 58: Line 93:
margin: 0 10px;
margin: 0 10px;
         border: transparent;
         border: transparent;
}
#p-cactions {
top: 213px;
}
}


Line 85: Line 116:


body {
body {
background: #060B53 url(/images/1/13/Header_prototype2.png) repeat-x;
background: #060B4E url(/images/1/13/Header_prototype2.png) repeat-x;
}
}


Line 104: Line 135:
/* same following the css3 draft specs, any browsers supporting this? */
/* same following the css3 draft specs, any browsers supporting this? */
#p-cactions ul li, #p-cactions ul li a {   
#p-cactions ul li, #p-cactions ul li a {   
   border-radius-topleft: 1em;
   border-radius-topleft: 2em;
   border-radius-topright: 1em;
   border-radius-topright: 2em;
}
}
#content {  
#content {  
Line 115: Line 146:
   border-radius-bottomright: 1em;
   border-radius-bottomright: 1em;
}
}
/* Links */
a {
a {
color: #3A2BD0 !important;
color: #3A2BD0 !important;
Line 130: Line 163:
#p-search {
#p-search {
position:absolute;
position:absolute;
left: 470px !important;
left: 590px !important;
}
.new {
color: #CC0000 !important;
}
}

Latest revision as of 23:45, 21 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(/images/b/bc/Wiki.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:#070F38;
 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: #070F38;
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;
}

/* 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: #060B4E url(/images/1/13/Header_prototype2.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;
}
#p-search h5 {
background-image: none !important;
}
#p-search {
position:absolute;
left: 590px !important;
}
.new {
color: #CC0000 !important;
}