From dbc1f32c87f3a7cc3594ac7aa5d852af2520ed51 Mon Sep 17 00:00:00 2001 From: 96409975520 <96409975520@10.209.112.105> Date: Wed, 22 Feb 2017 09:10:00 -0300 Subject: [PATCH] Adição da legenda de cores na forma responsiva. --- src/main/webapp/inicial_arquivos/css/avaliar.css | 36 ++++++++++++++---------------------- 1 file changed, 14 insertions(+), 22 deletions(-) diff --git a/src/main/webapp/inicial_arquivos/css/avaliar.css b/src/main/webapp/inicial_arquivos/css/avaliar.css index ee2a87b..9a13dea 100644 --- a/src/main/webapp/inicial_arquivos/css/avaliar.css +++ b/src/main/webapp/inicial_arquivos/css/avaliar.css @@ -196,6 +196,7 @@ margin-bottom: 30px; margin-left: 20px; width: 40%; + padding-left: 20px; } .contraste #tabelaErros { position: relative; @@ -376,37 +377,26 @@ /*-----Fim (min-width : 768px)------ */ @media only screen and (max-width : 768px) { - .imgLegenda - { - width: 30px; - height: 15px; - float: left; - background: #28be28; - border: 1px solid #008000; + #bom + { + width: 80px; + height: 20px; + } #razoavel { - width: 15px; - height: 15px; - float: left; - background: #ffff00; - border: 1px solid #f2f200; + width: 125px; + height: 20px;; } #ruim { - width: 15px; - height: 15px; - float: left; - background: #ff8000; - border: 1px solid #e17100; + width: 127px; + height: 20px;; } #pessimo { - width: 15px; - height: 15px; - float: left; - background: #ff0000; - border: 1px solid #ea0000; + width: 70px; + height: 20px; } #legenda{ @@ -417,6 +407,7 @@ width: 180px; float: left; } + .legenda { list-style: none; @@ -573,6 +564,7 @@ margin-bottom: 30px; margin-left: 5px; width: 40%; + padding-left: 20px; } #tabelaErrossem_nota { position: relative; -- libgit2 0.21.2