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:
Add Reply
Need help changing border colors.
Topic Started: Sep 16 2013, 06:15 PM (770 Views)
walkonthemoon
Member
 *  
I know this has a simple fix, but I can't figure it out or find it so I'm asking for help.
What I want to do is change the border color (if I can't take it off) of the tables within the forum boards. I want the thin borders to blend into the forum boards' main color which is #f4f4f4.
So this means the thin borders that are within forum categories (the separate the name of the board, thread amounts, etcs.), the thin borders that surround a forum topic (that separate the topic name, views, etc.), and the thin borders that pop up when you view a thread (that separate the .postdetails areas, username and actual post).

These are the specific ones I'm talking about:
http://img.photobucket.com/albums/v703/pr_teen25/FORUMHELP1_zps4aaa19e0.png
http://img.photobucket.com/albums/v703/pr_teen25/FORUMHELP2_zpsed5ebac1.png
http://img.photobucket.com/albums/v703/pr_teen25/FORUMHELP3_zps53619bfd.png


I've looked at my code and tried cross referencing it with other layouts, but I'm completely confused now and I don't know what to look for.
Help would greatly be appreciated!


This is a link to my site: http://z13.invisionfree.com/our_vitality/index.php?act=idx


And the CSS that I have is here:
Code:
 
html { overflow-x: hidden; overflow-y: auto; }
form { display:inline; }
img { vertical-align:middle; border:0px }

BODY { font-family: Geneva, sans-serif; font-size: 12pt; color: #8C8474; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; background-image: url('http://img.photobucket.com/albums/v703/pr_teen25/Vitality/LAYOUT/darkbrownstripea1_zpse7a81c0f.png'); background-repeat: repeat; background-attachment:fixed; background-color:#403a35; }
TABLE, TR, TD { font-family: Geneva, sans-serif; font-size: 12px; color: #1A1917; }
a:link, a:visited, a:active { text-decoration: none; font-family: Book Antiqua; font-size: 11px; font-weight:bold; color: #1A1917; }
a:hover { color: #dadada; text-decoration: none; font-family: Book Antiqua; font-size: 11px; }

.sidebarlinks a:link, .linksb a:visited { width: 185px; height: 10px; margin-top: 2px; background: #a15b32; display:block; color: #000; font-size: 10px; font-family: calibri; text-align:left; opacity: .9; letter-spacing:1px; text-transform: uppercase; padding:2px;}
.sidebarlinks a:hover {color:#b79953; background: #000000; background-image:url(http://img.photobucket.com/albums/v703/pr_teen25/Vitality/LAYOUT/brownstripea3_zps138013ff.png); opacity: 1.0;}
.imagetexts { display: inline; font-family: calibri; font-size: 10px; text-transform: uppercase; padding: 3px; background-color: #f4f4f4; text-align: center; margin-right: 1px; color: #000; }

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

img.attach { border:2px outset #EEF2F7;padding:2px }

.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:11px; color: #45433D; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }

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:bold;font-size:11px;color:#763113;background-color:#d9cbad;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 { vertical-align:middle;font-weight:bold; color:#b79953; font-size:12px; text-transform:uppercase; text-align:center; letter-spacing:5px; text-shadow: #333333 1px 1px 1px; line-height:100%; padding:5px 0px 5px 3px; background-color:#45433D; border-top: 1px solid #EBEBFF; border-bottom: 1px solid #EBEBFF; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { vertical-align:middle;font-weight:bold; color:#b79953; font-size:12px; text-transform:uppercase; text-align:center; letter-spacing:5px; text-shadow: #333333 1px 1px 1px; line-height:100%; padding:5px 0px 5px 3px; background-color:#45433D; border-top: 1px solid #EBEBFF; border-bottom: 1px solid #EBEBFF; }
#photoimg { text-align:center; margin-top:15px }

#ucpmenu { line-height:150%;width:22%; border:1px solid #1A1917;background-color: #f4f4f4}
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #f4f4f4; border:1px solid #1A1917;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }


#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #1A1917;background-color: #f4f4f4;background-color:#f4f4f4;padding:0px;margin:0px; }
#submenu { display: none;}
#submenu a:link, #submenu a:visited, #submenu a:active { display: none; }
.submenu { display:inline }
#userlinks, .submenu a { border:1px solid #393939; background-color: #4C4A45; color: #B79953; font-weight: bold; padding: 2px 5px 2px 5px; text-shadow: #333333 1px 1px 1px; -webkit-box-shadow: 0px 1px 2px 0px #333333; -moz-box-shadow: 0px 1px 2px 0px #333333; }
#userlinks a:hover, .submenu a:hover { background-color: #4C4A45; color: #B79953; padding: 2px 5px 2px 5px;}
#userlinks a { background-color: #4C4A45; color: #B79953; font-weight: bold; padding: 2px 5px 2px 5px; text-shadow: #333333 1px 1px 1px; }

.activeuserstrip { background-color: #45433D; color:#b79953; font-size:9px; padding:6px }
.activeuserstrip a:link, .activeuserstrip a:active, .activeuserstrip a:visited { color:#b79953; text-shadow: #333333 1px 1px 1px; }

.pformstrip { font-weight:bold; color:#3A3834; font-size:10px; text-transform:lowercase; text-align:left; line-height:90%; padding:3px; margin:3px; background-image:url(http://img.photobucket.com/albums/v703/pr_teen25/Vitality/LAYOUT/HEADERSB_zps65d95f07.png);}
.pformstrip a:link, .pformstrip a:visited { font-weight:bold; color:#ffffff; font-size:10px; text-transform:lowercase; text-align:left; line-height:90%; padding:3px; margin:3px;}
.pformleft { background-color: #f4f4f4; padding:6px; margin-top:1px;width:25%; border-top:1px solid #f4f4f4; border-right:1px solid #f4f4f4; }
.pformleftw { background-color: #f4f4f4; padding:6px; margin-top:1px;width:40%; border-top:1px solid #f4f4f4; border-right:1px solid #f4f4f4; }
.pformright { background-color: #f4f4f4; padding:6px; margin-top:1px;border-top:1px solid #f4f4f4; }

.post1 { background-color: #f4f4f4}
.post2 { background-color: #f4f4f4}
.postlinksbar { background-color:#f4f4f4; line-height:90%; padding:3px; margin-top:1px; font-size:10px; color:#d7d7d7;}

.row1 { background-color: #f4f4f4}
.row2 { background-color: #f4f4f4; border:0px; }
.row3 { background-color: #f4f4f4}
.row4 { background-color: #f4f4f4; font-size:10px; border:0px; }

.darkrow1 { background-color: #45433D; color:#b79953; border-top:1px solid #1A1917; border-right:1px solid #1A1917; font-size:9px; }
.darkrow2 { background-color: #45433D; color:#b79953; font-size:9px; }
.darkrow3 { background-color: #676562; color:#45433D; }

.hlight { background-color: #ffffff}
.dlight { background-color: #f4f4f4}

.titlemedium { font-weight:bold; color:#2e2e2e; font-size:9px; text-transform:uppercase; text-align:center; line-height:100%; padding:0px; margin:0px; background: #28311c; background-image:url(http://img.photobucket.com/albums/v703/pr_teen25/TEST1b_zps1b93a0af.png); }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { font-weight:bold; color:#b79953; font-size:10px; text-transform:uppercase; text-align:center; letter-spacing:3px; text-shadow: #333333 1px 1px 1px; line-height:90%; padding:0px; margin:0px; background: #2e2e2e; }

#navstrip, .maintitle { vertical-align:middle;font-weight:bold; color:#b79953; font-size:10px; text-transform:lowercase; text-align:center; letter-spacing:3px; text-shadow: #333333 1px 1px 1px; line-height:100%; padding:5px 0px 5px 3px; background-color:#45433D; border-top: 1px solid #EBEBFF; border-bottom: 1px solid #EBEBFF; }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; font-weight:bold; color: #b79953; text-align:center; font-size:14px; }
.maintitle a:hover { font-weight:bold; text-align:center; color: #dadada; }
#navstrip a:link, #navstrip a:visited, #navstrip a:active { text-decoration: none; font-weight:bold; color: #b79953; text-align:center; font-size:10px; }


.plainborder { border:1px solid #3C3B39; background-color:#676562 }
.tableborder { border:1px solid #3C3B39; background-color:#545350; padding:0px; margin:0px; width:100% }
.tablefill { background-color:#e6e6e6; padding:6px; }
.tablepad { background-color:#f4f4f4; padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

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

.desc { font-size:10px; color:#33322d}
.edit { font-size: 9px }

.signature { font-size: 10px; color: #1A1917 }
.postcolor { font-size: 12px; line-height: 160% }
.postdetails { display:block; text-align:center; line-height: 1; font-size: 9px; background-color:#e6e6e6; padding:15px; border:4px solid #F4F4F4; }
.postdetails a:link, .postdetails a:visited, .postdetails a:active { text-decoration: none; font-family: Book Antiqua; font-size: 11px; font-weight:bold; color: #1A1917; }
.postdetails a:hover { color: #dadada; text-decoration: none; font-family: Book Antiqua; font-size: 11px; }

.normalname { font-size: 12px; font-weight: bold; color: #000000; text-align:center; letter-spacing:3px; text-shadow: #404040 1px 1px 1px; line-height:100%;}
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px; text-align:center; letter-spacing:3px; text-shadow: #333333 1px 1px 1px; line-height:100%; }
.unreg { font-size: 11px; font-weight: bold; text-align:center; color: #900 }

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

#QUOTE { outline: 1px solid #676562; background-color: #d9cbad; width: 400px; margin: 100px auto; Geneva; font-size: 11px; text-align: justify; color: #171413; padding: 20px; -webkit-box-shadow: 2px 2px 2px #222222; -moz-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #464646;}

#CODE { outline: 1px solid #676562; background-color: #e9e9e9; width: 400px; margin: 100px auto; Geneva; font-size: 11px; text-align: justify; color: #201713; padding: 20px; -moz-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #222222;}

.copyright { font-family: Geneva; font-size: 9px; line-height: 12px }

.codebuttons { background-color: #f4f4f4; border: 1px solid #45433D; font-size: 10px; font-family: Geneva; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox { background-color:#d9cbad; border: 1px solid #676562; font-size: 10px; font-family: Geneva, sans-serif; vertical-align: middle; -moz-box-shadow: 2px 2px 2px #464646; box-shadow: 2px 2px 2px #737373; }

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

.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 }

.forumtable { background-color: #87847b; background-image:url('http://img.photobucket.com/albums/v703/pr_teen25/Vitality/LAYOUT/brownstripea3_zps138013ff.png');border:1px solid #ac9c76; -webkit-box-shadow: 0px 2px 3px 0px #181816; -moz-box-shadow: 0px 2px 3px 0px #181816; }


.staffimage { opacity: 0;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s; overflow: auto; width: 160px; height: 40px; padding: 5px; overflow: auto; color: #000000; background-color: #ffffff; -moz-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #464646;} .staffimage:hover { opacity: 0.9; }

.forumimage { opacity: 0;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s; overflow: auto; width: 420px; height: 110px; padding: 5px; overflow: auto; color: #000000; background-color: #ffffff; -moz-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #464646;} .forumimage:hover { opacity: 0.9; }



.subnav {background: #f4f4f4; width:420px; float:right; padding:2px; text-align: right; font-family: Geneva, sans-serif; font-weight:normal; font-size:7px; }

/* Forum Description Links Code by BB @ http://rpg-directory.com */

.subnav a:link, .subnav a:visited, .subnav a:active { font-family: Geneva, sans-serif; color:#1A1917; text-transform:lowercase; border:1px solid #57554f; padding:0px 2px 0px 2px; margin:0px 2px 10px 2px; background:#d9cbad; -moz-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #464646;}

.subnav a:hover { color:#1A1917; border: 0px; padding:0px 2px 0px 2px; margin:0px 2px 10px 2px; background: #f4f4f4; -moz-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #464646;}
Offline Profile Quote Post Goto Top
 
walkonthemoon
Member
 *  
Nevermind! I figured it out.
All I had to do was add in another code into the stylesheet and place DIV id tags next to the board script in the board wrappers so the code knew what to be applied to.

Thanks anyway guys! Have a great day. <3
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · zIFBoards - Skinning & Code Support · Next Topic »
Add Reply