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 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  
... ...