Commit c8197bca7b3dfab5c23f8adf346e24353e6ce251
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
| @@ -65,16 +65,16 @@ | @@ -65,16 +65,16 @@ | ||
| 65 | </div> | 65 | </div> |
| 66 | 66 | ||
| 67 | </div> | 67 | </div> |
| 68 | - <!-- | 68 | + |
| 69 | <div id="legenda" class="${sem_nota}"> | 69 | <div id="legenda" class="${sem_nota}"> |
| 70 | <label>Legenda</label><br> | 70 | <label>Legenda</label><br> |
| 71 | <ul> | 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 < 95%</li> | ||
| 74 | - <li class="legenda"><div id="ruim"></div> >= 70% e < 85%</li> | ||
| 75 | - <li class="legenda"><div id="pessimo"></div> < 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 | </ul> | 76 | </ul> |
| 77 | - </div> --> | 77 | + </div> |
| 78 | <div class="cell width-7 position-6"> | 78 | <div class="cell width-7 position-6"> |
| 79 | <table id="tabelaErros${sem_nota}"> | 79 | <table id="tabelaErros${sem_nota}"> |
| 80 | <caption class="tabelaErros">Resumo de Acessibilidade por Seção eMAG</caption> | 80 | <caption class="tabelaErros">Resumo de Acessibilidade por Seção eMAG</caption> |
src/main/webapp/WEB-INF/jsp/index/index.jsp
| @@ -5,15 +5,7 @@ | @@ -5,15 +5,7 @@ | ||
| 5 | 5 | ||
| 6 | <t:baseLayout> | 6 | <t:baseLayout> |
| 7 | <jsp:body> | 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 | <div class="container"> | 9 | <div class="container"> |
| 18 | 10 | ||
| 19 | <div class="tile --NOVALUE--"> | 11 | <div class="tile --NOVALUE--"> |
src/main/webapp/inicial_arquivos/css/avaliar.css
| 1 | @media only screen and (min-width : 768px) { | 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 | #razoavel | 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 | #ruim | 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 | #pessimo | 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 | #legenda{ | 26 | #legenda{ |
| @@ -387,13 +376,13 @@ | @@ -387,13 +376,13 @@ | ||
| 387 | /*-----Fim (min-width : 768px)------ */ | 376 | /*-----Fim (min-width : 768px)------ */ |
| 388 | @media only screen and (max-width : 768px) { | 377 | @media only screen and (max-width : 768px) { |
| 389 | 378 | ||
| 390 | - #bom | 379 | + .imgLegenda |
| 391 | { | 380 | { |
| 392 | - width: 15px; | 381 | + width: 30px; |
| 393 | height: 15px; | 382 | height: 15px; |
| 394 | float: left; | 383 | float: left; |
| 395 | - background: #0d0; | ||
| 396 | - border: 1px solid #090; | 384 | + background: #28be28; |
| 385 | + border: 1px solid #008000; | ||
| 397 | } | 386 | } |
| 398 | #razoavel | 387 | #razoavel |
| 399 | { | 388 | { |