Commit 815336e06a0d602fa89a9955dc9a823bca1d7523
1 parent
5fcf529f
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@10672 c2178572-b5ca-4887-91d2-9e3a90c7d55b
Showing
1 changed file
with
58 additions
and
62 deletions
Show diff stats
src/main/webapp/inicial_arquivos/css/default.css
1 | @media only screen and (min-width : 768px) { | 1 | @media only screen and (min-width : 768px) { |
2 | - body { | 2 | + body { |
3 | margin: 0; | 3 | margin: 0; |
4 | - background-color: #fff; | ||
5 | - color: #000000; | ||
6 | - font-size: 62.5%; | ||
7 | - font-weight: normal; | 4 | + background-color: #fff; |
5 | + color: #000000; | ||
6 | + font-size: 62.5%; | ||
7 | + font-weight: normal; | ||
8 | font-family: "Open Sans", Arial, Helvetica, sans-serif; | 8 | font-family: "Open Sans", Arial, Helvetica, sans-serif; |
9 | } | 9 | } |
10 | - | ||
11 | - .funcionalidades { | ||
12 | - clear: both; | ||
13 | - } | ||
14 | - .tile | ||
15 | - { | ||
16 | - clear: both; | ||
17 | - } | ||
18 | - | ||
19 | - .funcionalidades ul.breadcrumb { | ||
20 | - border: 1px solid #D1D1D1; | ||
21 | - border-radius: 5px; | ||
22 | - float: left; | ||
23 | - height: 15px; | ||
24 | - padding: 10px; | ||
25 | - background: transparent url('../images/fundo_breadcrumb.jpg') no-repeat left top; | ||
26 | - color: #003760; | ||
27 | - clear: both; | ||
28 | - margin-top: 10px; | ||
29 | -} | ||
30 | - .funcionalidades li { | ||
31 | - list-style: none; | ||
32 | - float: left; | ||
33 | - padding-right: 10px; | ||
34 | -} | ||
35 | -#formaavaliacao | ||
36 | - { | ||
37 | - color: #2C67CD !important; | ||
38 | - font-size: 1.6em; | 10 | + #formaavaliacao { |
11 | + color: #2C67CD !important; | ||
12 | + font-size: 1.6em; | ||
39 | } | 13 | } |
40 | header ul li { | 14 | header ul li { |
41 | display: inline; | 15 | display: inline; |
@@ -51,7 +25,8 @@ | @@ -51,7 +25,8 @@ | ||
51 | background-color: #0A5517; | 25 | background-color: #0A5517; |
52 | background-image: -moz-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%); | 26 | background-image: -moz-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%); |
53 | /* FF3.6+ */ | 27 | /* FF3.6+ */ |
54 | - background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%, #19882c), color-stop(100%, #025310)); | 28 | + background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, |
29 | + color-stop(1%, #19882c), color-stop(100%, #025310)); | ||
55 | /* Chrome,Safari4+ */ | 30 | /* Chrome,Safari4+ */ |
56 | background-image: -webkit-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%); | 31 | background-image: -webkit-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%); |
57 | /* Chrome10+,Safari5.1+ */ | 32 | /* Chrome10+,Safari5.1+ */ |
@@ -61,14 +36,16 @@ | @@ -61,14 +36,16 @@ | ||
61 | /* IE10+ */ | 36 | /* IE10+ */ |
62 | background-image: radial-gradient(ellipse at center, #19882c 1%, #025310 100%); | 37 | background-image: radial-gradient(ellipse at center, #19882c 1%, #025310 100%); |
63 | /* W3C */ | 38 | /* W3C */ |
64 | - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19882c',endColorstr='#025310', GradientType=1); | 39 | + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19882c', |
40 | + endColorstr='#025310', GradientType=1); | ||
65 | /* IE6-9 fallback on horizontal gradient */ | 41 | /* IE6-9 fallback on horizontal gradient */ |
66 | } | 42 | } |
67 | a { | 43 | a { |
68 | text-decoration: none; | 44 | text-decoration: none; |
69 | } | 45 | } |
70 | #barra-brasil { | 46 | #barra-brasil { |
71 | - position: fixed; | 47 | + /*position: fixed;*/ |
48 | + position: absolute; | ||
72 | width: 100%; | 49 | width: 100%; |
73 | top: 0; | 50 | top: 0; |
74 | left: 0; | 51 | left: 0; |
@@ -82,7 +59,7 @@ | @@ -82,7 +59,7 @@ | ||
82 | #accessibility { | 59 | #accessibility { |
83 | display: inline; | 60 | display: inline; |
84 | margin-left: 9.5%; | 61 | margin-left: 9.5%; |
85 | - padding-top: 5px; | 62 | + padding-top: 5px; |
86 | text-align: left; | 63 | text-align: left; |
87 | float: left; | 64 | float: left; |
88 | padding-left: 0; | 65 | padding-left: 0; |
@@ -126,33 +103,31 @@ | @@ -126,33 +103,31 @@ | ||
126 | padding-right: 0; | 103 | padding-right: 0; |
127 | } | 104 | } |
128 | #logo { | 105 | #logo { |
129 | - | ||
130 | padding: 0; | 106 | padding: 0; |
131 | float: left; | 107 | float: left; |
132 | width: 70%; | 108 | width: 70%; |
133 | padding-left: 12%; | 109 | padding-left: 12%; |
134 | - margin-bottom: 15px; | 110 | + margin-bottom: 15px; |
135 | } | 111 | } |
136 | #logo a { | 112 | #logo a { |
137 | color: #fff; | 113 | color: #fff; |
138 | display: block; | 114 | display: block; |
139 | width: 100%; | 115 | width: 100%; |
140 | - margin: 1px 0px; | 116 | + margin: 1px 0px; |
141 | } | 117 | } |
142 | #logo #portal-title-1 { | 118 | #logo #portal-title-1 { |
143 | font-size: 0.7em; | 119 | font-size: 0.7em; |
144 | } | 120 | } |
145 | #logo #portal-title { | 121 | #logo #portal-title { |
146 | - font-size: 3em; | 122 | + font-size: 3em; |
147 | } | 123 | } |
148 | - | ||
149 | - #sobre { | 124 | + #sobre { |
150 | background: #0a5517; | 125 | background: #0a5517; |
151 | padding: 5px 0; | 126 | padding: 5px 0; |
152 | padding-left: 0; | 127 | padding-left: 0; |
153 | text-align: right; | 128 | text-align: right; |
154 | font-family: Arial, Helvetica, sans-serif; | 129 | font-family: Arial, Helvetica, sans-serif; |
155 | - margin-bottom:0; | 130 | + margin-bottom: 0; |
156 | clear: both; | 131 | clear: both; |
157 | } | 132 | } |
158 | #sobre ul { | 133 | #sobre ul { |
@@ -201,19 +176,33 @@ | @@ -201,19 +176,33 @@ | ||
201 | font-size: 0; | 176 | font-size: 0; |
202 | text-indent: -20000px; | 177 | text-indent: -20000px; |
203 | } | 178 | } |
179 | + | ||
180 | + .warning { | ||
181 | + color: #9F6000; | ||
182 | + background-color: #FEEFB3; | ||
183 | + background-image: url('/ases/inicial_arquivos/imagens/warning.png'); | ||
184 | +} | ||
185 | +.info, .success, .warning, .error, .validation { | ||
186 | + border: 1px solid; | ||
187 | + margin: 10px 0px; | ||
188 | + padding: 15px 10px 15px 50px; | ||
189 | + background-repeat: no-repeat; | ||
190 | + background-position: 10px center; | ||
191 | +} | ||
192 | + | ||
193 | + | ||
204 | } /*-----Fim max-width: 1024px */ | 194 | } /*-----Fim max-width: 1024px */ |
205 | 195 | ||
206 | /*------Inicio max-width: 768px----*/ | 196 | /*------Inicio max-width: 768px----*/ |
207 | @media only screen and (max-width : 768px) { | 197 | @media only screen and (max-width : 768px) { |
208 | - body { | 198 | + body { |
209 | margin: 0; | 199 | margin: 0; |
210 | - background-color: #fff; | ||
211 | - color: #000000; | ||
212 | - font-size: 62.5%; | ||
213 | - font-weight: normal; | 200 | + background-color: #fff; |
201 | + color: #000000; | ||
202 | + font-size: 62.5%; | ||
203 | + font-weight: normal; | ||
214 | font-family: "Open Sans", Arial, Helvetica, sans-serif; | 204 | font-family: "Open Sans", Arial, Helvetica, sans-serif; |
215 | } | 205 | } |
216 | - | ||
217 | header ul li { | 206 | header ul li { |
218 | display: block; | 207 | display: block; |
219 | margin-top: 0; | 208 | margin-top: 0; |
@@ -258,7 +247,6 @@ | @@ -258,7 +247,6 @@ | ||
258 | margin-top: 30px; | 247 | margin-top: 30px; |
259 | padding: 0; | 248 | padding: 0; |
260 | } | 249 | } |
261 | - | ||
262 | #portal-siteactions { | 250 | #portal-siteactions { |
263 | font-size: 1.2em; | 251 | font-size: 1.2em; |
264 | float: left; | 252 | float: left; |
@@ -283,7 +271,6 @@ | @@ -283,7 +271,6 @@ | ||
283 | #portal-siteactions li:last-child { | 271 | #portal-siteactions li:last-child { |
284 | padding-right: 0; | 272 | padding-right: 0; |
285 | } | 273 | } |
286 | - | ||
287 | #accessibility { | 274 | #accessibility { |
288 | display: block; | 275 | display: block; |
289 | padding-top: 20px; | 276 | padding-top: 20px; |
@@ -292,9 +279,8 @@ | @@ -292,9 +279,8 @@ | ||
292 | text-align: left; | 279 | text-align: left; |
293 | padding-left: 0; | 280 | padding-left: 0; |
294 | } | 281 | } |
295 | - | ||
296 | #accessibility li { | 282 | #accessibility li { |
297 | - display: inline; | 283 | + display: inline; |
298 | } | 284 | } |
299 | #accessibility a { | 285 | #accessibility a { |
300 | color: #dcffe3; | 286 | color: #dcffe3; |
@@ -365,7 +351,8 @@ | @@ -365,7 +351,8 @@ | ||
365 | } | 351 | } |
366 | #sobre ul { | 352 | #sobre ul { |
367 | position: relative; | 353 | position: relative; |
368 | - margin: 0; margin-left : auto; | 354 | + margin: 0; |
355 | + margin-left: auto; | ||
369 | width: 370px; | 356 | width: 370px; |
370 | margin-left: auto; | 357 | margin-left: auto; |
371 | } | 358 | } |
@@ -403,7 +390,18 @@ | @@ -403,7 +390,18 @@ | ||
403 | width: 90%; | 390 | width: 90%; |
404 | float: left; | 391 | float: left; |
405 | } | 392 | } |
406 | - | 393 | + .warning { |
394 | + color: #9F6000; | ||
395 | + background-color: #FEEFB3; | ||
396 | + background-image: url('/ases/inicial_arquivos/imagens/warning.png'); | ||
397 | +} | ||
398 | +.info, .success, .warning, .error, .validation { | ||
399 | + border: 1px solid; | ||
400 | + margin: 10px 0px; | ||
401 | + padding: 15px 10px 15px 50px; | ||
402 | + background-repeat: no-repeat; | ||
403 | + background-position: 10px center; | ||
404 | +} | ||
407 | /*-----------Footer-----------*/ | 405 | /*-----------Footer-----------*/ |
408 | #footer-brasil { | 406 | #footer-brasil { |
409 | background: none repeat scroll 0% 0% #00420c; | 407 | background: none repeat scroll 0% 0% #00420c; |
@@ -414,7 +412,8 @@ | @@ -414,7 +412,8 @@ | ||
414 | display: inline-block; | 412 | display: inline-block; |
415 | font-size: 0; | 413 | font-size: 0; |
416 | text-indent: -20000px; | 414 | text-indent: -20000px; |
417 | - } | 415 | + } |
416 | + | ||
418 | } /*-----Fim max-width: 1024px */ | 417 | } /*-----Fim max-width: 1024px */ |
419 | 418 | ||
420 | /*------Alto Contraste-----*/ | 419 | /*------Alto Contraste-----*/ |
@@ -424,10 +423,7 @@ | @@ -424,10 +423,7 @@ | ||
424 | color: #fff !important; | 423 | color: #fff !important; |
425 | } | 424 | } |
426 | 425 | ||
427 | -/* | ||
428 | -.contraste * { | ||
429 | - color: #FFF !important; | ||
430 | -}*/ | 426 | + |
431 | .contraste a { | 427 | .contraste a { |
432 | color: #FC0 !important; | 428 | color: #FC0 !important; |
433 | } | 429 | } |