CSS Question (see through block)

I added a free chat mod in the marketplace, everything works perfect! the only prob for me is its to apparent to the eye, I would like it more "see through" or transparent so it doesent stand out. I know its an easy fix, i just cant figuer it out. I thought changeing : (opacity=85);opacity:.90 to (opacity=20);opacity:.02 would help but it did NOTHING. anyone know??

 

 

/*simple chat mod styles*/
.schat_panel div.simple_messenger_chat_block{text-align:left;float:left;width:120px}
.schat_panel div.simple_messenger_chat_block div.messages_history{top:0;left:112px;height:175px;border-bottom:1px solid #B7B7B7}
.schat_panel{z-index:100;position:fixed;top:75px;left:0;display:none;background:1px solid #111;-moz-border-radius-topright:20px;-webkit-border-top-right-radius:20px;-moz-border-radius-bottomright:20px;-webkit-border-bottom-right-radius:20px;width:120px;height:auto;filter:alpha(opacity=85);opacity:.90;padding:20px 20px 40px 60px;min-height:85px}
.schat_panel p{color:#ccc;margin:0 0 15px;padding:0}
.schat_panel a,.schat_panel a:visited{color:#9FC54E;text-decoration:none;border-bottom:1px solid #9FC54E;margin:0;padding:0}
.schat_panel a:hover,.schat_panel a:visited:hover{color:#fff;text-decoration:none;border-bottom:1px solid #fff;margin:0;padding:0}
a.schat_trigger{display:block ! important}
a.schat_trigger{z-index:100;position:fixed;text-decoration:none;top:80px;left:0;font-size:16px;letter-spacing:-1px;font-family:verdana, helvetica, arial, sans-serif;color:#fff;font-weight:700;background:#333 url(../images/plus.png) 45% 85% no-repeat;border:1px solid #444;-moz-border-radius-topright:20px;-webkit-border-top-right-radius:20px;-moz-border-radius-bottomright:20px;-webkit-border-bottom-right-radius:20px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;display:block;padding:20px 20px 40px 15px}
a.schat_trigger:hover{position:fixed;text-decoration:none;top:80px;left:0;font-size:16px;letter-spacing:-1px;font-family:verdana, helvetica, arial, sans-serif;color:#fff;font-weight:700;background: #222 url(../images/plus.png) 50% 85% no-repeat;border:1px solid #444;-moz-border-radius-topright:20px;-webkit-border-top-right-radius:20px;-moz-border-radius-bottomright:20px;-webkit-border-bottom-right-radius:20px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;display:block;padding:20px 20px 40px}
a.active.schat_trigger{background:#222 url(../images/minus.png) 50% 85% no-repeat}

Quote · 25 Mar 2011

use the word Transparent in place of the color you are trying to make transparent ?

or make the .png

more transparent in image editor

happy thoughts

Quote · 25 Mar 2011
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.