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,6 +196,7 @@ | ||
| 196 | margin-bottom: 30px; | 196 | margin-bottom: 30px; |
| 197 | margin-left: 20px; | 197 | margin-left: 20px; |
| 198 | width: 40%; | 198 | width: 40%; |
| 199 | + padding-left: 20px; | ||
| 199 | } | 200 | } |
| 200 | .contraste #tabelaErros { | 201 | .contraste #tabelaErros { |
| 201 | position: relative; | 202 | position: relative; |
| @@ -376,37 +377,26 @@ | @@ -376,37 +377,26 @@ | ||
| 376 | /*-----Fim (min-width : 768px)------ */ | 377 | /*-----Fim (min-width : 768px)------ */ |
| 377 | @media only screen and (max-width : 768px) { | 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 | #razoavel | 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 | #ruim | 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 | #pessimo | 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 | #legenda{ | 402 | #legenda{ |
| @@ -417,6 +407,7 @@ | @@ -417,6 +407,7 @@ | ||
| 417 | width: 180px; | 407 | width: 180px; |
| 418 | float: left; | 408 | float: left; |
| 419 | } | 409 | } |
| 410 | + | ||
| 420 | .legenda | 411 | .legenda |
| 421 | { | 412 | { |
| 422 | list-style: none; | 413 | list-style: none; |
| @@ -573,6 +564,7 @@ | @@ -573,6 +564,7 @@ | ||
| 573 | margin-bottom: 30px; | 564 | margin-bottom: 30px; |
| 574 | margin-left: 5px; | 565 | margin-left: 5px; |
| 575 | width: 40%; | 566 | width: 40%; |
| 567 | + padding-left: 20px; | ||
| 576 | } | 568 | } |
| 577 | #tabelaErrossem_nota { | 569 | #tabelaErrossem_nota { |
| 578 | position: relative; | 570 | position: relative; |