Commit 0c50ec0dddb411e014684ab46d6a36bd10e84d8c

Authored by Sidney Ricardo
1 parent fbba6437

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