Help with my petlookup coding?

[donutdraik]

Hey guys! I've been editing a pre-made layout for my pets' lookups and I like the layout a lot, but unfortunately it hides the trophies on their lookups. I spent a few hours trying to figure out how to make the trophies show up but I couldn't figure it out, and I even contacted the person who made the layout but unfortunately they haven't been on in a while so I figured I'd see if anyone on here could lend me a hand. c:

 

<style>
.content div {
display: none;
}
.content div div, .content .contentModule {
display: block;
}
</style><style>
#ban, #header, #footer, .brand-mamabar, .sidebar, div div div div b, .contentModuleHeader, .contentModuleHeaderAlt, #pet_rating, a img, .contentModuleContent table img {
display: none;
}
body, u, td, p, .medText, div, font, .contentModuleContent, .sf {
color: #7b7b7b;
font-size: 9px;
font-family: verdana;
cursor: crosshair;

line-height: 12px;
font-weight: lighter;
text-decoration: none;
}
body {
background: #F4FCE8;
cursor: crosshair;
overflow: auto;
}
b {
font-weight: bold;
}
i {
text-transform: lowercase;
font: 7pt verdana;
font-style: italic;
letter-spacing: 1px;
color: #999;
}
#main {
width: 530px;
background: #fff;
border: none;
margin-top: 0px;
}
#content {
width: 530px;
background-color: #fff;
float: right;
padding-left: 58px;
padding-right: 58px;
border: none;
}
a:link, a:visited, a:active {
color: #7B7B7B;
text-transform: lowercase;
font-weight: bold;
}
a:hover {
color: #444;
cursor: crosshair;
}
table, table td {
border: 0px !important;
}
.content .contentModule {
border: none;
}
.contentModuleContent, .contentModule {
background: transparent;

}
.content div div, .content .contentModule {
display: block;
}
.medText, .content div {
text-align: center;
font: 10px verdana;
color: #7b7b7b;
}
.contentModuleContent.medText img {
height: 50px;
width: 50px;
}
a.nav {
color: #becfa6;
font-weight: bold;
text-transform: lowercase;
font-size: 8pt;
letter-spacing: -1px;
margin: 2px;
text-align: center;
font-family: arial;
}
blockquote {
width: 400px;
margin-left: 0px;
text-align: justify;
line-height: 160%;
}
.content {
}
.contentModuleContent {
}
div #pic {
margin: 0;
padding: 0px;
}

div #pic img
{
height: 100%;
width: 100%;
display: block;
margin: 0;
padding: 0px;
}
</style>
<p align="center"></p>
<div style="color: #D6E1C7; background: #D6E1C7; width: 100%; height: 10px;">c</div>

<div id="nav">« <a href="petpage link goes here" class="nav">PETPAGE</a> | <a href="/~Adiele" class="nav">CSS</a> | <a href="neomail link goes here" class="nav">NEOMAIL</a> »</div>
<br>

<br> text text text texttext text text text text text text text text text text texttext text text text text text text text text text text texttext text text text text text text text

text text text texttext text text text text text text text text text text texttext text text text text text text text text text text texttext text text text text text text text

 

Thanks in advance!

[Xepha]

.content div {
    display: none;
}

^This is what is causing it...

 

If you remove it from the code, trophies will show up.

[donutdraik]

^This is what is causing it...

 

If you remove it from the code, trophies will show up.

 

 

Ooh, it worked! Thanks Xepha! c:

 

Do you know of a way to make the "Petname the Color Species" text smaller, so it's less obtrusive? That's part of why I had that portion of the code, but if it's what was hiding my trophies then I'll have to find a different way handle that.

[Xepha]

No, you can either hide that text or leave it as is. I know it's annoying.

[donutdraik]

No, you can either hide that text or leave it as is. I know it's annoying.

 

Aw, dang. Alright, thank you for your help with my original question! c: I appreciate it.