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
header.css
  Diff comments   View file @decb625
... ... @@ -2,119 +2,86 @@
2 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 5 .header-content * {
20 6 margin: 0;
21 7 padding: 0;
22 8 list-style: none;
23 9 vertical-align: baseline;
24 10 }
  11 +
25 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 30 float: left;
37 31 font-family: arial;
38 32 font-size: 10px;
39 33 width: 50%;
40 34 }
41 35  
42   -#accessibility a {
43   - /*color:# ;rgb(96,96,96);*//*#FFF; */
  36 +.header-content #accessibility a {
44 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 42 color: #FFFFFF;
53 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 46 /* logo */
68   -#logo {
  47 +.header-content #logo {
69 48 padding: 0;
70 49 float: left;
71   - width: 50%; /*70%;*/
  50 + width: 50%;
72 51 }
73 52  
74   -#logo span {
  53 +.header-content #logo span {
75 54 display: block;
76 55 }
77 56  
78   -#logo a {
  57 +.header-content #logo a {
79 58 display: block;
80 59 width: 100%;
81   - color: #03316f !important;
  60 + color: #03316f;
82 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 66 color: #03316f;
87 67 }
88 68  
89   -#logo #portal-title {
  69 +.header-content #logo #portal-title {
90 70 background-image: url("images/logotipo_spb_beta.svg");
91 71 background-repeat: no-repeat;
92   - background-size: 370px; /*374px 56px;*/
  72 + background-size: 370px;
93 73 height: 78px;
94 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 79 font-size: 1.2em;
113 80 text-transform: uppercase;
114 81 }
115 82  
116 83 /* Site Actions */
117   -#portal-siteactions {
  84 +.header-content #portal-siteactions {
118 85 display: block;
119 86 float: right;
120 87 clear: left;
... ... @@ -124,143 +91,84 @@ background-repeat: no-repeat;
124 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 96 text-decoration: none;
130 97 padding: 4px 0 4px 10px;
131 98 text-transform: uppercase;
132 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 103 color: #03316f;
137 104 }
138 105  
139   -#portal-siteactions li {
  106 +.header-content #portal-siteactions li {
140 107 display: inline;
141 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 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 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 130 margin: 0px auto;
211 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 132 padding: 0 0 0 10px;
231 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 142 width: 960px;
241 143 margin: 0 auto;
242 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 156 /* Searchbox */
248   -.LSBox {
  157 +.header-content .LSBox {
249 158 margin: 0;
250 159 padding: 0;
251 160 border: none;
252 161 }
253 162  
254   -input.searchField {
  163 +.header-content input.searchField {
255 164 -moz-appearance: none;
256 165 }
257 166  
258   -#portal-searchbox {
  167 +.header-content #portal-searchbox {
259 168 clear: right;
260 169 float: right;
261 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 172 text-align: right;
265 173 border-radius: 5px;
266 174 -moz-border-radius: 5px;
... ... @@ -270,26 +178,26 @@ input.searchField {
270 178 padding: 2px;
271 179 }
272 180  
273   -#portal-searchbox .searchField {
  181 +.header-content #portal-searchbox .searchField {
274 182 padding: 0.45em;
275 183 border-right: none;
276 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 201 padding: 0.3em;
294 202 background: transparent;
295 203 text-indent: -2000px;
... ... @@ -297,289 +205,96 @@ width: 13em;
297 205 border: none;
298 206 }
299 207  
300   -#content input.searchField {
  208 +.header-content #content input.searchField {
301 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 213 background-image: url("images/search-button.png");
311 214 background-position: 8px 2px;
312 215 background-repeat: no-repeat;
313 216 background-color: #ffffff;
314 217 }
315 218  
316   -#LSResult {
  219 +.header-content #LSResult {
317 220 z-index: 1;
318 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 237 float: right;
366 238 width: 20px;
367 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 244 width: 20px;
420 245 height: 20px;
421 246 padding: 0px;
422 247 display: inline-block;
423 248 opacity: .85;
  249 + border: none;
424 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 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 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 297 #barra-psocial li {
581 298 float: left;
582 299 }
583   -/**********fim css para html desabilitado*************/
584   -
585   -/*Fim menu principal SPB*/
586 300 \ No newline at end of file
  301 +/********** end disable html *************/
... ...