General adjustment of the design to better fit the system in small and large

screens.

General adjustment of the design to better fit the system in small and large
screens.
Sidney Ricardo
1 parent fbba6437
Showing 2 changed files with 27 additions and 9 deletions Show diff stats
cabecalho-cinza-theme.css
header.html.erb
@@ -10,6 +10,7 @@
  
 #header>div {
   max-width: 960px;
+  min-width: 960px;
   margin: 0 auto;
 }
  
@@ -55,6 +56,11 @@ background-image: url(images/logotipo_contraste.png);
 background-repeat: no-repeat;
 }*/
  
+/* Barra do Brasil */
+
+#barra-brasil, #wrapper-barra-brasil, #wrap-1 {
+	min-width: 960px;
+}
  
 /* logo */
 #logo {
@@ -177,7 +183,6 @@ background-repeat: no-repeat;
 #theme-header #sobre {
    line-height: 20px;
    font-size: 12px;
-   margin:0px 83px; /*incluido*/
 }
  
  
@@ -387,14 +392,23 @@ color:#000000;
  
 /*Fim menu principal SPB*/
  
+
+#wrap-2 {
+	width: 960px;
+	margin: 0 auto;
+	border: none;
+	padding: 0px;
+}
+
+
+
 /****************** FIM cabecalho ******************/
  
 /************* Bar Psocial Style - Menu Horizontal**************/
 #user{
-  padding: 0px 2em;
-  top: -30px;
+  top: -45px;
   font-size: 12px;
-  right: 4em;
+  /*right: 10px;*/
 }
  
 .logged-in #user{
@@ -499,7 +513,8 @@ color:#000000;
  
 /******************Footer-Rodapé**********************************/
 #theme-footer {
-    width: 100%;
+	width: 100%;
+	min-width: 960px;
 }
  
 #footer-content {
@@ -645,7 +660,7 @@ line-height:1em
 @media(min-width:980px) {
  
 footer .container2{
-	width:1040px
+	width: 100%;
 }
  
 footer .footer-atalhos a {
@@ -99,9 +99,8 @@
           </li>
         </ul>
       </div>
-    </div>
-
-  <div id="sobre">	
+      
+       <div id="sobre">	
 	<ul>
         <li id="link-faq">
           <a href="/ajuda/ajuda/duvidas-frequentes">Perguntas frequentes</a>
@@ -111,6 +110,10 @@
         </li>
       </ul>
     </div>
+      
+    </div>
+
+ 
   </div>
 </div>
...	...	@@ -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 {
...	...
...	...	@@ -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
...	...