Commit dbc1f32c87f3a7cc3594ac7aa5d852af2520ed51
1 parent
c8197bca
Exists in
master
Adição da legenda de cores na forma responsiva.
Showing
1 changed file
with
14 additions
and
22 deletions
Show diff stats
src/main/webapp/inicial_arquivos/css/avaliar.css
... | ... | @@ -196,6 +196,7 @@ |
196 | 196 | margin-bottom: 30px; |
197 | 197 | margin-left: 20px; |
198 | 198 | width: 40%; |
199 | + padding-left: 20px; | |
199 | 200 | } |
200 | 201 | .contraste #tabelaErros { |
201 | 202 | position: relative; |
... | ... | @@ -376,37 +377,26 @@ |
376 | 377 | /*-----Fim (min-width : 768px)------ */ |
377 | 378 | @media only screen and (max-width : 768px) { |
378 | 379 | |
379 | - .imgLegenda | |
380 | - { | |
381 | - width: 30px; | |
382 | - height: 15px; | |
383 | - float: left; | |
384 | - background: #28be28; | |
385 | - border: 1px solid #008000; | |
380 | + #bom | |
381 | + { | |
382 | + width: 80px; | |
383 | + height: 20px; | |
384 | + | |
386 | 385 | } |
387 | 386 | #razoavel |
388 | 387 | { |
389 | - width: 15px; | |
390 | - height: 15px; | |
391 | - float: left; | |
392 | - background: #ffff00; | |
393 | - border: 1px solid #f2f200; | |
388 | + width: 125px; | |
389 | + height: 20px;; | |
394 | 390 | } |
395 | 391 | #ruim |
396 | 392 | { |
397 | - width: 15px; | |
398 | - height: 15px; | |
399 | - float: left; | |
400 | - background: #ff8000; | |
401 | - border: 1px solid #e17100; | |
393 | + width: 127px; | |
394 | + height: 20px;; | |
402 | 395 | } |
403 | 396 | #pessimo |
404 | 397 | { |
405 | - width: 15px; | |
406 | - height: 15px; | |
407 | - float: left; | |
408 | - background: #ff0000; | |
409 | - border: 1px solid #ea0000; | |
398 | + width: 70px; | |
399 | + height: 20px; | |
410 | 400 | } |
411 | 401 | |
412 | 402 | #legenda{ |
... | ... | @@ -417,6 +407,7 @@ |
417 | 407 | width: 180px; |
418 | 408 | float: left; |
419 | 409 | } |
410 | + | |
420 | 411 | .legenda |
421 | 412 | { |
422 | 413 | list-style: none; |
... | ... | @@ -573,6 +564,7 @@ |
573 | 564 | margin-bottom: 30px; |
574 | 565 | margin-left: 5px; |
575 | 566 | width: 40%; |
567 | + padding-left: 20px; | |
576 | 568 | } |
577 | 569 | #tabelaErrossem_nota { |
578 | 570 | position: relative; | ... | ... |