Download as
Browse Code »

Commit decb625e0d68dba9692e7f40a8c2498456d9406a

Authored by Melissa Wen
1 parent 3a545e5a
Exists in restructuring_css

Remove repeated or unused rules, remove user section style and add cover id for header rules

Showing 1 changed file with 111 additions and 396 deletions   Show diff stats
@@ -2,119 +2,86 @@ @@ -2,119 +2,86 @@
2 height: auto; 2 height: auto;
3 } 3 }
4 4
5 -#header {  
6 - padding: 15px 0 0 0; /*13px 0 0 0;*/  
7 - color: #000;  
8 - background-color:#f0f2f1; /*rgb(236,237,241);*/  
9 - background-color:#ecedf1;  
10 - background-image: -webkit-radial-gradient(center, ellipse cover, #f0f2f1 1%, #ecedf1 100%)  
11 -}  
12 -  
13 -#header>div {  
14 - max-width: 960px;  
15 - min-width: 960px;  
16 - margin: 0 auto;  
17 -}  
18 -  
19 .header-content * { 5 .header-content * {
20 margin: 0; 6 margin: 0;
21 padding: 0; 7 padding: 0;
22 list-style: none; 8 list-style: none;
23 vertical-align: baseline; 9 vertical-align: baseline;
24 } 10 }
  11 +
25 .header-content li { display: inline; } 12 .header-content li { display: inline; }
26 13
27 -#brasilgov {  
28 - background: #00510f;  
29 - border-bottom: 1px solid #ffcc00;  
30 - padding: 5px 10px;  
31 - color: #03316f; 14 +.header-content #header {
  15 + padding: 15px 0 0 0;
  16 + color: #000;
  17 + background-color:#f0f2f1;
  18 + background-color:#ecedf1;
  19 + background-image: -webkit-radial-gradient(center, ellipse cover, #f0f2f1 1%, #ecedf1 100%)
32 } 20 }
33 21
34 -#accessibility {  
35 - display: block !important; 22 +.header-content #header > div {
  23 + max-width: 960px;
  24 + min-width: 960px;
  25 + margin: 0 auto;
  26 +}
  27 +
  28 +.header-content #accessibility {
  29 + display: block;
36 float: left; 30 float: left;
37 font-family: arial; 31 font-family: arial;
38 font-size: 10px; 32 font-size: 10px;
39 width: 50%; 33 width: 50%;
40 } 34 }
41 35
42 -#accessibility a {  
43 - /*color:# ;rgb(96,96,96);*//*#FFF; */ 36 +.header-content #accessibility a {
44 margin-right: 8px; 37 margin-right: 8px;
45 } 38 }
46 -#accessibility a:hover {  
47 - /*color:/*#969696;*/ /*#d0d9ff;*/  
48 -}  
49 39
50 -#accessibility span {  
51 - background: none repeat scroll 0 0 #2c66ce; /*rgb(96,96,96);*/ 40 +.header-content #accessibility span {
  41 + background: none repeat scroll 0 0 #2c66ce;
52 color: #FFFFFF; 42 color: #FFFFFF;
53 padding: 0 3px; 43 padding: 0 3px;
54 } 44 }
55 45
56 -/*.contraste header #logo{  
57 -background-image: url(images/logotipo_contraste.png);  
58 -background-repeat: no-repeat;  
59 -}*/  
60 -  
61 -/* Barra do Brasil */  
62 -  
63 -/*#barra-brasil, #wrapper-barra-brasil, #wrap-1 {  
64 - min-width: 960px;  
65 -}*/  
66 -  
67 /* logo */ 46 /* logo */
68 -#logo { 47 +.header-content #logo {
69 padding: 0; 48 padding: 0;
70 float: left; 49 float: left;
71 - width: 50%; /*70%;*/ 50 + width: 50%;
72 } 51 }
73 52
74 -#logo span { 53 +.header-content #logo span {
75 display: block; 54 display: block;
76 } 55 }
77 56
78 -#logo a { 57 +.header-content #logo a {
79 display: block; 58 display: block;
80 width: 100%; 59 width: 100%;
81 - color: #03316f !important; 60 + color: #03316f;
82 margin: 1em 0px; 61 margin: 1em 0px;
83 } 62 }
84 63
85 -#logo a, #logo #portal-title { 64 +.header-content #logo a,
  65 +.header-content #logo #portal-title {
86 color: #03316f; 66 color: #03316f;
87 } 67 }
88 68
89 -#logo #portal-title { 69 +.header-content #logo #portal-title {
90 background-image: url("images/logotipo_spb_beta.svg"); 70 background-image: url("images/logotipo_spb_beta.svg");
91 background-repeat: no-repeat; 71 background-repeat: no-repeat;
92 - background-size: 370px; /*374px 56px;*/ 72 + background-size: 370px;
93 height: 78px; 73 height: 78px;
94 width: 374px; 74 width: 374px;
95 - margin: 10px 0px 10px 0px; /*20px 0px 10px 0px; config logo anterior*/  
96 - /*margin: 30px 0px 20px 0px;*/  
97 - /* color: #fff;  
98 - font-size: 40px;  
99 - font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;  
100 - font-weight: normal;  
101 - line-height: 1em;  
102 - letter-spacing: -0.05em;*/ 75 + margin: 10px 0px 10px 0px;
103 } 76 }
104 77
105 -#logo .luongo {  
106 - font-size: 3em !important;  
107 - line-height: 1.1em;  
108 - margin-bottom: 0.2em;  
109 -}  
110 -  
111 -#logo #portal-description { 78 +.header-content #logo #portal-description {
112 font-size: 1.2em; 79 font-size: 1.2em;
113 text-transform: uppercase; 80 text-transform: uppercase;
114 } 81 }
115 82
116 /* Site Actions */ 83 /* Site Actions */
117 -#portal-siteactions { 84 +.header-content #portal-siteactions {
118 display: block; 85 display: block;
119 float: right; 86 float: right;
120 clear: left; 87 clear: left;
@@ -124,143 +91,84 @@ background-repeat: no-repeat; @@ -124,143 +91,84 @@ background-repeat: no-repeat;
124 text-align: center; 91 text-align: center;
125 } 92 }
126 93
127 -#portal-siteactions a {  
128 - color:#2c66ce; /*rgb(96,96,96);*/ /*#FFF;*/ 94 +.header-content #portal-siteactions a {
  95 + color:#2c66ce;
129 text-decoration: none; 96 text-decoration: none;
130 padding: 4px 0 4px 10px; 97 padding: 4px 0 4px 10px;
131 text-transform: uppercase; 98 text-transform: uppercase;
132 font-family: 'open_sansregular', Arial, Helvetica, sans-serif; 99 font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
133 } 100 }
134 101
135 -#portal-siteactions a:hover { 102 +.header-content #portal-siteactions a:hover {
136 color: #03316f; 103 color: #03316f;
137 } 104 }
138 105
139 -#portal-siteactions li { 106 +.header-content #portal-siteactions li {
140 display: inline; 107 display: inline;
141 margin: 0 5px 0 0; 108 margin: 0 5px 0 0;
142 - border-bottom: 1px dotted #2c66ce;; /*#d0d9ff;*/  
143 -}  
144 -/*  
145 -#portal-siteactions li a:hover {  
146 - color: #969696; /*#d0d9ff;  
147 -}*/  
148 -#portal-siteactions li a {  
149 - padding: 4px 0px;  
150 -}  
151 -  
152 -#social-icons {  
153 - float: right;  
154 - clear: right;  
155 - margin: 0px 0px 17px; 109 + border-bottom: 1px dotted #2c66ce;
156 } 110 }
157 111
158 -#social-icons ul {  
159 - display: table-row;  
160 -}  
161 -  
162 -#social-icons li {  
163 - display: table-cell;  
164 -}  
165 -  
166 -#social-icons li a {  
167 - border: none;  
168 - padding: 0 5px; 112 +.header-content #portal-siteactions li a {
  113 + padding: 4px 0px;
169 } 114 }
170 115
171 -#siteaction-accessibility,  
172 -#siteaction-contraste,  
173 -li#siteaction-mapadosite {  
174 - margin: 0px 48px 0px 0px; /*era 15*/ 116 +.header-content #siteaction-accessibility,
  117 +.header-content #siteaction-contraste,
  118 +.header-content li#siteaction-mapadosite {
  119 + margin: 0px 48px 0px 0px;
175 } 120 }
176 121
177 -/* */  
178 -  
179 /* Top links */ 122 /* Top links */
180 -#theme-header .header-content #link-faq a {  
181 - border-right: 1px solid #2c66ce;  
182 - padding: 0 10px;  
183 -  
184 -}  
185 -#theme-header .header-content #link-contact a {  
186 - padding-left: 10px;  
187 -}  
188 -  
189 -#theme-header #sobre {  
190 - line-height: 30px;  
191 - font-size: 12px;  
192 - height: 30px;  
193 -}  
194 -  
195 -  
196 -/* */  
197 -  
198 -/* Sobre o brasil */  
199 -#sobre, #navbar { 123 +.header-content #header #sobre {
  124 + line-height: 30px;
  125 + font-size: 12px;
  126 + height: 30px;
200 clear: both; 127 clear: both;
201 - max-width: 100% !important;  
202 - margin: 0;  
203 - background-color:#CFD0D2; /*#999999;*/  
204 - /*background: #0d4094;/*azul-mais-escuro*/  
205 - padding: 5px 0;  
206 -}  
207 -  
208 -#sobre,#navbar ul {  
209 - max-width: 960px; 128 + background-color:#CFD0D2;
  129 + max-width: 100%;
210 margin: 0px auto; 130 margin: 0px auto;
211 text-align: right; 131 text-align: right;
212 - padding:10px;  
213 -}  
214 -  
215 -#sobre a {  
216 - color: #2c66ce; /*rgb(96,96,96);*/  
217 - font-family: 'Open Sans', Arial, Helvetica, sans-serif;  
218 -}  
219 -#navbar a{  
220 - color: rgb(96,96,96);  
221 - font-family: 'Open Sans', Arial, Helvetica, sans-serif;  
222 -}  
223 -  
224 -#sobre, #navbar .portalservicos-item a {  
225 - padding: 0 10px;  
226 - border-right: 1px solid #03316f;  
227 -}  
228 -  
229 -#sobre, #navbar .last-item a {  
230 padding: 0 0 0 10px; 132 padding: 0 0 0 10px;
231 border-right: none; 133 border-right: none;
232 } 134 }
233 135
234 -#navbar:houver{  
235 - color:#000000;  
236 - 136 +.header-content #sobre a {
  137 + color: #2c66ce;
  138 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
237 } 139 }
238 140
239 -#links-rapidos{ 141 +.header-content #links-rapidos{
240 width: 960px; 142 width: 960px;
241 margin: 0 auto; 143 margin: 0 auto;
242 font-color:#fff; 144 font-color:#fff;
  145 +}
243 146
  147 +.header-content #link-faq a {
  148 + border-right: 1px solid #2c66ce;
  149 + padding: 0 10px;
244 } 150 }
245 151
  152 +.header-content #link-contact a {
  153 + padding-left: 10px;
  154 +}
246 155
247 /* Searchbox */ 156 /* Searchbox */
248 -.LSBox { 157 +.header-content .LSBox {
249 margin: 0; 158 margin: 0;
250 padding: 0; 159 padding: 0;
251 border: none; 160 border: none;
252 } 161 }
253 162
254 -input.searchField { 163 +.header-content input.searchField {
255 -moz-appearance: none; 164 -moz-appearance: none;
256 } 165 }
257 166
258 -#portal-searchbox { 167 +.header-content #portal-searchbox {
259 clear: right; 168 clear: right;
260 float: right; 169 float: right;
261 font-size: 80%; 170 font-size: 80%;
262 - margin: 30px 0 15px; /*30px 0 14px*/  
263 - /*margin: 3.12em 0px 3px 0px;*/ 171 + margin: 30px 0 15px;
264 text-align: right; 172 text-align: right;
265 border-radius: 5px; 173 border-radius: 5px;
266 -moz-border-radius: 5px; 174 -moz-border-radius: 5px;
@@ -270,26 +178,26 @@ input.searchField { @@ -270,26 +178,26 @@ input.searchField {
270 padding: 2px; 178 padding: 2px;
271 } 179 }
272 180
273 -#portal-searchbox .searchField { 181 +.header-content #portal-searchbox .searchField {
274 padding: 0.45em; 182 padding: 0.45em;
275 border-right: none; 183 border-right: none;
276 border: none; 184 border: none;
277 - width: 171px; /*210px;170px;*/ 185 + width: 171px;
278 } 186 }
279 187
280 -#portal-searchbox form {  
281 -white-space: nowrap; 188 +.header-content #portal-searchbox form {
  189 + white-space: nowrap;
282 } 190 }
283 191
284 -#portal-searchbox label {  
285 -font-weight: normal; 192 +.header-content #portal-searchbox label {
  193 + font-weight: normal;
286 } 194 }
287 195
288 -#searchGadget {  
289 -width: 13em; 196 +.header-content #searchGadget {
  197 + width: 13em;
290 } 198 }
291 199
292 -#header input.searchButton { 200 +.header-content #header input.searchButton {
293 padding: 0.3em; 201 padding: 0.3em;
294 background: transparent; 202 background: transparent;
295 text-indent: -2000px; 203 text-indent: -2000px;
@@ -297,289 +205,96 @@ width: 13em; @@ -297,289 +205,96 @@ width: 13em;
297 border: none; 205 border: none;
298 } 206 }
299 207
300 -#content input.searchField { 208 +.header-content #content input.searchField {
301 margin-bottom: 1em; 209 margin-bottom: 1em;
302 } 210 }
303 211
304 -/* Removendo css de campo de busca especifico do firefox  
305 -input.searchField {  
306 - -moz-appearance: searchfield;  
307 -}*/  
308 -  
309 -#header input.searchButton { 212 +.header-content #header input.searchButton {
310 background-image: url("images/search-button.png"); 213 background-image: url("images/search-button.png");
311 background-position: 8px 2px; 214 background-position: 8px 2px;
312 background-repeat: no-repeat; 215 background-repeat: no-repeat;
313 background-color: #ffffff; 216 background-color: #ffffff;
314 } 217 }
315 218
316 -#LSResult { 219 +.header-content #LSResult {
317 z-index: 1; 220 z-index: 1;
318 margin-top: 0.5%; 221 margin-top: 0.5%;
319 } 222 }
320 223
  224 +/* Social Icons */
321 225
322 -/* Search Button */  
323 -#search-button a {  
324 - display: inline-block;  
325 - width: 29px;  
326 - height: 25px;  
327 - margin-right: 3px;  
328 - margin-top: 10px;  
329 -}  
330 -  
331 -#search-button a:hover {  
332 - opacity: 0.6;  
333 -}  
334 -  
335 -#search-button #sb_search {  
336 -background-image: url(images/search.png);  
337 -background-size: 100% 100%;  
338 -}  
339 -  
340 -#search-button span { display: none; }  
341 -  
342 -  
343 -/* */  
344 -  
345 -/* Social Buttons */  
346 -  
347 -  
348 -#social-buttons a {  
349 - width: 18px;  
350 - height: 20px;  
351 - margin-right: 3px;  
352 - margin-top: 10px; 226 +.header-content #social-icons {
  227 + float: right;
  228 + clear: right;
  229 + margin: 0px 0px 17px;
353 } 230 }
354 231
355 -#social-icons li a {  
356 - width: 20px;  
357 - height: 20px;  
358 - padding: 0px;  
359 - display: inline-block;  
360 - opacity: .85;  
361 - background-repeat: no-repeat; 232 +.header-content #social-icons ul {
  233 + display: table-row;
362 } 234 }
363 235
364 -#social-icons li { 236 +.header-content #social-icons li {
365 float: right; 237 float: right;
366 width: 20px; 238 width: 20px;
367 margin-left: 4px; 239 margin-left: 4px;
  240 + display: table-cell;
368 } 241 }
369 242
370 -#sb_face,  
371 -#sb_tweet,  
372 -#sb_youtb,  
373 -#sb_flickr {  
374 - background: url(images/icones_home_branco.jpg) 0px;  
375 -  
376 -}  
377 -  
378 -#social-icons span { display: none; }  
379 -  
380 -#sb_flickr {  
381 -background-position: -100px;  
382 -}  
383 -  
384 -#sb_face {  
385 -background-position: -12px;  
386 -}  
387 -#sb_tweet {  
388 -background-position: -42px;  
389 -}  
390 -#sb_youtb {  
391 - background-position: -71px;  
392 -}  
393 -  
394 -#social-icons a:focus,  
395 -#social-icons a:hover {  
396 -opacity: 1;  
397 -filter: alpha(opacity=100);  
398 -}  
399 -  
400 -  
401 -  
402 -/* */  
403 -  
404 -/* Social Box */  
405 -  
406 -#social-box {  
407 - border-top: 4px solid #2c66ce; /*#172938;*/  
408 -}  
409 -  
410 -  
411 -#social-buttons a {  
412 - width: 18px;  
413 - height: 20px;  
414 - margin-right: 3px;  
415 - margin-top: 10px;  
416 -}  
417 -  
418 -#social-box li a { 243 +.header-content #social-icons li a {
419 width: 20px; 244 width: 20px;
420 height: 20px; 245 height: 20px;
421 padding: 0px; 246 padding: 0px;
422 display: inline-block; 247 display: inline-block;
423 opacity: .85; 248 opacity: .85;
  249 + border: none;
424 background-repeat: no-repeat; 250 background-repeat: no-repeat;
425 - margin-right: 8px;  
426 } 251 }
427 252
428 -#social-box li {  
429 - float: left;  
430 - margin: 15px;  
431 - /*padding-top: 10px;*/  
432 - vertical-align: middle;  
433 - display: flex;  
434 - line-height: 20px;  
435 - 253 +.header-content #social-icons span {
  254 + display: none;
436 } 255 }
437 256
438 -#sb_face,  
439 -#sb_tweet,  
440 -#sb_youtb,  
441 -#sb_flickr { 257 +.header-content #sb_face,
  258 +.header-content #sb_tweet,
  259 +.header-content #sb_youtb,
  260 +.header-content #sb_flickr {
442 background: url(images/icones_home_branco.jpg) 0px; 261 background: url(images/icones_home_branco.jpg) 0px;
443 -  
444 -}  
445 -  
446 -#social-box span { display: none; }  
447 -  
448 -#sb_flickr {  
449 -background-position: -100px;  
450 -}  
451 -  
452 -#sb_face {  
453 -background-position: -12px;  
454 -}  
455 -#sb_tweet {  
456 -background-position: -42px;  
457 -}  
458 -#sb_youtb {  
459 - background-position: -71px;  
460 -}  
461 -  
462 -#social-box a:focus,  
463 -#social-box a:hover {  
464 -opacity: 1;  
465 -filter: alpha(opacity=100);  
466 -}  
467 -  
468 -/*  
469 -  
470 -#social-icons #sb_face {  
471 -background: url(images/icone-branco-facebook.png) 0 20px;  
472 -}  
473 -#social-icons #sb_face:hover {  
474 -background: url(images/icone-branco-facebook.png);  
475 -}  
476 -  
477 -#social-icons #sb_tweet {  
478 -background: url(images/icone-branco-twitter.png) 0 20px;  
479 -}  
480 -#social-icons #sb_tweet:hover {  
481 -background: url(images/icone-branco-twitter.png);  
482 -}  
483 -  
484 -#social-icons #sb_youtb {  
485 -background: url(images/icone-branco-youtube.png) 0 20px;  
486 -}  
487 -#social-icons #sb_youtb:hover {  
488 -background: url(images/icone-branco-youtube.png);  
489 -}  
490 -  
491 -#social-icons #sb_flickr {  
492 -background: url(images/icone-branco-flickr.png) 0 20px;  
493 -}  
494 -#social-icons #sb_flickr:hover {  
495 -background: url(images/icone-branco-flickr.png);  
496 -}  
497 -  
498 -#social-icons span { display: none; }  
499 -  
500 -/* FIM social Buttons */  
501 -  
502 -/*menu principal SPB*/  
503 -  
504 -portalservicos-item{  
505 -color:#000000;  
506 -}  
507 -#navbar{  
508 - margin:3px;  
509 - color:#000000;  
510 -  
511 } 262 }
512 263
513 -#user #homepage-link {  
514 - top: -11px; 264 +.header-content #sb_flickr {
  265 + background-position: -100px;
515 } 266 }
516 267
517 -  
518 -#user{  
519 - top: -60px; /*-53px;*/  
520 - font-size: 12px;  
521 - /*right: 10px;*/ 268 +.header-content #sb_face {
  269 + background-position: -12px;
522 } 270 }
523 271
524 -.logged-in #user{  
525 - top: -40px;  
526 -}  
527 -  
528 -#user form {  
529 - display:none;  
530 -}  
531 -  
532 -#user .logged-in {  
533 - visibility: hidden;  
534 - display: block;  
535 - background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;  
536 - display: block;  
537 - padding-top:1em;  
538 - text-align: left;  
539 - width: 130px;  
540 - border-radius: 10px  
541 - 272 +.header-content #sb_tweet {
  273 + background-position: -42px;
542 } 274 }
543 275
544 -#user .logged-in:hover {  
545 - visibility: visible;  
546 -}  
547 -#user .logged-in a#homepage-link {  
548 - display: block;  
549 - visibility: visible; 276 +.header-content #sb_youtb {
  277 + background-position: -71px;
550 } 278 }
551 279
552 -#user .logged-in span {display: none;}  
553 -  
554 -#user .logged-in a {  
555 - display: block;  
556 - margin-bottom: 10px; 280 +.header-content #social-icons a:focus,
  281 +.header-content #social-icons a:hover {
  282 + opacity: 1;
  283 + filter: alpha(opacity=100);
557 } 284 }
558 285
559 -#user .logged-in #pending-tasks-count {  
560 - display: inline-block;  
561 - left: 0;  
562 - position: absolute;  
563 - top: 10px;  
564 - visibility: visible;  
565 -}  
566 -.icon-menu-login {  
567 - background-image: none;  
568 -} 286 +/* end of Social Icons */
569 287
570 -/**** html desabilitado****/ 288 +/**** disable html****/
571 #barra-psocial { 289 #barra-psocial {
572 - position: relative;  
573 - height: 40px;  
574 - margin: -3px 0px 0px 0px; /*margin: auto;*/  
575 - border: none;  
576 - background-color:rgb(236,237,241);  
577 - /*background: url(images/barra-psocial-bg.png) repeat-x; */ 290 + position: relative;
  291 + height: 40px;
  292 + margin: -3px 0px 0px 0px;
  293 + border: none;
  294 + background-color:rgb(236,237,241);
578 } 295 }
579 296
580 #barra-psocial li { 297 #barra-psocial li {
581 float: left; 298 float: left;
582 } 299 }
583 -/**********fim css para html desabilitado*************/  
584 -  
585 -/*Fim menu principal SPB*/  
586 \ No newline at end of file 300 \ No newline at end of file
  301 +/********** end disable html *************/