oi gente, ainda sou bem iniciante no jsf, mas já estou utilizando ele para estudo. Estou tentando criar um sistema de demanda para o meu pai utilizar com os amigos da federação de remo. Fiz um template que já está funcional, e eu inclusive estou utilizando em outras páginas, mas todas elas o etilo do template já está tomando conta. Agora eu fiz um formulário mas não consigo importar um css para dentro dele. Eu adiciono a referência no html:
<link rel="stylesheet" href="css/adiciona.css" media="all" />
ou
<style type="text/css">
@import "css/adiciona.css";
</style>
e nenhuma delas surte efeito ou sequer é adicionado ao código fonte da página no final.
este é o código do formulário:
<ui:composition template="http://localhost:8080/Padrao/template/modelo.xhtml"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.prime.com.tr/ui"
xmlns:f="http://java.sun.com/jsf/core">
<ui:define name="menu">
<a href="#">Nova Demanda</a><br/>
<a href="#">Listar Demandas</a><br/>
</ui:define>
<ui:define name="conteudo">
<p:panel header="Adicionar Nova Demanda" style="margin: 0 auto;">
<h:form style="width: 100%; margin: 0 auto 0 auto;">
<h:panelGrid columns="2">
<h:panelGroup styleClass="htitulo">
<h:outputLabel value="Título" for="tx_titulo"/><br/>
<p:inputText id="tx_titulo" styleClass="tx_titulo"/>
</h:panelGroup>
<h:panelGroup>
<h:outputLabel value="Data" for="tx_data"/><br/>
<p:calendar id="tx_data"/>
</h:panelGroup>
</h:panelGrid>
<h:outputLabel value="Descrição" for="ta_descricao"/><br/>
<p:inputTextarea id="ta_descricao" style="width: 100%;"/>
<h:panelGrid columns="4">
<h:panelGroup>
<h:outputLabel value="Responsaveis" for="cb_responsavel"/><br/>
<select id="cb_responsavel">
<option>------------</option>
</select>
</h:panelGroup>
<h:panelGroup>
<h:outputLabel value="Status" for="cb_status"/><br/>
<select id="cb_status">
<option>------------</option>
<option>Pendente</option>
<option>Cancelado</option>
<option>Finalizado</option>
<option>Reaberto</option>
</select>
</h:panelGroup>
<h:panelGroup>
<h:outputLabel value="Prazo" for="cb_prazo"/><br/>
<select id="cb_prazo">
<option>------------</option>
<option>Pendente</option>
<option>Cancelado</option>
<option>Finalizado</option>
<option>Reaberto</option>
</select>
</h:panelGroup>
<h:panelGroup>
<h:outputLabel value="Classificação" for="cb_classifica"/><br/>
<select id="cb_classifica">
<option>------------</option>
<option>Pendente</option>
<option>Cancelado</option>
<option>Finalizado</option>
<option>Reaberto</option>
</select>
</h:panelGroup>
</h:panelGrid>
<p:commandButton value="Salvar"/>
</h:form>
</p:panel>
</ui:define>
</ui:composition>
como eu adiono o css nesse caso?