Add style Bar Psocial

Valessio Brito
1 parent c00cc4c9
Showing 4 changed files with 33 additions and 7 deletions Show diff stats
header.rhtml
images/thin-logo.png
site_title.rhtml
style.css
 <div id="barra-brasil">
 </div>
+<div id="barra-psocial">
+</div>
 <div id="assets-menu">
   <ul>
     <%= generate_assets_menu %>
-<% if File.exists?(File.join(Rails.root, 'public', "/designs/themes/#{environment.theme}/images/thin-logo.png")) %>
-  <%= link_to(image_tag("/designs/themes/#{environment.theme}/images/thin-logo.png"), environment.top_url) %>
-<% else %>
-  <%= link_to(image_tag("/designs/themes/noosfero/images/thin-logo.png"), environment.top_url) %>
-<% end %>
+<%= link_to(image_tag("/designs/themes/comigrar/images/thin-logo.png"), environment.top_url) %>
@@ -5,7 +5,14 @@ body {
     background: #FFF;
 }
+#wrap-1 {
+    width: auto;
+    margin: 0px;
+}
+
 #wrap-2 {
+    width: 960px;
+    margin: auto;
     border: 0px;
 }
@@ -21,9 +28,30 @@ body {
     background: none;
 }
-/* Title Style */
+/* Bar Psocial Style */
+
+#theme-header {
+    height: 40px;
+    background-image: linear-gradient(bottom, #E8E8E8 20%, #FEFEFE 80%);
+    background-image: -o-linear-gradient(bottom, #E8E8E8 20%, #FEFEFE 80%);
+    background-image: -moz-linear-gradient(bottom, #E8E8E8 20%, #FEFEFE 80%);
+    background-image: -webkit-linear-gradient(bottom, #E8E8E8 20%, #FEFEFE 80%);
+    background-image: -ms-linear-gradient(bottom, #E8E8E8 20%, #FEFEFE 80%); 
+    background-image: -webkit-gradient(
+        linear,
+        left bottom,
+        left top,
+        color-stop(0.2, #E8E8E8),
+        color-stop(0.8, #FEFEFE)
+    );
+}
+
+#site-title { top: -40px; }
+
+#user { top: -30px; }
+
-/*Tile Header*/
+/* Title Header */
 #content .main-block h1, 
 #content .main-block h2,
1	<div id="barra-brasil">	1	<div id="barra-brasil">
2	</div>	2	</div>
		3	+<div id="barra-psocial">
		4	+</div>
3	<div id="assets-menu">	5	<div id="assets-menu">
4	<ul>	6	<ul>
5	<%= generate_assets_menu %>	7	<%= generate_assets_menu %>
1	-<% if File.exists?(File.join(Rails.root, 'public', "/designs/themes/#{environment.theme}/images/thin-logo.png")) %>
2	- <%= link_to(image_tag("/designs/themes/#{environment.theme}/images/thin-logo.png"), environment.top_url) %>
3	-<% else %>
4	- <%= link_to(image_tag("/designs/themes/noosfero/images/thin-logo.png"), environment.top_url) %>
5	-<% end %>	1	+<%= link_to(image_tag("/designs/themes/comigrar/images/thin-logo.png"), environment.top_url) %>
	@@ -5,7 +5,14 @@ body {		@@ -5,7 +5,14 @@ body {
5	background: #FFF;	5	background: #FFF;
6	}	6	}
7		7
		8	+#wrap-1 {
		9	+ width: auto;
		10	+ margin: 0px;
		11	+}
		12	+
8	#wrap-2 {	13	#wrap-2 {
		14	+ width: 960px;
		15	+ margin: auto;
9	border: 0px;	16	border: 0px;
10	}	17	}
11		18
	@@ -21,9 +28,30 @@ body {		@@ -21,9 +28,30 @@ body {
21	background: none;	28	background: none;
22	}	29	}
23		30
24	-/* Title Style */	31	+/* Bar Psocial Style */
		32	+
		33	+#theme-header {
		34	+ height: 40px;
		35	+ background-image: linear-gradient(bottom, #E8E8E8 20%, #FEFEFE 80%);
		36	+ background-image: -o-linear-gradient(bottom, #E8E8E8 20%, #FEFEFE 80%);
		37	+ background-image: -moz-linear-gradient(bottom, #E8E8E8 20%, #FEFEFE 80%);
		38	+ background-image: -webkit-linear-gradient(bottom, #E8E8E8 20%, #FEFEFE 80%);
		39	+ background-image: -ms-linear-gradient(bottom, #E8E8E8 20%, #FEFEFE 80%);
		40	+ background-image: -webkit-gradient(
		41	+ linear,
		42	+ left bottom,
		43	+ left top,
		44	+ color-stop(0.2, #E8E8E8),
		45	+ color-stop(0.8, #FEFEFE)
		46	+ );
		47	+}
		48	+
		49	+#site-title { top: -40px; }
		50	+
		51	+#user { top: -30px; }
		52	+
25		53
26	-/Tile Header/	54	+/* Title Header */
27		55
28	#content .main-block h1,	56	#content .main-block h1,
29	#content .main-block h2,	57	#content .main-block h2,