Commit 0c50ec0dddb411e014684ab46d6a36bd10e84d8c
1 parent
fbba6437
Exists in
master
and in
12 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,6 +10,7 @@ | ||
10 | 10 | ||
11 | #header>div { | 11 | #header>div { |
12 | max-width: 960px; | 12 | max-width: 960px; |
13 | + min-width: 960px; | ||
13 | margin: 0 auto; | 14 | margin: 0 auto; |
14 | } | 15 | } |
15 | 16 | ||
@@ -55,6 +56,11 @@ background-image: url(images/logotipo_contraste.png); | @@ -55,6 +56,11 @@ background-image: url(images/logotipo_contraste.png); | ||
55 | background-repeat: no-repeat; | 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 | /* logo */ | 65 | /* logo */ |
60 | #logo { | 66 | #logo { |
@@ -177,7 +183,6 @@ background-repeat: no-repeat; | @@ -177,7 +183,6 @@ background-repeat: no-repeat; | ||
177 | #theme-header #sobre { | 183 | #theme-header #sobre { |
178 | line-height: 20px; | 184 | line-height: 20px; |
179 | font-size: 12px; | 185 | font-size: 12px; |
180 | - margin:0px 83px; /*incluido*/ | ||
181 | } | 186 | } |
182 | 187 | ||
183 | 188 | ||
@@ -387,14 +392,23 @@ color:#000000; | @@ -387,14 +392,23 @@ color:#000000; | ||
387 | 392 | ||
388 | /*Fim menu principal SPB*/ | 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 | /****************** FIM cabecalho ******************/ | 405 | /****************** FIM cabecalho ******************/ |
391 | 406 | ||
392 | /************* Bar Psocial Style - Menu Horizontal**************/ | 407 | /************* Bar Psocial Style - Menu Horizontal**************/ |
393 | #user{ | 408 | #user{ |
394 | - padding: 0px 2em; | ||
395 | - top: -30px; | 409 | + top: -45px; |
396 | font-size: 12px; | 410 | font-size: 12px; |
397 | - right: 4em; | 411 | + /*right: 10px;*/ |
398 | } | 412 | } |
399 | 413 | ||
400 | .logged-in #user{ | 414 | .logged-in #user{ |
@@ -499,7 +513,8 @@ color:#000000; | @@ -499,7 +513,8 @@ color:#000000; | ||
499 | 513 | ||
500 | /******************Footer-Rodapé**********************************/ | 514 | /******************Footer-Rodapé**********************************/ |
501 | #theme-footer { | 515 | #theme-footer { |
502 | - width: 100%; | 516 | + width: 100%; |
517 | + min-width: 960px; | ||
503 | } | 518 | } |
504 | 519 | ||
505 | #footer-content { | 520 | #footer-content { |
@@ -645,7 +660,7 @@ line-height:1em | @@ -645,7 +660,7 @@ line-height:1em | ||
645 | @media(min-width:980px) { | 660 | @media(min-width:980px) { |
646 | 661 | ||
647 | footer .container2{ | 662 | footer .container2{ |
648 | - width:1040px | 663 | + width: 100%; |
649 | } | 664 | } |
650 | 665 | ||
651 | footer .footer-atalhos a { | 666 | footer .footer-atalhos a { |
header.html.erb
@@ -99,9 +99,8 @@ | @@ -99,9 +99,8 @@ | ||
99 | </li> | 99 | </li> |
100 | </ul> | 100 | </ul> |
101 | </div> | 101 | </div> |
102 | - </div> | ||
103 | - | ||
104 | - <div id="sobre"> | 102 | + |
103 | + <div id="sobre"> | ||
105 | <ul> | 104 | <ul> |
106 | <li id="link-faq"> | 105 | <li id="link-faq"> |
107 | <a href="/ajuda/ajuda/duvidas-frequentes">Perguntas frequentes</a> | 106 | <a href="/ajuda/ajuda/duvidas-frequentes">Perguntas frequentes</a> |
@@ -111,6 +110,10 @@ | @@ -111,6 +110,10 @@ | ||
111 | </li> | 110 | </li> |
112 | </ul> | 111 | </ul> |
113 | </div> | 112 | </div> |
113 | + | ||
114 | + </div> | ||
115 | + | ||
116 | + | ||
114 | </div> | 117 | </div> |
115 | </div> | 118 | </div> |
116 | 119 |