Updated footer styling & powered by

hulihanapplications · May 23, 2012 · 1ce24a3 · 1ce24a3
1 parent 23366f5
commit 1ce24a3
Show file tree

Hide file tree

Showing 4 changed files with 69 additions and 38 deletions.
diff --git a/app/assets/stylesheets/layout.css.scss b/app/assets/stylesheets/layout.css.scss
@@ -8,16 +8,27 @@ a.transparent:hover {text-decoration:none;opacity:1.00;filter:alpha(opacity=100)
 a.extra_options {padding:7px 0px;display:block;border-top:1px solid #ccc;}
 
 /* Main Layout */
-#wrapper {height:auto !important; height:100%; min-height:100%;position:relative;}
-	#wrapper > #header, #wrapper > #content, #wrapper > #top > table {width: 900px ; margin: 0 auto ;}
-	#wrapper > #top, #wrapper > #footer {color:#ccc;}
-	#wrapper > #top {
+#wrapper {
+	height:auto !important; height:100%; min-height:100%;position:relative;
+	> #header,
+	> #content,
+	> #top > table {
+		width: 900px;
+		margin: 0 auto 
+	}
+	> #top, 
+	> #footer {
+		color:#ccc;
+		@include text-shadow(1px 1px 1px #000);
+		a:visited, a:link {color:#e8e8e8}
+		a:hover {color:#fff}
+	}
+	#top {
 		background:#333;
 		padding:5px 0px;
 		text-align:right;
 		border-bottom:1px solid #666;
 		@include box-shadow;
-		@include text-shadow(1px 1px 1px #000);
 		#search_button, #search_box {
 			@include border-radius(5px);
 		}		
@@ -37,35 +48,52 @@ a.extra_options {padding:7px 0px;display:block;border-top:1px solid #ccc;}
 				color:white;
 			}
 		}
-		td {vertical-align:middle;}
-	}		
-	#top a:visited, #top a:link, #footer a:visited, #footer a:link {color:#ddd}
-	#top a:hover, #footer a:hover {color:#fff}
-	#wrapper > #header {
+		td {vertical-align:middle;}		
+	}
+	> #header {
 		position:relative;
 		height:95px;
 		background:url(bgs/main_logo_bg.png) no-repeat;
 		background-position:bottom left;
 		// border-top:1px solid #aaa;
 	}
-	#wrapper > #content {		
+	> #content {		
 		height:100%;
 		padding:5px;
 		padding-top:10px;
 		padding-bottom:70px;
 		height:100%;
-	}	
-			#wrapper > #content.split-one #main {width:100%}
-			#wrapper > #content.split-two #main {float:left;width:660px;}
-				#main .header table {width:100%}
-					#main .header td {vertical-align:middle}
-					#main .header td.left {text-align:left}
-					#main .header td.right {text-align:right}
-			#wrapper > #content.split-two #side, div.side, .side_right, .side_left {width:230px;float:left;padding-right:10px}
-			div.side_right {float:right}
-			.side_right {padding-left:10px}			
-	#wrapper > #footer {height:45px;;background:url(bgs/body_bg.png) repeat-x white;-moz-box-shadow: 0 1px 10px #222 inset;-webkit-box-shadow: 0 1px 10px #222 inset;position:absolute;bottom:0;width:100%;padding:10px 0px;;;text-align:center;border-top:1px solid black;}
-	#wrapper > #content #tabcontent #main, .tabcontent .main {width:640px;}
+		&.split-one #main {width:100%}
+		&.split-two #main {float:left;width:660px;}
+		> #main {
+			.header {
+				table {width:100%}
+				td {vertical-align:middle}
+				td.left {text-align:left}
+				td.right {text-align:right}
+			}
+		}
+	}
+	> #footer {
+		height:45px;
+		background:url(bgs/body_bg.png) repeat-x white;
+		@include box-shadow(inset 0 1px 10px #222);
+		position:absolute;
+		bottom:0;
+		width:100%;
+		padding:10px 0px;
+		text-align:center;
+		border-top:1px solid black;
+		#powered-by {
+			font-size:10px;
+		}	
+	}
+}	
+
+#wrapper > #content.split-two #side, div.side, .side_right, .side_left {width:230px;float:left;padding-right:10px}
+div.side_right {float:right}
+.side_right {padding-left:10px}			
+#wrapper > #content #tabcontent #main, .tabcontent .main {width:640px;}
 
 /* Main Menu */
 div.main_menu {position:absolute;bottom:-1px;right:0;}

diff --git a/app/views/application/_footer.html.erb b/app/views/application/_footer.html.erb
@@ -1,15 +1,16 @@
-
+<div id="copyright">
 	<%= @setting[:title] %></a> &copy; <%= Time.now.strftime("%Y")%>
-	<% if mobile_device? %>
-		<%= icon("spacer") %>		 
-		  <% if mobile_mode? %>
-		    <%= link_to t("single.full") + " " + t("single.website"), :mobile => 0 %>
-		  <% else %>
-		    <%= link_to t("single.mobile") + " " + t("single.website"), :mobile => 1 %>
-		  <% end %>
-	<% end %>	
-	<br />
-	<a href="http://www.hulihanapplications.com/projects/opal" class="transparent" target="_blank" title="Powered with <%= t("name") %> by Hulihan Applications">
-		<%= image_tag("opal_powered_small.png") %>
-	</a>					
+</div>
+<div id="powered-by">
+	<%= t("label.powered_by", :name => link_to(t("name"), "http://www.hulihanapplications.com/projects/opal")).html_safe %>
+</div>
+<% if mobile_device? %>
+	<%= icon("spacer") %>		 
+	  <% if mobile_mode? %>
+	    <%= link_to t("single.full") + " " + t("single.website"), :mobile => 0 %>
+	  <% else %>
+	    <%= link_to t("single.mobile") + " " + t("single.website"), :mobile => 1 %>
+	  <% end %>
+<% end %>	
+
 
diff --git a/config/locales/en.yml b/config/locales/en.yml
@@ -319,7 +319,8 @@ en:
     skipping_prompt: "Skipping Prompt..."
     remember_me: Remember Me
     currently_logged_in: Currently Logged In 
-    use_authentication: Use another network       
+    use_authentication: Use another network      
+    powered_by: Powered by %{name} 
   # General Information 
   info: 
     delete_main_logo: Deleting your logo will show the title of your site instead. 

diff --git a/config/locales/ru.yml b/config/locales/ru.yml
@@ -318,7 +318,8 @@ ru:
     skipping_prompt: "Пропускаем запрос..."
     remember_me: Запомнить    
     currently_logged_in: Выполнен вход 
-    use_authentication: Использовать другую сеть           
+    use_authentication: Использовать другую сеть
+    powered_by: Powered by %{name}
   # General Information 
   info: 
     delete_main_logo: Удаление логотипа отобразит заголовок вашего сайта.