View Full Version: Want to change text colors on my board

ForumStyles > General Questions > Want to change text colors on my board


Title: Want to change text colors on my board
Description: Help!


Ice98 - June 4, 2007 08:01 PM (GMT)
QUOTE
html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img  { vertical-align:middle; border:0px }

BODY { font-family: Tahoma, Arial, sans-serif; font-size: 10px; color: #7d7d7d; margin:0px 10px 0px 10px;background-color:#202020 }

TABLE, TR, TD { font-family: Tahoma, Arial, sans-serif; font-size: 10px; color: #7d7b7b; }

a:link, a:visited, a:active { text-decoration: none; color: #799aac }

a:hover { color: #6a97af; text-decoration:underline }

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

img.attach { border:2px outset #181818;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: #3A4F6C; }
.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:#777;background-color:#DFE6EF;padding:4px;margin:0px; background-image: url(http://209.85.48.8/10009/100/upload/p626367.jpg); }

form div.tableborder td.row1 {
border:0!important; border-top:1px solid #181818!important; border-left:1px solid #181818!important; background: #363636 bottom left no-repeat url(http://209.85.48.8/10009/100/upload/p626528.jpg)!important;
}

form div.tableborder td.row1 .caldate { color: #181818!important; }

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

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

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

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

#ucpmenu    { line-height:150%;width:22%; border:1px solid #181818;background-color: #363636 }

#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }

#ucpcontent { background-color: #363636; border:1px solid #181818;line-height:150%; width:auto }

#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }

#logostrip, #submenu { display:none; }

#userlinks { background: top repeat-x url(http://209.85.48.8/10009/100/upload/p624578.jpg); }




#navstrip { border: 1px solid #181818; background-color: #434343; padding: 3px; }

#navstrip img { display:none; }

.activeuserstrip { background-color:#363636; border: 1px solid #181818; padding:6px }

.pformstrip { font-weight:bold; color:#7d7b7b; padding:3px; margin:0px; background-image: url(http://209.85.48.8/10009/100/upload/p622157.jpg) }

.pformleft  { background-color: #393939; padding:6px; margin-top:1px;width:25%; border-top:1px solid #181818; border-right:1px solid #181818; border-left: 1px solid #181818; }

.pformleftw { background-color: #393939; padding:6px; margin-top:1px;width:40%; border-top:1px solid #181818; border-right:1px solid #181818; }

.pformright { background-color: #393939; padding:6px; margin-top:1px;border-top:1px solid #181818; border-right: 1px solid #181818; }

.postlinksbar { font-weight:bold; color:#7d7b7b; padding:3px; margin:0px; background-image: url(http://209.85.48.8/10009/100/upload/p622157.jpg);
border: 1px solid #181818; border-bottom: 0px; }

.row1, .row2, .row3, .row4, .post1, .post2 { background-color: #363636; border-top: 1px solid #434343; border-left: 1px solid #434343; }

div.row2 { background-color: #363636; border: 1px solid #181818; }


.darkrow1 { background-color: #363636; color:#7b7b7b; border-top: 1px solid #434343; border-left: 1px solid #434343; }

.darkrow2 { font-weight: normal; background: top repeat-x url(http://209.85.48.8/10009/100/upload/p623516.jpg) #343434; padding: 4px 5px; }

.darkrow3 { font-weight: normal; background: top repeat-x url(http://209.85.48.8/10009/100/upload/p623545.jpg) #343434; padding: 4px 5px; }

div.darkrow2 { font-weight: normal; background: top repeat-x url(http://209.85.48.8/10009/100/upload/p625477.jpg) #343434; border: 1px solid #181818; border-top: 0px; }

div.darkrow3 { background-image:none;background-color:#262626;padding: 2px 0px 2px 0px; border:1px solid #262626; border-right: none;}

div.darkrow3 a {background-image: url(http://209.85.48.8/10009/100/upload/p623735.jpg); padding: 2px 6px 2px 6px;border-right:1px solid #262626;}

div.darkrow3 a:hover {background-image: url(http://209.85.48.8/10009/100/upload/p623784.jpg); padding: 2px 6px 2px 6px;border-right:1px solid #262626;text-decoration:none;color:#6a97af}


.hlight { background-color: #434343 }

.dlight { background-color: #363636 }

.titlemedium { font-weight:bold; color:#7d7b7b; padding:3px; margin:0px; background-image: url(http://209.85.48.8/10009/100/upload/p622157.jpg) }

.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #7d7b7b }

.maintitle { vertical-align:middle;font-weight:bold; text-align: center; color:#22495c; letter-spacing:1px; padding:12px 0px 4px 5px; background-image: url(http://z8.invisionfree.com/RS39/index.php?act=Attach&type=post&id=623138) }

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #22495c }

.maintitle a:hover { text-decoration: underline }

.maintitle img { display: none; }

.plainborder { border:1px solid #181818;background-color:#363636 }

.tableborder { background-color:#181818; padding:0px; margin:0px; width:100% }

.tablefill  { border:1px solid #181818;background-color:#363636;padding:6px;  }

.tablepad    { background-color:#363636; border: 1px solid #181818; 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: #363636; border: 1px solid #2e2e2e; padding: 2px;
margin-right: 3px; }

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

.desc { font-size:10px; color:#7d7b7b }
.edit { font-size: 9px }

.signature  { font-size: 10px; color: #7d7b7b }
.postdetails { font-size: 10px }
.postcolor  { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

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

#QUOTE { font-family: Verdana, Arial; font-size: 10px; color: #959494; background-color: #404040; border: 1px solid #181818; border-left: 3px solid #181818; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

#CODE  { font-family: Verdana, Arial; font-size: 10px; color: #959494; background-color: #545454; border: 1px solid #181818; border-left: 3px solid #181818; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons  { font-size: 10px;
font-family: verdana, helvetica, sans-serif; vertical-align: middle;
border: 1px solid #181818; background-color: #373737; background-repeat: repeat-x; background-image:
url(http://209.85.48.8/10009/100/upload/p626010.jpg); color: #959494; }

.forminput, .textinput, .radiobutton, .checkbox  { font-size: 10px;
font-family: verdana, helvetica, sans-serif; vertical-align: middle;
border: 1px solid #181818; background-color: #373737; background-repeat: repeat-x; background-image:
url(http://209.85.48.8/10009/100/upload/p626010.jpg); color: #959494;
}

#ucpcontent textarea { font-size: 10px;
font-family: verdana, helvetica, sans-serif; vertical-align: middle;
border: 1px solid #181818; background-color: #373737; background-repeat: repeat-x; background-image:
url(http://209.85.48.8/10009/100/upload/p626010.jpg); color: #959494;
}

.thin { padding:6px 5px 6px 5px; line-height:140%; margin:2px 0px 2px 0px; border: 1px solid #181818; background: #434343; }

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

/* Custom */

.banner { background-image: url(http://209.85.48.8/10009/100/upload/p624885.jpg); border: 1px solid #181818;
}

.links { font-weight: normal; background: top repeat-x url(http://209.85.48.8/10009/100/upload/p623516.jpg) #343434; padding: 0px 0px 7px 0px; border: 1px solid #181818; border-top: 0px; }

.links a { text-decoration: none; color: #799aac; padding-bottom: 3px; }

.links a:hover { color: #6a97af; text-decoration:underline }

div.row4 { padding:6px 5px 6px 5px; line-height:140%; margin:2px 0px 2px 0px; border: 1px solid #181818; background: #434343; }

select.forminput {
color: #799aac!important;
}

/* Java Styles */


</style>
<script type="text/javascript">
if (location.href.match('showtopic')) {
[ALERT]("<style>div.row2 { border-bottom: 0px; }</style>") }

if (location.href.match('act=UserCP&CODE')) {
[ALERT]("<style>.maintitle { display:none }</style>") }

if (location.href.match('act=Msg&CODE')) {
[ALERT]("<style>.maintitle { display:none }</style>") }

if (location.href.match('act=warn&mid')) {
[ALERT]("<style>.maintitle { display:none }</style>") }

if (location.href.match('showuser')) {
[ALERT]("<style>.maintitle { display:none }</style>") }

if (location.href.match('showtopic')) {
[ALERT]("<style>div.row2 { border-top: 0px; }</style>") }
</script>
<style>


Board is here: www.urlcut.com/clanka

i want to know what to change in order to change base post text color from the gray to white,

it looks find for the most part, but some people on bad monitors have contrast issues

Ian - June 4, 2007 08:08 PM (GMT)
Change
QUOTE
.forminput, .textinput, .radiobutton, .checkbox  { font-size: 10px;
font-family: verdana, helvetica, sans-serif; vertical-align: middle;
border: 1px solid #181818; background-color: #373737; background-repeat: repeat-x; background-image:
url(http://209.85.48.8/10009/100/upload/p626010.jpg); color: #959494;
}


To

QUOTE
.forminput, .textinput, .radiobutton, .checkbox  { font-size: 10px;
font-family: verdana, helvetica, sans-serif; vertical-align: middle;
border: 1px solid #181818; background-color: #373737; background-repeat: repeat-x; background-image:
url(http://209.85.48.8/10009/100/upload/p626010.jpg); color: #ffffff;
}




Hosted for free by InvisionFree