Need help with html type codes?

[braxton]

I have this app on my ipod touch called textfree unlimited, and recently I found out I could mess with the images and other things on there and decided to make my texting app look cooler. So I have the images and stuff down, but now I want to change the font color for sent and received texts. That's where I need help. I experimented with this code, and kind of just gave up. Somebody please find that in this html script thing:

/**
* burnout_theme
*/

* {
-webkit-user-select: none;
}

body {
background-color:rgba(1,1,255,0);
}

.date_class {
width: 50%;
margin-left: 25%;

text-shadow: -1px 0px 0px #FFFFFF, -1px -1px 0px #FFFFFF, 0px -1px 0px #FFFFFF, 1px -1px 0px #FFFFFF, 1px 0px 0px #FFFFFF, 1px 1px 0px #FFFFFF, 0px 1px 0px #FFFFFF, -1px 1px 0px #FFFFFF;
font-size: 14px;
font-weight: bold;
font-family: helvetica;

text-align:center;
color: rgb(0, 0, 0);

display:block;
height: 12px;

margin-top:2px;
margin-bottom:6px;
}

.ad_class {
font-size: 14px;
display:none;
text-align: center;
width: 100%;
}

.error_container {
color: red;
font-family: helvetica;
font-size: 14px;
padding-left: 10px;
padding-right: 5px;
}

.msgcontent {
word-wrap:break-word;
font-family: helvetica;
font-size: 16px;
font-weight: bold;
margin-bottom: -12;
}

.friend_bubble {
margin-right: 25%;
margin-bottom: 3px;
border-width: 12 15 24 25;
}

.friend_light {
-webkit-border-image: url('burnout_left.png') 12 15 24 25 stretch stretch;
}

.friend_light_hires {
-webkit-border-image: url('burnout_left.png') 12 15 24 25 stretch stretch;
}

.friend_dark {
-webkit-border-image: url('burnout_left_dark.png') 12 15 24 25 repeat repeat;
}

.friend_dark_hires {
-webkit-border-image: url('burnout_left_dark.png') 12 15 24 25 repeat repeat;
}

.friend_bubble .msgcontent {
margin: -8 -10 -7 5;
color: rgb(102, 102, 102);
}

.user_bubble {
margin-left: 25%;
margin-bottom: 3px;
border-width: 12 25 24 15;
}

.user_light {
-webkit-border-image: url('burnout_right.png') 12 25 24 15 stretch stretch;
}

.user_light_hires {
-webkit-border-image: url('burnout_right.png') 12 25 24 15 stretch stretch;
}

.user_dark {
-webkit-border-image: url('burnout_right_dark.png') 12 25 24 15 repeat repeat;
}

.user_dark_hires {
-webkit-border-image: url('burnout_right_dark.png') 12 25 24 15 repeat repeat;
}

.user_bubble .msgcontent {
margin: -8 -10 -4 3;
color: rgb(0, 0, 0);
}

img {
margin-bottom:-4px;
height: 20px;
width: 20px;
}

div#ad_container img {
width: auto;
height: auto;
}

a#more_link:link {
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
}

a#more_link:link {
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
}

a#more_link {
background-image:url('Load_Earlier_Messages_BTN.png');
width:302px;
height:33px;
display:block;
}

@-webkit-keyframes fade
{
0% { opacity: 0.8; }
50% { opacity: 0.5; }
100% { opacity: 1; }
}

.fading {
-webkit-animation-iteration-count: infinite;
-webkit-animation-name: fade;
-webkit-animation-duration: 2s;
}