|
theislandlives
|
Jul 17 2008, 01:48 PM
Post #1
|
- Posts:
- 2
- Group:
- Members
- Member
- #171,949
- Joined:
- July 17, 2008
|
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?
|
|
theislandlives
|
Jul 17 2008, 02:10 PM
Post #2
|