Commit 0c50ec0dddb411e014684ab46d6a36bd10e84d8c
1 parent
fbba6437
Exists in
master
and in
10 other branches
General adjustment of the design to better fit the system in small and large
screens.
Showing
2 changed files
with
27 additions
and
9 deletions
Show diff stats
cabecalho-cinza-theme.css
... | ... | @@ -10,6 +10,7 @@ |
10 | 10 | |
11 | 11 | #header>div { |
12 | 12 | max-width: 960px; |
13 | + min-width: 960px; | |
13 | 14 | margin: 0 auto; |
14 | 15 | } |
15 | 16 | |
... | ... | @@ -55,6 +56,11 @@ background-image: url(images/logotipo_contraste.png); |
55 | 56 | background-repeat: no-repeat; |
56 | 57 | }*/ |
57 | 58 | |
59 | +/* Barra do Brasil */ | |
60 | + | |
61 | +#barra-brasil, #wrapper-barra-brasil, #wrap-1 { | |
62 | + min-width: 960px; | |
63 | +} | |
58 | 64 | |
59 | 65 | /* logo */ |
60 | 66 | #logo { |
... | ... | @@ -177,7 +183,6 @@ background-repeat: no-repeat; |
177 | 183 | #theme-header #sobre { |
178 | 184 | line-height: 20px; |
179 | 185 | font-size: 12px; |
180 | - margin:0px 83px; /*incluido*/ | |
181 | 186 | } |
182 | 187 | |
183 | 188 | |
... | ... | @@ -387,14 +392,23 @@ color:#000000; |
387 | 392 | |
388 | 393 | /*Fim menu principal SPB*/ |
389 | 394 | |
395 | + | |
396 | +#wrap-2 { | |
397 | + width: 960px; | |
398 | + margin: 0 auto; | |
399 | + border: none; | |
400 | + padding: 0px; | |
401 | +} | |
402 | + | |
403 | + | |
404 | + | |
390 | 405 | /****************** FIM cabecalho ******************/ |
391 | 406 | |
392 | 407 | /************* Bar Psocial Style - Menu Horizontal**************/ |
393 | 408 | #user{ |
394 | - padding: 0px 2em; | |
395 | - top: -30px; | |
409 | + top: -45px; | |
396 | 410 | font-size: 12px; |
397 | - right: 4em; | |
411 | + /*right: 10px;*/ | |
398 | 412 | } |
399 | 413 | |
400 | 414 | .logged-in #user{ |
... | ... | @@ -499,7 +513,8 @@ color:#000000; |
499 | 513 | |
500 | 514 | /******************Footer-Rodapé**********************************/ |
501 | 515 | #theme-footer { |
502 | - width: 100%; | |
516 | + width: 100%; | |
517 | + min-width: 960px; | |
503 | 518 | } |
504 | 519 | |
505 | 520 | #footer-content { |
... | ... | @@ -645,7 +660,7 @@ line-height:1em |
645 | 660 | @media(min-width:980px) { |
646 | 661 | |
647 | 662 | footer .container2{ |
648 | - width:1040px | |
663 | + width: 100%; | |
649 | 664 | } |
650 | 665 | |
651 | 666 | footer .footer-atalhos a { | ... | ... |
header.html.erb
... | ... | @@ -99,9 +99,8 @@ |
99 | 99 | </li> |
100 | 100 | </ul> |
101 | 101 | </div> |
102 | - </div> | |
103 | - | |
104 | - <div id="sobre"> | |
102 | + | |
103 | + <div id="sobre"> | |
105 | 104 | <ul> |
106 | 105 | <li id="link-faq"> |
107 | 106 | <a href="/ajuda/ajuda/duvidas-frequentes">Perguntas frequentes</a> |
... | ... | @@ -111,6 +110,10 @@ |
111 | 110 | </li> |
112 | 111 | </ul> |
113 | 112 | </div> |
113 | + | |
114 | + </div> | |
115 | + | |
116 | + | |
114 | 117 | </div> |
115 | 118 | </div> |
116 | 119 | ... | ... |