Download as
Browse Code »

Commit c8197bca7b3dfab5c23f8adf346e24353e6ce251

Authored by 96409975520
1 parent cee9d9e9
Exists in master

Legenda de cores.

Showing 3 changed files with 22 additions and 41 deletions   Show diff stats
src/main/webapp/WEB-INF/jsp/avaliacao/avaliar.jsp
  Diff comments   View file @c8197bc
... ... @@ -65,16 +65,16 @@
65 65 </div>
66 66  
67 67 </div>
68   - <!--
  68 +
69 69 <div id="legenda" class="${sem_nota}">
70 70 <label>Legenda</label><br>
71 71 <ul>
72   - <li class="legenda" aria-label="verde"><div id="bom"></div> >= 95%</li>
73   - <li class="legenda"><div id="razoavel"></div> >= 85% e &#60; 95%</li>
74   - <li class="legenda"><div id="ruim"></div> >= 70% e &#60; 85%</li>
75   - <li class="legenda"><div id="pessimo"></div> &#60; 70%</li>
  72 + <li class="legenda"><img id="bom" alt="farol verde, nota maior ou igual a 95%" src="inicial_arquivos/imagens/verde.png"></li>
  73 + <li class="legenda"><img id="razoavel" alt="farol amarela, nota maior ou igual a 85% e menor que 95%" src="inicial_arquivos/imagens/amarelo.png"></li>
  74 + <li class="legenda"><img id="ruim" alt="farol laranja, nota maior ou igual a 70% e menor que 85%" src="inicial_arquivos/imagens/laranja.png"></li>
  75 + <li class="legenda"><img id="pessimo" alt="farol vermelho, nota menor que 70%" src="inicial_arquivos/imagens/vermelho.png"></li>
76 76 </ul>
77   - </div> -->
  77 + </div>
78 78 <div class="cell width-7 position-6">
79 79 <table id="tabelaErros${sem_nota}">
80 80 <caption class="tabelaErros">Resumo de Acessibilidade por Seção eMAG</caption>
... ...
src/main/webapp/WEB-INF/jsp/index/index.jsp
  Diff comments   View file @c8197bc
... ... @@ -5,15 +5,7 @@
5 5  
6 6 <t:baseLayout>
7 7 <jsp:body>
8   -<div style="background: yellow;">
9   - <map name="Map" id="Map"><area shape="rect" coords="60,17,165,41" href="index.html" />
10   -<area shape="rect" href="oqueebric.html" />
11   -<area shape="rect" coords="304,16,467,43" href="radiografia_paises.html" />
12   -<area shape="rect" coords="484,17,630,40" href="cronologia_grupo.html" />
13   -<area shape="rect" coords="652,14,738,42" href="a_1_cupula.html" />
14   -<area shape="rect" coords="762,18,859,39" href="fale_conosco.html" />
15   -</map>
16   - </div>
  8 +
17 9 <div class="container">
18 10  
19 11 <div class="tile --NOVALUE--">
... ...
src/main/webapp/inicial_arquivos/css/avaliar.css
  Diff comments   View file @c8197bc
1 1 @media only screen and (min-width : 768px) {
2 2  
3 3  
4   -#bom
5   - {
6   - width: 15px;
7   - height: 15px;
8   - float: left;
9   - background: #0d0;
10   - border: 1px solid #090;
  4 + #bom
  5 + {
  6 + width: 80px;
  7 + height: 20px;
  8 +
11 9 }
12 10 #razoavel
13 11 {
14   - width: 15px;
15   - height: 15px;
16   - float: left;
17   - background: #ffff00;
18   - border: 1px solid #f2f200;
  12 + width: 125px;
  13 + height: 20px;;
19 14 }
20 15 #ruim
21 16 {
22   - width: 15px;
23   - height: 15px;
24   - float: left;
25   - background: #ff8000;
26   - border: 1px solid #e17100;
  17 + width: 127px;
  18 + height: 20px;;
27 19 }
28 20 #pessimo
29 21 {
30   - width: 15px;
31   - height: 15px;
32   - float: left;
33   - background: #ff0000;
34   - border: 1px solid #ea0000;
  22 + width: 70px;
  23 + height: 20px;
35 24 }
36 25  
37 26 #legenda{
... ... @@ -387,13 +376,13 @@
387 376 /*-----Fim (min-width : 768px)------ */
388 377 @media only screen and (max-width : 768px) {
389 378  
390   - #bom
  379 + .imgLegenda
391 380 {
392   - width: 15px;
  381 + width: 30px;
393 382 height: 15px;
394 383 float: left;
395   - background: #0d0;
396   - border: 1px solid #090;
  384 + background: #28be28;
  385 + border: 1px solid #008000;
397 386 }
398 387 #razoavel
399 388 {
... ...