git-svn-id: https://svn.bento.ifrs.edu.br/default/ASES/ASES%20-%20Web/ASES%20-%2…

…0Web/Fontes/avaliador-web@10686 c2178572-b5ca-4887-91d2-9e3a90c7d55b

git-svn-id: https://svn.bento.ifrs.edu.br/default/ASES/ASES%20-%20Web/ASES%20-%2…
…0Web/Fontes/avaliador-web@10686 c2178572-b5ca-4887-91d2-9e3a90c7d55b
higo.gomes
1 parent f1abc9f6
Showing 3 changed files with 73 additions and 37 deletions Show diff stats
src/main/webapp/WEB-INF/tags/baseLayout.tag
src/main/webapp/WEB-INF/tags/listaResultado.tag
src/main/webapp/inicial_arquivos/css/barra_brasil.css
 <%@ tag language="java" pageEncoding="UTF-8"%>
 <%@attribute name="body" fragment="true"%>
  
-<!DOCTYPE html>
+<!DOCTYPE             html>
 <html lang="pt-BR">
 <head>
 <meta charset="UTF-8" />
@@ -44,7 +44,10 @@
 			<link rel="stylesheet" type="text/css"
 	href="${pageContext.request.contextPath}/inicial_arquivos/css/perguntasFrequentes.css"
 	media="screen">
-
+	
+		<link rel="stylesheet" type="text/css"
+	href="${pageContext.request.contextPath}/inicial_arquivos/css/barra_brasil.css"
+	media="screen">
  
 <link rel="stylesheet" type="text/css"
 	href="${pageContext.request.contextPath}/inicial_arquivos/css/breadcrumb.css"
@@ -59,7 +62,7 @@
  
 <body>
  
-	<header role="banner">
+	<header id="topoPagina">
 		<div>
 			<div id="topo">
 				<ul id="accessibility">
@@ -75,7 +78,7 @@
 					<li id="siteaction-accessibility"><a
 						href="${pageContext.request.contextPath}/acessibilidade"
 						accesskey="3">ACESSIBILIDADE</a></li>
-					<li id="altoContraste"><a href="#contraste" accesskey="4">ALTO
+					<li id="altoContraste"><a accesskey="4">ALTO
 							CONTRASTE</a></li>
 					<li id="siteaction-mapadosite"><a
 						href="${pageContext.request.contextPath}/mapa-site"
@@ -83,24 +86,21 @@
 				</ul>
 			</div>
  
-			<div id="barra-brasil"
-				style="background: #7F7F7F; height: 20px; padding: 0 0 0 10px; display: block;">
-				<ul id="menu-barra-temp" style="list-style: none;">
-					<li
-						style="display: inline; float: left; padding-right: 10px; margin-right: 10px; border-right: 1px solid #EDEDED"><a
-						href="http://brasil.gov.br"
-						style="font-family: sans, sans-serif; text-decoration: none; color: white;">Portal
-							do Governo Brasileiro</a></li>
-					<li><a
-						style="font-family: sans, sans-serif; text-decoration: none; color: white;"
+
+			<div id="barra-brasil" class="barra_brasil">
+				
+				<ul id="menu-barra-temp">
+					<li><a class="primeiro-link" href="http://brasil.gov.br">Portal
+							do Governo Brasileiro</a>
+					</li>
+					<li><a class="segundo-link"
 						href="http://epwg.governoeletronico.gov.br/barra/atualize.html">Atualize
 							sua Barra de Governo</a></li>
 				</ul>
 			</div>
-
 			<div id="logo">
 				<h1>
-					<a id="portal-logo" title=""
+					<a id="portal-logo"
 						href="${pageContext.request.contextPath}"> <span
 						id="portal-title-1">Avaliador e Simulador de Acessibilidade
 							em Sítios<br>
@@ -117,7 +117,7 @@
 					<li id="portalservicos-contato" class="portalservicos-item"><a
 						href="${pageContext.request.contextPath}/contato">Contato</a></li>
 						<li id="portalservicos-criterios" class="portalservicos-item"><a
-						href="${pageContext.request.contextPath}/criteriosSucesso">Critérios de sucesso</a></li>
+						href="${pageContext.request.contextPath}/criteriosSucesso">Critérios de sucesso</a></li>					
 				</ul>
 			</nav>
 		</div>
@@ -126,18 +126,18 @@
 	<div id="main" role="main">  
  
 		<div id="content">
-			<a id="inicioConteudo" class="oculto" href="#">Início do conteúdo</a>
+			<a id="inicioConteudo" class="oculto">Início do conteúdo</a>
 			<!-- Início Conteudo -->
 			<jsp:doBody />
 			<!-- Término Conteudo-->
-			<a id="fimConteudo" class="oculto" href="#">Fim do conteúdo</a>
+			<a id="fimConteudo" class="oculto">Fim do conteúdo</a>
 		</div>
 		<div id="voltar-topo">
-			<a href="#inicioConteudo">Voltar para o topo</a>
+			<a href="#topoPagina">Voltar para o topo</a>
 		</div>
 	</div>
  
-	<footer id="footer-brasil" role="contentinfo"> </footer>
+	<footer id="footer-brasil"> </footer>
  
 	<script type="text/javascript"
 		src="${pageContext.request.contextPath}/inicial_arquivos/js/jquery-1.10.2.min.js"></script>
@@ -5,27 +5,27 @@
  
 <c:choose>
     <c:when test="${cssClass == 'mark'}">
-    <a id="inicio_${cssClass}" class="oculto" href="#">Início do conteúdo das recomendações da seção marcação</a> 
+    <a id="inicio_${cssClass}" class="oculto">Início do conteúdo das recomendações da seção marcação</a> 
     </c:when>
  
     <c:when test="${cssClass == 'behavior'}">
-    <a id="inicio_${cssClass}" class="oculto" href="#">Início do conteúdo das recomendações da seção comportamento</a> 
+    <a id="inicio_${cssClass}" class="oculto">Início do conteúdo das recomendações da seção comportamento</a> 
     </c:when>
  
     <c:when test="${cssClass == 'information'}">
-    <a id="inicio_${cssClass}" class="oculto" href="#">Início do conteúdo das recomendações da seção conteúdo/informação</a> 
+    <a id="inicio_${cssClass}" class="oculto">Início do conteúdo das recomendações da seção conteúdo/informação</a> 
     </c:when>
  
     <c:when test="${cssClass == 'presentation'}">
-    <a id="inicio_${cssClass}" class="oculto" href="#">Início do conteúdo das recomendações da seção apresentação/design</a> 
+    <a id="inicio_${cssClass}" class="oculto">Início do conteúdo das recomendações da seção apresentação/design</a> 
     </c:when>
  
     <c:when test="${cssClass == 'multimedia'}">
-    <a id="inicio_${cssClass}" class="oculto" href="#">Início do conteúdo das recomendações da seção multimídia</a> 
+    <a id="inicio_${cssClass}" class="oculto">Início do conteúdo das recomendações da seção multimídia</a> 
     </c:when>
  
     <c:when test="${cssClass == 'form'}">
-    <a id="inicio_${cssClass}" class="oculto" href="#">Início do conteúdo das recomendações da seção formulários</a> 
+    <a id="inicio_${cssClass}" class="oculto">Início do conteúdo das recomendações da seção formulários</a> 
     </c:when>
     </c:choose>
  
@@ -76,10 +76,10 @@
  
 				   	<c:choose>
 				   		<c:when test="${item.possuiLinhas}">
-				   			<a class="sublinharLink" href="detalhes-avaliacao/${item.checkPoint}/true">${item.stringLines}</a>
+				   			<a class="sublinharLink" href="${pageContext.request.contextPath}/detalhes-avaliacao/${item.checkPoint}/true">${item.stringLines}</a>
 				   		</c:when>
 				   		<c:otherwise>
-				   			<c:if test="${item.stringLines=='---'}">Requer valida&ccedil;&atilde;o Humana</c:if>
+				   			<c:if test="${item.stringLines=='---'}">Requer validaçãoo Humana</c:if>
 				   		</c:otherwise>
 				   	</c:choose>
  
@@ -142,11 +142,11 @@
 			   		<td headers="aviso_linha_codigo_fonte_${cssClass}" class="celula">
 			   			<c:choose>
 			   					<c:when test="${item.possuiLinhas}">
-									<a class="sublinharLink" href="detalhes-avaliacao/${item.checkPoint}/false">${item.stringLines}</a>
+									<a class="sublinharLink" href="${pageContext.request.contextPath}/detalhes-avaliacao/${item.checkPoint}/false">${item.stringLines}</a>
 			   					</c:when>
  
 				   				<c:otherwise>
-									<c:if test="${item.stringLines=='---'}">Requer valida&ccedil;&atilde;o Humana</c:if>
+									<c:if test="${item.stringLines=='---'}">Requer validação Humana</c:if>
 			   					</c:otherwise>
 		       			</c:choose>
 		       		</td>
@@ -158,26 +158,26 @@
 	</table>
 	<c:choose>
     <c:when test="${cssClass == 'mark'}">
-    <a id="fim_${cssClass}" class="oculto" href="#">Fim do conteúdo das recomendações da seção marcação</a> 
+    <a id="fim_${cssClass}" class="oculto">Fim do conteúdo das recomendações da seção marcação</a> 
     </c:when>
  
     <c:when test="${cssClass == 'behavior'}">
-    <a id="fim_${cssClass}" class="oculto" href="#">Fim do conteúdo das recomendações da seção comportamento</a> 
+    <a id="fim_${cssClass}" class="oculto">Fim do conteúdo das recomendações da seção comportamento</a> 
     </c:when>
  
     <c:when test="${cssClass == 'information'}">
-    <a id="fim_${cssClass}" class="oculto" href="#">Fim do conteúdo das recomendações da seção conteúdo/informação</a> 
+    <a id="fim_${cssClass}" class="oculto">Fim do conteúdo das recomendações da seção conteúdo/informação</a> 
     </c:when>
  
     <c:when test="${cssClass == 'presentation'}">
-    <a id="fim_${cssClass}" class="oculto" href="#">Fim do conteúdo das recomendações da seção apresentação/design</a> 
+    <a id="fim_${cssClass}" class="oculto">Fim do conteúdo das recomendações da seção apresentação/design</a> 
     </c:when>
  
     <c:when test="${cssClass == 'multimedia'}">
-    <a id="fim_${cssClass}" class="oculto" href="#">Fim do conteúdo das recomendações da seção multimídia</a> 
+    <a id="fim_${cssClass}" class="oculto">Fim do conteúdo das recomendações da seção multimídia</a> 
     </c:when>
  
     <c:when test="${cssClass == 'form'}">
-    <a id="fim_${cssClass}" class="oculto" href="#">Fim do conteúdo das recomendações da seção formulários</a> 
+    <a id="fim_${cssClass}" class="oculto">Fim do conteúdo das recomendações da seção formulários</a> 
     </c:when>
     </c:choose>		
@@ -0,0 +1,36 @@
+.barra_brasil
+{
+	background: #7F7F7F; 
+	height: 20px; 
+	padding: 0 0 0 10px; 
+	display: block;
+}
+
+.barra_brasil ul
+{
+	list-style: none;	
+}
+
+.barra_brasil li
+{
+	display: inline; 
+	float: left; 
+	padding-right: 10px; 
+	margin-right: 10px; 
+	border-right: 1px solid #EDEDED";
+	
+}
+
+.primeiro-link
+	{
+	font-family: sans, sans-serif; 
+	text-decoration: none; 
+	color: white;
+	}
+	
+	.segundo-link
+	{
+	font-family: sans, sans-serif; 
+	text-decoration: none; 
+	color: white;
+	}
 \ No newline at end of file
1	1	<%@ tag language="java" pageEncoding="UTF-8"%>
2	2	<%@attribute name="body" fragment="true"%>
3	3
4		-<!DOCTYPE html>
	4	+<!DOCTYPE html>
5	5	<html lang="pt-BR">
6	6	<head>
7	7	<meta charset="UTF-8" />
...	...	@@ -44,7 +44,10 @@
44	44	<link rel="stylesheet" type="text/css"
45	45	href="${pageContext.request.contextPath}/inicial_arquivos/css/perguntasFrequentes.css"
46	46	media="screen">
47		-
	47	+
	48	+ <link rel="stylesheet" type="text/css"
	49	+ href="${pageContext.request.contextPath}/inicial_arquivos/css/barra_brasil.css"
	50	+ media="screen">
48	51
49	52	<link rel="stylesheet" type="text/css"
50	53	href="${pageContext.request.contextPath}/inicial_arquivos/css/breadcrumb.css"
...	...	@@ -59,7 +62,7 @@
59	62
60	63	<body>
61	64
62		- <header role="banner">
	65	+ <header id="topoPagina">
63	66	<div>
64	67	<div id="topo">
65	68	<ul id="accessibility">
...	...	@@ -75,7 +78,7 @@
75	78	<li id="siteaction-accessibility"><a
76	79	href="${pageContext.request.contextPath}/acessibilidade"
77	80	accesskey="3">ACESSIBILIDADE</a></li>
78		- <li id="altoContraste"><a href="#contraste" accesskey="4">ALTO
	81	+ <li id="altoContraste"><a accesskey="4">ALTO
79	82	CONTRASTE</a></li>
80	83	<li id="siteaction-mapadosite"><a
81	84	href="${pageContext.request.contextPath}/mapa-site"
...	...	@@ -83,24 +86,21 @@
83	86	</ul>
84	87	</div>
85	88
86		- <div id="barra-brasil"
87		- style="background: #7F7F7F; height: 20px; padding: 0 0 0 10px; display: block;">
88		- <ul id="menu-barra-temp" style="list-style: none;">
89		- <li
90		- style="display: inline; float: left; padding-right: 10px; margin-right: 10px; border-right: 1px solid #EDEDED"><a
91		- href="http://brasil.gov.br"
92		- style="font-family: sans, sans-serif; text-decoration: none; color: white;">Portal
93		- do Governo Brasileiro</a></li>
94		- <li><a
95		- style="font-family: sans, sans-serif; text-decoration: none; color: white;"
	89	+
	90	+ <div id="barra-brasil" class="barra_brasil">
	91	+
	92	+ <ul id="menu-barra-temp">
	93	+ <li><a class="primeiro-link" href="http://brasil.gov.br">Portal
	94	+ do Governo Brasileiro</a>
	95	+ </li>
	96	+ <li><a class="segundo-link"
96	97	href="http://epwg.governoeletronico.gov.br/barra/atualize.html">Atualize
97	98	sua Barra de Governo</a></li>
98	99	</ul>
99	100	</div>
100		-
101	101	<div id="logo">
102	102	<h1>
103		- <a id="portal-logo" title=""
	103	+ <a id="portal-logo"
104	104	href="${pageContext.request.contextPath}"> <span
105	105	id="portal-title-1">Avaliador e Simulador de Acessibilidade
106	106	em Sítios<br>
...	...	@@ -117,7 +117,7 @@
117	117	<li id="portalservicos-contato" class="portalservicos-item"><a
118	118	href="${pageContext.request.contextPath}/contato">Contato</a></li>
119	119	<li id="portalservicos-criterios" class="portalservicos-item"><a
120		- href="${pageContext.request.contextPath}/criteriosSucesso">Critérios de sucesso</a></li>
	120	+ href="${pageContext.request.contextPath}/criteriosSucesso">Critérios de sucesso</a></li>
121	121	</ul>
122	122	</nav>
123	123	</div>
...	...	@@ -126,18 +126,18 @@
126	126	<div id="main" role="main">
127	127
128	128	<div id="content">
129		- <a id="inicioConteudo" class="oculto" href="#">Início do conteúdo</a>
	129	+ <a id="inicioConteudo" class="oculto">Início do conteúdo</a>
130	130	<!-- Início Conteudo -->
131	131	<jsp:doBody />
132	132	<!-- Término Conteudo-->
133		- <a id="fimConteudo" class="oculto" href="#">Fim do conteúdo</a>
	133	+ <a id="fimConteudo" class="oculto">Fim do conteúdo</a>
134	134	</div>
135	135	<div id="voltar-topo">
136		- <a href="#inicioConteudo">Voltar para o topo</a>
	136	+ <a href="#topoPagina">Voltar para o topo</a>
137	137	</div>
138	138	</div>
139	139
140		- <footer id="footer-brasil" role="contentinfo"> </footer>
	140	+ <footer id="footer-brasil"> </footer>
141	141
142	142	<script type="text/javascript"
143	143	src="${pageContext.request.contextPath}/inicial_arquivos/js/jquery-1.10.2.min.js"></script>
...	...
...	...	@@ -5,27 +5,27 @@
5	5
6	6	<c:choose>
7	7	<c:when test="${cssClass == 'mark'}">
8		- <a id="inicio_${cssClass}" class="oculto" href="#">Início do conteúdo das recomendações da seção marcação</a>
	8	+ <a id="inicio_${cssClass}" class="oculto">Início do conteúdo das recomendações da seção marcação</a>
9	9	</c:when>
10	10
11	11	<c:when test="${cssClass == 'behavior'}">
12		- <a id="inicio_${cssClass}" class="oculto" href="#">Início do conteúdo das recomendações da seção comportamento</a>
	12	+ <a id="inicio_${cssClass}" class="oculto">Início do conteúdo das recomendações da seção comportamento</a>
13	13	</c:when>
14	14
15	15	<c:when test="${cssClass == 'information'}">
16		- <a id="inicio_${cssClass}" class="oculto" href="#">Início do conteúdo das recomendações da seção conteúdo/informação</a>
	16	+ <a id="inicio_${cssClass}" class="oculto">Início do conteúdo das recomendações da seção conteúdo/informação</a>
17	17	</c:when>
18	18
19	19	<c:when test="${cssClass == 'presentation'}">
20		- <a id="inicio_${cssClass}" class="oculto" href="#">Início do conteúdo das recomendações da seção apresentação/design</a>
	20	+ <a id="inicio_${cssClass}" class="oculto">Início do conteúdo das recomendações da seção apresentação/design</a>
21	21	</c:when>
22	22
23	23	<c:when test="${cssClass == 'multimedia'}">
24		- <a id="inicio_${cssClass}" class="oculto" href="#">Início do conteúdo das recomendações da seção multimídia</a>
	24	+ <a id="inicio_${cssClass}" class="oculto">Início do conteúdo das recomendações da seção multimídia</a>
25	25	</c:when>
26	26
27	27	<c:when test="${cssClass == 'form'}">
28		- <a id="inicio_${cssClass}" class="oculto" href="#">Início do conteúdo das recomendações da seção formulários</a>
	28	+ <a id="inicio_${cssClass}" class="oculto">Início do conteúdo das recomendações da seção formulários</a>
29	29	</c:when>
30	30	</c:choose>
31	31
...	...	@@ -76,10 +76,10 @@
76	76
77	77	<c:choose>
78	78	<c:when test="${item.possuiLinhas}">
79		- <a class="sublinharLink" href="detalhes-avaliacao/${item.checkPoint}/true">${item.stringLines}</a>
	79	+ <a class="sublinharLink" href="${pageContext.request.contextPath}/detalhes-avaliacao/${item.checkPoint}/true">${item.stringLines}</a>
80	80	</c:when>
81	81	<c:otherwise>
82		- <c:if test="${item.stringLines=='---'}">Requer validação Humana</c:if>
	82	+ <c:if test="${item.stringLines=='---'}">Requer validaçãoo Humana</c:if>
83	83	</c:otherwise>
84	84	</c:choose>
85	85
...	...	@@ -142,11 +142,11 @@
142	142	<td headers="aviso_linha_codigo_fonte_${cssClass}" class="celula">
143	143	<c:choose>
144	144	<c:when test="${item.possuiLinhas}">
145		- <a class="sublinharLink" href="detalhes-avaliacao/${item.checkPoint}/false">${item.stringLines}</a>
	145	+ <a class="sublinharLink" href="${pageContext.request.contextPath}/detalhes-avaliacao/${item.checkPoint}/false">${item.stringLines}</a>
146	146	</c:when>
147	147
148	148	<c:otherwise>
149		- <c:if test="${item.stringLines=='---'}">Requer validação Humana</c:if>
	149	+ <c:if test="${item.stringLines=='---'}">Requer validação Humana</c:if>
150	150	</c:otherwise>
151	151	</c:choose>
152	152	</td>
...	...	@@ -158,26 +158,26 @@
158	158	</table>
159	159	<c:choose>
160	160	<c:when test="${cssClass == 'mark'}">
161		- <a id="fim_${cssClass}" class="oculto" href="#">Fim do conteúdo das recomendações da seção marcação</a>
	161	+ <a id="fim_${cssClass}" class="oculto">Fim do conteúdo das recomendações da seção marcação</a>
162	162	</c:when>
163	163
164	164	<c:when test="${cssClass == 'behavior'}">
165		- <a id="fim_${cssClass}" class="oculto" href="#">Fim do conteúdo das recomendações da seção comportamento</a>
	165	+ <a id="fim_${cssClass}" class="oculto">Fim do conteúdo das recomendações da seção comportamento</a>
166	166	</c:when>
167	167
168	168	<c:when test="${cssClass == 'information'}">
169		- <a id="fim_${cssClass}" class="oculto" href="#">Fim do conteúdo das recomendações da seção conteúdo/informação</a>
	169	+ <a id="fim_${cssClass}" class="oculto">Fim do conteúdo das recomendações da seção conteúdo/informação</a>
170	170	</c:when>
171	171
172	172	<c:when test="${cssClass == 'presentation'}">
173		- <a id="fim_${cssClass}" class="oculto" href="#">Fim do conteúdo das recomendações da seção apresentação/design</a>
	173	+ <a id="fim_${cssClass}" class="oculto">Fim do conteúdo das recomendações da seção apresentação/design</a>
174	174	</c:when>
175	175
176	176	<c:when test="${cssClass == 'multimedia'}">
177		- <a id="fim_${cssClass}" class="oculto" href="#">Fim do conteúdo das recomendações da seção multimídia</a>
	177	+ <a id="fim_${cssClass}" class="oculto">Fim do conteúdo das recomendações da seção multimídia</a>
178	178	</c:when>
179	179
180	180	<c:when test="${cssClass == 'form'}">
181		- <a id="fim_${cssClass}" class="oculto" href="#">Fim do conteúdo das recomendações da seção formulários</a>
	181	+ <a id="fim_${cssClass}" class="oculto">Fim do conteúdo das recomendações da seção formulários</a>
182	182	</c:when>
183	183	</c:choose>
...	...
...	...	@@ -0,0 +1,36 @@
	1	+.barra_brasil
	2	+{
	3	+ background: #7F7F7F;
	4	+ height: 20px;
	5	+ padding: 0 0 0 10px;
	6	+ display: block;
	7	+}
	8	+
	9	+.barra_brasil ul
	10	+{
	11	+ list-style: none;
	12	+}
	13	+
	14	+.barra_brasil li
	15	+{
	16	+ display: inline;
	17	+ float: left;
	18	+ padding-right: 10px;
	19	+ margin-right: 10px;
	20	+ border-right: 1px solid #EDEDED";
	21	+
	22	+}
	23	+
	24	+.primeiro-link
	25	+ {
	26	+ font-family: sans, sans-serif;
	27	+ text-decoration: none;
	28	+ color: white;
	29	+ }
	30	+
	31	+ .segundo-link
	32	+ {
	33	+ font-family: sans, sans-serif;
	34	+ text-decoration: none;
	35	+ color: white;
	36	+ }
0	37	\ No newline at end of file
...	...