Boa tarde,
Estou tentando tirar as bordas do meu panel, só que não está funcionando e não entendo o porque.
*O arquivo do css está sendo chamado no template.
Segue os códigos:
css:
.centralizado{
text-align:center;
margin: 0;
padding: 0;
text-align:left;
margin: 0 auto;
border-bottom:none !important;
border-left:none !important;
border-top:none !important;
border-right:none !important;
}
xhtml:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://java.sun.com/jsf/core">
<ui:composition id="composicao" template="/template.xhtml">
<!-- <ui:define name="title">
<h:outputText value="#{bundle.CreateAicTitle}"> </h:outputText>
</ui:define> -->
<ui:define name="body">
<f:view>
<f:metadata>
<f:viewParam name="codigo" value="#{aicController.selected}" />
</f:metadata>
<h:outputScript name="js/locale-primefaces.js"/>
<h:outputScript name="js/jquery.maskMoney.js"/>
<script type="text/javascript">
$(document).ready(format);
function format() {
jQuery('input[id*=cd]').unmaskMoney();
jQuery('input[id*=cd]').maskMoney({symbolStay: false, symbol: "R$ ", decimal: "", thousands: "", showSymbol: false});
jQuery('input[id*=odex]').unmaskMoney();
jQuery('input[id*=odex]').maskMoney({symbolStay: false, symbol: "R$ ", decimal: "", thousands: "", showSymbol: false});
jQuery('input[id*=valor]').unmaskMoney();
jQuery('input[id*=valor]').maskMoney({symbolStay: false, symbol: "R$ ", decimal: ",", thousands: ".", showSymbol: true, precision: 2 });
}
</script>
<h:form id="form">
<p:panel styleClass="centralizado" header="#{bundle.CreateAicTitle}" style="margin-top: 10px; width: 1024px; border: 0">
<h:panelGrid width="100%" columnClasses="colunaTabela50, colunaTabela50" columns="2">
<h:outputLabel value="#{bundle.CreateAicLabel_odex}" for="odex" />
<h:outputLabel value="#{bundle.CreateAicLabel_descricaoOdex}" for="descricaoOdex" />
<p:inputText id="odex" required="true" style="position: absolute" maxlength="255" value="#{aicController.selected.odex}" title="#{bundle.CreateAicTitle_odex}" requiredMessage="Prenche o campo Odex"/>
<p:inputTextarea id="descricaoOdex" rows="6" cols="43" value="#{aicController.selected.descricaoOdex}" title="#{bundle.CreateAicTitle_descricaoOdex}" required="true" requiredMessage="Preencha o campo #{bundle.CreateAicTitle_descricaoOdex}"/>
</h:panelGrid>
<h:panelGrid width="100%" columnClasses="colunaTabela50, colunaTabela50" columns="2">
<h:outputLabel value="#{bundle.CreateAicLabel_cr}" for="cr" />
<h:outputLabel value="#{bundle.CreateAicLabel_odi}" for="odi" />
<p:autoComplete id="cr" forceSelection="true" value="#{aicController.selected.cr}"
maxResults="8" size="30" dropdown="true" required="true" requiredMessage="Preencha o campo CR"
var="cr" itemLabel="#{cr.cr}#{cr.idArea.area}#{cr.idDepartamento.departamento}" itemValue="#{cr}"
completeMethod="#{crController.completeCreate}" converter="crConverter"/>
<p:inputNumber id="odi" value="#{aicController.selected.odi}" title="#{bundle.CreateAicTitle_odi}" decimalPlaces="0" thousandSeparator=""/>
</h:panelGrid>
<h:panelGrid width="100%" columns="3">
<h:outputLabel value="#{bundle.CreateAicLabel_valor}" for="valor" />
<h:outputLabel value="#{bundle.CreateAicLabel_interessado}" for="interessado" />
<h:outputLabel value="#{bundle.CreateAicLabel_obrasTerceiro}" for="obrasTerceiro" />
<p:inputText id="valor" value="#{aicController.selected.valor}" title="#{bundle.CreateAicTitle_valor}" required="true" requiredMessage="Preencha o campo Valor." >
<f:convertNumber pattern="#,##0.00"/>
</p:inputText>
<p:inputText id="interessado" value="#{aicController.selected.interessado}" title="#{bundle.CreateAicTitle_interessado}" required="true" requiredMessage="Preencha o campo #{bundle.CreateAicTitle_interessado}"/>
<p:selectOneMenu id="obrasTerceiros" value="#{aicController.selected.obrasTerceiros}" title="#{bundle.CreateAicTitle_obrasTerceiro}" >
<f:selectItem itemLabel="Sim" itemValue="Sim"/>
<f:selectItem itemLabel="#{bundle.MenuSelectionNao}" itemValue="#{bundle.MenuSelectionNao}"/>
</p:selectOneMenu>
</h:panelGrid>
<h:panelGrid width="100%" columns="3">
<h:outputLabel value="#{bundle.CreateAicLabel_dataAvisoConclusao}" for="dataAvisoConclusao" />
<h:outputLabel value="#{bundle.CreateAicLabel_statusAvisoConclusao}" for="statusAvisoConclusao" />
<h:outputLabel value="#{bundle.CreateAicLabel_dataEnergizacao}" for="dataEnergizacao" />
<p:calendar locale="pt" pattern="dd/MM/yyyy" id="dataAvisoConclusao" value="#{aicController.selected.dataAvisoConclusao}" title="#{bundle.CreateAicTitle_dataAvisoConclusao}" required="true" requiredMessage="Preencha o campo #{budle.CreateAicTitle_dataAvisoConclusao}"/>
<p:inputText id="statusAvisoConclusao" value="#{aicController.selected.statusAvisoConclusao}" title="#{bundle.CreateAicTitle_statusAvisoConclusao}" required="true" requiredMessage="Preencha o campo #{bundle.CreateAicTitle_statusAvisoConclusao}"/>
<p:calendar locale="pt" pattern="dd/MM/yyyy" id="dataEnergizacao" value="#{aicController.selected.dataEnergizacao}" title="#{bundle.CreateAicTitle_dataAvisoConclusao}" required="true" requiredMessage="Preencha o campo #{budle.CreateAicTitle_dataEnergizacao}"/>
</h:panelGrid>
<h:panelGrid width="100%" columns="3">
<h:outputLabel value="#{bundle.CreateAicLabel_dataInicio}" for="dataInicio" />
<h:outputLabel value="#{bundle.CreateAicLabel_dataFim}" for="dataFim" />
<h:outputLabel value="#{bundle.CreateAicLabel_dataRef}" for="dataRef" />
<p:calendar locale="pt" pattern="dd/MM/yyyy" id="dataInicio" value="#{aicController.selected.dataInicio}" title="#{bundle.CreateAicTitle_dataInicio}" required="true" requiredMessage="Preencha o campo #{budle.CreateAicTitle_dataInicio}"/>
<p:calendar locale="pt" pattern="dd/MM/yyyy" id="dataFim" value="#{aicController.selected.dataFim}" title="#{bundle.CreateAicTitle_dataFim}" required="true" requiredMessage="Preencha o campo #{budle.CreateAicTitle_dataFim}"/>
<p:inputMask mask="aaa/9999" id="dataRef" placeholder="JAN/2018" onblur="value=value.toUpperCase()" maxlength="255" value="#{aicController.selected.dataRef}" title="#{bundle.CreateAicTitle_dataRef}" required="true" requiredMessage="Preencha o campo #{CreateAicTitle_dataRef}" />
</h:panelGrid>
<h:panelGrid width="100%" columnClasses="colunaTabela50, colunaTabela50" columns="2">
<h:outputLabel value="#{bundle.CreateAicLabel_municipio}" for="municipio" />
<h:outputLabel value="#{bundle.CreateAicLabel_statusSgt}" for="statusSgt" />
<p:inputText id="municipio" value="#{aicController.selected.municipio}" title="#{bundle.CreateAicTitle_municipio}" required="true" requiredMessage="Preencha o campo #{bundle.CreateAicTitle_municipio}"/>
<p:inputText id="statusSgt" value="#{aicController.selected.statusSgt}" title="#{bundle.CreateAicTitle_statusSgt}" required="true" requiredMessage="Preencha o campo #{bundle.CreateAicTitle_statusSgt}"/>
</h:panelGrid>
<h:panelGrid width="100%" columns="1">
<h:outputLabel value="#{bundle.CreateAicLabel_idClassTaxonomia}" for="idClassTaxonomia" />
<p:autoComplete id="idClassTaxonomia" forceSelection="true" value="#{aicController.selected.idClassTaxonomia}"
maxResults="5" size="125" dropdown="true" required="true" requiredMessage="Preencha o campo Taxonomia ENEL"
var="taxonomia" itemLabel="#{taxonomia.processDescriptions}#{taxonomia.enelFastClosing}" itemValue="#{taxonomia}"
completeMethod="#{classTaxonomiaController.complete}" converter="classTaxonomiaConverter"/>
</h:panelGrid>
</p:panel>
<p:panel styleClass="centralizado" header="#{bundle.acoes}" style="margin-top: 10px; width: 1024px;">
<h:panelGrid style="text-align: center" columns="3" width="100%">
<p:commandButton id="botaoSalvar" icon="ui-icon-disk" action="#{aicController.create}" value="#{bundle.CreateAicSaveLink}" ajax="false" />
<p:commandButton id="botaoConsultar" icon="ui-icon-search" action="#{aicController.prepareList}" value="#{bundle.CreateAicShowAllLink}" ajax="false" immediate="true"/>
<p:commandButton id="botaoNovo" icon="ui-icon-document" value="#{bundle.novo}" action="#{aicController.prepareCreate}" ajax="false" immediate="true"/>
</h:panelGrid>
</p:panel>
</h:form>
</f:view>
</ui:define>
</ui:composition>
</html>
Apesar disso, ainda fica igual na imagem a seguir:
