tr8n 3.0.5 → 3.1.1

data/app/views/tr8n/language/_translator_submit.html.erb

@@ -84,11 +84,11 @@
 		            </div>
 		        
 		            <div id="tr8n_google_suggestion_container_<%=@translation_key.id%>" style="" class="small_section">  
-		                <%=image_tag("/tr8n/images/left_quote.png", :style=>"text-align:bottom;padding-bottom:5px;") %>
+		                <%=image_tag("tr8n/left_quote.png", :style=>"text-align:bottom;padding-bottom:5px;") %>
 		                <a onclick="Tr8n.element('tr8n_translator_translation_label').value=Tr8n.element('tr8n_translation_suggestion_<%=@translation_key.id%>').innerHTML; return false;" href="#">
 		                   <span class="small" id="tr8n_translation_suggestion_<%=@translation_key.id%>" title="<%=trla("Click to insert this suggested translation above")%>"></span>
 		                </a>
-		                <%=image_tag("/tr8n/images/right_quote.png", :style=>"text-align:bottom;padding-top:5px;") %>
+		                <%=image_tag("tr8n/right_quote.png", :style=>"text-align:bottom;padding-top:5px;") %>
 		            
 		                <% sanitized_label = @translation_key.tokenless_label.gsub('"', '\"') %>
 		                <script type="text/javascript">

data/app/views/tr8n/language/lb_language_case_rule.html.erb

@@ -1,37 +1,41 @@
-<%= tr8n_with_options_tag(:default_locale => 'en-US', :admin => true) do %>
-	<style>
-	  .lightbox {
-	    background-color: white;
-	  }
-	  .title {
-	    padding: 5px;
-	    text-align: left;
-	    font-size: 14px;
-	    font-weight: bold;
-	  }
-	  .buttons {
-	    text-align: center;
-	  }
-	  .content {
-	    border: 1px dotted #ccc;
-	    background-color: #f8f7f6;
-	    padding:5px;
-	    padding-bottom: 10px;
-	  }
-	  .content td {
-	    vertical-align: middle;
-	    padding: 3px;
-	  }
-	</style>
+<style>
+  .lightbox {
+    background-color: white;
+  }
+  .title {
+    padding: 5px;
+    text-align: left;
+    font-size: 14px;
+    font-weight: bold;
+  }
+  .buttons {
+    text-align: center;
+  }
+  .content {
+  }
+  .content td {
+    vertical-align: middle;
+    padding: 3px;
+  }
+</style>
+
+<div class="inner">
+	<div class="hd">
+		<div style="float:right;">
+			<%=link_to_function(image_tag("tr8n/close.gif"), "tr8nLightbox.hide()") %>
+		</div>
+	  <div style="font-size:14px; font-weight:bold;">
+	     <%= @case.native_name.blank? ? 'New Language Case' : @case.native_name %>
+	     <br>
+	     <span style="color:grey; font-size:10px;">(::<%= @case.keyword %>) <%= @case.description %> </span>
+	  </div>
+	</div>	
 	
-	<div class="lightbox">
+	<div class="bd">
 	  <%= form_tag({}, {:id => :language_case_rule_form}) do %>
+		  
 		  <% rule_prefix = "edit_rule" %>
-		  <div style="padding:5px; border: 1px dotted #ccc; margin-bottom:10px; font-size:14px; background-color:#f1f4fa; font-weight:bold;">
-			   <%= @case.native_name.blank? ? 'New Language Case' : @case.native_name %>
-	       <br>
-	       <span style="color:grey; font-size:10px;">(::<%= @case.keyword %>) <%= @case.description %> </span>
-		  </div>
+		
 		
 		  <%=hidden_field_tag("#{rule_prefix}[position]", @rule_index)%>
 		
@@ -81,14 +85,16 @@
 			    </tr>
 			  </table>
 			
-		  <% end %>
-			
-		  <div style="text-align:center;padding-top:20px;padding-bottom:10px;">
-		     <%=link_to_function("<span>#{trla(@new_rule ? "Add Rule" : "Update Rule", "Tr8n lightbox close button")}</span>".html_safe, "tr8nLightbox.hide(); updateLanguageCaseRule();", :class => "tr8n_grey_button tr8n_pcb") %>
-		     <%=tra("or")%>
-		     <%=link_to_function(trla("Cancel", "Tr8n lightbox close button"), "tr8nLightbox.hide()") %>
-		  </div>
+			<% end %>
 			
 		</div>
 	</div>
-<% end %>
+
+	<div class="ft">
+	    <button type="button" class="translator_btn translator_submit_btn" onClick="tr8nLightbox.hide(); updateLanguageCaseRule(); return false;">
+	        <span><%=trla(@new_rule ? "Add Rule" : "Update Rule", "Tr8n lightbox close button")%></span>
+	    </button>
+     <%=tra("or")%>
+     <%=link_to_function(trla("Cancel", "Tr8n lightbox close button"), "tr8nLightbox.hide()") %>
+	</div>
+</div>

data/app/views/tr8n/language/select.html.erb

@@ -1,9 +1,9 @@
 <%= tr8n_with_options_tag(:default_locale => 'en-US', :admin => true) do %>
 	<div class="head">
 	  <div class="action">
-	    <%=link_to_function(image_tag("/tr8n/images/close.gif", :style => "border:0px; padding:5px;", :alt=>trla("Close")), "tr8nLanguageSelector.hide()")%>
+	    <%=link_to_function(image_tag("tr8n/close.gif", :style => "border:0px; padding:5px;", :alt=>trla("Close")), "tr8nLanguageSelector.hide()")%>
 	  </div>
-	  <div style="padding-top:3px"><%=trla("Select a Language")%></div>
+	  <div style="padding-top:3px"><%=trla("Select you language")%></div>
 	</div>
 	
 	<div id="tr8n_language_lists" style="margin-top:2px;">    
@@ -58,7 +58,7 @@
 	  	<tr>
 	  		<td style="vertical-align:middle"><%=tr8n_help_icon_tag %></td>
 				<td style="font-size:10px; font-family:arial; vertical-align:middle">&nbsp;
-	        <%=trla("Click this icon to view [link: translation help] in a new window.", "", :link => lambda{|value| link_to(value, "tr8n/help")})%>
+	        <%=trla("Click this icon to view [link: translation help] in a new window.", "", :link => lambda{|value| link_to(value, "/tr8n/help")})%>
 				</td>
 	  	</tr>
 	  </table>

data/app/views/tr8n/language/translator.html.erb

@@ -1,12 +1,12 @@
 <%= tr8n_with_options_tag(:default_locale => 'en-US', :admin => true) do %>
 	<% if params[:stem_type] %>
 	  <% left_right = params[:stem_type].index("right") ? "right" : "left" %>  
-	  <%=image_tag("/tr8n/images/top_left_stem.png", :class => "stem #{params[:stem_type]}", :style => "#{left_right}:#{params[:stem_offset]}px")%>
+	  <%=image_tag("tr8n/top_left_stem.png", :class => "stem #{params[:stem_type]}", :style => "#{left_right}:#{params[:stem_offset]}px")%>
 	<% end %>  
 	
 	<div class="hd">
 	  <div class="supplemental">
-	    <%=link_to_function(image_tag("/tr8n/images/close.gif", :title=>trla("Close")), "tr8nTranslator.hide()")%>
+	    <%=link_to_function(image_tag("tr8n/close.gif", :title=>trla("Close")), "tr8nTranslator.hide()")%>
 	  </div>
 		<%= tr8n_language_flag_tag(tr8n_current_language) %>
 	  <%= trla("{language} Translation", nil, :language => tr8n_current_language.native_name) %>

data/app/views/tr8n/phrases/_breadcrumb.html.erb

@@ -5,7 +5,7 @@
         >> <%=link_to(tra(section.label, section.description), :action => :index, :section_key => section.key) %>
 			<% end %>	
       <% if @translation_key %>
-      >> <%=link_to(@translation_key.label, :action => :view, :translation_key_id => @translation_key.id, :section_key => @section[:key]) %>
+      >> <%=link_to(@translation_key.label, :action => :view, :translation_key_id => @translation_key.id, :section_key => @section.key) %>
       <% end %>
   </div>
 <% end %>

data/app/views/tr8n/phrases/_comments_module.html.erb

@@ -5,32 +5,25 @@
 		<a name="comments">&nbsp;</a>
 	</div>
 
-	<div class="section_box" id="comments_content">
-		<% if @comments.any? %>
-		  <div style="margin-bottom:5px; padding-bottom:2px; border-bottom:1px solid #ccc; ">
-		    <table style="width:100%;">
-		      <tr>
-		        <td align='left'><%= page_entries_info(@comments, {:entry_name => "comment", :skip_decorations => true}) %></td>
-		        <td style="text-align:right"><%= will_paginate(@comments, :style=>"text-align:right", :skip_decorations => true) %></td>
-		      </tr>
-		    </table>
-		  </div>
-	
-		  <table style="width:100%; ">
-		    <% @comments.each do |comment| %>
-		      <%
-		        style = (comment == @comments.last ? "" : "border-bottom:1px dotted #ccc;" )
-		      %>  
-		      <tr style="<%=style%>">
-		        <%= render :partial => "comment", :locals => {:comment => comment} %> 
-		      </tr>
-		    <% end %>
-		  </table>
-		<% else %>
-		  <div style="font-size:12px;">
-		    <%=tra("This phrase has no comments.")%>
-			</div>	
-    <% end %>		
+	<div class="section" id="comments_content">
+		<div style="margin-bottom:10px;">
+			<% if @comments.any? %>
+				<%=tr8n_paginator_tag(@comments, "comment")%>
+			
+			  <table style="width:100%; ">
+			    <% @comments.each do |comment| %>
+			      <%
+			        style = (comment == @comments.last ? "" : "border-bottom:1px dotted #ccc;" )
+			      %>  
+			      <tr style="<%=style%>">
+			        <%= render :partial => "comment", :locals => {:comment => comment} %> 
+			      </tr>
+			    <% end %>
+			  </table>
+			<% else %>
+			    <%=tra("This phrase has no comments.")%>
+	    <% end %>		
+		</div>
 	  <%= render :partial => "new_comment" %>  
 	</div>
 </div>

data/app/views/tr8n/phrases/_header.html.erb

@@ -1,19 +1,19 @@
 <% style = @translation_key.locked? ? "background-color:#ECFFEF; border: 1px solid #50B74F;" : "background-color:#FDFDDF; border: 1px solid #DDCF6F;" %>
-<div class="section_box" style="margin-bottom:5px;<%=style%>;">
+<div class="section" style="margin-bottom:5px;<%=style%>;">
   <div style="float:right; font-size:12px; padding-right:3px;">
     <% if @translation_key.locked? %>
-      <%=image_tag("/tr8n/images/lock.png", :style=>"vertical-align:bottom;", :title => trla("This phrase is locked.")) %>
+      <%=image_tag("tr8n/lock.png", :style=>"vertical-align:bottom;", :title => trla("This phrase is locked.")) %>
     <% else %>  
-      <%=image_tag("/tr8n/images/lock_open.png", :style=>"vertical-align:bottom;", :title => trla("This phrase is unlocked.")) %>
+      <%=image_tag("tr8n/lock_open.png", :style=>"vertical-align:bottom;", :title => trla("This phrase is unlocked.")) %>
     <% end %>
   </div>
 	
   <div style="color:grey;font-size:20px;padding-bottom:10px;"><%=@translation_key.class.title%></div>
   
   <div style="padding-top:5px;padding-bottom:10px;font-size:14px">
-      <%=image_tag("/tr8n/images/left_quote.png", :style=>"text-align:bottom;padding-bottom:5px;") %>
+      <%=image_tag("tr8n/left_quote.png", :style=>"text-align:bottom;padding-bottom:5px;") %>
       <%=@translation_key.sanitized_label %>
-      <%=image_tag("/tr8n/images/right_quote.png", :style=>"text-align:bottom;padding-top:5px;") %>
+      <%=image_tag("tr8n/right_quote.png", :style=>"text-align:bottom;padding-top:5px;") %>
   </div>
 
   <% unless @translation_key.description.blank? %>

data/app/views/tr8n/phrases/_new_comment.html.erb

@@ -1,4 +1,4 @@
-<div class="section_box colored">
+<div class="section grey">
   <%= form_tag({:action => :submit_comment}, {:method => :post, :id => "translation_key_comments_form"}) do %>
     <%= hidden_field_tag(:translation_key_id, @translation_key.id)%>
     <%= hidden_field_tag(:section_key, @section_key) %>

data/app/views/tr8n/phrases/_permutations_module.html.erb

@@ -1,4 +1,4 @@
-<div id="permutations_module" class="section_box colored" style="display:none">
+<div id="permutations_module" class="section grey" style="display:none">
 	<%= form_for(@translation, :as => :translation, :url => {:controller => "/tr8n/translations", :action => :permutate}, :html => {:id => 'permutation_form', :method => :post}) do |f| %>
 	    <%= hidden_field_tag(:translation_key_id, @translation_key.id) %>
 	    <%= hidden_field_tag(:source_url, @source_url) %>
@@ -14,7 +14,7 @@
        <%=trla("For example, if the translation depends on the gender of the viewing user, select the gender context for the viewing_user token.")%>
       </div>
 
-      <div style="padding:15px; border: 1px dotted #ccc; background:#EFF8FF;" >
+      <div class="section blue" style="" >
         <%=render :partial => "/tr8n/common/permutations" %>
       </div>
 

data/app/views/tr8n/phrases/_tokens.html.erb

@@ -69,7 +69,7 @@
       <%=link_to_function(link_label, "Tr8n.element('has_rules').value='true'; Tr8n.Effects.hide('rules_trigger'); Tr8n.Effects.blindDown('translation_rules');") %>
     </div>
 		
-    <div id="translation_rules" style="padding:5px; border: 1px dotted #ccc; background:#EFF8FF; display:none;">
+    <div id="translation_rules" class="section blue" style="padding:5px; display:none;">
       <div style="font-size:14px; font-weight:normal; border-bottom: 1px dotted #ccc;">
 			   <%=trla("Token Dependency Rules For This Translation")%>
 			</div>

data/app/views/tr8n/phrases/_toolbar.html.erb

@@ -1,33 +1,33 @@
-<div id="translation_key_toolbar" style="font-size:12px; margin-top:0px; background-color:#f8f7f6; border:1px solid #eee; padding:5px; color:grey; background: url('/tr8n/images/toolbar_bg.gif') repeat-x scroll 0 0 transparent;">
+<div id="translation_key_toolbar" style="font-size:12px; margin-top:0px; background-color:#f8f7f6; border:1px solid #eee; padding:5px; color:grey; background: url('/assets/tr8n/toolbar_bg.gif') repeat-x scroll 0 0 transparent;">
   <div style="float:right;">
-     <%=link_to(image_tag("/tr8n/images/help.png", :style=>"vertical-align:bottom;", :title => trl("Help")), @translation_key.class.help_url) %>
+     <%=link_to(image_tag("tr8n/help.png", :style=>"vertical-align:bottom;", :title => trl("Help")), @translation_key.class.help_url) %>
   </div>
   <%
     actions = []
     if tr8n_current_user_is_translator? and tr8n_current_translator.manager?
       if @translation_key.locked?
-        actions << link_to("#{image_tag('/tr8n/images/lock_delete.png', :style=>'height:15px; vertical-align:bottom')} #{tra("Unlock")}".html_safe,{:action => :unlock, :translation_key_id => @translation_key.id}, :confirm => trla("Once the key is unlocked, users will be able to submit or vote on translations for this key. \n\nAre you sure you want to unlock it?") )
+        actions << link_to("#{image_tag('tr8n/lock_delete.png', :style=>'height:15px; vertical-align:bottom')} #{tra("Unlock")}".html_safe,{:action => :unlock, :translation_key_id => @translation_key.id}, :confirm => trla("Once the key is unlocked, users will be able to submit or vote on translations for this key. \n\nAre you sure you want to unlock it?") )
       else  
-        actions << link_to("#{image_tag('/tr8n/images/lock_add.png', :style=>'height:15px; vertical-align:bottom')} #{tra("Lock")}".html_safe, {:action => :lock, :translation_key_id => @translation_key.id}, :confirm => trla("Once the key is locked, users will no longer be able to submit or vote on translations for this key. \n\nAre you sure you want to lock it?") )
+        actions << link_to("#{image_tag('tr8n/lock_add.png', :style=>'height:15px; vertical-align:bottom')} #{tra("Lock")}".html_safe, {:action => :lock, :translation_key_id => @translation_key.id}, :confirm => trla("Once the key is locked, users will no longer be able to submit or vote on translations for this key. \n\nAre you sure you want to lock it?") )
       end
     end    
     unless @translation_key.locked?
       if @translation_key.rules? and @translation_key.permutatable?
-        actions << link_to_function("#{image_tag('/tr8n/images/script_gear.png', :style=>'height:15px; vertical-align:bottom')} #{tra("Generate Context Rules")}".html_safe, "addContextRules()")
+        actions << link_to_function("#{image_tag('tr8n/script_gear.png', :style=>'height:15px; vertical-align:bottom')} #{tra("Generate Context Rules")}".html_safe, "addContextRules()")
       end
     end
 		
 		if @translation_key.sources?
-      actions << link_to_function("#{image_tag('/tr8n/images/table_multiple.png', :style=>'height:15px; vertical-align:bottom')} #{tra("View Sources")}".html_safe, "tr8nLightbox.show('/tr8n/phrases/lb_sources?translation_key_id=#{@translation_key.id}', {width:600, height:340});")
+      actions << link_to_function("#{image_tag('tr8n/table_multiple.png', :style=>'height:15px; vertical-align:bottom')} #{tra("View Sources")}".html_safe, "tr8nLightbox.show('/tr8n/phrases/lb_sources?translation_key_id=#{@translation_key.id}', {width:600, height:340});")
 		end
 			
     if @translation_key.followed?
-      actions << link_to("#{image_tag('/tr8n/images/eye_not.png', :style=>'height:15px; vertical-align:bottom')} #{tra("Unfollow")}".html_safe, :controller => '/tr8n/translator', :action => :unfollow, :translation_key_id => @translation_key.id)
+      actions << link_to("#{image_tag('tr8n/eye_not.png', :style=>'height:15px; vertical-align:bottom')} #{tra("Unfollow")}".html_safe, :controller => '/tr8n/translator', :action => :unfollow, :translation_key_id => @translation_key.id)
     else
-      actions << link_to("#{image_tag('/tr8n/images/eye.png', :style=>'height:15px; vertical-align:bottom')} #{tra("Follow")}".html_safe, :controller => '/tr8n/translator', :action => :follow, :translation_key_id => @translation_key.id)
+      actions << link_to("#{image_tag('tr8n/eye.png', :style=>'height:15px; vertical-align:bottom')} #{tra("Follow")}".html_safe, :controller => '/tr8n/translator', :action => :follow, :translation_key_id => @translation_key.id)
     end 
-    actions << link_to_function("#{image_tag('/tr8n/images/exclamation.png', :style=>'height:15px; vertical-align:bottom')} #{tra("Report")}".html_safe, "tr8nLightbox.show('/tr8n/translator/lb_report?translation_key_id=#{@translation_key.id}', {width:600, height:360});")
-    actions << link_to("#{image_tag('/tr8n/images/random.png', :style=>'height:15px; vertical-align:bottom')} #{tra("Find Random")}".html_safe, :action => :view, :translation_key_id => @translation_key.id, :dir => :random)
+    actions << link_to_function("#{image_tag('tr8n/exclamation.png', :style=>'height:15px; vertical-align:bottom')} #{tra("Report")}".html_safe, "tr8nLightbox.show('/tr8n/translator/lb_report?translation_key_id=#{@translation_key.id}', {width:600, height:360});")
+    actions << link_to("#{image_tag('tr8n/random.png', :style=>'height:15px; vertical-align:bottom')} #{tra("Find Random")}".html_safe, :action => :view, :translation_key_id => @translation_key.id, :dir => :random)
   %>
   <%= actions.join(' &nbsp;|&nbsp; ').html_safe %>  
 </div>

data/app/views/tr8n/phrases/_translation_module.html.erb

@@ -1,4 +1,4 @@
-<div id="translation_module" class="section_box colored" style="display:none">
+<div id="translation_module" class="section grey" style="display:none">
 	<div style="font-size:17px;padding-bottom:3px;font-weight:bold;">
 	  <%=trla("Translation for {language} Language", "", :language => tr8n_current_language.native_name)%>
 	</div>
@@ -24,11 +24,11 @@
 				        <%=trla("Suggested Translation")%>
 				    </div>
 				    
-				    <%=image_tag("/tr8n/images/left_quote.png", :style=>"text-align:bottom;padding-bottom:5px;") %>
+				    <%=image_tag("tr8n/left_quote.png", :style=>"text-align:bottom;padding-bottom:5px;") %>
 				    <a onclick="Tr8n.element('tr8n_translation_label_<%=@translation_key.id%>').value=Tr8n.element('tr8n_translation_suggestion_<%=@translation_key.id%>').innerHTML; return false;" href="#">
 				       <span id="tr8n_translation_suggestion_<%=@translation_key.id%>" style="font-size:12px;"></span>
 				    </a>
-				    <%=image_tag("/tr8n/images/right_quote.png", :style=>"text-align:bottom;padding-top:5px;") %>
+				    <%=image_tag("tr8n/right_quote.png", :style=>"text-align:bottom;padding-top:5px;") %>
 				    
             <% sanitized_label = @translation_key.tokenless_label.gsub('"', '\"') %>
 				    <script type="text/javascript">
@@ -83,7 +83,7 @@
 	
 	  			  <%=tr8n_spinner_tag("tr8n_dictionary_spinner", "Downloading words definitions...") %>
 						
-						<div id="tr8n_dictionary" style="height:300px; overflow:auto; display:none; background: #EFF8FF; border: 1px dotted #ccc; padding: 5px;">
+						<div id="tr8n_dictionary" class="section blue" style="height:300px; overflow:auto; display:none;">
 						</div>
 	
 	          <div id="tr8n_dictionary_hider" style="display:none; font-size:12px; font-weight:normal;">

data/app/views/tr8n/phrases/_translations_module.html.erb

@@ -11,8 +11,8 @@
 		<a name="translations">&nbsp;</a>
 	</div>
 	
-  <div class="section_box" id="translations_content">
-    <div style="color:#666; font-weight:bold; padding:10px; border: 1px dotted #ccc; margin-bottom:10px; background-color:#EFF8FF;">
+  <div class="section" id="translations_content">
+    <div class="section blue">
       <%= form_tag({}, {:method => :get, :id => "translations_search_form"}) do %>
          <%=hidden_field_tag(:section_key, @section_key) %>
          <%=hidden_field_tag(:translation_key_id, @translation_key.id) %>

data/app/views/tr8n/phrases/index.html.erb

@@ -2,7 +2,7 @@
 	<%= render :partial => "/tr8n/common/header" %>
 	<%= render :partial => "breadcrumb" %>
 	
-  <div class="section_box" style="margin-bottom:10px; background-color:#EFF8FF; margin-top:0px;">
+  <div class="section blue">
 	  <%= form_tag({:action => :index}, {:method => :get, :id => "translations_search_form"}) do %>
 	      <%=hidden_field_tag(:section_key, @section_key) %>
 			  <div style="float:right">
@@ -26,9 +26,9 @@
 	  <% end %>
 	</div>
 	
-	<div style="margin-top:10px; margin-bottom:10px; border: 1px dotted #ccc; padding:10px;">
+	<div class="section">
     <% if @translation_keys.any? %>
-      <%= render :partial => "/tr8n/common/paginator", :locals => {:objects => @translation_keys, :subject => 'phrase'} %>
+			<%= tr8n_paginator_tag(@translation_keys, 'phrase') %>	
     <% end %>
 	
 	  <table style="width:100%">
@@ -45,7 +45,7 @@
 	        <% color = tk.locked? ? "#ECFFEF" : "#FDFDDF" %>
 	        <td style="padding:5px; background: <%=color%>; ">
 	          <% if tk.locked? %>
-	            <div style="float:right"><%=image_tag("/tr8n/images/lock.png", :style=>"width:12px", :title => trla("This phrase is locked"))%></div>
+	            <div style="float:right"><%=image_tag("tr8n/lock.png", :style=>"width:12px", :title => trla("This phrase is locked"))%></div>
 	          <% end %>
 	          <%=link_to(tk.default_decoration, :action => :view, :translation_key_id => tk.id, :section_key => @section_key)%>
 	          <div style="color:grey;font-size:10px;padding-top:3px;"><%=tk.description%></div>

data/app/views/tr8n/phrases/lb_sources.html.erb

@@ -1,8 +1,4 @@
-<%= tr8n_with_options_tag(:default_locale => 'en-US', :admin => true) do %>
 <style>
-  .lightbox {
-    background-color: white;
-  }
   .title {
     padding: 5px;
     text-align: left;
@@ -22,10 +18,11 @@
     padding: 5px;
   }
 </style>
-
-<div class="lightbox">
-  <div>
-    <%= render :partial => '/tr8n/phrases/header' %>
+<div class="inner">
+	<div class="hd" style="">
+  <%= render :partial => '/tr8n/phrases/header' %>
+	</div>
+  <div class="bd">
     <div style="color:grey;font-size:20px;padding-bottom:10px;">
         <%=trl("Translation Key Sources")%>
     </div>
@@ -44,8 +41,7 @@
 		</div>
   </div>	
     
-	<div style="text-align:center;padding-top:10px;">
-     <%=link_to_function("<span>#{trl("Close", "Tr8n lightbox close button")}</span>".html_safe, "tr8nLightbox.hide()", :class => "tr8n_grey_button tr8n_pcb") %>
+	<div class="ft" style="text-align:center;padding-top:10px;">
+     <%=link_to_function("<span>#{trl("Close", "Tr8n lightbox close button")}</span>", "tr8nLightbox.hide()", :class => "tr8n_grey_button tr8n_pcb") %>
 	</div>
-</div>
-<% end %>
+</div>

data/app/views/tr8n/phrases/map.html.erb

@@ -24,7 +24,7 @@
 	      <%=tra(section.label, section.description)%>
 	    </div>
 	    
-	    <div style="background-color:#f9f8f7;padding:5px;margin-bottom:15px;border: 1px dotted #ccc;">
+	    <div class="section grey">
 	      <div style="float:right; padding-right:5px;">
 	        <%=tr8n_help_icon_tag %>
 	      </div>

data/app/views/tr8n/translations/_translation.html.erb

@@ -25,13 +25,13 @@
 <td style="text-align:center; vertical-align:top; color:grey; padding-top:2px;">
   <% if translation.translation_key.locked? %>
     <div style="text-align:center;">
-		  <%=image_tag("/tr8n/images/lock.png", :style=>"height:14px", :title => trla("This phrase is locked"))%>
-      <%=link_to_function(image_tag("/tr8n/images/exclamation.png"), "tr8nLightbox.show('/tr8n/translator/lb_report?translation_id=#{translation.id}', {width:600, height:360});")%>
+		  <%=image_tag("tr8n/lock.png", :style=>"height:14px", :title => trla("This phrase is locked"))%>
+      <%=link_to_function(image_tag("tr8n/exclamation.png"), "tr8nLightbox.show('/tr8n/translator/lb_report?translation_id=#{translation.id}', {width:600, height:360});")%>
 		</div>
 	<% else %>
-    <%=link_to_function(image_tag("/tr8n/images/thumb_up.png"), "tr8nTranslator.voteOnTranslation('#{translation.translation_key.key}', '#{translation.id}', 1)")%> 
-    <%=link_to_function(image_tag("/tr8n/images/thumb_down.png"), "tr8nTranslator.voteOnTranslation('#{translation.translation_key.key}','#{translation.id}', -1)")%> 
-    <%=link_to_function(image_tag("/tr8n/images/exclamation.png"), "tr8nLightbox.show('/tr8n/translator/lb_report?translation_id=#{translation.id}', {width:600, height:360});")%>
+    <%=link_to_function(image_tag("tr8n/thumb_up.png"), "tr8nTranslator.voteOnTranslation('#{translation.translation_key.key}', '#{translation.id}', 1)")%> 
+    <%=link_to_function(image_tag("tr8n/thumb_down.png"), "tr8nTranslator.voteOnTranslation('#{translation.translation_key.key}','#{translation.id}', -1)")%> 
+    <%=link_to_function(image_tag("tr8n/exclamation.png"), "tr8nLightbox.show('/tr8n/translator/lb_report?translation_id=#{translation.id}', {width:600, height:360});")%>
   <% end %>   
 </td>
 
@@ -61,14 +61,14 @@
 	<td style="text-align:right; vertical-align:top; padding-top:3px;">
 	 <% if mode == :view %> 
 	    <% if translation.can_be_edited_by?(tr8n_current_translator) %>
-	        <%=link_to_function(image_tag("/tr8n/images/pencil.png"), "updateTranslationRow('#{translation.id}', 'edit')")%>
-	        <%=link_to_function(image_tag("/tr8n/images/cross.png"), "deleteTranslationRow('#{translation.id}', '#{@section_key}')")%>
+	        <%=link_to_function(image_tag("tr8n/pencil.png"), "updateTranslationRow('#{translation.id}', 'edit')")%>
+	        <%=link_to_function(image_tag("tr8n/cross.png"), "deleteTranslationRow('#{translation.id}', '#{@section_key}')")%>
 	    <% elsif translation.can_be_deleted_by?(tr8n_current_translator)  %>
-	        <%=link_to_function(image_tag("/tr8n/images/cross.png"), "deleteTranslationRow('#{translation.id}', '#{@section_key}')")%>
+	        <%=link_to_function(image_tag("tr8n/cross.png"), "deleteTranslationRow('#{translation.id}', '#{@section_key}')")%>
 	    <% end %>   
 	<% elsif mode == :edit %>
-	    <%=link_to_function(image_tag("/tr8n/images/disk.png"), "submitTranslationRow('#{translation.id}')")%>
-	    <%=link_to_function(image_tag("/tr8n/images/cancel.png"), "updateTranslationRow('#{translation.id}', 'view')")%>
+	    <%=link_to_function(image_tag("tr8n/disk.png"), "submitTranslationRow('#{translation.id}')")%>
+	    <%=link_to_function(image_tag("tr8n/cancel.png"), "updateTranslationRow('#{translation.id}', 'view')")%>
 	<% end %>
 </td>
 <% end %>