Commit 815336e06a0d602fa89a9955dc9a823bca1d7523

Authored by higo.gomes
1 parent 5fcf529f

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 }