RichFaces tablePanel styles .rf-tab
Hi, im just switch to the new
RichFaces 4.3.1.Final Released
and I have no idea how to eliminate this border and background on the tab
can any one please help me
Thanks
-
1. Re: RichFaces tablePanel styles .rf-tab
This tab is generated by
<rich:tabPanel switchType="client" styleClass="navigation"
activeItem="#{demoNavigator.currentSample.id}"
onbeforeitemchange="return false;">
and styleClass="navigation" is found on application.css
/*--- RichFaces tablePanel styles overwriting ---*/
.navigation .rf-tab-hdr-tabline-vis{
background:#F5F9FA;
border:0;
height:31px;
padding:0;
}
.navigation .rf-tab-hdr{
border:1px solid #dddddd; /*borde gris del tab en demo*/
padding:6px 10px 0;
margin-right: 3px;
}
.navigation .rf-tab-hdr-act{
background:#ffffff;
border-bottom:0;
color:#5F9CD0;
}
.navigation .rf-tab-hdr-act .rf-tab-lbl{
font-weight:bold;
}
.navigation .rf-tab-hdr-inact{
background:#c6cacc url(../images/pmenu_bg.png) left top repeat-x;
border:1px solid #bec3c7;
}
.navigation .rf-tab-hdr-spcr{
border-bottom:1px solid #dddddd;
padding:0 3px 0 0;
}
.navigation .rf-tab-lbl{
font:normal 12px "Lucida Sans Unicode", "Lucida Grande", Geneva,Verdana,Arial,sans-serif;
}
textarea[disabled], input[type="text"][disabled], input[type="password"][disabled], select[disabled] {
-webkit-text-fill-color: #B6AD84;
}
I have try this..
/*Tabs*/
.rich-tab-active {
border: 0px;
}
.rich-tab-disabled{
border: 0px;
}
.rich-tab-header{
border: 0px;
}
navigation .rf-tbp {
border:0px;
}
but I can't get it.