Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Locked Topic
[Solved] background color in sidebar; how to change it?
Topic Started: Jul 17 2008, 01:48 PM (532 Views)
theislandlives
Member
 *  
http://z4.invisionfree.com/The_Fated/index.php?act=idx The link to my forum. I'm new to invisionfree and am just in the early phases of setting up, but I've hit a bit of a snag.

There's a very obvious pink in the background of the sidebar, and I can't figure out why. Perhaps it's something in the CSS? I just can't find the variable to change to correct it.

Here's the coding for the sidebar (from the header and body section)

Code:
 
<table align=center valign=top>
<tr> <td width=200 valign=top>
<div class='maintitle'>Welcome!</div><div class="tablepad" border='1'><span class='desc'><center>
<br>
<center><b><font size="2" color=#B22222>Information about the Site</font></b><br>
Just put some information about your site and current events here.
<center> <font size="2"><b><BR><BR><a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=8&view=getnewpost">We are looking for staff!</a></font></b><br><br></center>
</span></div></div>

<center><div class='maintitle'>Info</div>
<div class="tablepad"><span class='desc' >
<br>
<center><b><font size="2" color=#B22222>Plot Highlights </font></b><br>Big Plot Event Title<br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=15">Check it out here!</a><br><br>
</center></center>
</span></div></div>

<center><div class='maintitle'>Links</div>
<div class="tablepad"><span class='desc' ><font size="2">
<a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=3&st=0">Rules and Guidelines</a><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=4&view=getnewpost">Plot Information</a>
</font><br><br>
</span></div></div>

<center>
<div class="maintitle">C-Box </div>
<div class="tablepad"><span class='desc' >
<!-- BEGIN CBOX - [url]http://www.cbox.ws[/url] -->
<!-- END CBOX -->
<br><br>
</span></div></div>

<center>
<div class="maintitle">Staff </div>
<div class="tablepad"><span class='desc' >
You may contact the staff through the private message link in their profiles.<br><br>
<b><u>Admins</b> </u><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=1"><b>Admin 1</b></a><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=2"><b>Admin 2 </b></a><br>
</b>
<br><br><u><b>Moderators</u><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=5"><b>Mod 1</b></a> <br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=9"><b>Mod 2</b></a> <br>
<br><u><b>Other Staff</u><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=3"><b>PM 1</b></a> <br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=9"><b>PM 2</b></a> <br>
</span></div></div>
</center>

<div class='maintitle'>Advertise Us! </div></b>
<div class="tablepad"><span class='desc'>
<img src="88x31banner.jpg">
<br>
<br><b><u>Listed At</b></u></b>
<marquee scrolldelay="151"><BR>
<a href="http://www.rpg-directory.com/"
target="_blank"><img src="http://www.img.photobucket.com/albums/v231/ShinLi/RPG%20Life/RPGDirectoryMiniBanner2.gif" alt="RPG-Directory"></a>
 
<a href="http://rpg-directory-home.com/topsite/">
<img src="http://rpg-directory-home.com/topsite/button.php?u=sitename" alt="RPG-Directory Topsite List" border="0" />
</a>
 
</marquee><br>

<textarea class="textinput" readonly="readonly"><a href="http://z8.invisionfree.com/YourSite/index.php?act=idx"
target="_blank"><img src="88x31banner.jpg" alt="Your Site"></a></textarea>
</span></div></div>
</center>

<div class='maintitle'>Credits </div>
<div class="tablepad"><span class='desc'>
Skin ©
<br><br>
Side-bar © <a href="http://rpg-directory.com/">Roswenth</a>

</span></div></div>
<br /></center>
</td>
<td width="720" height="100%" valign=top><%


And here's the CSS

Code:
 

html { overflow-x: hidden; overflow-y: auto; }
.indexonly {display:none;}
form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-size: 10px; font-family:tahoma; color:#3F78AF; margin:0px 0px 0px 9px;background-color:#ffffff; background-image: url()}
TABLE, TR, TD { font-size: 10px; font-family: tahoma; color:black; }
a:link, a:visited, a:active { text-decoration:none; color:black; }
a:hover { color:#6EA4DA; text-decoration:none; cursor:help; font-family: tahoma; }

fieldset.search { padding:6px; line-height:150% }
label { cursor:crosshair; }

img.attach { border:0px; }

.googleroot { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:10px; color: #6EA4DA; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#6EA4DA; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#6EA4DA }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }
.caldate { text-align:right;font-weight:normal;font-size:10px;color:#599CE0;background-color:white;padding:4px;margin:0px }

.warngood { color:green }
.warnbad { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { text-align:center; font-size:30px; font-weight:normal; font-family:georgia; color:#3F78AF; text-transform: lowercase; letter-spacing:6px;}
#calendarname { text-align:center; font-size:30px; font-weight:light; font-family:georgia; color:#599CE0; letter-spacing:6px;}

#photowrap { padding:6px; image-align:right; }
#phototitle { font-size:24px; border-bottom:1px solid #6EA4DA}
#photoimg { text-align:center; margin-top:15px }

#ucpmenu { line-height:150%;width:auto; border-right:3px #6EA4DA; border-top:3px #6EA4DA; border-bottom:3px #6EA4DA; background-color:white; }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color:#FFFFFF; border-top:1px #6EA4DA; border-bottom:1px #6EA4DA; border-left:1px #6EA4DA; line-height:150%; width:800px; }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { background-color:#FFFFFF; padding:0px;margin:0px 0px 0px 0px; }
#submenu { border-bottom:1px #6EA4DA; background-color:#ffffff;font-size:10px;margin:0px 0px 4px 0px;color:#599CE0;font-weight:normal;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:normal; font-size:10px;text-decoration: none; color:#3F78AF; }
#submenu a:hover {font-weight:normal; font-size:10px; text-decoration:none; color:#6EA4DA;}
#userlinks { border-top:1px solid #6EA4DA; border-bottom:1px solid #6EA4DA; background-color::#B6E0F0; padding:2px 0px 0px 0px; }
#userlinks a:hover {color:#6EA4DA;}

#navstrip { font-weight:bold;padding:6px 0px 6px 0px; background-color:FFFFFF;}
#navstrip a:hover {color:#6EA4DA;}

.activeuserstrip { background-color:white; padding:6px }

.pformstrip { background-color:white; color:#599CE0;font-weight:normal;padding:0px;margin:0px 1px 0px 1px; letter-spacing:2px; text-indent:6px; }
.pformleft { background-color:white; padding:6px; margin-top:1px;width:25%; border-top:1px solid #6EA4DA; border-right:1px solid #6EA4DA; }
.pformleftw { background-color:white; padding:6px; margin-top:1px;width:40%; border-top:1px solid #6EA4DA; border-right:1px solid #6EA4DA; }
.pformright { background-color:white; padding:6px; margin-top:1px;border-top:1px solid #6EA4DA; }

.post1 { background-color:white }
.post2 { background-color:white }
.postlinksbar { background-color:white; padding:7px;margin-top:0px;font-size:10px;font-weight:normal;}
.postlinsbar a:link, a:active a:visited {font-weight:normal;}
.postlinksbar a:hover {color:#6EA4DA;}

.row1 { background-color:#FFFFFF }
.row2 { background-color:white }
.row3 { background-color:white }
.row4 { background-color:white }

.darkrow1 { background-color:#3F78AF; color:white; font-size:10px; width:auto }
.darkrow2 { background-color:black; color:white; }
.darkrow3 { background-color:white; color:black;}

.hlight { background-color:white; }
.dlight { background-color:white; }

.titlemedium { font-weight:normal; color:#3F78AF; padding:7px; margin:0px; letter-spacing:5px;text-transform:lowercase;text-align:center; background-color:white; }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration:none; color:papayawhip }
.titlemedium a:hover {color:#6EA4DA;}

.maintitle { vertical-align:middle;font-weight:none; font-family:georgia; color:#FFFFFF; padding:4px 0px 4px 0px;background-color:8FAAB3; text-transform: lowercase; text-align:center; font-size:20px; border: 3px #6EA4DA; letter-spacing: 16px; }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color:#142F38 }
.maintitle a:hover {color:black; font-family: georgia}

.tableborder { background-color:#6EA4DA; padding:0px; margin:0px; width:100%; }
.tablefill { border:1px #DCE8F6; background-color:#DCE8F6; padding:6px; }
.tablepad { background-color:papayawhip; padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px; background-color:white; }

.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:black; }
.edit { font-size: 10px; color:black; }

.signature { font-size: 10px; color:#3F78AF }
.postdetails { font-size: 10px; color:#3F78AF }
.postcolor { font-size: 10px; line-height: 160% }

.normalname { font-size: 10px; font-weight: normal; color:3F78AF; }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 10px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE { font-family: georgia; font-size: 10px; color: #0A2642; background-color:#DCE8F6; border: 1px solid #3F78AF; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: georgia; font-size: 10px; color: #0A2642; background-color:#DCE8F6; border: 1px solid #3F78AF; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: georgia; font-size: 10px; line-height: 10px }

.codebuttons { font-size: 10px; font-family: georgia; vertical-align: middle; border:1px #6EA4DA; color:black; background-color:white;}
.forminput, .textinput, .radiobutton, .checkbox { font-size: 10px; font-family: georgia; vertical-align: middle; background-color:white; border:1px solid #6EA4DA; }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #6EA4DA;border-bottom:1px solid #6EA4DA }

.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }


Can anyone help me?
Edited by theislandlives, Jul 17 2008, 01:51 PM.
Offline Profile Goto Top
 
theislandlives
Member
 *  
nevermind, figure it out myself.
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · zIFBoards - Skinning & Code Support · Next Topic »
Locked Topic