Commit 83175a882cba7d2d05c83e0f8fca486dfa069f65
1 parent
11b13c73
Exists in
master
and in
1 other branch
git-svn-id: https://svn.bento.ifrs.edu.br/default/ASES/ASES%20-%20Web/ASES%20-%2…
…0Web/Fontes/avaliador-web@10674 c2178572-b5ca-4887-91d2-9e3a90c7d55b
Showing
1 changed file
with
64 additions
and
14 deletions
Show diff stats
src/main/webapp/inicial_arquivos/css/tabAvaliar.css
1 | 1 | @media only screen and (min-width : 768px) { |
2 | - .containerAvaliacao { | |
2 | + .containerAvaliacao { | |
3 | 3 | position: relative; |
4 | - min-height: 500px; | |
4 | + height:550px; | |
5 | + clear: both; | |
6 | + } | |
7 | + .contenteudoAvaliacao { | |
8 | + overflow:auto; | |
9 | + position: absolute; | |
10 | + top: 28px; | |
11 | + left: 0; | |
12 | + background: #dbe9ba; | |
13 | + right: 0; | |
14 | + bottom: 0; | |
15 | + width:auto; | |
16 | + padding: 20px; | |
17 | + border: 1px solid #ccc; | |
5 | 18 | clear: both; |
6 | - | |
7 | 19 | } |
8 | - | |
9 | 20 | .tabAvaliacao { |
10 | 21 | float: left; |
22 | + | |
11 | 23 | } |
12 | 24 | .tabAvaliacao label.rariosAvaliacao { |
13 | 25 | background: #eee; |
... | ... | @@ -30,16 +42,7 @@ |
30 | 42 | .tabAvaliacao [type=radio] { |
31 | 43 | display: none; |
32 | 44 | } |
33 | - .contenteudoAvaliacao { | |
34 | - position: absolute; | |
35 | - top: 28px; | |
36 | - left: 0; | |
37 | - background: #dbe9ba; | |
38 | - right: 0; | |
39 | - bottom: 0; | |
40 | - padding: 20px; | |
41 | - border: 1px solid #ccc; | |
42 | - } | |
45 | + | |
43 | 46 | [type=radio]:checked ~ label { |
44 | 47 | background:#dbe9ba; |
45 | 48 | border-bottom: 1px solid #ffffff; |
... | ... | @@ -48,6 +51,53 @@ |
48 | 51 | [type=radio]:checked ~ label ~ .contenteudoAvaliacao { |
49 | 52 | z-index: 1; |
50 | 53 | } |
54 | +} | |
55 | +/*-----Fim (min-width : 768px)------ */ | |
56 | +@media only screen and (max-width : 768px) { | |
57 | + .containerAvaliacao { | |
58 | + position: relative; | |
59 | + min-height: 440px; | |
60 | + clear: both; | |
61 | + margin: 25px 10px 0 10px; | |
62 | + min-width: 80%; | |
63 | + font-size: 1.2em; | |
64 | + } | |
65 | + .tabAvaliacao .contenteudoAvaliacao { | |
66 | + background-color: #dbe9ba; | |
67 | + border: 1px solid #000; | |
68 | + padding-right: 10px; | |
69 | + margin-bottom: 15px; | |
70 | + | |
71 | + padding-left: 10px; | |
72 | + clear: both; | |
73 | + } | |
74 | + .contraste .tabAvaliacao .contenteudoAvaliacao { | |
75 | + border: 1px solid #fff !important; | |
76 | + } | |
77 | + .tabAvaliacao { | |
78 | + float: left; | |
79 | + } | |
80 | + .tabAvaliacao [type=radio] { | |
81 | + display: none; | |
82 | + } | |
83 | + .tabAvaliacao input { | |
84 | + margin-bottom: 10px; | |
85 | + margin-top: 10px; | |
86 | + margin-left: 10px; | |
87 | + | |
88 | + } | |
89 | + .tabAvaliacao label { | |
90 | + margin-bottom: 15px; | |
91 | + margin-top: 15px; | |
92 | + margin-left: 15px; | |
93 | + border: 0; | |
94 | + } | |
95 | + .tabAvaliacao textarea { | |
96 | + margin-top: 10px; | |
97 | + margin-left: 10px; | |
98 | + width: 90%; | |
99 | + height: 40px; | |
100 | + } | |
51 | 101 | |
52 | 102 | /*-------Alto Contraste------*/ |
53 | 103 | .contraste .tabAvaliacao label.rariosAvaliacao { | ... | ... |