Userlookup Coding Help

[.Brianna.]

I'm working on coding my userlookup after designing my own for once. I'm doing okay, but I am having an issue with my trophies. For some reason the text for some is appearing in the pink I like, but some is showing up grey. I do want the text for my user info etc to be grey but I would like the trophies to be a consistent color. Help?

 

 

<style>

#content {

padding-left: 57px;

padding-top: 0px;

width: 768px;

margin-left: 0px;

margin-top: -132px;

overflow: hidden;

}

#content img {

padding: 1px;

background: #FFFFFF;

border: 1px solid #FFF0F4;

}

.mbn, #header table, #habitarium, #ncmall, #footer, hr, #userneohome, #ban, .brand-mamabar {

display: none;

}

.content div a img, .content div b {

visibility: hidden;

}

.contentModule div a img, .contentModule div b, #about b, #about a img {

visibility: visible;

}

#main {

background: url("http://i58.tinypic.com/9sqvdd.jpg") repeat-x;

border: none;

width: 150%;

margin-left: 0px;

margin-top: 0px;

}

#userinfo table {

border-top: 0px !important;

}

.contentModuleContent, .contentModule, .contentModuleTable {

background: none;

border: none;

}

#main, #content, .medText, td, #nst, .sf {

color: #6D6D6D;

font: 7.5pt "verdana";

line-height: 15px;

}

a:link, a b, a:visited {

font-weight: bold;

color: #DB4689;

text-transform: lowercase;

}

a:hover b, a:hover {

color: #FC8BA3;

}

b {

font: 6.5pt verdana;

text-transform: uppercase;

font-weight: bold;

color: #FAAACB;

}

.contentModuleHeader, .contentModuleHeaderAlt {

font: 7pt verdana;

font-weight: bold;

text-transform: uppercase;

color: #FFFFFF;

text-align: center;

letter-spacing: 4px;

padding-left: 15px;

background: #85EBED;

border-bottom: 2px solid #FA91A8;

border-top: 2px solid #F27993;

}

h1 {

font: 7.5pt "verdana";

color: #ffffff;

padding-left: 6px;

letter-spacing: 2px;

background: #51CADB;

margin: 3px 0px 2px 0px;

text-transform: uppercase;

text-align: left;

}

#header {

background: url("http://i60.tinypic.com/2llcyhi.jpg") no-repeat;

width: 973px;

height: 589px;

border: none;

}

body {

background: url("http://i57.tinypic.com/fegqh2.jpg") repeat-y #FFF0F4;

}

#userinfo {

width: 330px;

}

#usercollections {

width: 232px;

}

#usershop {

width: 217px;

}

#userneopets, #usertrophies {

width: 761px;

}

#usertrophies img {

width: 50px;

height: 50px;

}

#usertrophies b {

font-weight: normal;

font: 7pt verdana;

color: #F27993;

}

#usertrophies {

font: 7pt verdana;

color: #F27993;

}

#userneopets img {

border: 4px solid #F2BFCF;

width: 135px;

height: 135px;

}

#nav {

left: 55px;

top: 0px;

text-align: left;

z-index: 2;

}

#nav a:link, #nav a:visited {

font: 32pt georgia;

font-weight: bold;

color: #FFF0F4;

display: block;

float: left;

margin-right: 3px;

border-left: 1px solid #FAAACB;

border-right: 1px solid #FAAACB;

width: 26px;

height: 72px;

overflow: hidden;

}

#nav a:hover {

color: #FFFFFF;

background: #2DE0E0;

}

#about {

left: 62px;

top: 88px;

width: 260px;

height: 397px;

overflow: auto;

text-align: justify;

}

#userneopets .contentModuleTable {

background: url("http://i60.tinypic.com/242tsnq.jpg") -20px 0px no-repeat;

width: 780px;

height: 500px;

padding: 0px 0px 0px 0px;

}

</style>

<div id="nav" style="position: absolute;">

<a href="/myaccount.phtml">1</a>

<a href="/customise/">2</a>

<a href="/games/arcade.phtml">3</a>

<a href="/explore.phtml">4</a>

<a href="/nf.phtml">5</a>

<a href="/petcentral.phtml">6</a>

<a href="/neoboards/index.phtml">7</a>

<a href="/objects.phtml">8</a>

<a href="/mall/index.phtml">9</a>

</div>

<div id="about" style="position: absolute;">

<h1>About Me</h1>

Primarily, I'm a collector. I'm currently working on my dream pets, avatars, and stamp collections. I have a few pets who are waiting for their chance to become my dreamies living on my side accounts <a href="/userlookup.phtml?user=briefkehs"> here </a> and <a href="/userlookup.phtml?user=b_raff"> here </a>. Neomail me with any tips or tricks for collecting. Friend requests welcome :)

<br><br><h1>My Avatars</h1>

Current Avatar: <br><img src="https://images.neopets.com/neoboards/avatars/queenfyora.gif"><br><br>

Most Recent Avatar:<br><img src="https://images.neopets.com/neoboards/avatars/leverofdoom.gif"><br><br>

Most Wanted Avatar: <br><img src="https://images.neopets.com/neoboards/avatars/kadoatery.gif"><p><br></p>

</div>

 

[jcpet]

#main, #content, .medText, td, #nst, .sf {
color: #6D6D6D;
font: 7.5pt "verdana";
line-height: 15px;
}

Looks like the unbolded text under the trophies section is grey because of the code above. You can make your #usertrophies selector more specific by adding .medText after to override it:

#usertrophies .medText {
font: 7pt verdana;
color: #F27993;
}

Hopefully that helps!

[.Brianna.]

Exactly what I was looking for! Thanks so much!