jro_apps/redmine Commit - r15670:49fcec80b7eb

Reverts r16051 and r16050 for now (#15361)....

Jean-Philippe Lang -

r15670:49fcec80b7eb

parent child

Context file:

r15670:49fcec80b7eb

Expand all files

app/views/admin/info.html.erb +1 -1

             <h2><%=l(:label_information_plural)%></h2>
             <p><strong><%= Redmine::Info.versioned_name %></strong></p>
             <table class="list">
             <% @checklist.each do |label, result| %>
-              <tr>
+              <tr class="<%= cycle 'odd', 'even' %>">
                 <td class="name"><%= label.is_a?(Symbol) ? l(label) : label %></td>
                 <td class="tick"><span class="icon-only <%= (result ? 'icon-ok' : 'icon-error') %>"></span></td>
               </tr>
             <% end %>
             </table>
             <br />
             <div class="box">
             <pre><%= Redmine::Info.environment %></pre>
             </div>
             <% html_title(l(:label_information_plural)) -%>

app/views/admin/plugins.html.erb +1 -1

             <%= title l(:label_plugins) %>
             <% if @plugins.any? %>
             <table class="list plugins">
                 <% @plugins.each do |plugin| %>
-                    <tr id="plugin-<%= plugin.id %>">
+                    <tr id="plugin-<%= plugin.id %>" class="<%= cycle('odd', 'even') %>">
                     <td class="name"><span class="name"><%= plugin.name %></span>
                         <%= content_tag('span', plugin.description, :class => 'description') unless plugin.description.blank? %>
                         <%= content_tag('span', link_to(plugin.url, plugin.url), :class => 'url') unless plugin.url.blank? %>
                     </td>
                     <td class="author"><%= plugin.author_url.blank? ? plugin.author : link_to(plugin.author, plugin.author_url) %></td>
                     <td class="version"><span class="icon"><%= plugin.version %></span></td>
                     <td class="configure"><%= link_to(l(:button_configure), plugin_settings_path(plugin)) if plugin.configurable? %></td>
                     </tr>
                 <% end %>
             </table>
             <p><a href="#" id="check-for-updates"><%= l(:label_check_for_updates) %></a></p>
             <% else %>
             <p class="nodata"><%= l(:label_no_data) %></p>
             <% end %>
             <%= javascript_tag do %>
             $(document).ready(function(){
               $("#check-for-updates").click(function(e){
                 e.preventDefault();
                 $.ajax({
                   dataType: "jsonp",
                   url: "https://www.redmine.org/plugins/check_updates",
                   data: <%= raw_json plugin_data_for_updates(@plugins) %>,
                   timeout: 3000,
                   beforeSend: function(){
                     $('#ajax-indicator').show();
                   },
                   success: function(data){
                     $('#ajax-indicator').hide();
                     $("table.plugins td.version span").addClass("unknown");
                     $.each(data, function(plugin_id, plugin_data){
                       var s = $("tr#plugin-"+plugin_id+" td.version span");
                       s.removeClass("icon-ok icon-warning unknown");
                       if (plugin_data.url) {
                         if (s.parent("a").length>0) {
                           s.unwrap();
                         }
                         s.addClass("found");
                         s.wrap($("<a></a>").attr("href", plugin_data.url).attr("target", "_blank"));
                       }
                       if (plugin_data.c == s.text()) {
                         s.addClass("icon-ok");
                       } else if (plugin_data.c) {
                         s.addClass("icon-warning");
                         s.attr("title", "<%= escape_javascript l(:label_latest_compatible_version) %>: "+plugin_data.c);
                       }
                     });
                     $("table.plugins td.version span.unknown").addClass("icon-help").attr("title", "<%= escape_javascript l(:label_unknown_plugin) %>");
                   },
                   error: function(){
                     $('#ajax-indicator').hide();
                     alert("Unable to retrieve plugin informations from www.redmine.org");
                   }
                 });
               });
             });
             <% end if @plugins.any? %>

app/views/admin/projects.html.erb +1 -1

             <div class="contextual">
             <%= link_to l(:label_project_new), new_project_path, :class => 'icon icon-add' %>
             </div>
             <%= title l(:label_project_plural) %>
             <%= form_tag({}, :method => :get) do %>
             <fieldset><legend><%= l(:label_filter_plural) %></legend>
             <label for='status'><%= l(:field_status) %> :</label>
             <%= select_tag 'status', project_status_options_for_select(@status), :class => "small", :onchange => "this.form.submit(); return false;"  %>
             <label for='name'><%= l(:label_project) %>:</label>
             <%= text_field_tag 'name', params[:name], :size => 30 %>
             <%= submit_tag l(:button_apply), :class => "small", :name => nil %>
             <%= link_to l(:button_clear), admin_projects_path, :class => 'icon icon-reload' %>
             </fieldset>
             <% end %>
             &nbsp;
             <% if @projects.any? %>
             <div class="autoscroll">
             <table class="list">
               <thead><tr>
               <th><%=l(:label_project)%></th>
               <th><%=l(:field_is_public)%></th>
               <th><%=l(:field_created_on)%></th>
               <th></th>
               </tr></thead>
               <tbody>
             <% project_tree(@projects, :init_level => true) do |project, level| %>
-              <tr class="<%= project.css_classes %> <%= level > 0 ? "idnt idnt-#{level}" : nil %>">
+              <tr class="<%= cycle("odd", "even") %> <%= project.css_classes %> <%= level > 0 ? "idnt idnt-#{level}" : nil %>">
               <td class="name"><span><%= link_to_project_settings(project, {}, :title => project.short_description) %></span></td>
               <td><%= checked_image project.is_public? %></td>
               <td><%= format_date(project.created_on) %></td>
               <td class="buttons">
                 <%= link_to(l(:button_archive), archive_project_path(project, :status => params[:status]), :data => {:confirm => l(:text_are_you_sure)}, :method => :post, :class => 'icon icon-lock') unless project.archived? %>
                 <%= link_to(l(:button_unarchive), unarchive_project_path(project, :status => params[:status]), :method => :post, :class => 'icon icon-unlock') if project.archived? && (project.parent.nil? || !project.parent.archived?) %>
                 <%= link_to(l(:button_copy), copy_project_path(project), :class => 'icon icon-copy') %>
                 <%= link_to(l(:button_delete), project_path(project), :method => :delete, :class => 'icon icon-del') %>
               </td>
               </tr>
             <% end %>
               </tbody>
             </table>
             </div>
             <span class="pagination"><%= pagination_links_full @project_pages, @project_count %></span>
             <% else %>
             <p class="nodata"><%= l(:label_no_data) %></p>
             <% end %>

app/views/auth_sources/index.html.erb +1 -1

             <div class="contextual">
             <%= link_to l(:label_auth_source_new), {:action => 'new'}, :class => 'icon icon-add' %>
             </div>
             <%= title l(:label_auth_source_plural) %>
             <table class="list">
               <thead><tr>
                 <th><%=l(:field_name)%></th>
                 <th><%=l(:field_type)%></th>
                 <th><%=l(:field_host)%></th>
                 <th><%=l(:label_user_plural)%></th>
                 <th></th>
               </tr></thead>
               <tbody>
             <% for source in @auth_sources %>
-              <tr id="auth-source-<%= source.id %>">
+              <tr id="auth-source-<%= source.id %>" class="<%= cycle("odd", "even") %>">
                 <td class="name"><%= link_to(source.name, :action => 'edit', :id => source)%></td>
                 <td><%= source.auth_method_name %></td>
                 <td><%= source.host %></td>
                 <td><%= source.users.count %></td>
                 <td class="buttons">
                   <%= link_to l(:button_test), try_connection_auth_source_path(source), :class => 'icon icon-test' %>
                   <%= delete_link auth_source_path(source) %>
                 </td>
               </tr>
             <% end %>
               </tbody>
             </table>
             <span class="pagination"><%= pagination_links_full @auth_source_pages %></span>

app/views/boards/index.html.erb +1 -1

             <h2><%= l(:label_board_plural) %></h2>
             <table class="list boards">
               <thead><tr>
                 <th><%= l(:label_board) %></th>
                 <th><%= l(:label_topic_plural) %></th>
                 <th><%= l(:label_message_plural) %></th>
                 <th><%= l(:label_message_last) %></th>
               </tr></thead>
               <tbody>
             <% Board.board_tree(@boards) do |board, level| %>
-              <tr>
+              <tr class="<%= cycle 'odd', 'even' %>">
                 <td class="name" style="padding-left: <%= level * 18 %>px;">
                   <%= link_to board.name, project_board_path(board.project, board), :class => "board" %><br />
                   <%=h board.description %>
                 </td>
                 <td class="topic-count"><%= board.topics_count %></td>
                 <td class="message-count"><%= board.messages_count %></td>
                 <td class="last-message">
                   <% if board.last_message %>
                   <%= authoring board.last_message.created_on, board.last_message.author %><br />
                   <%= link_to_message board.last_message %>
                   <% end %>
                 </td>
               </tr>
             <% end %>
               </tbody>
             </table>
             <% other_formats_links do |f| %>
               <%= f.link_to 'Atom', :url => {:controller => 'activities', :action => 'index', :id => @project, :show_messages => 1, :key => User.current.rss_key} %>
             <% end %>
             <% content_for :header_tags do %>
               <%= auto_discovery_link_tag(:atom, {:controller => 'activities', :action => 'index', :id => @project, :format => 'atom', :show_messages => 1, :key => User.current.rss_key}) %>
             <% end %>
             <% html_title l(:label_board_plural) %>

app/views/boards/show.html.erb +1 -1

             <%= board_breadcrumb(@board) %>
             <div class="contextual">
             <%= link_to l(:label_message_new),
                         new_board_message_path(@board),
                         :class => 'icon icon-add',
                         :onclick => 'showAndScrollTo("add-message", "message_subject"); return false;' if User.current.allowed_to?(:add_messages, @board.project) %>
             <%= watcher_link(@board, User.current) %>
             </div>
             <div id="add-message" style="display:none;">
             <% if User.current.allowed_to?(:add_messages, @board.project) %>
             <h2><%= link_to @board.name, project_board_path(@project, @board) %> &#187; <%= l(:label_message_new) %></h2>
             <%= form_for @message, :url => new_board_message_path(@board), :html => {:multipart => true, :id => 'message-form'} do |f| %>
               <%= render :partial => 'messages/form', :locals => {:f => f} %>
               <p><%= submit_tag l(:button_create) %>
               <%= preview_link(preview_board_message_path(@board), 'message-form') %> |
               <%= link_to l(:button_cancel), "#", :onclick => '$("#add-message").hide(); return false;' %></p>
             <% end %>
             <div id="preview" class="wiki"></div>
             <% end %>
             </div>
             <h2><%= @board.name %></h2>
             <p class="subtitle"><%= @board.description %></p>
             <% if @topics.any? %>
             <table class="list messages">
               <thead><tr>
                 <th><%= l(:field_subject) %></th>
                 <th><%= l(:field_author) %></th>
                 <%= sort_header_tag('created_on', :caption => l(:field_created_on)) %>
                 <%= sort_header_tag('replies', :caption => l(:label_reply_plural)) %>
                 <%= sort_header_tag('updated_on', :caption => l(:label_message_last)) %>
               </tr></thead>
               <tbody>
               <% @topics.each do |topic| %>
-                <tr id="message-<%= topic.id %>" class="message <%= topic.sticky? ? 'sticky' : '' %> <%= topic.locked? ? 'locked' : '' %>">
+                <tr id="message-<%= topic.id %>" class="message <%= cycle 'odd', 'even' %> <%= topic.sticky? ? 'sticky' : '' %> <%= topic.locked? ? 'locked' : '' %>">
                   <td class="subject icon <%= 'icon-sticky' if topic.sticky? %> <%= 'icon-locked' if topic.locked? %>"><%= link_to topic.subject, board_message_path(@board, topic) %></td>
                   <td class="author"><%= link_to_user(topic.author) %></td>
                   <td class="created_on"><%= format_time(topic.created_on) %></td>
                   <td class="reply-count"><%= topic.replies_count %></td>
                   <td class="last_message">
                     <% if topic.last_reply %>
                     <%= authoring topic.last_reply.created_on, topic.last_reply.author %><br />
                     <%= link_to_message topic.last_reply %>
                     <% end %>
                   </td>
                 </tr>
               <% end %>
               </tbody>
             </table>
             <span class="pagination"><%= pagination_links_full @topic_pages, @topic_count %></span>
             <% else %>
             <p class="nodata"><%= l(:label_no_data) %></p>
             <% end %>
             <% other_formats_links do |f| %>
               <%= f.link_to 'Atom', :url => {:key => User.current.rss_key} %>
             <% end %>
             <% html_title @board.name %>
             <% content_for :header_tags do %>
                 <%= auto_discovery_link_tag(:atom, {:format => 'atom', :key => User.current.rss_key}, :title => "#{@project}: #{@board}") %>
             <% end %>

app/views/custom_fields/_index.html.erb +2 -2

             <table class="list custom_fields">
               <thead><tr>
                 <th><%=l(:field_name)%></th>
                 <th><%=l(:field_field_format)%></th>
                 <th><%=l(:field_is_required)%></th>
                 <% if tab[:name] == 'IssueCustomField' %>
                   <th><%=l(:field_is_for_all)%></th>
                   <th><%=l(:label_used_by)%></th>
                 <% end %>
                 <th></th>
               </tr></thead>
               <tbody>
               <% (@custom_fields_by_type[tab[:name]] || []).sort.each do |custom_field| -%>
                 <% back_url = custom_fields_path(:tab => tab[:name]) %>
-                <tr>
+                <tr class="<%= cycle("odd", "even") %>">
                   <td class="name"><%= link_to custom_field.name, edit_custom_field_path(custom_field) %></td>
                   <td><%= l(custom_field.format.label) %></td>
                   <td><%= checked_image custom_field.is_required? %></td>
                   <% if tab[:name] == 'IssueCustomField' %>
                   <td><%= checked_image custom_field.is_for_all? %></td>
                   <td><%= l(:label_x_projects, :count => custom_field.projects.count) if custom_field.is_a? IssueCustomField and !custom_field.is_for_all? %></td>
                   <% end %>
                   <td class="buttons">
                     <%= reorder_handle(custom_field, :url => custom_field_path(custom_field), :param => 'custom_field') %>
                     <%= delete_link custom_field_path(custom_field) %>
                   </td>
                 </tr>
-              <% end %>
+              <% end; reset_cycle %>
               </tbody>
             </table>

app/views/email_addresses/_index.html.erb +1 -1

             <% if @addresses.present? %>
               <table class="list email_addresses">
               <% @addresses.each do |address| %>
-                <tr>
+                <tr class="<%= cycle("odd", "even") %>">
                   <td class="email"><%= address.address %></td>
                   <td class="buttons">
                     <%= toggle_email_address_notify_link(address) %>
                     <%= delete_link user_email_address_path(@user, address), :remote => true %>
                   </td>
                 </tr>
               <% end %>
               </table>
             <% end %>
             <% unless @addresses.size >= Setting.max_additional_emails.to_i %>
               <div>
               <%= form_for @address, :url => user_email_addresses_path(@user), :remote => true do |f| %>
                 <p><%= l(:label_email_address_add) %></p>
                 <%= error_messages_for @address %>
                 <p>
                   <%= f.text_field :address, :size => 40 %>
                   <%= submit_tag l(:button_add) %>
                 </p>
               <% end %>
               </div>
             <% end %>

app/views/enumerations/index.html.erb +2 -1

             <h2><%=l(:label_enumerations)%></h2>
             <% Enumeration.get_subclasses.each do |klass| %>
             <h3><%= l(klass::OptionName) %></h3>
             <% enumerations = klass.shared %>
             <% if enumerations.any? %>
             <table class="list enumerations"><thead>
             <tr>
                 <th><%= l(:field_name) %></th>
                 <th><%= l(:field_is_default) %></th>
                 <th><%= l(:field_active) %></th>
                 <th></th>
             </tr></thead>
             <% enumerations.each do |enumeration| %>
-            <tr>
+            <tr class="<%= cycle('odd', 'even') %>">
                 <td class="name"><%= link_to enumeration, edit_enumeration_path(enumeration) %></td>
                 <td class="tick"><%= checked_image enumeration.is_default? %></td>
                 <td class="tick"><%= checked_image enumeration.active? %></td>
                 <td class="buttons">
                   <%= reorder_handle(enumeration, :url => enumeration_path(enumeration), :param => 'enumeration') %>
                   <%= delete_link enumeration_path(enumeration) %>
                 </td>
             </tr>
             <% end %>
             </table>
+            <% reset_cycle %>
             <% end %>
             <p><%= link_to l(:label_enumeration_new), new_enumeration_path(:type => klass.name) %></p>
             <% end %>
             <% html_title(l(:label_enumerations)) -%>
             <%= javascript_tag do %>
               $(function() { $("table.enumerations tbody").positionedItems(); });
             <% end %>

app/views/files/index.html.erb +3 -2

             <div class="contextual">
             <%= link_to(l(:label_attachment_new), new_project_file_path(@project), :class => 'icon icon-add') if User.current.allowed_to?(:manage_files, @project) %>
             </div>
             <h2><%=l(:label_attachment_plural)%></h2>
             <% delete_allowed = User.current.allowed_to?(:manage_files, @project) %>
             <table class="list files">
               <thead><tr>
                 <%= sort_header_tag('filename', :caption => l(:field_filename)) %>
                 <%= sort_header_tag('created_on', :caption => l(:label_date), :default_order => 'desc') %>
                 <%= sort_header_tag('size', :caption => l(:field_filesize), :default_order => 'desc') %>
                 <%= sort_header_tag('downloads', :caption => l(:label_downloads_abbr), :default_order => 'desc') %>
                 <th>MD5</th>
                 <th></th>
               </tr></thead>
               <tbody>
             <% @containers.each do |container| %>
               <% next if container.attachments.empty? -%>
               <% if container.is_a?(Version) -%>
               <tr>
                 <th colspan="6">
                   <%= link_to(container, {:controller => 'versions', :action => 'show', :id => container}, :class => "icon icon-package") %>
                 </th>
               </tr>
               <% end -%>
               <% container.attachments.each do |file| %>
-              <tr class="file">
+              <tr class="file <%= cycle("odd", "even") %>">
                 <td class="filename"><%= link_to_attachment file, :download => true, :title => file.description %></td>
                 <td class="created_on"><%= format_time(file.created_on) %></td>
                 <td class="filesize"><%= number_to_human_size(file.filesize) %></td>
                 <td class="downloads"><%= file.downloads %></td>
                 <td class="digest"><%= file.digest %></td>
                 <td class="buttons">
                 <%= link_to(image_tag('delete.png'), attachment_path(file),
                                                      :data => {:confirm => l(:text_are_you_sure)}, :method => :delete) if delete_allowed %>
                 </td>
               </tr>
-              <% end %>
+              <% end
+              reset_cycle %>
             <% end %>
               </tbody>
             </table>
             <% html_title(l(:label_attachment_plural)) -%>

app/views/groups/_users.html.erb +1 -1

             <p><%= link_to l(:label_user_new), new_group_users_path(@group), :remote => true, :class => "icon icon-add" %></p>
             <% if @group.users.any? %>
               <table class="list users">
                 <thead><tr>
                   <th><%= l(:label_user) %></th>
                   <th style="width:15%"></th>
                 </tr></thead>
                 <tbody>
                 <% @group.users.sort.each do |user| %>
-                  <tr id="user-<%= user.id %>">
+                  <tr id="user-<%= user.id %>" class="<%= cycle 'odd', 'even' %>">
                     <td class="name"><%= link_to_user user %></td>
                     <td class="buttons">
                       <%= delete_link group_user_path(@group, :user_id => user), :remote => true %>
                     </td>
                   </tr>
                 <% end %>
                 </tbody>
               </table>
             <% else %>
               <p class="nodata"><%= l(:label_no_data) %></p>
             <% end %>

app/views/groups/index.html.erb +1 -1

             <div class="contextual">
             <%= link_to l(:label_group_new), new_group_path, :class => 'icon icon-add' %>
             </div>
             <%= title l(:label_group_plural) %>
             <%= form_tag(groups_path, :method => :get) do %>
             <fieldset><legend><%= l(:label_filter_plural) %></legend>
               <label for='name'><%= l(:label_group) %>:</label>
               <%= text_field_tag 'name', params[:name], :size => 30 %>
               <%= submit_tag l(:button_apply), :class => "small", :name => nil %>
               <%= link_to l(:button_clear), groups_path, :class => 'icon icon-reload' %>
               </fieldset>
             <% end %>
             &nbsp;
             <% if @groups.any? %>
             <div class="autoscroll">
             <table class="list groups">
               <thead><tr>
               <th><%=l(:label_group)%></th>
               <th><%=l(:label_user_plural)%></th>
               <th></th>
               </tr></thead>
               <tbody>
             <% @groups.each do |group| %>
-              <tr id="group-<%= group.id %>" class="<%= "builtin" if group.builtin? %>">
+              <tr id="group-<%= group.id %>" class="<%= cycle 'odd', 'even' %> <%= "builtin" if group.builtin? %>">
                 <td class="name"><%= link_to group, edit_group_path(group) %></td>
                 <td class="user_count"><%= (@user_count_by_group_id[group.id] || 0) unless group.builtin? %></td>
                 <td class="buttons"><%= delete_link group unless group.builtin? %></td>
               </tr>
             <% end %>
               </tbody>
             </table>
             </div>
             <span class="pagination"><%= pagination_links_full @group_pages, @group_count %></span>
             <% else %>
             <p class="nodata"><%= l(:label_no_data) %></p>
             <% end %>

app/views/issue_statuses/index.html.erb +1 -1

             <div class="contextual">
             <%= link_to l(:label_issue_status_new), new_issue_status_path, :class => 'icon icon-add' %>
             <%= link_to(l(:label_update_issue_done_ratios), update_issue_done_ratio_issue_statuses_path, :class => 'icon icon-multiple', :method => 'post', :data => {:confirm => l(:text_are_you_sure)}) if Issue.use_status_for_done_ratio? %>
             </div>
             <h2><%=l(:label_issue_status_plural)%></h2>
             <table class="list issue_statuses">
               <thead><tr>
               <th><%=l(:field_status)%></th>
               <% if Issue.use_status_for_done_ratio? %>
               <th><%=l(:field_done_ratio)%></th>
               <% end %>
               <th><%=l(:field_is_closed)%></th>
               <th></th>
               </tr></thead>
               <tbody>
             <% for status in @issue_statuses %>
-              <tr>
+              <tr class="<%= cycle("odd", "even") %>">
               <td class="name"><%= link_to status.name, edit_issue_status_path(status) %></td>
               <% if Issue.use_status_for_done_ratio? %>
               <td><%= status.default_done_ratio %></td>
               <% end %>
               <td><%= checked_image status.is_closed? %></td>
               <td class="buttons">
                 <%= reorder_handle(status) %>
                 <%= delete_link issue_status_path(status) %>
               </td>
               </tr>
             <% end %>
               </tbody>
             </table>
             <% html_title(l(:label_issue_status_plural)) -%>
             <%= javascript_tag do %>
               $(function() { $("table.issue_statuses tbody").positionedItems(); });
             <% end %>

app/views/issues/_changesets.html.erb +1 -1

             <% changesets.each do |changeset| %>
-                <div class="changeset">
+                <div class="changeset <%= cycle('odd', 'even') %>">
                 <p><%= link_to_revision(changeset, changeset.repository,
                                         :text => "#{l(:label_revision)} #{changeset.format_identifier}") %>
                     <% if changeset.filechanges.any? && User.current.allowed_to?(:browse_repository, changeset.project) %>
                     (<%= link_to(l(:label_diff),
                            :controller => 'repositories',
                            :action => 'diff',
                            :id     => changeset.project,
                            :repository_id => changeset.repository.identifier_param,
                            :path   => "",
                            :rev    => changeset.identifier) %>)
                     <% end %>
                     <br />
                     <span class="author"><%= authoring(changeset.committed_on, changeset.author) %></span></p>
                 <div class="wiki">
                     <%= textilizable(changeset, :comments) %>
                 </div>
                 </div>
             <% end %>

app/views/issues/_list.html.erb +2 -1

             <%= form_tag({}, :data => {:cm_url => issues_context_menu_path}) do -%>
             <%= hidden_field_tag 'back_url', url_for(:params => request.query_parameters), :id => nil %>
             <div class="autoscroll">
             <table class="list issues <%= sort_css_classes %>">
               <thead>
                 <tr>
                   <th class="checkbox hide-when-print">
                     <%= check_box_tag 'check_all', '', false, :class => 'toggle-selection',
                           :title => "#{l(:button_check_all)}/#{l(:button_uncheck_all)}" %>
                   </th>
                   <% query.inline_columns.each do |column| %>
                     <%= column_header(column) %>
                   <% end %>
                 </tr>
               </thead>
               <tbody>
               <% grouped_issue_list(issues, @query, @issue_count_by_group) do |issue, level, group_name, group_count, group_totals| -%>
               <% if group_name %>
+                <% reset_cycle %>
                 <tr class="group open">
                   <td colspan="<%= query.inline_columns.size + 1 %>">
                     <span class="expander" onclick="toggleRowGroup(this);">&nbsp;</span>
                     <span class="name"><%= group_name %></span> <span class="count"><%= group_count %></span> <span class="totals"><%= group_totals %></span>
                     <%= link_to_function("#{l(:button_collapse_all)}/#{l(:button_expand_all)}",
                                          "toggleAllRowGroups(this)", :class => 'toggle-all') %>
                   </td>
                 </tr>
               <% end %>
-              <tr id="issue-<%= issue.id %>" class="hascontextmenu <%= issue.css_classes %> <%= level > 0 ? "idnt idnt-#{level}" : nil %>">
+              <tr id="issue-<%= issue.id %>" class="hascontextmenu <%= cycle('odd', 'even') %> <%= issue.css_classes %> <%= level > 0 ? "idnt idnt-#{level}" : nil %>">
                 <td class="checkbox hide-when-print"><%= check_box_tag("ids[]", issue.id, false, :id => nil) %></td>
                 <%= raw query.inline_columns.map {|column| "<td class=\"#{column.css_classes}\">#{column_content(column, issue)}</td>"}.join %>
               </tr>
               <% @query.block_columns.each do |column|
                    if (text = column_content(column, issue)) && text.present? -%>
               <tr class="<%= current_cycle %>">
                 <td colspan="<%= @query.inline_columns.size + 1 %>" class="<%= column.css_classes %>"><%= text %></td>
               </tr>
               <% end -%>
               <% end -%>
               <% end -%>
               </tbody>
             </table>
             </div>
             <% end -%>

app/views/issues/_list_simple.html.erb +1 -1

             <% if issues && issues.any? %>
             <%= form_tag({}, :data => {:cm_url => issues_context_menu_path}) do %>
               <table class="list list-simple issues">
                 <thead><tr>
                 <th class="id">#</th>
                 <th class="project"><%=l(:field_project)%></th>
                 <th class="status"><%=l(:field_status)%></th>
                 <th class="subject"><%=l(:field_subject)%></th>
                 </tr></thead>
                 <tbody>
                 <% for issue in issues %>
-                <tr id="issue-<%= h(issue.id) %>" class="hascontextmenu <%= issue.css_classes %>">
+                <tr id="issue-<%= h(issue.id) %>" class="hascontextmenu <%= cycle('odd', 'even') %> <%= issue.css_classes %>">
                   <td class="id">
                     <%= check_box_tag("ids[]", issue.id, false, :style => 'display:none;', :id => nil) %>
                     <%= link_to("#{issue.tracker} ##{issue.id}", issue_path(issue)) %>
                   </td>
                   <td class="project"><%= link_to_project(issue.project) %></td>
                   <td class="status"><%= issue.status %></td>
                   <td class="subject">
                     <span><%= link_to(issue.subject, issue_path(issue)) %></span>
                   </td>
                 </tr>
                 <% end %>
                 </tbody>
               </table>
             <% end %>
             <% else %>
               <p class="nodata"><%= l(:label_no_data) %></p>
             <% end %>

app/views/principal_memberships/_index.html.erb +2 -2

             <% roles = Role.find_all_givable %>
             <p><%= link_to l(:label_add_projects), new_principal_membership_path(principal), :remote => true, :class => "icon icon-add" %></p>
             <% if principal.memberships.any? %>
             <table class="list memberships">
               <thead><tr>
                 <th><%= l(:label_project) %></th>
                 <th><%= l(:label_role_plural) %></th>
                 <th style="width:15%"></th>
                   <%= call_table_header_hook principal %>
               </tr></thead>
               <tbody>
               <% principal.memberships.preload(:member_roles => :role).each do |membership| %>
               <% next if membership.new_record? %>
-              <tr id="member-<%= membership.id %>" class="class">
+              <tr id="member-<%= membership.id %>" class="<%= cycle 'odd', 'even' %> class">
               <td class="project name">
                 <%= link_to_project membership.project %>
               </td>
               <td class="roles">
                 <span id="member-<%= membership.id %>-roles"><%=h membership.roles.sort.collect(&:to_s).join(', ') %></span>
                 <%= form_for(:membership, :remote => true,
                              :url => principal_membership_path(principal, membership), :method => :put,
                              :html => {:id => "member-#{membership.id}-roles-form",
                                        :style => 'display:none;'}) do %>
                     <p><% roles.each do |role| %>
                     <label><%= check_box_tag 'membership[role_ids][]', role.id, membership.roles.include?(role),
                                                                        :disabled => membership.member_roles.detect {|mr| mr.role_id == role.id && !mr.inherited_from.nil?},
                                                                        :id => nil %> <%=h role %></label><br />
                     <% end %></p>
                     <%= hidden_field_tag 'membership[role_ids][]', '', :id => nil %>
                     <p><%= submit_tag l(:button_change) %>
                     <%= link_to_function l(:button_cancel),
                                          "$('#member-#{membership.id}-roles').show(); $('#member-#{membership.id}-roles-form').hide(); return false;"
                         %></p>
                 <% end %>
               </td>
               <td class="buttons">
                   <%= link_to_function l(:button_edit),
                                        "$('#member-#{membership.id}-roles').hide(); $('#member-#{membership.id}-roles-form').show(); return false;",
                                        :class => 'icon icon-edit'
                       %>
                   <%= delete_link principal_membership_path(principal, membership), :remote => true if membership.deletable? %>
               </td>
                   <%= call_table_row_hook principal, membership %>
               </tr>
-              <% end %>
+              <% end; reset_cycle %>
               </tbody>
             </table>
             <% else %>
             <p class="nodata"><%= l(:label_no_data) %></p>
             <% end %>

app/views/projects/settings/_activities.html.erb +1 -1

             <%= form_tag(project_enumerations_path(@project), :method => :put, :class => "tabular") do %>
             <table class="list">
               <thead><tr>
                 <th><%= l(:field_name) %></th>
                 <th><%= l(:enumeration_system_activity) %></th>
                 <% TimeEntryActivity.new.available_custom_fields.each do |value| %>
                 <th><%= value.name %></th>
                 <% end %>
                 <th><%= l(:field_active) %></th>
               </tr></thead>
               <% @project.activities(true).each do |enumeration| %>
               <%= fields_for "enumerations[#{enumeration.id}]", enumeration do |ff| %>
-              <tr>
+              <tr class="<%= cycle('odd', 'even') %>">
                 <td class="name">
                   <%= ff.hidden_field :parent_id, :value => enumeration.id unless enumeration.project %>
                   <%= enumeration %>
                 </td>
                 <td class="tick"><%= checked_image !enumeration.project %></td>
                 <% enumeration.custom_field_values.each do |value| %>
                 <td>
                   <%= custom_field_tag "enumerations[#{enumeration.id}]", value %>
                 </td>
                 <% end %>
                 <td>
                   <%= ff.check_box :active %>
                 </td>
               </tr>
               <% end %>
               <% end %>
             </table>
             <div class="contextual">
             <%= link_to(l(:button_reset), project_enumerations_path(@project),
                         :method => :delete,
                         :data => {:confirm => l(:text_are_you_sure)},
                         :class => 'icon icon-del') %>
             </div>
             <%= submit_tag l(:button_save) %>
             <% end %>

app/views/projects/settings/_boards.html.erb +1 -1

             <% if @project.boards.any? %>
             <div class="table-list boards">
               <div class="table-list-header">
                 <div class="table-list-cell"><%= l(:label_board) %></div>
               </div>
               <%= render_boards_tree(@project.boards) do |board, level| %>
-              <div class="table-list-row">
+              <div class="table-list-row <%= cycle 'odd', 'even' %>">
                 <div class="table-list-cell name" style="padding-left: <%= 2 + level * 16 %>px">
                   <%= link_to board.name, project_board_path(@project, board) %>
                 </div>
                 <div class="table-list-cell description"><%= board.description %></div>
                 <div class="table-list-cell buttons">
                 <% if User.current.allowed_to?(:manage_boards, @project) %>
                   <%= reorder_handle(board) %>
                   <%= link_to l(:button_edit), edit_project_board_path(@project, board), :class => 'icon icon-edit' %>
                   <%= delete_link project_board_path(@project, board) %>
                 <% end %>
                 </div>
               </div>
               <% end %>
             </div>
             <%= javascript_tag do %>
               $(function() { $("div.sort-level").positionedItems(); });
             <% end %>
             <% else %>
             <p class="nodata"><%= l(:label_no_data) %></p>
             <% end %>
             <% if User.current.allowed_to?(:manage_boards, @project) %>
             <p><%= link_to l(:label_board_new), new_project_board_path(@project), :class => 'icon icon-add' %></p>
             <% end %>

app/views/projects/settings/_issue_categories.html.erb +1 -1

             <% if @project.issue_categories.any? %>
             <table class="list">
               <thead><tr>
                 <th><%= l(:label_issue_category) %></th>
                 <th><%= l(:field_assigned_to) %></th>
                 <th></th>
               </tr></thead>
               <tbody>
             <% for category in @project.issue_categories %>
               <% unless category.new_record? %>
-              <tr>
+              <tr class="<%= cycle 'odd', 'even' %>">
                 <td class="name"><%= category.name  %></td>
                 <td><%= category.assigned_to.name if category.assigned_to %></td>
                 <td class="buttons">
                   <% if User.current.allowed_to?(:manage_categories, @project) %>
                     <%= link_to l(:button_edit), edit_issue_category_path(category), :class => 'icon icon-edit' %>
                     <%= delete_link issue_category_path(category) %>
                   <% end %>
                 </td>
               </tr>
               <% end %>
             <% end %>
                 </tbody>
             </table>
             <% else %>
             <p class="nodata"><%= l(:label_no_data) %></p>
             <% end %>
             <p><%= link_to l(:label_issue_category_new), new_project_issue_category_path(@project), :class => 'icon icon-add' if User.current.allowed_to?(:manage_categories, @project) %></p>

app/views/projects/settings/_members.html.erb +2 -2

             <% roles = Role.find_all_givable
                members = @project.memberships.active.sorted.to_a %>
             <p><%= link_to l(:label_member_new), new_project_membership_path(@project), :remote => true, :class => "icon icon-add" %></p>
             <% if members.any? %>
             <table class="list members">
               <thead>
                 <tr>
                   <th><%= l(:label_user) %> / <%= l(:label_group) %></th>
                   <th><%= l(:label_role_plural) %></th>
                   <th style="width:15%"></th>
                   <%= call_hook(:view_projects_settings_members_table_header, :project => @project) %>
                 </tr>
               </thead>
               <tbody>
               <% members.each do |member| %>
               <% next if member.new_record? %>
-              <tr id="member-<%= member.id %>" class="member">
+              <tr id="member-<%= member.id %>" class="<%= cycle 'odd', 'even' %> member">
               <td class="name icon icon-<%= member.principal.class.name.downcase %>"><%= link_to_user member.principal %></td>
               <td class="roles">
                 <span id="member-<%= member.id %>-roles"><%= member.roles.sort.collect(&:to_s).join(', ') %></span>
                   <%= form_for(member,
                                {:as => :membership, :remote => true,
                                 :url => membership_path(member),
                                 :method => :put,
                                 :html => { :id => "member-#{member.id}-roles-form", :class => 'hol' }}
                          ) do |f| %>
                     <p>
                       <% roles.each do |role| %>
                       <label>
                         <%= check_box_tag('membership[role_ids][]',
                                           role.id, member.roles.include?(role),
                                           :id => nil,
                                           :disabled => !member.role_editable?(role)) %> <%= role %>
                       </label><br />
                       <% end %>
                     </p>
                     <%= hidden_field_tag 'membership[role_ids][]', '', :id => nil %>
                     <p>
                       <%= submit_tag l(:button_save), :class => "small" %>
                       <%= link_to_function(l(:button_cancel),
                                            "$('#member-#{member.id}-roles').show(); $('#member-#{member.id}-roles-form').hide(); return false;") %>
                     </p>
                   <% end %>
               </td>
               <td class="buttons">
                   <%= link_to_function l(:button_edit),
                                        "$('#member-#{member.id}-roles').hide(); $('#member-#{member.id}-roles-form').show(); return false;",
                                        :class => 'icon icon-edit' %>
                   <%= delete_link membership_path(member),
                                   :remote => true,
                                   :data => (!User.current.admin? && member.include?(User.current) ? {:confirm => l(:text_own_membership_delete_confirmation)} : {}) if member.deletable? %>
               </td>
               <%= call_hook(:view_projects_settings_members_table_row, { :project => @project, :member => member}) %>
               </tr>
-            <% end %>
+            <% end; reset_cycle %>
               </tbody>
             </table>
             <% else %>
             <p class="nodata"><%= l(:label_no_data) %></p>
             <% end %>

app/views/projects/settings/_repositories.html.erb +2 -2

             <% if @project.repositories.any? %>
             <table class="list">
               <thead>
                 <tr>
                   <th><%= l(:field_identifier) %></th>
                   <th><%= l(:field_repository_is_default) %></th>
                   <th><%= l(:label_scm) %></th>
                   <th><%= l(:label_repository) %></th>
                   <th></th>
                 </tr>
               </thead>
               <tbody>
               <% @project.repositories.sort.each do |repository| %>
-                <tr>
+                <tr class="<%= cycle 'odd', 'even' %>">
                   <td class="name">
                   <%= link_to repository.identifier,
                         {:controller => 'repositories', :action => 'show',:id => @project, :repository_id => repository.identifier_param} if repository.identifier.present? %>
                   </td>
                   <td><%= checked_image repository.is_default? %></td>
                   <td><%= repository.scm_name %></td>
                   <td><%= repository.url %></td>
                   <td class="buttons">
                   <% if User.current.allowed_to?(:manage_repository, @project) %>
                     <%= link_to(l(:label_user_plural), committers_repository_path(repository),
                          :class => 'icon icon-user') %>
                     <%= link_to(l(:button_edit), edit_repository_path(repository),
                          :class => 'icon icon-edit') %>
                     <%= delete_link repository_path(repository) %>
                   <% end %>
                   </td>
                 </tr>
               <% end %>
               </tbody>
             </table>
             <% else %>
             <p class="nodata"><%= l(:label_no_data) %></p>
             <% end %>
             <% if User.current.allowed_to?(:manage_repository, @project) %>
               <p><%= link_to l(:label_repository_new), new_project_repository_path(@project), :class => 'icon icon-add' %></p>
             <% end %>

app/views/projects/settings/_versions.html.erb +2 -2

             <%= form_tag(settings_project_path(@project, :tab => 'versions'), :method => :get) do %>
             <fieldset><legend><%= l(:label_filter_plural) %></legend>
             <label for='status'><%= l(:field_status) %> :</label>
             <%= select_tag 'version_status', options_for_select([[l(:label_all), '']] + Version::VERSION_STATUSES.collect {|s| [l("version_status_#{s}"), s]}, @version_status), :onchange => "this.form.submit(); return false;"  %>
             <label for='name'><%= l(:label_version) %>:</label>
             <%= text_field_tag 'version_name', @version_name, :size => 30 %>
             <%= submit_tag l(:button_apply), :name => nil %>
             <%= link_to l(:button_clear), settings_project_path(@project, :tab => 'versions'), :class => 'icon icon-reload' %>
             </fieldset>
             <% end %>
             <% if @versions.present? %>
             <table class="list versions">
               <thead><tr>
                 <th><%= l(:label_version) %></th>
                 <th><%= l(:field_effective_date) %></th>
                 <th><%= l(:field_description) %></th>
                 <th><%= l(:field_status) %></th>
                 <th><%= l(:field_sharing) %></th>
                 <th><%= l(:label_wiki_page) %></th>
                 <th style="width:15%"></th>
                 </tr></thead>
               <tbody>
             <% @versions.sort.each do |version| %>
-                <tr class="version <%=h version.status %> <%= 'shared' if version.project != @project %>">
+                <tr class="version <%= cycle 'odd', 'even' %> <%=h version.status %> <%= 'shared' if version.project != @project %>">
                 <td class="name <%= 'icon icon-shared' if version.project != @project %>"><%= link_to_version version %></td>
                 <td class="date"><%= format_date(version.effective_date) %></td>
                 <td class="description"><%= version.description %></td>
                 <td class="status"><%= l("version_status_#{version.status}") %></td>
                 <td class="sharing"><%=h format_version_sharing(version.sharing) %></td>
                 <td><%= link_to_if_authorized(version.wiki_page_title, {:controller => 'wiki', :action => 'show', :project_id => version.project, :id => Wiki.titleize(version.wiki_page_title)}) || h(version.wiki_page_title) unless version.wiki_page_title.blank? || version.project.wiki.nil? %></td>
                 <td class="buttons">
                   <% if version.project == @project && User.current.allowed_to?(:manage_versions, @project) %>
                     <%= link_to l(:button_edit), edit_version_path(version), :class => 'icon icon-edit' %>
                     <%= delete_link version_path(version) %>
                   <% end %>
                  </td>
                 </tr>
-            <% end %>
+            <% end; reset_cycle %>
                 </tbody>
             </table>
             <% else %>
             <p class="nodata"><%= l(:label_no_data) %></p>
             <% end %>
             <div class="contextual">
             <% if @versions.any? %>
               <%= link_to l(:label_close_versions), close_completed_project_versions_path(@project), :method => :put %>
             <% end %>
             </div>
             <p><%= link_to l(:label_version_new), new_project_version_path(@project, :back_url => ''), :class => 'icon icon-add' if User.current.allowed_to?(:manage_versions, @project) %></p>

app/views/projects/show.html.erb +1 -1

             <div class="contextual">
               <% if User.current.allowed_to?(:add_subprojects, @project) %>
                 <%= link_to l(:label_subproject_new), new_project_path(:parent_id => @project), :class => 'icon icon-add' %>
               <% end %>
               <% if User.current.allowed_to?(:close_project, @project) %>
                 <% if @project.active? %>
                   <%= link_to l(:button_close), close_project_path(@project), :data => {:confirm => l(:text_are_you_sure)}, :method => :post, :class => 'icon icon-lock' %>
                 <% else %>
                   <%= link_to l(:button_reopen), reopen_project_path(@project), :data => {:confirm => l(:text_are_you_sure)}, :method => :post, :class => 'icon icon-unlock' %>
                 <% end %>
               <% end %>
             </div>
             <h2><%=l(:label_overview)%></h2>
             <% unless @project.active? %>
               <p class="warning"><span class="icon icon-lock"><%= l(:text_project_closed) %></span></p>
             <% end %>
             <div class="splitcontentleft">
               <% if @project.description.present? %>
               <div class="wiki">
                 <%= textilizable @project.description %>
               </div>
               <% end %>
               <% if @project.homepage.present? || @project.visible_custom_field_values.any?(&:present?) %>
               <ul>
               <% unless @project.homepage.blank? %>
                 <li><span class="label"><%=l(:field_homepage)%>:</span> <%= link_to_if uri_with_safe_scheme?(@project.homepage), @project.homepage, @project.homepage %></li>
               <% end %>
               <% render_custom_field_values(@project) do |custom_field, formatted| %>
                 <li><span class="label"><%= custom_field.name %>:</span> <%= formatted %></li>
               <% end %>
               </ul>
               <% end %>
               <% if User.current.allowed_to?(:view_issues, @project) %>
               <div class="issues box">
                 <h3 class="icon icon-issue"><%=l(:label_issue_tracking)%></h3>
                 <% if @trackers.present? %>
                 <table class="list issue-report">
                   <thead>
                     <tr>
                       <th></th>
                       <th><%=l(:label_open_issues_plural)%></th>
                       <th><%=l(:label_closed_issues_plural)%></th>
                       <th><%=l(:label_total)%></th>
                     </tr>
                   </thead>
                   <tbody>
                   <% @trackers.each do |tracker| %>
-                    <tr>
+                    <tr class="<%= cycle("odd", "even") %>">
                       <td class="name">
                         <%= link_to tracker.name, project_issues_path(@project, :set_filter => 1, :tracker_id => tracker.id) %>
                       </td>
                       <td>
                         <%= link_to @open_issues_by_tracker[tracker].to_i, project_issues_path(@project, :set_filter => 1, :tracker_id => tracker.id) %>
                       </td>
                       <td>
                         <%= link_to (@total_issues_by_tracker[tracker].to_i - @open_issues_by_tracker[tracker].to_i), project_issues_path(@project, :set_filter => 1, :tracker_id => tracker.id, :status_id => 'c') %>
                       </td>
                       <td>
                         <%= link_to @total_issues_by_tracker[tracker].to_i, project_issues_path(@project, :set_filter => 1, :tracker_id => tracker.id, :status_id => '*') %>
                       </td>
                     </tr>
                   <% end %>
                   </tbody>
                 </table>
                 <% end %>
                 <p>
                   <%= link_to l(:label_issue_view_all), project_issues_path(@project, :set_filter => 1) %>
                   <% if User.current.allowed_to?(:view_calendar, @project, :global => true) %>
                     | <%= link_to l(:label_calendar), project_calendar_path(@project) %>
                   <% end %>
                   <% if User.current.allowed_to?(:view_gantt, @project, :global => true) %>
                     | <%= link_to l(:label_gantt), project_gantt_path(@project) %>
                   <% end %>
                 </p>
               </div>
               <% end %>
               <% if User.current.allowed_to?(:view_time_entries, @project) %>
               <div class="spent_time box">
                 <h3 class="icon icon-time"><%= l(:label_spent_time) %></h3>
                 <% if @total_hours.present? %>
                   <p><%= l_hours(@total_hours) %></p>
                 <% end %>
                 <p>
                 <% if User.current.allowed_to?(:log_time, @project) %>
                   <%= link_to l(:button_log_time), new_project_time_entry_path(@project) %> |
                 <% end %>
                 <%= link_to(l(:label_details), project_time_entries_path(@project)) %> |
                 <%= link_to(l(:label_report), report_project_time_entries_path(@project)) %>
                 </p>
               </div>
             <% end %>
               <%= call_hook(:view_projects_show_left, :project => @project) %>
             </div>
             <div class="splitcontentright">
               <%= render :partial => 'members_box' %>
               <% if @news.any? && authorize_for('news', 'index') %>
               <div class="news box">
                 <h3 class="icon icon-news"><%=l(:label_news_latest)%></h3>
                 <%= render :partial => 'news/news', :collection => @news %>
                 <p><%= link_to l(:label_news_view_all), project_news_index_path(@project) %></p>
               </div>
               <% end %>
               <% if @subprojects.any? %>
               <div class="projects box">
                 <h3 class="icon icon-projects"><%=l(:label_subproject_plural)%></h3>
                 <%= @subprojects.collect{|p| link_to p, project_path(p), :class => p.css_classes}.join(", ").html_safe %>
               </div>
               <% end %>
               <%= call_hook(:view_projects_show_right, :project => @project) %>
             </div>
             <% content_for :sidebar do %>
               <%= call_hook(:view_projects_show_sidebar_bottom, :project => @project) %>
             <% end %>
             <% content_for :header_tags do %>
             <%= auto_discovery_link_tag(:atom, {:controller => 'activities', :action => 'index', :id => @project, :format => 'atom', :key => User.current.rss_key}) %>
             <% end %>
             <% html_title(l(:label_overview)) -%>

app/views/queries/index.html.erb +1 -1

             <div class="contextual">
             <%= link_to_if_authorized l(:label_query_new), new_project_query_path(:project_id => @project), :class => 'icon icon-add' %>
             </div>
             <h2><%= l(:label_query_plural) %></h2>
             <% if @queries.empty? %>
               <p><i><%=l(:label_no_data)%></i></p>
             <% else %>
               <table class="list">
               <% @queries.each do |query| %>
-                <tr>
+                <tr class="<%= cycle('odd', 'even') %>">
                   <td class="name">
                     <%= link_to query.name, :controller => 'issues', :action => 'index', :project_id => @project, :query_id => query %>
                   </td>
                   <td class="buttons">
                     <% if query.editable_by?(User.current) %>
                     <%= link_to l(:button_edit), edit_query_path(query), :class => 'icon icon-edit' %>
                     <%= delete_link query_path(query) %>
                   <% end %>
                   </td>
                 </tr>
               <% end %>
               </table>
             <% end %>

app/views/reports/_details.html.erb +3 -2

             <% if @statuses.empty? or rows.empty? %>
                 <p><i><%=l(:label_no_data)%></i></p>
             <% else %>
             <table class="list issue-report">
             <thead><tr>
             <th></th>
             <% for status in @statuses %>
             <th><%= status.name %></th>
             <% end %>
             <th><strong><%=l(:label_open_issues_plural)%></strong></th>
             <th><strong><%=l(:label_closed_issues_plural)%></strong></th>
             <th><strong><%=l(:label_total)%></strong></th>
             </tr></thead>
             <tbody>
             <% for row in rows %>
-            <tr>
+            <tr class="<%= cycle("odd", "even") %>">
               <td class="name"><%= link_to row.name, aggregate_path(@project, field_name, row) %></td>
               <% for status in @statuses %>
                 <td><%= aggregate_link data, { field_name => row.id, "status_id" => status.id }, aggregate_path(@project, field_name, row, :status_id => status.id) %></td>
               <% end %>
               <td><%= aggregate_link data, { field_name => row.id, "closed" => 0 }, aggregate_path(@project, field_name, row, :status_id => "o") %></td>
               <td><%= aggregate_link data, { field_name => row.id, "closed" => 1 }, aggregate_path(@project, field_name, row, :status_id => "c") %></td>
               <td><%= aggregate_link data, { field_name => row.id }, aggregate_path(@project, field_name, row, :status_id => "*") %></td>
             </tr>
             <% end %>
             </tbody>
             </table>
-            <% end %>
+            <% end
+              reset_cycle %>

app/views/reports/_simple.html.erb +3 -2

             <% if @statuses.empty? or rows.empty? %>
                 <p><i><%=l(:label_no_data)%></i></p>
             <% else %>
             <table class="list issue-report">
             <thead><tr>
             <th></th>
             <th><%=l(:label_open_issues_plural)%></th>
             <th><%=l(:label_closed_issues_plural)%></th>
             <th><%=l(:label_total)%></th>
             </tr></thead>
             <tbody>
             <% for row in rows %>
-            <tr>
+            <tr class="<%= cycle("odd", "even") %>">
               <td class="name"><%= link_to row.name, aggregate_path(@project, field_name, row) %></td>
               <td><%= aggregate_link data, { field_name => row.id, "closed" => 0 }, aggregate_path(@project, field_name, row, :status_id => "o") %></td>
               <td><%= aggregate_link data, { field_name => row.id, "closed" => 1 }, aggregate_path(@project, field_name, row, :status_id => "c") %></td>
               <td><%= aggregate_link data, { field_name => row.id }, aggregate_path(@project, field_name, row, :status_id => "*") %></td>
             </tr>
             <% end %>
             </tbody>
             </table>
-            <% end %>
+            <% end
+              reset_cycle %>

app/views/repositories/_revisions.html.erb +1 -1

             <div class="autoscroll">
             <% show_revision_graph = ( @repository.supports_revision_graph? && path.blank? ) %>
             <%= if show_revision_graph && revisions && revisions.any?
                 indexed_commits, graph_space = index_commits(revisions, @repository.branches) do |scmid|
                                          url_for(
                                            :controller => 'repositories',
                                            :action => 'revision',
                                            :id => project,
                                            :repository_id => @repository.identifier_param,
                                            :rev => scmid)
                                      end
                 render :partial => 'revision_graph',
                      :locals => {
                         :commits => indexed_commits,
                         :space => graph_space
                     }
             end %>
             <%= form_tag(
                   {:controller => 'repositories', :action => 'diff', :id => project,
                    :repository_id => @repository.identifier_param, :path => to_path_param(path)},
                   :method => :get
                  ) do %>
             <table class="list changesets">
             <thead><tr>
             <th>#</th>
             <th></th>
             <th></th>
             <th><%= l(:label_date) %></th>
             <th><%= l(:field_author) %></th>
             <th><%= l(:field_comments) %></th>
             </tr></thead>
             <tbody>
             <% show_diff = revisions.size > 1 %>
             <% line_num = 1 %>
             <% revisions.each do |changeset| %>
-            <tr class="changeset">
+            <tr class="changeset <%= cycle 'odd', 'even' %>">
             <% id_style = (show_revision_graph ? "padding-left:#{(graph_space + 1) * 20}px" : nil) %>
             <%= content_tag(:td, :class => 'id', :style => id_style) do %>
               <%= link_to_revision(changeset, @repository) %>
             <% end %>
             <td class="checkbox"><%= radio_button_tag('rev', changeset.identifier, (line_num==1), :id => "cb-#{line_num}", :onclick => "$('#cbto-#{line_num+1}').prop('checked',true);") if show_diff && (line_num < revisions.size) %></td>
             <td class="checkbox"><%= radio_button_tag('rev_to', changeset.identifier, (line_num==2), :id => "cbto-#{line_num}", :onclick => "if ($('#cb-#{line_num}').prop('checked')) {$('#cb-#{line_num-1}').prop('checked',true);}") if show_diff && (line_num > 1) %></td>
             <td class="committed_on"><%= format_time(changeset.committed_on) %></td>
             <td class="author"><%= changeset.user.blank? ? changeset.author.to_s.truncate(30) : link_to_user(changeset.user) %></td>
             <td class="comments"><%= textilizable(truncate_at_line_break(changeset.comments)) %></td>
             </tr>
             <% line_num += 1 %>
             <% end %>
             </tbody>
             </table>
             <%= submit_tag(l(:label_view_diff), :name => nil) if show_diff %>
             <% end %>
             </div>

app/views/repositories/committers.html.erb +1 -1

             <h2><%= l(:label_repository) %></h2>
             <%= simple_format(l(:text_repository_usernames_mapping)) %>
             <% if @committers.empty? %>
             <p class="nodata"><%= l(:label_no_data) %></p>
             <% else %>
             <%= form_tag({}) do %>
             <table class="list">
             <thead>
               <tr>
                 <th><%= l(:field_login) %></th>
                 <th><%= l(:label_user) %></th>
               </tr>
             </thead>
             <tbody>
             <% i = 0 -%>
             <% @committers.each do |committer, user_id| -%>
-              <tr>
+              <tr class="<%= cycle 'odd', 'even' %>">
                 <td><%= committer %></td>
                 <td>
                   <%= hidden_field_tag "committers[#{i}][]", committer, :id => nil %>
                   <%= select_tag "committers[#{i}][]",
                                   content_tag(
                                         'option',
                                         "-- #{l :actionview_instancetag_blank_option} --",
                                         :value => ''
                                       ) +
                                     options_from_collection_for_select(
                                         @users, 'id', 'name', user_id.to_i
                                       ) %>
                 </td>
               </tr>
               <% i += 1 -%>
             <% end -%>
             </tbody>
             </table>
             <p><%= submit_tag(l(:button_save)) %></p>
             <% end %>
             <% end %>

app/views/roles/_form.html.erb +1 -1

             <%= error_messages_for 'role' %>
             <div class="box tabular">
               <% unless @role.builtin? %>
                 <p><%= f.text_field :name, :required => true %></p>
                 <p><%= f.check_box :assignable %></p>
               <% end %>
               <% unless @role.anonymous? %>
                 <p class="view_issues_shown"><%= f.select :issues_visibility, Role::ISSUES_VISIBILITY_OPTIONS.collect {|v| [l(v.last), v.first]} %></p>
               <% end %>
               <% unless @role.anonymous? %>
                 <p class="view_time_entries_shown"><%= f.select :time_entries_visibility, Role::TIME_ENTRIES_VISIBILITY_OPTIONS.collect {|v| [l(v.last), v.first]} %></p>
               <% end %>
               <p><%= f.select :users_visibility, Role::USERS_VISIBILITY_OPTIONS.collect {|v| [l(v.last), v.first]} %></p>
               <% unless @role.builtin? %>
                 <p class="manage_members_shown">
                   <label><%= l(:label_member_management) %></label>
                   <label class="block">
                     <%= radio_button_tag 'role[all_roles_managed]', 1, @role.all_roles_managed?, :id => 'role_all_roles_managed_on',
                           :data => {:disables => '.role_managed_role input'} %>
                     <%= l(:label_member_management_all_roles) %>
                   </label>
                   <label class="block">
                     <%= radio_button_tag 'role[all_roles_managed]', 0, !@role.all_roles_managed?, :id => 'role_all_roles_managed_off',
                           :data => {:enables => '.role_managed_role input'} %>
                     <%= l(:label_member_management_selected_roles_only) %>:
                   </label>
                   <% Role.givable.sorted.each do |role| %>
                     <label class="block role_managed_role" style="padding-left:2em;">
                       <%= check_box_tag 'role[managed_role_ids][]', role.id, @role.managed_roles.to_a.include?(role), :id => nil %>
                       <%= role.name %>
                     </label>
                   <% end %>
                   <%= hidden_field_tag 'role[managed_role_ids][]', '' %>
               <% end %>
               <% if @role.new_record? && @roles.any? %>
                 <p><label for="copy_workflow_from"><%= l(:label_copy_workflow_from) %></label>
                 <%= select_tag(:copy_workflow_from, content_tag("option") + options_from_collection_for_select(@roles, :id, :name, params[:copy_workflow_from] || @copy_from.try(:id))) %></p>
               <% end %>
             </div>
             <h3><%= l(:label_permissions) %></h3>
             <div class="box tabular" id="permissions">
             <% perms_by_module = @role.setable_permissions.group_by {|p| p.project_module.to_s} %>
             <% perms_by_module.keys.sort.each do |mod| %>
                 <fieldset><legend><%= mod.blank? ? l(:label_project) : l_or_humanize(mod, :prefix => 'project_module_') %></legend>
                 <% perms_by_module[mod].each do |permission| %>
                     <label class="floating">
                     <%= check_box_tag 'role[permissions][]', permission.name, (@role.permissions.include? permission.name),
                           :id => "role_permissions_#{permission.name}",
                           :data => {:shows => ".#{permission.name}_shown"} %>
                     <%= l_or_humanize(permission.name, :prefix => 'permission_') %>
                     </label>
                 <% end %>
                 </fieldset>
             <% end %>
             <br /><%= check_all_links 'permissions' %>
             <%= hidden_field_tag 'role[permissions][]', '' %>
             </div>
             <div id="role-permissions-trackers" class="view_issues_shown">
             <h3><%= l(:label_issue_tracking) %></h3>
             <% permissions = %w(view_issues add_issues edit_issues add_issue_notes delete_issues) %>
             <div class="autoscroll">
             <table class="list">
               <thead>
                 <tr>
                   <th><%= l(:label_tracker) %></th>
                   <% permissions.each do |permission| %>
                   <th class="<%= "#{permission}_shown" %>"><%= l("permission_#{permission}") %></th>
                   <% end %>
               </thead>
               <tbody>
                 <tr>
                   <td class="name"><b><%= l(:label_tracker_all) %></b></td>
                   <% permissions.each do |permission| %>
                   <td class="<%= "#{permission}_shown" %>">
                     <%= hidden_field_tag "role[permissions_all_trackers][#{permission}]", '0', :id => nil %>
                     <%= check_box_tag "role[permissions_all_trackers][#{permission}]",
                           '1',
                           @role.permissions_all_trackers?(permission),
                           :class => "#{permission}_shown",
                           :data => {:disables => ".#{permission}_tracker"} %>
                   </td>
                   <% end %>
                 </tr>
                 <% Tracker.sorted.all.each do |tracker| %>
-                <tr>
+                <tr class="<%= cycle("odd", "even") %>">
                   <td class="name"><%= tracker.name %></td>
                   <% permissions.each do |permission| %>
                   <td class="<%= "#{permission}_shown" %>"><%= check_box_tag "role[permissions_tracker_ids][#{permission}][]",
                             tracker.id,
                             @role.permissions_tracker_ids?(permission, tracker.id),
                             :class => "#{permission}_tracker",
                             :id => "role_permissions_tracker_ids_add_issues_#{tracker.id}" %></td>
                   <% end %>
                 </tr>
                 <% end %>
               </tbody>
             </table>
             </div>
             <% permissions.each do |permission| %>
               <%= hidden_field_tag "role[permissions_tracker_ids][#{permission}][]", '' %>
             <% end %>
             </div>

app/views/roles/index.html.erb +1 -1

             <div class="contextual">
             <%= link_to l(:label_role_new), new_role_path, :class => 'icon icon-add' %>
             <%= link_to l(:label_permissions_report), permissions_roles_path, :class => 'icon icon-summary' %>
             </div>
             <h2><%=l(:label_role_plural)%></h2>
             <table class="list roles">
               <thead><tr>
                 <th><%=l(:label_role)%></th>
               <th></th>
               </tr></thead>
               <tbody>
             <% for role in @roles %>
-              <tr class="<%= role.builtin? ? "builtin" : "givable" %>">
+              <tr class="<%= cycle("odd", "even") %> <%= role.builtin? ? "builtin" : "givable" %>">
               <td class="name"><%= content_tag(role.builtin? ? 'em' : 'span', link_to(role.name, edit_role_path(role))) %></td>
               <td class="buttons">
                 <%= reorder_handle(role) unless role.builtin? %>
                 <%= link_to l(:button_copy), new_role_path(:copy => role), :class => 'icon icon-copy' %>
                 <%= delete_link role_path(role) unless role.builtin? %>
               </td>
               </tr>
             <% end %>
               </tbody>
             </table>
             <% html_title(l(:label_role_plural)) -%>
             <%= javascript_tag do %>
               $(function() { $("table.roles tbody").positionedItems({items: ".givable"}); });
             <% end %>

app/views/roles/permissions.html.erb +1 -1

             <%= title [l(:label_role_plural), roles_path], l(:label_permissions_report) %>
             <%= form_tag(permissions_roles_path, :id => 'permissions_form') do %>
             <%= hidden_field_tag 'permissions[0]', '', :id => nil %>
             <div class="autoscroll">
             <table class="list permissions">
             <thead>
                 <tr>
                 <th><%=l(:label_permissions)%></th>
                 <% @roles.each do |role| %>
                 <th>
                     <%= link_to_function('',
                                          "toggleCheckboxesBySelector('input.role-#{role.id}')",
                                          :title => "#{l(:button_check_all)}/#{l(:button_uncheck_all)}",
                                          :class => 'icon-only icon-checked') %>
                     <%= content_tag(role.builtin? ? 'em' : 'span', role.name) %>
                 </th>
                 <% end %>
                 </tr>
             </thead>
             <tbody>
             <% perms_by_module = @permissions.group_by {|p| p.project_module.to_s} %>
             <% perms_by_module.keys.sort.each do |mod| %>
                 <% unless mod.blank? %>
                     <tr class="group open">
                       <td>
                         <span class="expander" onclick="toggleRowGroup(this);">&nbsp;</span>
                         <%= l_or_humanize(mod, :prefix => 'project_module_') %>
                       </td>
                       <% @roles.each do |role| %>
                       <td class="role"><%= role.name %></td>
                       <% end %>
                     </tr>
                 <% end %>
                 <% perms_by_module[mod].each do |permission| %>
-                    <tr class="permission-<%= permission.name %>">
+                    <tr class="<%= cycle('odd', 'even') %> permission-<%= permission.name %>">
                     <td class="name">
                         <%= link_to_function('',
                                              "toggleCheckboxesBySelector('.permission-#{permission.name} input')",
                                              :title => "#{l(:button_check_all)}/#{l(:button_uncheck_all)}",
                                              :class => 'icon-only icon-checked') %>
                         <%= l_or_humanize(permission.name, :prefix => 'permission_') %>
                     </td>
                     <% @roles.each do |role| %>
                     <td>
                     <% if role.setable_permissions.include? permission %>
                       <%= check_box_tag "permissions[#{role.id}][]", permission.name, (role.permissions.include? permission.name), :id => nil, :class => "role-#{role.id}" %>
                     <% end %>
                     </td>
                     <% end %>
                     </tr>
                 <% end %>
             <% end %>
             </tbody>
             </table>
             </div>
             <p><%= check_all_links 'permissions_form' %></p>
             <p><%= submit_tag l(:button_save) %></p>
             <% end %>

app/views/timelog/_list.html.erb +2 -1

             <%= form_tag({}, :data => {:cm_url => time_entries_context_menu_path}) do -%>
             <%= hidden_field_tag 'back_url', url_for(:params => request.query_parameters), :id => nil %>
             <div class="autoscroll">
             <table class="list time-entries">
             <thead>
               <tr>
                 <th class="checkbox hide-when-print">
                   <%= check_box_tag 'check_all', '', false, :class => 'toggle-selection',
                     :title => "#{l(:button_check_all)}/#{l(:button_uncheck_all)}" %>
                 </th>
                 <% @query.inline_columns.each do |column| %>
                   <%= column_header(column) %>
                 <% end %>
                 <th></th>
               </tr>
             </thead>
             <tbody>
             <% grouped_query_results(entries, @query, @entry_count_by_group) do |entry, group_name, group_count, group_totals| -%>
               <% if group_name %>
+                <% reset_cycle %>
                 <tr class="group open">
                   <td colspan="<%= @query.inline_columns.size + 2 %>">
                     <span class="expander" onclick="toggleRowGroup(this);">&nbsp;</span>
                     <span class="name"><%= group_name %></span>
                     <% if group_count %>
                     <span class="count"><%= group_count %></span>
                     <% end %>
                     <span class="totals"><%= group_totals %></span>
                     <%= link_to_function("#{l(:button_collapse_all)}/#{l(:button_expand_all)}",
                                          "toggleAllRowGroups(this)", :class => 'toggle-all') %>
                   </td>
                 </tr>
               <% end %>
-              <tr id="time-entry-<%= entry.id %>" class="time-entry hascontextmenu">
+              <tr id="time-entry-<%= entry.id %>" class="time-entry <%= cycle("odd", "even") %> hascontextmenu">
                 <td class="checkbox hide-when-print"><%= check_box_tag("ids[]", entry.id, false, :id => nil) %></td>
                 <%= raw @query.inline_columns.map {|column| "<td class=\"#{column.css_classes}\">#{column_content(column, entry)}</td>"}.join %>
                 <td class="buttons">
                 <% if entry.editable_by?(User.current) -%>
                     <%= link_to l(:button_edit), edit_time_entry_path(entry),
                                 :title => l(:button_edit),
                                 :class => 'icon-only icon-edit' %>
                     <%= link_to l(:button_delete), time_entry_path(entry),
                                 :data => {:confirm => l(:text_are_you_sure)},
                                 :method => :delete,
                                 :title => l(:button_delete),
                                 :class => 'icon-only icon-del' %>
                 <% end -%>
                 </td>
               </tr>
               <% @query.block_columns.each do |column|
                    if (text = column_content(column, issue)) && text.present? -%>
               <tr class="<%= current_cycle %>">
                 <td colspan="<%= @query.inline_columns.size + 1 %>" class="<%= column.css_classes %>"><%= text %></td>
               </tr>
               <% end -%>
               <% end -%>
             <% end -%>
             </tbody>
             </table>
             </div>
             <% end -%>
             <%= context_menu %>

app/views/timelog/_report_criteria.html.erb +1 -1

             <% @report.hours.collect {|h| h[criterias[level]].to_s}.uniq.each do |value| %>
             <% hours_for_value = select_hours(hours, criterias[level], value) -%>
             <% next if hours_for_value.empty? -%>
-            <tr class="<%= criterias.length > level+1 ? 'subtotal' : 'last-level' %>">
+            <tr class="<%= cycle('odd', 'even') %> <%= criterias.length > level+1 ? 'subtotal' : 'last-level' %>">
             <%= ("<td></td>" * level).html_safe %>
             <td class="name"><%= format_criteria_value(@report.available_criteria[criterias[level]], value) %></td>
             <%= ("<td></td>" * (criterias.length - level - 1)).html_safe -%>
               <% total = 0 -%>
               <% @report.periods.each do |period| -%>
                 <% sum = sum_hours(select_hours(hours_for_value, @report.columns, period.to_s)); total += sum -%>
                 <td class="hours"><%= html_hours(format_hours(sum)) if sum > 0 %></td>
               <% end -%>
               <td class="hours"><%= html_hours(format_hours(total)) if total > 0 %></td>
             </tr>
             <% if criterias.length > level+1 -%>
               <%= render(:partial => 'report_criteria', :locals => {:criterias => criterias, :hours => hours_for_value, :level => (level + 1)}) %>
             <% end -%>
             <% end %>

app/views/trackers/fields.html.erb +2 -2

             <%= title [l(:label_tracker_plural), trackers_path], l(:field_summary) %>
             <% if @trackers.any? %>
               <%= form_tag fields_trackers_path do %>
                 <div class="autoscroll">
                 <table class="list">
                 <thead>
                   <tr>
                     <th></th>
                     <% @trackers.each do |tracker| %>
                     <th>
                       <%= link_to_function('', "toggleCheckboxesBySelector('input.tracker-#{tracker.id}')",
                                            :title => "#{l(:button_check_all)}/#{l(:button_uncheck_all)}",
                                            :class => 'icon-only icon-checked') %>
                       <%= tracker.name %>
                     </th>
                     <% end %>
                   </tr>
                 </thead>
                 <tbody>
                   <tr class="group open">
                     <td colspan="<%= @trackers.size + 1 %>">
                       <span class="expander" onclick="toggleRowGroup(this);">&nbsp;</span>
                       <%= l(:field_core_fields) %>
                     </td>
                   </tr>
                   <% Tracker::CORE_FIELDS.each do |field| %>
-                  <tr>
+                  <tr class="<%= cycle("odd", "even") %>">
                     <td class="name">
                       <%= link_to_function('', "toggleCheckboxesBySelector('input.core-field-#{field}')",
                                            :title => "#{l(:button_check_all)}/#{l(:button_uncheck_all)}",
                                            :class => 'icon-only icon-checked') %>
                       <%= l("field_#{field}".sub(/_id$/, '')) %>
                     </td>
                     <% @trackers.each do |tracker| %>
                     <td>
                       <%= check_box_tag "trackers[#{tracker.id}][core_fields][]", field, tracker.core_fields.include?(field),
                                         :class => "tracker-#{tracker.id} core-field-#{field}", :id => nil %>
                     </td>
                     <% end %>
                   </tr>
                   <% end %>
                   <% if @custom_fields.any? %>
                     <tr class="group open">
                       <td colspan="<%= @trackers.size + 1 %>">
                         <span class="expander" onclick="toggleRowGroup(this);">&nbsp;</span>
                         <%= l(:label_custom_field_plural) %>
                       </td>
                     </tr>
                     <% @custom_fields.each do |field| %>
-                    <tr>
+                    <tr class="<%= cycle("odd", "even") %>">
                       <td class="name">
                         <%= link_to_function('', "toggleCheckboxesBySelector('input.custom-field-#{field.id}')",
                                              :title => "#{l(:button_check_all)}/#{l(:button_uncheck_all)}",
                                              :class => 'icon-only icon-checked') %>
                         <%= field.name %>
                       </td>
                       <% @trackers.each do |tracker| %>
                       <td>
                         <%= check_box_tag "trackers[#{tracker.id}][custom_field_ids][]", field.id, tracker.custom_fields.include?(field),
                                           :class => "tracker-#{tracker.id} custom-field-#{field.id}", :id => nil %>
                       </td>
                       <% end %>
                     </tr>
                     <% end %>
                   <% end %>
                 </tbody>
                 </table>
                 </div>
                 <p><%= submit_tag l(:button_save) %></p>
                 <% @trackers.each do |tracker| %>
                   <%= hidden_field_tag "trackers[#{tracker.id}][core_fields][]", '' %>
                   <%= hidden_field_tag "trackers[#{tracker.id}][custom_field_ids][]", '' %>
                 <% end %>
               <% end %>
             <% else %>
               <p class="nodata"><%= l(:label_no_data) %></p>
             <% end %>

app/views/trackers/index.html.erb +1 -1

             <div class="contextual">
             <%= link_to l(:label_tracker_new), new_tracker_path, :class => 'icon icon-add' %>
             <%= link_to l(:field_summary), fields_trackers_path, :class => 'icon icon-summary' %>
             </div>
             <h2><%=l(:label_tracker_plural)%></h2>
             <table class="list trackers">
               <thead><tr>
               <th><%=l(:label_tracker)%></th>
               <th></th>
               <th></th>
               </tr></thead>
               <tbody>
             <% for tracker in @trackers %>
-              <tr>
+              <tr class="<%= cycle("odd", "even") %>">
               <td class="name"><%= link_to tracker.name, edit_tracker_path(tracker) %></td>
               <td>
                 <% unless tracker.workflow_rules.count > 0 %>
                   <span class="icon icon-warning">
                     <%= l(:text_tracker_no_workflow) %> (<%= link_to l(:button_edit), workflows_edit_path(:tracker_id => tracker) %>)
                   </span>
                 <% end %>
               </td>
               <td class="buttons">
                 <%= reorder_handle(tracker) %>
                 <%= delete_link tracker_path(tracker) %>
               </td>
               </tr>
             <% end %>
               </tbody>
             </table>
             <% html_title(l(:label_tracker_plural)) -%>
             <%= javascript_tag do %>
               $(function() { $("table.trackers tbody").positionedItems(); });
             <% end %>

app/views/users/index.html.erb +1 -1

             <div class="contextual">
             <%= link_to l(:label_user_new), new_user_path, :class => 'icon icon-add' %>
             </div>
             <h2><%=l(:label_user_plural)%></h2>
             <%= form_tag(users_path, :method => :get) do %>
             <fieldset><legend><%= l(:label_filter_plural) %></legend>
             <label for='status'><%= l(:field_status) %>:</label>
             <%= select_tag 'status', users_status_options_for_select(@status), :class => "small", :onchange => "this.form.submit(); return false;"  %>
             <% if @groups.present? %>
             <label for='group_id'><%= l(:label_group) %>:</label>
             <%= select_tag 'group_id', content_tag('option') + options_from_collection_for_select(@groups, :id, :name, params[:group_id].to_i), :onchange => "this.form.submit(); return false;"  %>
             <% end %>
             <label for='name'><%= l(:label_user) %>:</label>
             <%= text_field_tag 'name', params[:name], :size => 30 %>
             <%= submit_tag l(:button_apply), :class => "small", :name => nil %>
             <%= link_to l(:button_clear), users_path, :class => 'icon icon-reload' %>
             </fieldset>
             <% end %>
             &nbsp;
             <% if @users.any? %>
             <div class="autoscroll">
             <table class="list users">
               <thead><tr>
               <%= sort_header_tag('login', :caption => l(:field_login)) %>
               <%= sort_header_tag('firstname', :caption => l(:field_firstname)) %>
               <%= sort_header_tag('lastname', :caption => l(:field_lastname)) %>
               <th><%= l(:field_mail) %></th>
               <%= sort_header_tag('admin', :caption => l(:field_admin), :default_order => 'desc') %>
               <%= sort_header_tag('created_on', :caption => l(:field_created_on), :default_order => 'desc') %>
               <%= sort_header_tag('last_login_on', :caption => l(:field_last_login_on), :default_order => 'desc') %>
                 <th></th>
               </tr></thead>
               <tbody>
             <% for user in @users -%>
-              <tr class="<%= user.css_classes %>">
+              <tr class="<%= user.css_classes %> <%= cycle("odd", "even") %>">
               <td class="username"><%= avatar(user, :size => "14") %><%= link_to user.login, edit_user_path(user) %></td>
               <td class="firstname"><%= user.firstname %></td>
               <td class="lastname"><%= user.lastname %></td>
               <td class="email"><%= mail_to(user.mail) %></td>
               <td class="tick"><%= checked_image user.admin? %></td>
               <td class="created_on"><%= format_time(user.created_on) %></td>
               <td class="last_login_on"><%= format_time(user.last_login_on) unless user.last_login_on.nil? %></td>
                 <td class="buttons">
                   <%= change_status_link(user) %>
                   <%= delete_link user_path(user, :back_url => request.original_fullpath) unless User.current == user %>
                 </td>
               </tr>
             <% end -%>
               </tbody>
             </table>
             </div>
             <span class="pagination"><%= pagination_links_full @user_pages, @user_count %></span>
             <% else %>
             <p class="nodata"><%= l(:label_no_data) %></p>
             <% end %>
             <% html_title(l(:label_user_plural)) -%>

app/views/wiki/history.html.erb +1 -1

             <%= wiki_page_breadcrumb(@page) %>
             <%= title [@page.pretty_title, project_wiki_page_path(@page.project, @page.title, :version => nil)], l(:label_history) %>
             <%= form_tag({:controller => 'wiki', :action => 'diff',
                           :project_id => @page.project, :id => @page.title},
                           :method => :get) do %>
             <table class="list wiki-page-versions">
             <thead><tr>
                 <th>#</th>
                 <th></th>
                 <th></th>
                 <th><%= l(:field_updated_on) %></th>
                 <th><%= l(:field_author) %></th>
                 <th><%= l(:field_comments) %></th>
                 <th></th>
             </tr></thead>
             <tbody>
             <% show_diff = @versions.size > 1 %>
             <% line_num = 1 %>
             <% @versions.each do |ver| %>
-            <tr class="wiki-page-version">
+            <tr class="wiki-page-version <%= cycle("odd", "even") %>">
                 <td class="id"><%= link_to ver.version, :action => 'show', :id => @page.title, :project_id => @page.project, :version => ver.version %></td>
                 <td class="checkbox"><%= radio_button_tag('version', ver.version, (line_num==1), :id => "cb-#{line_num}", :onclick => "$('#cbto-#{line_num+1}').prop('checked', true);") if show_diff && (line_num < @versions.size) %></td>
                 <td class="checkbox"><%= radio_button_tag('version_from', ver.version, (line_num==2), :id => "cbto-#{line_num}") if show_diff && (line_num > 1) %></td>
                 <td class="updated_on"><%= format_time(ver.updated_on) %></td>
                 <td class="author"><%= link_to_user ver.author %></td>
                 <td class="comments"><%= ver.comments %></td>
                 <td class="buttons">
                   <%= link_to l(:button_annotate), :action => 'annotate', :id => @page.title, :version => ver.version %>
                   <%= delete_link wiki_page_path(@page, :version => ver.version) if User.current.allowed_to?(:delete_wiki_pages, @page.project) && @version_count > 1 %>
                 </td>
             </tr>
             <% line_num += 1 %>
             <% end %>
             </tbody>
             </table>
             <%= submit_tag l(:label_view_diff), :class => 'small' if show_diff %>
             <span class="pagination"><%= pagination_links_full @version_pages, @version_count %></span>
             <% end %>

app/views/workflows/_form.html.erb +1 -1

             <table class="list workflows transitions transitions-<%= name %>">
             <thead>
               <tr>
                 <th>
                   <%= link_to_function('', "toggleCheckboxesBySelector('table.transitions-#{name} input')",
                                        :title => "#{l(:button_check_all)}/#{l(:button_uncheck_all)}",
                                        :class => 'icon-only icon-checked') %>
                   <%=l(:label_current_status)%>
                 </th>
                 <th colspan="<%= @statuses.length %>"><%=l(:label_new_statuses_allowed)%></th>
               </tr>
               <tr>
                 <td></td>
                 <% for new_status in @statuses %>
                 <td style="width:<%= 75 / @statuses.size %>%;">
                   <%= link_to_function('', "toggleCheckboxesBySelector('table.transitions-#{name} input.new-status-#{new_status.id}')",
                                        :title => "#{l(:button_check_all)}/#{l(:button_uncheck_all)}",
                                        :class => 'icon-only icon-checked') %>
                   <%= new_status.name %>
                 </td>
                 <% end %>
               </tr>
             </thead>
             <tbody>
               <% for old_status in [nil] + @statuses %>
               <% next if old_status.nil? && name != 'always' %>
-              <tr>
+              <tr class="<%= cycle("odd", "even") %>">
                 <td class="name">
                   <%= link_to_function('', "toggleCheckboxesBySelector('table.transitions-#{name} input.old-status-#{old_status.try(:id) || 0}')",
                                        :title => "#{l(:button_check_all)}/#{l(:button_uncheck_all)}",
                                        :class => 'icon-only icon-checked') %>
                   <%= old_status ? old_status.name : content_tag('em', l(:label_issue_new)) %>
                 </td>
                 <% for new_status in @statuses -%>
                 <% checked = workflows.detect {|w| w.old_status == old_status && w.new_status == new_status} %>
                 <td class="<%= checked ? 'enabled' : '' %>">
                   <%= transition_tag workflows, old_status, new_status, name %>
                 </td>
                 <% end -%>
               </tr>
               <% end %>
             </tbody>
             </table>

app/views/workflows/index.html.erb +1 -1

             <%= title [l(:label_workflow), workflows_edit_path], l(:field_summary) %>
             <% if @roles.empty? || @trackers.empty? %>
             <p class="nodata"><%= l(:label_no_data) %></p>
             <% else %>
             <div class="autoscroll">
             <table class="list">
             <thead>
                 <tr>
                 <th></th>
                 <% @roles.each do |role| %>
                 <th>
                     <%= content_tag(role.builtin? ? 'em' : 'span', role.name) %>
                 </th>
                 <% end %>
                 </tr>
             </thead>
             <tbody>
             <% @trackers.each do |tracker| -%>
-            <tr>
+            <tr class="<%= cycle('odd', 'even') %>">
               <td class="name"><%= tracker.name %></td>
               <% @roles.each do |role| -%>
               <% count = @workflow_counts[[tracker.id, role.id]] || 0 %>
                 <td>
                   <%= link_to((count > 0 ? count : content_tag(:span, nil, :class => 'icon-only icon-not-ok')),
                               {:action => 'edit', :role_id => role, :tracker_id => tracker},
                               :title => l(:button_edit)) %>
                 </td>
               <% end -%>
             </tr>
             <% end -%>
             </tbody>
             </table>
             </div>
             <% end %>

app/views/workflows/permissions.html.erb +2 -2

             <%= render :partial => 'action_menu' %>
             <%= title l(:label_workflow) %>
             <div class="tabs">
               <ul>
                 <li><%= link_to l(:label_status_transitions), workflows_edit_path(:role_id => @roles, :tracker_id => @trackers) %></li>
                 <li><%= link_to l(:label_fields_permissions), workflows_permissions_path(:role_id => @roles, :tracker_id => @trackers), :class => 'selected' %></li>
               </ul>
             </div>
             <p><%=l(:text_workflow_edit)%>:</p>
             <%= form_tag({}, :method => 'get') do %>
             <p>
               <label><%=l(:label_role)%>:
               <%= options_for_workflow_select 'role_id[]', Role.sorted.select(&:consider_workflow?), @roles, :id => 'role_id', :class => 'expandable' %>
               </label>
               <a href="#" data-expands="#role_id"><span class="toggle-multiselect"></a>
               <label><%=l(:label_tracker)%>:
               <%= options_for_workflow_select 'tracker_id[]', Tracker.sorted, @trackers, :id => 'tracker_id', :class => 'expandable' %>
               </label>
               <a href="#" data-expands="#tracker_id"><span class="toggle-multiselect"></a>
               <%= submit_tag l(:button_edit), :name => nil %>
               <%= hidden_field_tag 'used_statuses_only', '0', :id => nil %>
               <label><%= check_box_tag 'used_statuses_only', '1', @used_statuses_only %> <%= l(:label_display_used_statuses_only) %></label>
             </p>
             <% end %>
             <% if @trackers && @roles && @statuses.any? %>
               <%= form_tag({}, :id => 'workflow_form' ) do %>
                 <%= @trackers.map {|tracker| hidden_field_tag 'tracker_id[]', tracker.id, :id => nil}.join.html_safe %>
                 <%= @roles.map {|role| hidden_field_tag 'role_id[]', role.id, :id => nil}.join.html_safe %>
                 <%= hidden_field_tag 'used_statuses_only', params[:used_statuses_only], :id => nil %>
                 <div class="autoscroll">
                 <table class="list workflows fields_permissions">
                 <thead>
                   <tr>
                     <th>
                     </th>
                     <th colspan="<%= @statuses.length %>"><%=l(:label_issue_status)%></th>
                   </tr>
                   <tr>
                     <td></td>
                     <% for status in @statuses %>
                     <td style="width:<%= 75 / @statuses.size %>%;">
                       <%= status.name %>
                     </td>
                     <% end %>
                   </tr>
                 </thead>
                 <tbody>
                   <tr class="group open">
                     <td colspan="<%= @statuses.size + 1 %>">
                       <span class="expander" onclick="toggleRowGroup(this);">&nbsp;</span>
                       <%= l(:field_core_fields) %>
                     </td>
                   </tr>
                   <% @fields.each do |field, name| %>
-                  <tr>
+                  <tr class="<%= cycle("odd", "even") %>">
                     <td class="name">
                       <%= name %> <%= content_tag('span', '*', :class => 'required') if field_required?(field) %>
                     </td>
                     <% for status in @statuses -%>
                     <td class="<%= @permissions[status.id][field].try(:join, ' ') %>">
                       <%= field_permission_tag(@permissions, status, field, @roles) %>
                       <% unless status == @statuses.last %><a href="#" class="repeat-value">&#187;</a><% end %>
                     </td>
                     <% end -%>
                   </tr>
                   <% end %>
                   <% if @custom_fields.any? %>
                     <tr class="group open">
                       <td colspan="<%= @statuses.size + 1 %>">
                         <span class="expander" onclick="toggleRowGroup(this);">&nbsp;</span>
                         <%= l(:label_custom_field_plural) %>
                       </td>
                     </tr>
                     <% @custom_fields.each do |field| %>
-                    <tr>
+                    <tr class="<%= cycle("odd", "even") %>">
                       <td class="name">
                         <%= field.name %> <%= content_tag('span', '*', :class => 'required') if field_required?(field) %>
                       </td>
                       <% for status in @statuses -%>
                       <td class="<%= @permissions[status.id][field.id.to_s].try(:join, ' ') %>">
                         <%= field_permission_tag(@permissions, status, field, @roles) %>
                         <% unless status == @statuses.last %><a href="#" class="repeat-value">&#187;</a><% end %>
                       </td>
                       <% end -%>
                     </tr>
                     <% end %>
                   <% end %>
                 </tbody>
                 </table>
                 </div>
                 <%= submit_tag l(:button_save) %>
               <% end %>
             <% end %>
             <%= javascript_tag do %>
             $("a.repeat-value").click(function(e){
               e.preventDefault();
               var td = $(this).closest('td');
               var selected = td.find("select").find(":selected").val();
               td.nextAll('td').find("select").val(selected);
             });
             $("a[data-expands]").click(function(e){
               e.preventDefault();
               var target = $($(this).attr("data-expands"));
               if (target.attr("multiple")) {
                 target.attr("multiple", false);
                 target.find("option[value=all]").show();
               } else {
                 target.attr("multiple", true);
                 target.find("option[value=all]").attr("selected", false).hide();
               }
             });
             <% end %>

public/javascripts/application.js +4 0

             /* Redmine - project management software
                Copyright (C) 2006-2016  Jean-Philippe Lang */
             function checkAll(id, checked) {
               $('#'+id).find('input[type=checkbox]:enabled').prop('checked', checked);
             }
             function toggleCheckboxesBySelector(selector) {
               var all_checked = true;
               $(selector).each(function(index) {
                 if (!$(this).is(':checked')) { all_checked = false; }
               });
               $(selector).prop('checked', !all_checked);
             }
             function showAndScrollTo(id, focus) {
               $('#'+id).show();
               if (focus !== null) {
                 $('#'+focus).focus();
               }
               $('html, body').animate({scrollTop: $('#'+id).offset().top}, 100);
             }
             function toggleRowGroup(el) {
               var tr = $(el).parents('tr').first();
               var n = tr.next();
               tr.toggleClass('open');
               while (n.length && !n.hasClass('group')) {
                 n.toggle();
                 n = n.next('tr');
               }
             }
             function collapseAllRowGroups(el) {
               var tbody = $(el).parents('tbody').first();
               tbody.children('tr').each(function(index) {
                 if ($(this).hasClass('group')) {
                   $(this).removeClass('open');
                 } else {
                   $(this).hide();
                 }
               });
             }
             function expandAllRowGroups(el) {
               var tbody = $(el).parents('tbody').first();
               tbody.children('tr').each(function(index) {
                 if ($(this).hasClass('group')) {
                   $(this).addClass('open');
                 } else {
                   $(this).show();
                 }
               });
             }
             function toggleAllRowGroups(el) {
               var tr = $(el).parents('tr').first();
               if (tr.hasClass('open')) {
                 collapseAllRowGroups(el);
               } else {
                 expandAllRowGroups(el);
               }
             }
             function toggleFieldset(el) {
               var fieldset = $(el).parents('fieldset').first();
               fieldset.toggleClass('collapsed');
               fieldset.children('div').toggle();
             }
             function hideFieldset(el) {
               var fieldset = $(el).parents('fieldset').first();
               fieldset.toggleClass('collapsed');
               fieldset.children('div').hide();
             }
             // columns selection
             function moveOptions(theSelFrom, theSelTo) {
               $(theSelFrom).find('option:selected').detach().prop("selected", false).appendTo($(theSelTo));
             }
             function moveOptionUp(theSel) {
               $(theSel).find('option:selected').each(function(){
                 $(this).prev(':not(:selected)').detach().insertAfter($(this));
               });
             }
             function moveOptionTop(theSel) {
               $(theSel).find('option:selected').detach().prependTo($(theSel));
             }
             function moveOptionDown(theSel) {
               $($(theSel).find('option:selected').get().reverse()).each(function(){
                 $(this).next(':not(:selected)').detach().insertBefore($(this));
               });
             }
             function moveOptionBottom(theSel) {
               $(theSel).find('option:selected').detach().appendTo($(theSel));
             }
             function initFilters() {
               $('#add_filter_select').change(function() {
                 addFilter($(this).val(), '', []);
               });
               $('#filters-table td.field input[type=checkbox]').each(function() {
                 toggleFilter($(this).val());
               });
               $('#filters-table').on('click', 'td.field input[type=checkbox]', function() {
                 toggleFilter($(this).val());
               });
               $('#filters-table').on('click', '.toggle-multiselect', function() {
                 toggleMultiSelect($(this).siblings('select'));
               });
               $('#filters-table').on('keypress', 'input[type=text]', function(e) {
                 if (e.keyCode == 13) $(this).closest('form').submit();
               });
             }
             function addFilter(field, operator, values) {
               var fieldId = field.replace('.', '_');
               var tr = $('#tr_'+fieldId);
               if (tr.length > 0) {
                 tr.show();
               } else {
                 buildFilterRow(field, operator, values);
               }
               $('#cb_'+fieldId).prop('checked', true);
               toggleFilter(field);
               $('#add_filter_select').val('').find('option').each(function() {
                 if ($(this).attr('value') == field) {
                   $(this).attr('disabled', true);
                 }
               });
             }
             function buildFilterRow(field, operator, values) {
               var fieldId = field.replace('.', '_');
               var filterTable = $("#filters-table");
               var filterOptions = availableFilters[field];
               if (!filterOptions) return;
               var operators = operatorByType[filterOptions['type']];
               var filterValues = filterOptions['values'];
               var i, select;
               var tr = $('<tr class="filter">').attr('id', 'tr_'+fieldId).html(
                 '<td class="field"><input checked="checked" id="cb_'+fieldId+'" name="f[]" value="'+field+'" type="checkbox"><label for="cb_'+fieldId+'"> '+filterOptions['name']+'</label></td>' +
                 '<td class="operator"><select id="operators_'+fieldId+'" name="op['+field+']"></td>' +
                 '<td class="values"></td>'
               );
               filterTable.append(tr);
               select = tr.find('td.operator select');
               for (i = 0; i < operators.length; i++) {
                 var option = $('<option>').val(operators[i]).text(operatorLabels[operators[i]]);
                 if (operators[i] == operator) { option.attr('selected', true); }
                 select.append(option);
               }
               select.change(function(){ toggleOperator(field); });
               switch (filterOptions['type']) {
               case "list":
               case "list_optional":
               case "list_status":
               case "list_subprojects":
                 tr.find('td.values').append(
                   '<span style="display:none;"><select class="value" id="values_'+fieldId+'_1" name="v['+field+'][]"></select>' +
                   ' <span class="toggle-multiselect">&nbsp;</span></span>'
                 );
                 select = tr.find('td.values select');
                 if (values.length > 1) { select.attr('multiple', true); }
                 for (i = 0; i < filterValues.length; i++) {
                   var filterValue = filterValues[i];
                   var option = $('<option>');
                   if ($.isArray(filterValue)) {
                     option.val(filterValue[1]).text(filterValue[0]);
                     if ($.inArray(filterValue[1], values) > -1) {option.attr('selected', true);}
                     if (filterValue.length == 3) {
                       var optgroup = select.find('optgroup').filter(function(){return $(this).attr('label') == filterValue[2]});
                       if (!optgroup.length) {optgroup = $('<optgroup>').attr('label', filterValue[2]);}
                       option = optgroup.append(option);
                     }
                   } else {
                     option.val(filterValue).text(filterValue);
                     if ($.inArray(filterValue, values) > -1) {option.attr('selected', true);}
                   }
                   select.append(option);
                 }
                 break;
               case "date":
               case "date_past":
                 tr.find('td.values').append(
                   '<span style="display:none;"><input type="date" name="v['+field+'][]" id="values_'+fieldId+'_1" size="10" class="value date_value" /></span>' +
                   ' <span style="display:none;"><input type="date" name="v['+field+'][]" id="values_'+fieldId+'_2" size="10" class="value date_value" /></span>' +
                   ' <span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'" size="3" class="value" /> '+labelDayPlural+'</span>'
                 );
                 $('#values_'+fieldId+'_1').val(values[0]).datepickerFallback(datepickerOptions);
                 $('#values_'+fieldId+'_2').val(values[1]).datepickerFallback(datepickerOptions);
                 $('#values_'+fieldId).val(values[0]);
                 break;
               case "string":
               case "text":
                 tr.find('td.values').append(
                   '<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'" size="30" class="value" /></span>'
                 );
                 $('#values_'+fieldId).val(values[0]);
                 break;
               case "relation":
                 tr.find('td.values').append(
                   '<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'" size="6" class="value" /></span>' +
                   '<span style="display:none;"><select class="value" name="v['+field+'][]" id="values_'+fieldId+'_1"></select></span>'
                 );
                 $('#values_'+fieldId).val(values[0]);
                 select = tr.find('td.values select');
                 for (i = 0; i < allProjects.length; i++) {
                   var filterValue = allProjects[i];
                   var option = $('<option>');
                   option.val(filterValue[1]).text(filterValue[0]);
                   if (values[0] == filterValue[1]) { option.attr('selected', true); }
                   select.append(option);
                 }
                 break;
               case "integer":
               case "float":
               case "tree":
                 tr.find('td.values').append(
                   '<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_1" size="14" class="value" /></span>' +
                   ' <span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_2" size="14" class="value" /></span>'
                 );
                 $('#values_'+fieldId+'_1').val(values[0]);
                 $('#values_'+fieldId+'_2').val(values[1]);
                 break;
               }
             }
             function toggleFilter(field) {
               var fieldId = field.replace('.', '_');
               if ($('#cb_' + fieldId).is(':checked')) {
                 $("#operators_" + fieldId).show().removeAttr('disabled');
                 toggleOperator(field);
               } else {
                 $("#operators_" + fieldId).hide().attr('disabled', true);
                 enableValues(field, []);
               }
             }
             function enableValues(field, indexes) {
               var fieldId = field.replace('.', '_');
               $('#tr_'+fieldId+' td.values .value').each(function(index) {
                 if ($.inArray(index, indexes) >= 0) {
                   $(this).removeAttr('disabled');
                   $(this).parents('span').first().show();
                 } else {
                   $(this).val('');
                   $(this).attr('disabled', true);
                   $(this).parents('span').first().hide();
                 }
                 if ($(this).hasClass('group')) {
                   $(this).addClass('open');
                 } else {
                   $(this).show();
                 }
               });
             }
             function toggleOperator(field) {
               var fieldId = field.replace('.', '_');
               var operator = $("#operators_" + fieldId);
               switch (operator.val()) {
                 case "!*":
                 case "*":
                 case "t":
                 case "ld":
                 case "w":
                 case "lw":
                 case "l2w":
                 case "m":
                 case "lm":
                 case "y":
                 case "o":
                 case "c":
                 case "*o":
                 case "!o":
                   enableValues(field, []);
                   break;
                 case "><":
                   enableValues(field, [0,1]);
                   break;
                 case "<t+":
                 case ">t+":
                 case "><t+":
                 case "t+":
                 case ">t-":
                 case "<t-":
                 case "><t-":
                 case "t-":
                   enableValues(field, [2]);
                   break;
                 case "=p":
                 case "=!p":
                 case "!p":
                   enableValues(field, [1]);
                   break;
                 default:
                   enableValues(field, [0]);
                   break;
               }
             }
             function toggleMultiSelect(el) {
               if (el.attr('multiple')) {
                 el.removeAttr('multiple');
                 el.attr('size', 1);
               } else {
                 el.attr('multiple', true);
                 if (el.children().length > 10)
                   el.attr('size', 10);
                 else
                   el.attr('size', 4);
               }
             }
             function showTab(name, url) {
               $('#tab-content-' + name).parent().find('.tab-content').hide();
               $('#tab-content-' + name).parent().find('div.tabs a').removeClass('selected');
               $('#tab-content-' + name).show();
               $('#tab-' + name).addClass('selected');
               //replaces current URL with the "href" attribute of the current link
               //(only triggered if supported by browser)
               if ("replaceState" in window.history) {
                 window.history.replaceState(null, document.title, url);
               }
               return false;
             }
             function moveTabRight(el) {
               var lis = $(el).parents('div.tabs').first().find('ul').children();
               var bw = $(el).parents('div.tabs-buttons').outerWidth(true);
               var tabsWidth = 0;
               var i = 0;
               lis.each(function() {
                 if ($(this).is(':visible')) {
                   tabsWidth += $(this).outerWidth(true);
                 }
               });
               if (tabsWidth < $(el).parents('div.tabs').first().width() - bw) { return; }
               $(el).siblings('.tab-left').removeClass('disabled');
               while (i<lis.length && !lis.eq(i).is(':visible')) { i++; }
               var w = lis.eq(i).width();
               lis.eq(i).hide();
               if (tabsWidth - w < $(el).parents('div.tabs').first().width() - bw) {
                 $(el).addClass('disabled');
               }
             }
             function moveTabLeft(el) {
               var lis = $(el).parents('div.tabs').first().find('ul').children();
               var i = 0;
               while (i < lis.length && !lis.eq(i).is(':visible')) { i++; }
               if (i > 0) {
                 lis.eq(i-1).show();
                 $(el).siblings('.tab-right').removeClass('disabled');
               }
               if (i <= 1) {
                 $(el).addClass('disabled');
               }
             }
             function displayTabsButtons() {
               var lis;
               var tabsWidth;
               var el;
               var numHidden;
               $('div.tabs').each(function() {
                 el = $(this);
                 lis = el.find('ul').children();
                 tabsWidth = 0;
                 numHidden = 0;
                 lis.each(function(){
                   if ($(this).is(':visible')) {
                     tabsWidth += $(this).outerWidth(true);
                   } else {
                     numHidden++;
                   }
                 });
                 var bw = $(el).parents('div.tabs-buttons').outerWidth(true);
                 if ((tabsWidth < el.width() - bw) && (lis.length === 0 || lis.first().is(':visible'))) {
                   el.find('div.tabs-buttons').hide();
                 } else {
                   el.find('div.tabs-buttons').show().children('button.tab-left').toggleClass('disabled', numHidden == 0);
                 }
               });
             }
             function setPredecessorFieldsVisibility() {
               var relationType = $('#relation_relation_type');
               if (relationType.val() == "precedes" || relationType.val() == "follows") {
                 $('#predecessor_fields').show();
               } else {
                 $('#predecessor_fields').hide();
               }
             }
             function showModal(id, width, title) {
               var el = $('#'+id).first();
               if (el.length === 0 || el.is(':visible')) {return;}
               if (!title) title = el.find('h3.title').text();
               // moves existing modals behind the transparent background
               $(".modal").zIndex(99);
               el.dialog({
                 width: width,
                 modal: true,
                 resizable: false,
                 dialogClass: 'modal',
                 title: title
               }).on('dialogclose', function(){
                 $(".modal").zIndex(101);
               });
               el.find("input[type=text], input[type=submit]").first().focus();
             }
             function hideModal(el) {
               var modal;
               if (el) {
                 modal = $(el).parents('.ui-dialog-content');
               } else {
                 modal = $('#ajax-modal');
               }
               modal.dialog("close");
             }
             function submitPreview(url, form, target) {
               $.ajax({
                 url: url,
                 type: 'post',
                 data: $('#'+form).serialize(),
                 success: function(data){
                   $('#'+target).html(data);
                 }
               });
             }
             function collapseScmEntry(id) {
               $('.'+id).each(function() {
                 if ($(this).hasClass('open')) {
                   collapseScmEntry($(this).attr('id'));
                 }
                 $(this).hide();
               });
               $('#'+id).removeClass('open');
             }
             function expandScmEntry(id) {
               $('.'+id).each(function() {
                 $(this).show();
                 if ($(this).hasClass('loaded') && !$(this).hasClass('collapsed')) {
                   expandScmEntry($(this).attr('id'));
                 }
               });
               $('#'+id).addClass('open');
             }
             function scmEntryClick(id, url) {
                 var el = $('#'+id);
                 if (el.hasClass('open')) {
                     collapseScmEntry(id);
                     el.addClass('collapsed');
                     return false;
                 } else if (el.hasClass('loaded')) {
                     expandScmEntry(id);
                     el.removeClass('collapsed');
                     return false;
                 }
                 if (el.hasClass('loading')) {
                     return false;
                 }
                 el.addClass('loading');
                 $.ajax({
                   url: url,
                   success: function(data) {
                     el.after(data);
                     el.addClass('open').addClass('loaded').removeClass('loading');
                   }
                 });
                 return true;
             }
             function randomKey(size) {
               var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
               var key = '';
               for (var i = 0; i < size; i++) {
                 key += chars.charAt(Math.floor(Math.random() * chars.length));
               }
               return key;
             }
             function updateIssueFrom(url, el) {
               $('#all_attributes input, #all_attributes textarea, #all_attributes select').each(function(){
                 $(this).data('valuebeforeupdate', $(this).val());
               });
               if (el) {
                 $("#form_update_triggered_by").val($(el).attr('id'));
               }
               return $.ajax({
                 url: url,
                 type: 'post',
                 data: $('#issue-form').serialize()
               });
             }
             function replaceIssueFormWith(html){
               var replacement = $(html);
               $('#all_attributes input, #all_attributes textarea, #all_attributes select').each(function(){
                 var object_id = $(this).attr('id');
                 if (object_id && $(this).data('valuebeforeupdate')!=$(this).val()) {
                   replacement.find('#'+object_id).val($(this).val());
                 }
               });
               $('#all_attributes').empty();
               $('#all_attributes').prepend(replacement);
             }
             function updateBulkEditFrom(url) {
               $.ajax({
                 url: url,
                 type: 'post',
                 data: $('#bulk_edit_form').serialize()
               });
             }
             function observeAutocompleteField(fieldId, url, options) {
               $(document).ready(function() {
                 $('#'+fieldId).autocomplete($.extend({
                   source: url,
                   minLength: 2,
                   position: {collision: "flipfit"},
                   search: function(){$('#'+fieldId).addClass('ajax-loading');},
                   response: function(){$('#'+fieldId).removeClass('ajax-loading');}
                 }, options));
                 $('#'+fieldId).addClass('autocomplete');
               });
             }
             function observeSearchfield(fieldId, targetId, url) {
               $('#'+fieldId).each(function() {
                 var $this = $(this);
                 $this.addClass('autocomplete');
                 $this.attr('data-value-was', $this.val());
                 var check = function() {
                   var val = $this.val();
                   if ($this.attr('data-value-was') != val){
                     $this.attr('data-value-was', val);
                     $.ajax({
                       url: url,
                       type: 'get',
                       data: {q: $this.val()},
                       success: function(data){ if(targetId) $('#'+targetId).html(data); },
                       beforeSend: function(){ $this.addClass('ajax-loading'); },
                       complete: function(){ $this.removeClass('ajax-loading'); }
                     });
                   }
                 };
                 var reset = function() {
                   if (timer) {
                     clearInterval(timer);
                     timer = setInterval(check, 300);
                   }
                 };
                 var timer = setInterval(check, 300);
                 $this.bind('keyup click mousemove', reset);
               });
             }
             $(document).ready(function(){
               $(".drdn .autocomplete").val('');
               $(".drdn-trigger").click(function(e){
                 var drdn = $(this).closest(".drdn");
                 if (drdn.hasClass("expanded")) {
                   drdn.removeClass("expanded");
                 } else {
                   $(".drdn").removeClass("expanded");
                   drdn.addClass("expanded");
                   if (!isMobile()) {
                     drdn.find(".autocomplete").focus();
                   }
                   e.stopPropagation();
                 }
               });
               $(document).click(function(e){
                 if ($(e.target).closest(".drdn").length < 1) {
                   $(".drdn.expanded").removeClass("expanded");
                 }
               });
               observeSearchfield('projects-quick-search', null, $('#projects-quick-search').data('automcomplete-url'));
               $(".drdn-content").keydown(function(event){
                 var items = $(this).find(".drdn-items");
                 var focused = items.find("a:focus");
                 switch (event.which) {
                 case 40: //down
                   if (focused.length > 0) {
                     focused.nextAll("a").first().focus();;
                   } else {
                     items.find("a").first().focus();;
                   }
                   event.preventDefault();
                   break;
                 case 38: //up
                   if (focused.length > 0) {
                     var prev = focused.prevAll("a");
                     if (prev.length > 0) {
                       prev.first().focus();
                     } else {
                       $(this).find(".autocomplete").focus();
                     }
                     event.preventDefault();
                   }
                   break;
                 case 35: //end
                   if (focused.length > 0) {
                     focused.nextAll("a").last().focus();
                     event.preventDefault();
                   }
                   break;
                 case 36: //home
                   if (focused.length > 0) {
                     focused.prevAll("a").last().focus();
                     event.preventDefault();
                   }
                   break;
                 }
               });
             });
             function beforeShowDatePicker(input, inst) {
               var default_date = null;
               switch ($(input).attr("id")) {
                 case "issue_start_date" :
                   if ($("#issue_due_date").size() > 0) {
                     default_date = $("#issue_due_date").val();
                   }
                   break;
                 case "issue_due_date" :
                   if ($("#issue_start_date").size() > 0) {
                     var start_date = $("#issue_start_date").val();
                     if (start_date != "") {
                       start_date = new Date(Date.parse(start_date));
                       if (start_date > new Date()) {
                         default_date = $("#issue_start_date").val();
                       }
                     }
                   }
                   break;
               }
               $(input).datepickerFallback("option", "defaultDate", default_date);
             }
             (function($){
               $.fn.positionedItems = function(sortableOptions, options){
                 var settings = $.extend({
                   firstPosition: 1
                 }, options );
                 return this.sortable($.extend({
                   axis: 'y',
                   handle: ".sort-handle",
                   helper: function(event, ui){
                     ui.children('td').each(function(){
                       $(this).width($(this).width());
                     });
                     return ui;
                   },
                   update: function(event, ui) {
                     var sortable = $(this);
                     var handle = ui.item.find(".sort-handle").addClass("ajax-loading");
                     var url = handle.data("reorder-url");
                     var param = handle.data("reorder-param");
                     var data = {};
                     data[param] = {position: ui.item.index() + settings['firstPosition']};
                     $.ajax({
                       url: url,
                       type: 'put',
                       dataType: 'script',
                       data: data,
+                      success: function(data){
+                        sortable.children(":even").removeClass("even").addClass("odd");
+                        sortable.children(":odd").removeClass("odd").addClass("even");
+                      },
                       error: function(jqXHR, textStatus, errorThrown){
                         alert(jqXHR.status);
                         sortable.sortable("cancel");
                       },
                       complete: function(jqXHR, textStatus, errorThrown){
                         handle.removeClass("ajax-loading");
                       }
                     });
                   },
                 }, sortableOptions));
               }
             }( jQuery ));
             function initMyPageSortable(list, url) {
               $('#list-'+list).sortable({
                 connectWith: '.block-receiver',
                 tolerance: 'pointer',
                 update: function(){
                   $.ajax({
                     url: url,
                     type: 'post',
                     data: {'blocks': $.map($('#list-'+list).children(), function(el){return $(el).attr('id');})}
                   });
                 }
               });
               $("#list-top, #list-left, #list-right").disableSelection();
             }
             var warnLeavingUnsavedMessage;
             function warnLeavingUnsaved(message) {
               warnLeavingUnsavedMessage = message;
               $(document).on('submit', 'form', function(){
                 $('textarea').removeData('changed');
               });
               $(document).on('change', 'textarea', function(){
                 $(this).data('changed', 'changed');
               });
               window.onbeforeunload = function(){
                 var warn = false;
                 $('textarea').blur().each(function(){
                   if ($(this).data('changed')) {
                     warn = true;
                   }
                 });
                 if (warn) {return warnLeavingUnsavedMessage;}
               };
             }
             function setupAjaxIndicator() {
               $(document).bind('ajaxSend', function(event, xhr, settings) {
                 if ($('.ajax-loading').length === 0 && settings.contentType != 'application/octet-stream') {
                   $('#ajax-indicator').show();
                 }
               });
               $(document).bind('ajaxStop', function() {
                 $('#ajax-indicator').hide();
               });
             }
             function setupTabs() {
               if($('.tabs').length > 0) {
                 displayTabsButtons();
                 $(window).resize(displayTabsButtons);
               }
             }
             function hideOnLoad() {
               $('.hol').hide();
             }
             function addFormObserversForDoubleSubmit() {
               $('form[method=post]').each(function() {
                 if (!$(this).hasClass('multiple-submit')) {
                   $(this).submit(function(form_submission) {
                     if ($(form_submission.target).attr('data-submitted')) {
                       form_submission.preventDefault();
                     } else {
                       $(form_submission.target).attr('data-submitted', true);
                     }
                   });
                 }
               });
             }
             function defaultFocus(){
               if (($('#content :focus').length == 0) && (window.location.hash == '')) {
                 $('#content input[type=text], #content textarea').first().focus();
               }
             }
             function blockEventPropagation(event) {
               event.stopPropagation();
               event.preventDefault();
             }
             function toggleDisabledOnChange() {
               var checked = $(this).is(':checked');
               $($(this).data('disables')).attr('disabled', checked);
               $($(this).data('enables')).attr('disabled', !checked);
               $($(this).data('shows')).toggle(checked);
             }
             function toggleDisabledInit() {
               $('input[data-disables], input[data-enables], input[data-shows]').each(toggleDisabledOnChange);
             }
             function toggleNewObjectDropdown() {
               var dropdown = $('#new-object + ul.menu-children');
               if(dropdown.hasClass('visible')){
                 dropdown.removeClass('visible');
               }else{
                 dropdown.addClass('visible');
               }
             }
             (function ( $ ) {
               // detect if native date input is supported
               var nativeDateInputSupported = true;
               var input = document.createElement('input');
               input.setAttribute('type','date');
               if (input.type === 'text') {
                 nativeDateInputSupported = false;
               }
               var notADateValue = 'not-a-date';
               input.setAttribute('value', notADateValue);
               if (input.value === notADateValue) {
                 nativeDateInputSupported = false;
               }
               $.fn.datepickerFallback = function( options ) {
                 if (nativeDateInputSupported) {
                   return this;
                 } else {
                   return this.datepicker( options );
                 }
               };
             }( jQuery ));
             $(document).ready(function(){
               $('#content').on('change', 'input[data-disables], input[data-enables], input[data-shows]', toggleDisabledOnChange);
               toggleDisabledInit();
             });
             function keepAnchorOnSignIn(form){
               var hash = decodeURIComponent(self.document.location.hash);
               if (hash) {
                 if (hash.indexOf("#") === -1) {
                   hash = "#" + hash;
                 }
                 form.action = form.action + hash;
               }
               return true;
             }
             $(document).ready(setupAjaxIndicator);
             $(document).ready(hideOnLoad);
             $(document).ready(addFormObserversForDoubleSubmit);
             $(document).ready(defaultFocus);
             $(document).ready(setupTabs);

public/stylesheets/application.css +3 -5

             html {overflow-y:scroll;}
             body { font-family: Verdana, sans-serif; font-size: 12px; color:#333; margin: 0; padding: 0; min-width: 900px; }
             h1, h2, h3, h4 {font-family: "Trebuchet MS", Verdana, sans-serif;padding: 2px 10px 1px 0px;margin: 0 0 10px 0;}
             #content h1, h2, h3, h4 {color: #555;}
             h2, .wiki h1 {font-size: 20px;}
             h3, .wiki h2 {font-size: 16px;}
             h4, .wiki h3 {font-size: 13px;}
             h4 {border-bottom: 1px dotted #bbb;}
             pre, code {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}
             /***** Layout *****/
             #wrapper {background: white;overflow: hidden;}
             #top-menu {background: #3E5B76; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;}
             #top-menu ul {margin: 0;  padding: 0;}
             #top-menu li {
               float:left;
               list-style-type:none;
               margin: 0px 0px 0px 0px;
               padding: 0px 0px 0px 0px;
               white-space:nowrap;
             }
             #top-menu a {color: #fff; margin-right: 8px; font-weight: bold;}
             #top-menu #loggedas { float: right; margin-right: 0.5em; color: #fff; }
             #account {float:right;}
             #header {min-height:5.3em;margin:0;background-color:#628DB6;color:#f8f8f8; padding: 4px 8px 20px 6px; position:relative;}
             #header a {color:#f8f8f8;}
             #header h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
             #header h1 .breadcrumbs { display:block; font-size: .5em; font-weight: normal; }
             #quick-search {float:right;}
             #quick-search #q {width:130px; height:24px; box-sizing:border-box; vertical-align:middle; border:1px solid #ccc; border-radius:3px;}
             #main-menu {position: absolute;  bottom: 0px;  left:6px; margin-right: -500px; width: 100%;}
             #main-menu ul {margin: 0;  padding: 0; width: 100%; white-space: nowrap;}
             #main-menu li {
               float:none;
               list-style-type:none;
               margin: 0px 2px 0px 0px;
               padding: 0px 0px 0px 0px;
               white-space:nowrap;
               display:inline-block;
             }
             #main-menu li a {
               display: block;
               color: #fff;
               text-decoration: none;
               font-weight: bold;
               margin: 0;
               padding: 4px 10px 4px 10px;
             }
             #main-menu li a:hover {background:#759FCF; color:#fff;}
             #main-menu li:hover ul.menu-children, #main-menu li ul.menu-children.visible {display: block;}
             #main-menu li a.selected, #main-menu li a.selected:hover {background:#fff; color:#555;}
             #main-menu li a.new-object { background-color:#759FCF; }
             #main-menu .menu-children {
               display: none;
               position:absolute;
               width: inherit;
               z-index:45;
               background-color:#fff;
               border-right: 1px solid #759FCF;
               border-bottom: 1px solid #759FCF;
               border-left: 1px solid #759FCF;
             }
             #main-menu .menu-children li {float:left; clear:both; width:100%;}
             #main-menu .menu-children li a {color: #555; background-color:#fff; font-weight:normal;}
             #main-menu .menu-children li a:hover {color: #fff; background-color: #759FCF;}
             #main-menu .tabs-buttons {
               right: 6px;
               background-color: transparent;
               border-bottom-color: transparent;
             }
             #admin-menu ul {margin: 0;  padding: 0;}
             #admin-menu li {margin: 0;  padding: 0 0 6px 0; list-style-type:none;}
             #main {background-color:#EEEEEE;}
             #sidebar{ float: right; width: 22%; position: relative; z-index: 9; padding: 0; margin: 0;}
             * html #sidebar{ width: 22%; }
             #sidebar h3{ font-size: 14px; margin-top:14px; color: #666;  }
             #sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }
             * html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }
             #sidebar .contextual { margin-right: 1em; }
             #sidebar ul, ul.flat {margin: 0;  padding: 0;}
             #sidebar ul li, ul.flat li {list-style-type:none;margin: 0px 2px 0px 0px; padding: 0px 0px 0px 0px;}
             #sidebar div.wiki ul {margin:inherit; padding-left:40px;}
             #sidebar div.wiki ul li {list-style-type:inherit;}
             #content { width: 75%; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; }
             * html #content{ width: 75%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}
             html>body #content { min-height: 600px; }
             * html body #content { height: 600px; } /* IE */
             #main.nosidebar #sidebar{ display: none; }
             #main.nosidebar #content{ width: auto; border-right: 0; }
             #footer {clear: both; border-top: 1px solid #bbb; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center; background:#fff;}
             #login-form {margin:5em auto 2em auto; padding:20px; width:340px; border:1px solid #FDBF3B; background-color:#FFEBC1; border-radius:4px; box-sizing: border-box;}
             #login-form label {display:block; margin-bottom:5px;}
             #login-form input[type=text], #login-form input[type=password] {border:1px solid #ccc; border-radius:3px; margin-bottom:15px; padding:7px; display:block; width:100%; box-sizing: border-box;}
             #login-form label {font-weight:bold;}
             #login-form label[for=autologin] {font-weight:normal;}
             #login-form a.lost_password {float:right; font-weight:normal;}
             #login-form input#openid_url {background:#fff url(../images/openid-bg.gif) no-repeat 4px 50%; padding-left:24px !important;}
             #login-form input#login-submit {margin-top:15px; padding:7px; display:block; width:100%; box-sizing: border-box;}
             div.modal { border-radius:5px; background:#fff; z-index:50; padding:4px;}
             div.modal h3.title {display:none;}
             div.modal p.buttons {text-align:right; margin-bottom:0;}
             div.modal .box p {margin: 0.3em 0;}
             .clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
             .mobile-show {display: none;}
             /***** Links *****/
             a, a:link, a:visited{ color: #169; text-decoration: none; }
             a:hover, a:active{ color: #c61a1a; text-decoration: underline;}
             a img{ border: 0; }
             a.issue.closed, a.issue.closed:link, a.issue.closed:visited { color: #999; text-decoration: line-through; }
             a.project.closed, a.project.closed:link, a.project.closed:visited { color: #999; }
             a.user.locked, a.user.locked:link, a.user.locked:visited {color: #999;}
             #sidebar a.selected {line-height:1.7em; padding:1px 3px 2px 2px; margin-left:-2px; background-color:#9DB9D5; color:#fff; border-radius:2px;}
             #sidebar a.selected:hover {text-decoration:none;}
             #admin-menu a {line-height:1.7em;}
             #admin-menu a.selected {padding-left: 20px !important; background-position: 2px 40%;}
             a.collapsible {padding-left: 12px; background: url(../images/arrow_expanded.png) no-repeat -3px 40%;}
             a.collapsible.collapsed {background: url(../images/arrow_collapsed.png) no-repeat -5px 40%;}
             a#toggle-completed-versions {color:#999;}
             a.toggle-checkboxes { margin-left: 5px; padding-left: 12px; background: url(../images/toggle_check.png) no-repeat 0% 50%; }
             /***** Dropdown *****/
             .drdn {position:relative;}
             .drdn-trigger {
               width:100%;
               height:24px;
               box-sizing:border-box;
               overflow:hidden;
               text-overflow:ellipsis;
               white-space:nowrap;
               padding:3px 18px 3px 6px;
               background:#fff url(../images/sort_desc.png) no-repeat 97% 50%;
               cursor:pointer;
               user-select:none;
               -moz-user-select:none;
               -webkit-user-select:none;
             }
             .drdn-content {
               display:none;
               position:absolute;
               right:0px;
               top:25px;
               min-width:100px;
               background-color:#fff;
               border:1px solid #ccc;
               border-radius:4px;
               color:#555;
               z-index:99;
             }
             .drdn.expanded .drdn-trigger {background-image:url(../images/sort_asc.png);}
             .drdn.expanded .drdn-content {display:block;}
             .drdn-content .quick-search {margin:8px;}
             .drdn-content .autocomplete {box-sizing: border-box; width:100% !important; height:28px;}
             .drdn-content .autocomplete:focus {border-color:#5ad;}
             .drdn-items {max-height:400px; overflow:auto;}
             .quick-search + .drdn-items {border-top:1px solid #ccc;}
             .drdn-items>* {
               display:block;
               border:1px solid #fff;
               color:#555 !important;
               overflow:hidden;
               text-overflow: ellipsis;
               white-space:nowrap;
               padding:4px 8px;
             }
             .drdn-items>a:hover {text-decoration:none; background-color:#759FCF; color:#fff !important;}
             .drdn-items>*:focus {border:1px dotted #bbb;}
             .drdn-items.selection>*:before {
               content:' ';
               display:inline-block;
               line-height:1em;
               width:1em;
               height:1em;
               margin-right:4px;
               font-weight:bold;
             }
             .drdn-items.selection>*.selected:before {
               content:"\2713 ";
             }
             .drdn-items>span {color:#999;}
             #project-jump.drdn {width:200px;display:inline-block;}
             #project-jump .drdn-trigger {
               display:inline-block;
               border-radius:3px;
               border:1px solid #ccc;
               margin:0 !important;
               vertical-align:middle;
               color:#555;
             }
             #project-jump .drdn-content {width:280px;}
             /***** Tables *****/
             table.list, .table-list { border: 1px solid #e4e4e4;  border-collapse: collapse; width: 100%; margin-bottom: 4px; }
             table.list th, .table-list-header { background-color:#EEEEEE; padding: 4px; white-space:nowrap; font-weight:bold; }
             table.list td {text-align:center; vertical-align:middle; padding-right:10px;}
             table.list td.id { width: 2%; text-align: center;}
             table.list td.name, table.list td.description, table.list td.subject, table.list td.comments, table.list td.roles {text-align: left;}
             table.list td.tick {width:15%}
             table.list td.checkbox { width: 15px; padding: 2px 0 0 0; }
             table.list td.checkbox input {padding:0px;}
             table.list td.buttons, div.buttons { white-space:nowrap; text-align: right; }
             table.list td.buttons a, div.buttons a { margin-right: 0.6em; }
             table.list td.buttons img, div.buttons img {vertical-align:middle;}
             table.list td.reorder {width:15%; white-space:nowrap; text-align:center; }
             table.list table.progress td {padding-right:0px;}
             table.list caption { text-align: left; padding: 0.5em 0.5em 0.5em 0; }
             #role-permissions-trackers table.list th {white-space:normal;}
             .table-list-cell {display: table-cell; vertical-align: top; padding:2px; }
             .table-list div.buttons {width: 15%;}
             tr.project td.name a { white-space:nowrap; }
             tr.project.closed, tr.project.archived { color: #aaa; }
             tr.project.closed a, tr.project.archived a { color: #aaa; }
             tr.project.idnt td.name span {background: url(../images/bullet_arrow_right.png) no-repeat 0 50%; padding-left: 16px;}
             tr.project.idnt-1 td.name {padding-left: 0.5em;}
             tr.project.idnt-2 td.name {padding-left: 2em;}
             tr.project.idnt-3 td.name {padding-left: 3.5em;}
             tr.project.idnt-4 td.name {padding-left: 5em;}
             tr.project.idnt-5 td.name {padding-left: 6.5em;}
             tr.project.idnt-6 td.name {padding-left: 8em;}
             tr.project.idnt-7 td.name {padding-left: 9.5em;}
             tr.project.idnt-8 td.name {padding-left: 11em;}
             tr.project.idnt-9 td.name {padding-left: 12.5em;}
             tr.issue { text-align: center; white-space: nowrap; }
             tr.issue td.subject, tr.issue td.category, td.assigned_to, tr.issue td.string, tr.issue td.text, tr.issue td.list, tr.issue td.relations, tr.issue td.parent { white-space: normal; }
             tr.issue td.relations { text-align: left; }
             tr.issue td.done_ratio table.progress { margin-left:auto; margin-right: auto;}
             tr.issue td.relations span {white-space: nowrap;}
             table.issues td.description {color:#777; font-size:90%; padding:4px 4px 4px 24px; text-align:left; white-space:normal;}
             table.issues td.description pre {white-space:normal;}
             tr.issue.idnt td.subject {background: url(../images/bullet_arrow_right.png) no-repeat 0 50%;}
             tr.issue.idnt-1 td.subject {padding-left: 24px; background-position: 8px 50%;}
             tr.issue.idnt-2 td.subject {padding-left: 40px; background-position: 24px 50%;}
             tr.issue.idnt-3 td.subject {padding-left: 56px; background-position: 40px 50%;}
             tr.issue.idnt-4 td.subject {padding-left: 72px; background-position: 56px 50%;}
             tr.issue.idnt-5 td.subject {padding-left: 88px; background-position: 72px 50%;}
             tr.issue.idnt-6 td.subject {padding-left: 104px; background-position: 88px 50%;}
             tr.issue.idnt-7 td.subject {padding-left: 120px; background-position: 104px 50%;}
             tr.issue.idnt-8 td.subject {padding-left: 136px; background-position: 120px 50%;}
             tr.issue.idnt-9 td.subject {padding-left: 152px; background-position: 136px 50%;}
             table.issue-report {table-layout:fixed;}
             tr.entry { border: 1px solid #f8f8f8; }
             tr.entry td { white-space: nowrap; }
             tr.entry td.filename {width:30%; text-align:left;}
             tr.entry td.filename_no_report {width:70%; text-align:left;}
             tr.entry td.size { text-align: right; font-size: 90%; }
             tr.entry td.revision, tr.entry td.author { text-align: center; }
             tr.entry td.age { text-align: right; }
             tr.entry.file td.filename a { margin-left: 16px; }
             tr.entry.file td.filename_no_report a { margin-left: 16px; }
             tr span.expander {background-image: url(../images/bullet_toggle_plus.png); padding-left: 8px; margin-left: 0; cursor: pointer;}
             tr.open span.expander {background-image: url(../images/bullet_toggle_minus.png);}
             tr.changeset { height: 20px }
             tr.changeset ul, ol { margin-top: 0px; margin-bottom: 0px; }
             tr.changeset td.revision_graph { width: 15%; background-color: #fffffb; }
             tr.changeset td.author { text-align: center; width: 15%; white-space:nowrap;}
             tr.changeset td.committed_on { text-align: center; width: 15%; white-space:nowrap;}
             table.files tbody th {text-align:left;}
             table.files tr.file td.filename { text-align: left; padding-left: 24px; }
             table.files tr.file td.digest { font-size: 80%; }
             table.members td.roles, table.memberships td.roles { width: 45%; }
             tr.message { height: 2.6em; }
             tr.message td.created_on { white-space: nowrap; }
             tr.message td.last_message { font-size: 80%; white-space: nowrap; }
             tr.message.sticky td.subject { font-weight: bold; }
             tr.version.closed, tr.version.closed a { color: #999; }
             tr.version td.name { padding-left: 20px; }
             tr.version td.date, tr.version td.status, tr.version td.sharing { text-align: center; white-space:nowrap; }
             tr.member td.icon-user {background:transparent;}
             tr.user td {width:13%;white-space: nowrap;}
             td.username, td.firstname, td.lastname, td.email {text-align:left !important;}
             tr.user td.email { width:18%; }
             tr.user.locked, tr.user.registered { color: #aaa; }
             tr.user.locked a, tr.user.registered a { color: #aaa; }
             table.permissions td.role {color:#999;font-size:90%;font-weight:normal !important;text-align:center;vertical-align:bottom;}
             tr.wiki-page-version td.updated_on, tr.wiki-page-version td.author {text-align:center;}
-            div.mypage-box table.time-entries tr.time-entry { background-color: #fff; }
-            div.mypage-box table.time-entries tr.odd { background-color:#f6f7f8; }
             tr.time-entry { text-align: center; white-space: nowrap; }
             tr.time-entry td.issue, tr.time-entry td.comments, tr.time-entry td.subject, tr.time-entry td.activity { text-align: left; white-space: normal; }
             td.hours { text-align: right; font-weight: bold; padding-right: 0.5em; }
             td.hours .hours-dec { font-size: 0.9em; }
             table.plugins td { vertical-align: middle; }
             table.plugins td.configure { text-align: right; padding-right: 1em; }
             table.plugins span.name { font-weight: bold; display: block; margin-bottom: 6px; }
             table.plugins span.description { display: block; font-size: 0.9em; }
             table.plugins span.url { display: block; font-size: 0.9em; }
             table.list.enumerations {table-layout: fixed;}
-            tr.group td { padding: 0.8em 0 0.5em 0.3em; border-bottom: 1px solid #ccc; text-align:left; background-color: #fff;}
+            tr.group td { padding: 0.8em 0 0.5em 0.3em; border-bottom: 1px solid #ccc; text-align:left; }
             tr.group span.name {font-weight:bold;}
             tr.group span.count {font-weight:bold; position:relative; top:-1px; color:#fff; font-size:10px; background:#9DB9D5; padding:0px 6px 1px 6px; border-radius:3px; margin-left:4px;}
             tr.group span.totals {color: #aaa; font-size: 80%;}
             tr.group span.totals .value {font-weight:bold; color:#777;}
             tr.group a.toggle-all { color: #aaa; font-size: 80%; display:none; float:right; margin-right:4px;}
             tr.group:hover a.toggle-all { display:inline;}
             a.toggle-all:hover {text-decoration:none;}
             table.list tbody tr:hover { background-color:#ffffdd; }
             table.list tbody tr.group:hover { background-color:inherit; }
             table td {padding:2px;}
             table p {margin:0;}
-            table.list tbody tr:nth-child(odd), #issue-changesets div.changeset:nth-child(odd) {background-color:#f6f7f8;}
+            .odd {background-color:#f6f7f8;}
-            table.list tbody tr:nth-child(even), #issue-changesets div.changeset:nth-child(even) {background-color: #fff;}
+            .even {background-color: #fff;}
             tr.builtin td.name {font-style:italic;}
             a.sort { padding-right: 16px; background-position: 100% 50%; background-repeat: no-repeat; }
             a.sort.asc  { background-image: url(../images/sort_asc.png); }
             a.sort.desc { background-image: url(../images/sort_desc.png); }
             table.boards a.board { background: url(../images/comment.png) no-repeat 0% 50%; padding-left: 20px; }
             table.boards td.last-message {text-align:left;font-size:80%;}
             div.table-list.boards .table-list-cell.name {width: 30%;}
             #content table.list-simple {table-layout:fixed;}
             #content table.list-simple td {white-space:nowrap; overflow:hidden; text-overflow: ellipsis; text-align:left;}
             #content table.list-simple th.id, #content table.list-simple th.project {width:18%;}
             #content table.list-simple th.status {width:14%;}
             table.messages td.last_message {text-align:left;}
             #query_form_content {font-size:90%;}
             .query_sort_criteria_count {
               display: inline-block;
               min-width: 1em;
             }
             table.query-columns {
               border-collapse: collapse;
               border: 0;
             }
             table.query-columns td.buttons {
               vertical-align: middle;
               text-align: center;
             }
             table.query-columns td.buttons input[type=button] {width:35px;}
             .query-totals {text-align:right;}
             .query-totals>span:not(:first-child) {margin-left:0.6em;}
             .query-totals .value {font-weight:bold;}
             body.controller-issues .query-totals {margin-top:-2.3em;}
             td.center {text-align:center;}
             #watchers select {width: 95%; display: block;}
             #watchers a.delete {opacity: 0.4; margin-left: 5px;}
             #watchers a.delete:hover {opacity: 1;}
             #watchers img.gravatar {margin: 0 4px 2px 0;}
             span#watchers_inputs {overflow:auto; display:block;}
             span.search_for_watchers {display:block;}
             span.search_for_watchers, span.add_attachment {font-size:80%; line-height:2.5em;}
             span.add_attachment a {padding-left:16px; background: url(../images/bullet_add.png) no-repeat 0 50%; }
             .highlight { background-color: #FCFD8D;}
             .highlight.token-1 { background-color: #faa;}
             .highlight.token-2 { background-color: #afa;}
             .highlight.token-3 { background-color: #aaf;}
             .box{
               padding:6px;
               margin-bottom: 10px;
               background-color:#f6f6f6;
               color:#505050;
               line-height:1.5em;
               border: 1px solid #e4e4e4;
               word-wrap: break-word;
               border-radius: 3px;
             }
             div.square {
               border: 1px solid #999;
               float: left;
               margin: .3em .4em 0 .4em;
               overflow: hidden;
               width: .6em; height: .6em;
             }
             .contextual {float:right; white-space: nowrap; line-height:1.4em;margin:5px 0px; padding-left: 10px; font-size:0.9em;}
             .contextual .icon {padding-top: 2px; padding-bottom: 3px;}
             .contextual input, .contextual select {font-size:0.9em;}
             .message .contextual { margin-top: 0; }
             .splitcontent {overflow:auto;}
             .splitcontentleft{float:left; width:49%;}
             .splitcontentright{float:right; width:49%;}
             form {display: inline;}
             input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
             input[type="submit"] { -webkit-appearance: button; }
             fieldset {border: 1px solid #e4e4e4; margin:0;}
             legend {color: #333;}
             hr { width: 100%; height: 1px; background: #ccc; border: 0;}
             blockquote { font-style: italic; border-left: 3px solid #e0e0e0; padding-left: 0.6em; margin-left: 2.4em;}
             blockquote blockquote { margin-left: 0;}
             abbr, span.field-description[title] { border-bottom: 1px dotted #aaa; cursor: help; }
             textarea.wiki-edit {width:99%; resize:vertical;}
             body.textarea-monospace textarea.wiki-edit {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace; font-size: 12px;}
             body.textarea-proportional textarea.wiki-edit {font-family: Verdana, sans-serif; font-size: 12px;}
             li p {margin-top: 0;}
             div.issue {background:#ffffdd; padding:6px; margin-bottom:6px; border: 1px solid #d7d7d7; border-radius:3px;}
             p.breadcrumb { font-size: 0.9em; margin: 4px 0 4px 0;}
             p.subtitle { font-size: 0.9em; margin: -6px 0 12px 0; font-style: italic; }
             p.footnote { font-size: 0.9em; margin-top: 0px; margin-bottom: 0px; }
             .ltr {direction:ltr !important; unicode-bidi:bidi-override;}
             .rtl {direction:rtl !important; unicode-bidi:bidi-override;}
             div.issue div.subject div div { padding-left: 16px; }
             div.issue div.subject p {margin: 0; margin-bottom: 0.1em; font-size: 90%; color: #999;}
             div.issue div.subject>div>p { margin-top: 0.5em; }
             div.issue div.subject h3 {margin: 0; margin-bottom: 0.1em;}
             div.issue span.private, div.journal span.private { position:relative; bottom: 2px; text-transform: uppercase; background: #d22; color: #fff; font-weight:bold; padding: 0px 2px 0px 2px; font-size: 60%; margin-right: 2px; border-radius: 2px;}
             div.issue .next-prev-links {color:#999;}
             div.issue .attributes {margin-top: 2em;}
             div.issue .attribute {padding-left:180px; clear:left; min-height: 1.8em;}
             div.issue .attribute .label {width: 170px; margin-left:-180px; font-weight:bold; float:left; overflow:hidden; text-overflow: ellipsis;}
             div.issue .attribute .value {overflow:hidden; text-overflow: ellipsis;}
             div.issue.overdue .due-date .value { color: #c22; }
             #issue_tree table.issues, #relations table.issues { border: 0; }
             #issue_tree td.checkbox, #relations td.checkbox {display:none;}
             #relations td.buttons {padding:0;}
             fieldset.collapsible {border-width: 1px 0 0 0;}
             fieldset.collapsible>legend { padding-left: 16px; background: url(../images/arrow_expanded.png) no-repeat 0% 40%; cursor:pointer; }
             fieldset.collapsible.collapsed>legend { background-image: url(../images/arrow_collapsed.png); }
             fieldset#date-range p { margin: 2px 0 2px 0; }
             fieldset#filters table { border-collapse: collapse; }
             fieldset#filters table td { padding: 0; vertical-align: middle; }
             fieldset#filters tr.filter { height: 2.1em; }
             fieldset#filters td.field { width:230px; }
             fieldset#filters td.operator { width:130px; }
             fieldset#filters td.operator select {max-width:120px;}
             fieldset#filters td.values { white-space:nowrap; }
             fieldset#filters td.values select {min-width:130px; max-width:200px;}
             fieldset#filters td.values input {height:1em;}
             #filters-table {width:60%; float:left;}
             .add-filter {width:35%; float:right; text-align: right; vertical-align: top;}
             #issue_is_private_wrap {float:right; margin-right:1em;}
             .toggle-multiselect {background: url(../images/bullet_toggle_plus.png) no-repeat 0% 40%; padding-left:16px; margin-left:0; margin-right:5px; cursor:pointer;}
             .buttons { font-size: 0.9em; margin-bottom: 1.4em; margin-top: 1em; }
             div#issue-changesets {float:right; width:45%; margin-left: 1em; margin-bottom: 1em; background: #fff; padding-left: 1em; font-size: 90%;}
             div#issue-changesets div.changeset { padding: 4px;}
             div#issue-changesets div.changeset { border-bottom: 1px solid #ddd; }
             div#issue-changesets p { margin-top: 0; margin-bottom: 1em;}
             div.journal {overflow:auto;}
             div.journal.private-notes {border-left:2px solid #d22; padding-left:4px; margin-left:-6px;}
             div.journal ul.details, ul.revision-info {color:#959595; margin-bottom: 1.5em;}
             div.journal ul.details a, ul.revision-info a {color:#70A7CD;}
             div.journal ul.details a:hover,  ul.revision-info a:hover {color:#D14848;}
             div#activity dl, #search-results { margin-left: 2em; }
             div#activity dd, #search-results dd { margin-bottom: 1em; padding-left: 18px; font-size: 0.9em; }
             div#activity dt.me .time { border-bottom: 1px solid #999; }
             div#activity dt .time { color: #777; font-size: 80%; }
             div#activity dd .description, #search-results dd .description { font-style: italic; }
             div#activity span.project:after, #search-results span.project:after { content: " -"; }
             div#activity dd span.description, #search-results dd span.description { display:block; color: #808080; }
             div#activity dt.grouped {margin-left:5em;}
             div#activity dd.grouped {margin-left:9em;}
             div#activity dt { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 18px;}
             #search-results dd { margin-bottom: 1em; padding-left: 20px; margin-left:0px; }
             div#search-results-counts {float:right;}
             div#search-results-counts ul { margin-top: 0.5em; }
             div#search-results-counts  li { list-style-type:none; float: left; margin-left: 1em; }
             div#roadmap .related-issues { margin-bottom: 1em; }
             div#roadmap .related-issues td.checkbox { display: none; }
             div#roadmap .wiki h1:first-child { display: none; }
             div#roadmap .wiki h1 { font-size: 120%; }
             div#roadmap .wiki h2 { font-size: 110%; }
             body.controller-versions.action-show div#roadmap .related-issues {width:70%;}
             div#version-summary { float:right; width:28%; margin-left: 16px; margin-bottom: 16px; background-color: #fff; }
             div#version-summary fieldset { margin-bottom: 1em; }
             div#version-summary fieldset.time-tracking table { width:100%; }
             div#version-summary th, div#version-summary td.total-hours { text-align: right; }
             table#time-report td.hours, table#time-report th.period, table#time-report th.total { text-align: right; padding-right: 0.5em; }
             table#time-report tbody tr.subtotal { font-style: italic; color:#777;}
             table#time-report tbody tr.subtotal td.hours { color:#b0b0b0; }
             table#time-report tbody tr.total { font-weight: bold; background-color:#EEEEEE; border-top:1px solid #e4e4e4;}
             table#time-report .hours-dec { font-size: 0.9em; }
             div.wiki-page .contextual a {opacity: 0.4}
             div.wiki-page .contextual a:hover {opacity: 1}
             form .attributes select { width: 60%; }
             form .attributes select + a.icon-only { vertical-align: middle; margin-left: 4px; }
             input#issue_subject, input#document_title { width: 99%; }
             select#issue_done_ratio { width: 95px; }
             ul.projects {margin:0; padding-left:1em;}
             ul.projects ul {padding-left:1.6em;}
             ul.projects.root {margin:0; padding:0;}
             ul.projects li {list-style-type:none;}
             #projects-index {
               column-count: auto;
               column-width: 400px;
               -webkit-column-count: auto;
               -webkit-column-width: 400px;
               -webkit-column-gap : 0.5rem;
               -moz-column-count: auto;
               -moz-column-width: 400px;
               -moz-column-gap : 0.5rem;
             }
             #projects-index ul.projects li.root>ul.projects { border-left: 3px solid #e0e0e0; padding-left:1em;}
             #projects-index ul.projects li.root {margin-bottom: 1em;}
             #projects-index ul.projects li.child {margin-top: 1em;}
             #projects-index ul.projects div.root a.project { font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: bold; font-size: 16px; margin: 0 0 10px 0; }
             #projects-index a.icon-fav {padding-left:0; padding-right:20px; background-position:98% 50%;}
             #notified-projects>ul, #tracker_project_ids>ul, #custom_field_project_ids>ul {max-height:250px; overflow-y:auto;}
             #related-issues li img {vertical-align:middle;}
             ul.properties {padding:0; font-size: 0.9em; color: #777;}
             ul.properties li {list-style-type:none;}
             ul.properties li span {font-style:italic;}
             .total-hours { font-size: 110%; font-weight: bold; }
             .total-hours span.hours-int { font-size: 120%; }
             .autoscroll {overflow-x: auto; padding:1px; margin-bottom: 1.2em; position: relative;}
             #user_login, #user_firstname, #user_lastname, #user_mail, #my_account_form select, #user_form select, #user_identity_url { width: 90%; }
             #workflow_copy_form select { width: 200px; }
             table.transitions td.enabled {background: #bfb;}
             #workflow_form table select {font-size:90%; max-width:100px;}
             table.fields_permissions td.readonly {background:#ddd;}
             table.fields_permissions td.required {background:#d88;}
             select.expandable {vertical-align:top;}
             textarea#custom_field_possible_values {width: 95%; resize:vertical}
             textarea#custom_field_default_value {width: 95%; resize:vertical}
             .sort-handle {display:inline-block; vertical-align:middle;}
             input#content_comments {width: 99%}
             span.pagination {margin-left:3px; color:#888; display:block;}
             .pagination ul.pages {
               margin: 0 5px 0 0;
               padding: 0;
               display: inline;
             }
             .pagination ul.pages li {
               display: inline-block;
               padding: 0;
               border: 1px solid #ddd;
               margin-left: -1px;
               line-height: 2em;
               margin-bottom: 1em;
               white-space: nowrap;
               text-align: center;
             }
             .pagination ul.pages li a,
             .pagination ul.pages li span {
               padding: 3px 8px;
             }
             .pagination ul.pages li:first-child {
               border-top-left-radius: 4px;
               border-bottom-left-radius: 4px;
             }
             .pagination ul.pages li:last-child {
               border-top-right-radius: 4px;
               border-bottom-right-radius: 4px;
             }
             .pagination ul.pages li.current {
               color: white;
               background-color: #628DB6;
               border-color: #628DB6;
             }
             .pagination ul.pages li.page:hover {
               background-color: #ddd;
             }
             .pagination ul.pages li.page a:hover,
             .pagination ul.pages li.page a:active {
               color: #169;
               text-decoration: inherit;
             }
             .pagination .per-page span.selected {
               font-weight: bold;
             }
             span.pagination>span {white-space:nowrap;}
             #search-form fieldset p {margin:0.2em 0;}
             /***** Tabular forms ******/
             .tabular p{
               margin: 0;
               padding: 3px 0 3px 0;
               padding-left: 180px; /* width of left column containing the label elements */
               min-height: 2em;
               clear:left;
             }
             html>body .tabular p {overflow:hidden;}
             .tabular input, .tabular select {max-width:95%}
             .tabular textarea {width:95%; resize:vertical;}
             .tabular label{
               font-weight: bold;
               float: left;
               text-align: right;
               /* width of left column */
               margin-left: -180px;
               /* width of labels. Should be smaller than left column to create some right margin */
               width: 175px;
             }
             .tabular label.floating{
               font-weight: normal;
               margin-left: 0px;
               text-align: left;
               width: 270px;
             }
             label.block {
               display: block;
               width: auto !important;
             }
             .tabular label.block{
               font-weight: normal;
               margin-left: 0px !important;
               text-align: left;
               float: none;
             }
             .tabular label.inline{
               font-weight: normal;
               float:none;
               margin-left: 5px !important;
               width: auto;
             }
             label.no-css {
               font-weight: inherit;
               float:none;
               text-align:left;
               margin-left:0px;
               width:auto;
             }
             input#time_entry_comments { width: 90%;}
             #preview fieldset {margin-top: 1em; background: url(../images/draft.png)}
             .tabular.settings p{ padding-left: 300px; }
             .tabular.settings label{ margin-left: -300px; width: 295px; }
             .tabular.settings textarea { width: 99%; }
             .settings.enabled_scm table {width:100%}
             .settings.enabled_scm td.scm_name{ font-weight: bold; }
             fieldset.settings label { display: block; }
             fieldset#notified_events .parent { padding-left: 20px; }
             span.required {color: #bb0000;}
             .summary {font-style: italic;}
             .check_box_group {
               display:block;
               width:95%;
               max-height:300px;
               overflow-y:auto;
               padding:2px 4px 4px 2px;
               background:#fff;
               border:1px solid #9EB1C2;
               border-radius:2px
             }
             .check_box_group label {
               font-weight: normal;
               margin-left: 0px !important;
               text-align: left;
               float: none;
               display: block;
               width: auto;
             }
             .check_box_group.bool_cf {border:0; background:inherit;}
             .check_box_group.bool_cf label {display: inline;}
             .attachments_fields input.description, #existing-attachments input.description {margin-left:4px; width:340px;}
             .attachments_fields>span, #existing-attachments>span {display:block; white-space:nowrap;}
             .attachments_fields input.filename, #existing-attachments .filename {border:0; width:250px; color:#555; background-color:inherit; }
             .tabular input.filename {max-width:75% !important;}
             .attachments_fields input.filename {height:1.8em;}
             .attachments_fields .ajax-waiting input.filename {background:url(../images/hourglass.png) no-repeat 0px 50%;}
             .attachments_fields .ajax-loading input.filename {background:url(../images/loading.gif) no-repeat 0px 50%;}
             .attachments_fields div.ui-progressbar { width: 100px; height:14px; margin: 2px 0 -5px 8px; display: inline-block; }
             a.remove-upload:hover {text-decoration:none !important;}
             .existing-attachment.deleted .filename {text-decoration:line-through; color:#999 !important;}
             div.fileover { background-color: lavender; }
             div.attachments { margin: 12px 0; }
             div.attachments p { margin:4px 0 2px 0; }
             div.attachments img { vertical-align: middle; }
             div.attachments span.author { font-size: 0.9em; color: #888; }
             div.thumbnails {margin:0.6em;}
             div.thumbnails div {background:#fff;border:2px solid #ddd;display:inline-block;margin-right:2px;}
             div.thumbnails img {margin: 3px; vertical-align: middle;}
             #history div.thumbnails {margin-left: 2em;}
             p.other-formats { text-align: right; font-size:0.9em; color: #666; }
             .other-formats span + span:before { content: "| "; }
             a.atom { background: url(../images/feed.png) no-repeat 1px 50%; padding: 2px 0px 3px 16px; }
             em.info {font-style:normal;font-size:90%;color:#888;display:block;}
             em.info.error {padding-left:20px; background:url(../images/exclamation.png) no-repeat 0 50%;}
             textarea.text_cf {width:95%; resize:vertical;}
             input.string_cf, input.link_cf {width:95%;}
             select.bool_cf {width:auto !important;}
             #tab-content-modules fieldset p {margin:3px 0 4px 0;}
             #tab-content-users .splitcontentleft {width: 64%;}
             #tab-content-users .splitcontentright {width: 34%;}
             #tab-content-users fieldset {padding:1em; margin-bottom: 1em;}
             #tab-content-users fieldset legend {font-weight: bold;}
             #tab-content-users fieldset label {display: block;}
             #tab-content-users #principals {max-height: 400px; overflow: auto;}
             #users_for_watcher {height: 200px; overflow:auto;}
             #users_for_watcher label {display: block;}
             input#principal_search, input#user_search {width:90%}
             .roles-selection label {display:inline-block; width:210px;}
             input.autocomplete {
               background: #fff url(../images/magnifier.png) no-repeat 2px 50%; padding-left:20px !important;
               border:1px solid #9EB1C2; border-radius:2px; height:1.5em;
             }
             input.autocomplete.ajax-loading {
               background-image: url(../images/loading.gif);
             }
             .role-visibility {padding-left:2em;}
             .objects-selection {
               height: 300px;
               overflow: auto;
               margin-bottom: 1em;
             }
             .objects-selection label {
               display: block;
             }
             .objects-selection>div, #user_group_ids {
               column-count: auto;
               column-width: 200px;
               -webkit-column-count: auto;
               -webkit-column-width: 200px;
               -webkit-column-gap : 0.5rem;
               -webkit-column-rule: 1px solid #ccc;
               -moz-column-count: auto;
               -moz-column-width: 200px;
               -moz-column-gap : 0.5rem;
               -moz-column-rule: 1px solid #ccc;
             }
             /***** Flash & error messages ****/
             #errorExplanation, div.flash, .nodata, .warning, .conflict {
               padding: 6px 4px 6px 30px;
               margin-bottom: 12px;
               font-size: 1.1em;
               border: 1px solid;
               border-radius: 3px;
             }
             div.flash {margin-top: 8px;}
             div.flash.error, #errorExplanation {
               background: url(../images/exclamation.png) 8px 50% no-repeat;
               background-color: #ffe3e3;
               border-color: #d88;
               color: #880000;
             }
             div.flash.notice {
               background: url(../images/true.png) 8px 5px no-repeat;
               background-color: #dfffdf;
               border-color: #9fcf9f;
               color: #005f00;
             }
             div.flash.warning, .conflict {
               background: url(../images/warning.png) 8px 5px no-repeat;
               background-color: #F3EDD1;
               border-color: #eadbbc;
               color: #A6750C;
               text-align: left;
             }
             .nodata, .warning {
               text-align: center;
               background-color: #F3EDD1;
               border-color: #eadbbc;
               color: #A6750C;
             }
             #errorExplanation ul { font-size: 0.9em;}
             #errorExplanation h2, #errorExplanation p { display: none; }
             .conflict-details {font-size:80%;}
             /***** Ajax indicator ******/
             #ajax-indicator {
             position: absolute; /* fixed not supported by IE */
             background-color:#eee;
             border: 1px solid #bbb;
             top:35%;
             left:40%;
             width:20%;
             font-weight:bold;
             text-align:center;
             padding:0.6em;
             z-index:100;
             opacity: 0.5;
             }
             html>body #ajax-indicator { position: fixed; }
             #ajax-indicator span {
             background-position: 0% 40%;
             background-repeat: no-repeat;
             background-image: url(../images/loading.gif);
             padding-left: 26px;
             vertical-align: bottom;
             }
             /***** Calendar *****/
             table.cal {border-collapse: collapse; width: 100%; margin: 0px 0 6px 0;border: 1px solid #d7d7d7;}
             table.cal thead th {width: 14%; background-color:#EEEEEE; padding: 4px; }
             table.cal thead th.week-number {width: auto;}
             table.cal tbody tr {height: 100px;}
             table.cal td .icon {padding-top: 2px; padding-bottom: 3px;}
             table.cal td {border: 1px solid #d7d7d7; vertical-align: top; font-size: 0.9em;}
             table.cal td.week-number { background-color:#EEEEEE; padding: 4px; border:none; font-size: 1em;}
             table.cal td p.day-num {font-size: 1.1em; text-align:right;}
             table.cal td.odd p.day-num {color: #bbb;}
             table.cal td.today {background:#ffffdd;}
             table.cal td.today p.day-num {font-weight: bold;}
             table.cal .starting a, p.cal.legend .starting {background: url(../images/bullet_go.png) no-repeat -1px -2px; padding-left:16px;}
             table.cal .ending a, p.cal.legend .ending {background: url(../images/bullet_end.png) no-repeat -1px -2px; padding-left:16px;}
             table.cal .starting.ending a, p.cal.legend .starting.ending {background: url(../images/bullet_diamond.png) no-repeat -1px -2px; padding-left:16px;}
             p.cal.legend span {display:block;}
             /***** Tooltips ******/
             .tooltip{position:relative;z-index:24;}
             .tooltip:hover{z-index:25;color:#000;}
             .tooltip span.tip{display: none; text-align:left;}
             div.tooltip:hover span.tip{
             display:block;
             position:absolute;
             top:12px; width:270px;
             border:1px solid #555;
             background-color:#fff;
             padding: 4px;
             font-size: 0.8em;
             color:#505050;
             }
             img.ui-datepicker-trigger {
               cursor: pointer;
               vertical-align: middle;
               margin-left: 4px;
             }
             /***** Progress bar *****/
             table.progress {
               border-collapse: collapse;
               border-spacing: 0pt;
               empty-cells: show;
               text-align: center;
               float:left;
               margin: 1px 6px 1px 0px;
             }
             table.progress {width:80px;}
             table.progress td { height: 1em; }
             table.progress td.closed { background: #BAE0BA none repeat scroll 0%; }
             table.progress td.done { background: #D3EDD3 none repeat scroll 0%; }
             table.progress td.todo { background: #eee none repeat scroll 0%; }
             p.percent {font-size: 80%; margin:0;}
             p.progress-info {clear: left; font-size: 80%; margin-top:-4px; color:#777;}
             .version-overview table.progress {width:40em;}
             .version-overview table.progress td { height: 1.2em; }
             /***** Tabs *****/
             #content .tabs {height: 2.6em; margin-bottom:1.2em; position:relative; overflow:hidden;}
             #content .tabs ul {margin:0; position:absolute; bottom:0; padding-left:0.5em; width: 2000px; border-bottom: 1px solid #bbbbbb;}
             #content .tabs ul li {
               float:left;
               list-style-type:none;
               white-space:nowrap;
               margin-right:4px;
               background:#fff;
               position:relative;
               margin-bottom:-1px;
             }
             #content .tabs ul li a{
               display:block;
               font-size: 0.9em;
               text-decoration:none;
               line-height:1.3em;
               padding:4px 6px 4px 6px;
               border: 1px solid #ccc;
               border-bottom: 1px solid #bbbbbb;
               background-color: #f6f6f6;
               color:#999;
               font-weight:bold;
               border-top-left-radius:3px;
               border-top-right-radius:3px;
             }
             #content .tabs ul li a:hover {
               background-color: #ffffdd;
               text-decoration:none;
             }
             #content .tabs ul li a.selected {
               background-color: #fff;
               border: 1px solid #bbbbbb;
               border-bottom: 1px solid #fff;
               color:#444;
             }
             #content .tabs ul li a.selected:hover {background-color: #fff;}
             div.tabs-buttons { position:absolute; right: 0; width: 54px; height: 24px; background: white; bottom: 0; border-bottom: 1px solid #bbbbbb; }
             button.tab-left, button.tab-right {
               font-size: 0.9em;
               cursor: pointer;
               height:24px;
               border: 1px solid #ccc;
               border-bottom: 1px solid #bbbbbb;
               position:absolute;
               padding:4px;
               width: 20px;
               bottom: -1px;
             }
             button.tab-left:hover, button.tab-right:hover {
               background-color: #f5f5f5;
             }
             button.tab-left:focus, button.tab-right:focus {
               outline: 0;
             }
             button.tab-left {
               right: 20px;
               background: #eeeeee url(../images/bullet_arrow_left.png) no-repeat 50% 50%;
               border-top-left-radius:3px;
             }
             button.tab-right {
               right: 0;
               background: #eeeeee url(../images/bullet_arrow_right.png) no-repeat 50% 50%;
               border-top-right-radius:3px;
             }
             button.tab-left.disabled, button.tab-right.disabled {
               background-color: #ccc;
               cursor: unset;
             }
             /***** Diff *****/
             .diff_out { background: #fcc; }
             .diff_out span { background: #faa; }
             .diff_in { background: #cfc; }
             .diff_in span { background: #afa; }
             .text-diff {
               padding: 1em;
               background-color:#f6f6f6;
               color:#505050;
               border: 1px solid #e4e4e4;
             }
             /***** Wiki *****/
             div.wiki table {
               border-collapse: collapse;
               margin-bottom: 1em;
             }
             div.wiki table, div.wiki td, div.wiki th {
               border: 1px solid #bbb;
               padding: 4px;
             }
             div.wiki .noborder, div.wiki .noborder td, div.wiki .noborder th {border:0;}
             div.wiki .external {
               background-position: 0% 60%;
               background-repeat: no-repeat;
               padding-left: 12px;
               background-image: url(../images/external.png);
             }
             div.wiki a {word-wrap: break-word;}
             div.wiki a.new {color: #b73535;}
             div.wiki ul, div.wiki ol {margin-bottom:1em;}
             div.wiki li>ul, div.wiki li>ol {margin-bottom: 0;}
             div.wiki pre {
               margin: 1em 1em 1em 1.6em;
               padding: 8px;
               background-color: #fafafa;
               border: 1px solid #e2e2e2;
               border-radius: 3px;
               width:auto;
               overflow-x: auto;
               overflow-y: hidden;
             }
             div.wiki ul.toc {
               background-color: #ffffdd;
               border: 1px solid #e4e4e4;
               padding: 4px;
               line-height: 1.2em;
               margin-bottom: 12px;
               margin-right: 12px;
               margin-left: 0;
               display: table
             }
             * html div.wiki ul.toc { width: 50%; } /* IE6 doesn't autosize div */
             div.wiki ul.toc.right { float: right; margin-left: 12px; margin-right: 0; width: auto; }
             div.wiki ul.toc.left  { float: left; margin-right: 12px; margin-left: 0; width: auto; }
             div.wiki ul.toc ul { margin: 0; padding: 0; }
             div.wiki ul.toc li {list-style-type:none; margin: 0; font-size:12px;}
             div.wiki ul.toc>li:first-child {margin-bottom: .5em; color: #777;}
             div.wiki ul.toc li li {margin-left: 1.5em; font-size:10px;}
             div.wiki ul.toc a {
               font-size: 0.9em;
               font-weight: normal;
               text-decoration: none;
               color: #606060;
             }
             div.wiki ul.toc a:hover { color: #c61a1a; text-decoration: underline;}
             a.wiki-anchor { display: none; margin-left: 6px; text-decoration: none; }
             a.wiki-anchor:hover { color: #aaa !important; text-decoration: none; }
             h1:hover a.wiki-anchor, h2:hover a.wiki-anchor, h3:hover a.wiki-anchor { display: inline; color: #ddd; }
             div.wiki img {vertical-align:middle; max-width:100%;}
             /***** My page layout *****/
             .block-receiver {
               border:1px dashed #c0c0c0;
               margin-bottom: 20px;
               padding: 15px 0 15px 0;
             }
             .mypage-box {
               margin:0 0 20px 0;
               color:#505050;
               line-height:1.5em;
             }
             .mypage-box .icon-close {
               float:right;
             }
             .handle {cursor: move;}
             /***** Gantt chart *****/
             .gantt_hdr {
               position:absolute;
               top:0;
               height:16px;
               border-top: 1px solid #c0c0c0;
               border-bottom: 1px solid #c0c0c0;
               border-right: 1px solid #c0c0c0;
               text-align: center;
               overflow: hidden;
             }
             .gantt_hdr.nwday {background-color:#f1f1f1; color:#999;}
             .gantt_subjects { font-size: 0.8em; }
             .gantt_subjects div { line-height:16px;height:16px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis; }
             .task {
               position: absolute;
               height:8px;
               font-size:0.8em;
               color:#888;
               padding:0;
               margin:0;
               line-height:16px;
               white-space:nowrap;
             }
             .task.label {width:100%;}
             .task.label.project, .task.label.version { font-weight: bold; }
             .task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }
             .task_done { background:#00c600 url(../images/task_done.png); border: 1px solid #00c600; }
             .task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }
             .task_todo.parent { background: #888; border: 1px solid #888; height: 3px;}
             .task_late.parent, .task_done.parent { height: 3px;}
             .task.parent.marker.starting  { position: absolute; background: url(../images/task_parent_end.png) no-repeat 0 0; width: 8px; height: 16px; margin-left: -4px; left: 0px; top: -1px;}
             .task.parent.marker.ending { position: absolute; background: url(../images/task_parent_end.png) no-repeat 0 0; width: 8px; height: 16px; margin-left: -4px; right: 0px; top: -1px;}
             .version.task_late { background:#f66 url(../images/milestone_late.png); border: 1px solid #f66; height: 2px; margin-top: 3px;}
             .version.task_done { background:#00c600 url(../images/milestone_done.png); border: 1px solid #00c600; height: 2px; margin-top: 3px;}
             .version.task_todo { background:#fff url(../images/milestone_todo.png); border: 1px solid #fff; height: 2px; margin-top: 3px;}
             .version.marker { background-image:url(../images/version_marker.png); background-repeat: no-repeat; border: 0; margin-left: -4px; margin-top: 1px; }
             .project.task_late { background:#f66 url(../images/milestone_late.png); border: 1px solid #f66; height: 2px; margin-top: 3px;}
             .project.task_done { background:#00c600 url(../images/milestone_done.png); border: 1px solid #00c600; height: 2px; margin-top: 3px;}
             .project.task_todo { background:#fff url(../images/milestone_todo.png); border: 1px solid #fff; height: 2px; margin-top: 3px;}
             .project.marker { background-image:url(../images/project_marker.png); background-repeat: no-repeat; border: 0; margin-left: -4px; margin-top: 1px; }
             .version-behind-schedule a, .issue-behind-schedule a {color: #f66914;}
             .version-overdue a, .issue-overdue a, .project-overdue a {color: #f00;}
             /***** Icons *****/
             .icon {
               background-position: 0% 50%;
               background-repeat: no-repeat;
               padding-left: 20px;
             }
             .icon-only {
               background-position: 0% 50%;
               background-repeat: no-repeat;
               padding-left: 16px;
               display: inline-block;
               width: 0;
               height: 16px;
               overflow: hidden;
               padding-top: 0;
               padding-bottom: 0;
               font-size: 8px;
               vertical-align: middle;
             }
             .icon-only::after {
               content: "&nbsp;";
             }
             .icon-add { background-image: url(../images/add.png); }
             .icon-edit { background-image: url(../images/edit.png); }
             .icon-copy { background-image: url(../images/copy.png); }
             .icon-duplicate { background-image: url(../images/duplicate.png); }
             .icon-del { background-image: url(../images/delete.png); }
             .icon-move { background-image: url(../images/move.png); }
             .icon-save { background-image: url(../images/save.png); }
             .icon-cancel { background-image: url(../images/cancel.png); }
             .icon-multiple { background-image: url(../images/table_multiple.png); }
             .icon-folder { background-image: url(../images/folder.png); }
             .open .icon-folder { background-image: url(../images/folder_open.png); }
             .icon-package { background-image: url(../images/package.png); }
             .icon-user { background-image: url(../images/user.png); }
             .icon-project, .icon-projects { background-image: url(../images/projects.png); }
             .icon-help { background-image: url(../images/help.png); }
             .icon-attachment  { background-image: url(../images/attachment.png); }
             .icon-history  { background-image: url(../images/history.png); }
             .icon-time-entry, .icon-time  { background-image: url(../images/time.png); }
             .icon-time-add  { background-image: url(../images/time_add.png); }
             .icon-stats  { background-image: url(../images/stats.png); }
             .icon-warning  { background-image: url(../images/warning.png); }
             .icon-error { background-image: url(../images/exclamation.png); }
             .icon-fav  { background-image: url(../images/fav.png); }
             .icon-fav-off  { background-image: url(../images/fav_off.png); }
             .icon-reload  { background-image: url(../images/reload.png); }
             .icon-lock, .icon-locked  { background-image: url(../images/locked.png); }
             .icon-unlock  { background-image: url(../images/unlock.png); }
             .icon-checked  { background-image: url(../images/toggle_check.png); }
             .icon-details  { background-image: url(../images/zoom_in.png); }
             .icon-report  { background-image: url(../images/report.png); }
             .icon-comment, .icon-comments  { background-image: url(../images/comment.png); }
             .icon-summary  { background-image: url(../images/lightning.png); }
             .icon-server-authentication { background-image: url(../images/server_key.png); }
             .icon-issue { background-image: url(../images/ticket.png); }
             .icon-zoom-in { background-image: url(../images/zoom_in.png); }
             .icon-zoom-out { background-image: url(../images/zoom_out.png); }
             .icon-magnifier { background-image: url(../images/magnifier.png); }
             .icon-passwd { background-image: url(../images/textfield_key.png); }
             .icon-arrow-right, .icon-test, .icon-sticky { background-image: url(../images/bullet_go.png); }
             .icon-email { background-image: url(../images/email.png); }
             .icon-email-disabled { background-image: url(../images/email_disabled.png); }
             .icon-email-add { background-image: url(../images/email_add.png); }
             .icon-move-up { background-image: url(../images/1uparrow.png); }
             .icon-move-top { background-image: url(../images/2uparrow.png); }
             .icon-move-down { background-image: url(../images/1downarrow.png); }
             .icon-move-bottom { background-image: url(../images/2downarrow.png); }
             .icon-ok { background-image: url(../images/true.png); }
             .icon-not-ok { background-image: url(../images/false.png); }
             .icon-link-break { background-image: url(../images/link_break.png); }
             .icon-list { background-image: url(../images/text_list_bullets.png); }
             .icon-close { background-image: url(../images/close.png); }
             .icon-close:hover { background-image: url(../images/close_hl.png); }
             .icon-settings { background-image: url(../images/changeset.png); }
             .icon-group, .icon-groupnonmember, .icon-groupanonymous { background-image: url(../images/group.png); }
             .icon-roles { background-image: url(../images/database_key.png); }
             .icon-issue-edit { background-image: url(../images/ticket_edit.png); }
             .icon-workflows { background-image: url(../images/ticket_go.png); }
             .icon-custom-fields { background-image: url(../images/textfield.png); }
             .icon-plugins { background-image: url(../images/plugin.png); }
             .icon-news { background-image: url(../images/news.png); }
             .icon-issue-closed { background-image: url(../images/ticket_checked.png); }
             .icon-issue-note { background-image: url(../images/ticket_note.png); }
             .icon-changeset { background-image: url(../images/changeset.png); }
             .icon-message { background-image: url(../images/message.png); }
             .icon-reply { background-image: url(../images/comments.png); }
             .icon-wiki-page { background-image: url(../images/wiki_edit.png); }
             .icon-document { background-image: url(../images/document.png); }
             .icon-project { background-image: url(../images/projects.png); }
             .icon-add-bullet { background-image: url(../images/bullet_add.png); }
             .icon-shared { background-image: url(../images/link.png) };
             .icon-file { background-image: url(../images/files/default.png); }
             .icon-file.text-plain { background-image: url(../images/files/text.png); }
             .icon-file.text-x-c { background-image: url(../images/files/c.png); }
             .icon-file.text-x-csharp { background-image: url(../images/files/csharp.png); }
             .icon-file.text-x-java { background-image: url(../images/files/java.png); }
             .icon-file.text-x-javascript { background-image: url(../images/files/js.png); }
             .icon-file.text-x-php { background-image: url(../images/files/php.png); }
             .icon-file.text-x-ruby { background-image: url(../images/files/ruby.png); }
             .icon-file.text-xml { background-image: url(../images/files/xml.png); }
             .icon-file.text-css { background-image: url(../images/files/css.png); }
             .icon-file.text-html { background-image: url(../images/files/html.png); }
             .icon-file.image-gif { background-image: url(../images/files/image.png); }
             .icon-file.image-jpeg { background-image: url(../images/files/image.png); }
             .icon-file.image-png { background-image: url(../images/files/image.png); }
             .icon-file.image-tiff { background-image: url(../images/files/image.png); }
             .icon-file.application-pdf { background-image: url(../images/files/pdf.png); }
             .icon-file.application-zip { background-image: url(../images/files/zip.png); }
             .icon-file.application-x-gzip { background-image: url(../images/files/zip.png); }
             .sort-handle { width:16px; height:16px; background:url(../images/reorder.png) no-repeat 0 50%; cursor:move; }
             .sort-handle.ajax-loading { background-image: url(../images/loading.gif); }
             tr.ui-sortable-helper { border:1px solid #e4e4e4; }
             .contextual>*:not(:first-child), .buttons>.icon:not(:first-child) { margin-left: 5px; }
             img.gravatar {
               vertical-align: middle;
               border-radius: 20%;
             }
             div.issue img.gravatar {
               float: left;
               margin: 0 6px 0 0;
             }
             h2 img.gravatar {margin: -2px 4px -4px 0;}
             h3 img.gravatar {margin: -4px 4px -4px 0;}
             h4 img.gravatar {margin: -2px 4px -4px 0;}
             td.username img.gravatar {margin: 0 0.5em 0 0; vertical-align: top;}
             #activity dt img.gravatar {float: left; margin: 0 1em 1em 0;}
             /* Used on 12px Gravatar img tags without the icon background */
             .icon-gravatar {float: left; margin-right: 4px;}
             #activity dt, .journal {clear: left;}
             .journal-link {float: right;}
             h2 img { vertical-align:middle; }
             .hascontextmenu { cursor: context-menu; }
             .sample-data {border:1px solid #ccc; border-collapse:collapse; background-color:#fff; margin:0.5em;}
             .sample-data td {border:1px solid #ccc; padding: 2px 4px; font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}
             .sample-data tr:first-child td {font-weight:bold; text-align:center;}
             .ui-progressbar {position: relative;}
             #progress-label {
             position: absolute; left: 50%; top: 4px;
             font-weight: bold;
             color: #555; text-shadow: 1px 1px 0 #fff;
             }
             /* Custom JQuery styles */
             .ui-datepicker-title select {width:70px !important; margin-top:-2px !important; margin-right:4px !important;}
             /************* CodeRay styles *************/
             .syntaxhl div {display: inline;}
             .syntaxhl .code pre { overflow: auto }
             .syntaxhl .annotation { color:#007 }
             .syntaxhl .attribute-name { color:#b48 }
             .syntaxhl .attribute-value { color:#700 }
             .syntaxhl .binary { color:#549 }
             .syntaxhl .binary .char { color:#325 }
             .syntaxhl .binary .delimiter { color:#325 }
             .syntaxhl .char { color:#D20 }
             .syntaxhl .char .content { color:#D20 }
             .syntaxhl .char .delimiter { color:#710 }
             .syntaxhl .class { color:#B06; font-weight:bold }
             .syntaxhl .class-variable { color:#369 }
             .syntaxhl .color { color:#0A0 }
             .syntaxhl .comment { color:#777 }
             .syntaxhl .comment .char { color:#444 }
             .syntaxhl .comment .delimiter { color:#444 }
             .syntaxhl .constant { color:#036; font-weight:bold }
             .syntaxhl .decorator { color:#B0B }
             .syntaxhl .definition { color:#099; font-weight:bold }
             .syntaxhl .delimiter { color:black }
             .syntaxhl .directive { color:#088; font-weight:bold }
             .syntaxhl .docstring { color:#D42; }
             .syntaxhl .doctype { color:#34b }
             .syntaxhl .done { text-decoration: line-through; color: gray }
             .syntaxhl .entity { color:#800; font-weight:bold }
             .syntaxhl .error { color:#F00; background-color:#FAA }
             .syntaxhl .escape  { color:#666 }
             .syntaxhl .exception { color:#C00; font-weight:bold }
             .syntaxhl .float { color:#60E }
             .syntaxhl .function { color:#06B; font-weight:bold }
             .syntaxhl .function .delimiter { color:#059 }
             .syntaxhl .function .content { color:#037 }
             .syntaxhl .global-variable { color:#d70 }
             .syntaxhl .hex { color:#02b }
             .syntaxhl .id  { color:#33D; font-weight:bold }
             .syntaxhl .include { color:#B44; font-weight:bold }
             .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
             .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
             .syntaxhl .instance-variable { color:#33B }
             .syntaxhl .integer  { color:#00D }
             .syntaxhl .imaginary { color:#f00 }
             .syntaxhl .important { color:#D00 }
             .syntaxhl .key { color: #606 }
             .syntaxhl .key .char { color: #60f }
             .syntaxhl .key .delimiter { color: #404 }
             .syntaxhl .keyword { color:#080; font-weight:bold }
             .syntaxhl .label { color:#970; font-weight:bold }
             .syntaxhl .local-variable { color:#950 }
             .syntaxhl .map .content { color:#808 }
             .syntaxhl .map .delimiter { color:#40A}
             .syntaxhl .map { background-color:hsla(200,100%,50%,0.06); }
             .syntaxhl .namespace { color:#707; font-weight:bold }
             .syntaxhl .octal { color:#40E }
             .syntaxhl .operator { }
             .syntaxhl .predefined { color:#369; font-weight:bold }
             .syntaxhl .predefined-constant { color:#069 }
             .syntaxhl .predefined-type { color:#0a8; font-weight:bold }
             .syntaxhl .preprocessor { color:#579 }
             .syntaxhl .pseudo-class { color:#00C; font-weight:bold }
             .syntaxhl .regexp { background-color:hsla(300,100%,50%,0.06); }
             .syntaxhl .regexp .content { color:#808 }
             .syntaxhl .regexp .delimiter { color:#404 }
             .syntaxhl .regexp .modifier { color:#C2C }
             .syntaxhl .reserved { color:#080; font-weight:bold }
             .syntaxhl .shell { background-color:hsla(120,100%,50%,0.06); }
             .syntaxhl .shell .content { color:#2B2 }
             .syntaxhl .shell .delimiter { color:#161 }
             .syntaxhl .string { background-color:hsla(0,100%,50%,0.05); }
             .syntaxhl .string .char { color: #b0b }
             .syntaxhl .string .content { color: #D20 }
             .syntaxhl .string .delimiter { color: #710 }
             .syntaxhl .string .modifier { color: #E40 }
             .syntaxhl .symbol { color:#A60 }
             .syntaxhl .symbol .content { color:#A60 }
             .syntaxhl .symbol .delimiter { color:#740 }
             .syntaxhl .tag { color:#070; font-weight:bold }
             .syntaxhl .type { color:#339; font-weight:bold }
             .syntaxhl .value { color: #088 }
             .syntaxhl .variable { color:#037 }
             .syntaxhl .insert { background: hsla(120,100%,50%,0.12) }
             .syntaxhl .delete { background: hsla(0,100%,50%,0.12) }
             .syntaxhl .change { color: #bbf; background: #007 }
             .syntaxhl .head { color: #f8f; background: #505 }
             .syntaxhl .head .filename { color: white; }
             .syntaxhl .delete .eyecatcher { background-color: hsla(0,100%,50%,0.2); border: 1px solid hsla(0,100%,45%,0.5); margin: -1px; border-bottom: none; border-top-left-radius: 5px; border-top-right-radius: 5px; }
             .syntaxhl .insert .eyecatcher { background-color: hsla(120,100%,50%,0.2); border: 1px solid hsla(120,100%,25%,0.5); margin: -1px; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
             .syntaxhl .insert .insert { color: #0c0; background:transparent; font-weight:bold }
             .syntaxhl .delete .delete { color: #c00; background:transparent; font-weight:bold }
             .syntaxhl .change .change { color: #88f }
             .syntaxhl .head .head { color: #f4f }
             /***** Media print specific styles *****/
             @media print {
               #top-menu, #header, #main-menu, #sidebar, #footer, .contextual, .other-formats { display:none; }
               #main { background: #fff; }
               #content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; overflow: visible !important;}
               #wiki_add_attachment { display:none; }
               .hide-when-print, .pagination ul.pages, .pagination .per-page { display: none !important; }
               .autoscroll {overflow-x: visible;}
               table.list {margin-top:0.5em;}
               table.list th, table.list td {border: 1px solid #aaa;}
             }
             /* Accessibility specific styles */
             .hidden-for-sighted {
               position:absolute;
               left:-10000px;
               top:auto;
               width:1px;
               height:1px;
               overflow:hidden;
             }

General Comments 0

Write
Preview

You need to be logged in to leave comments. Login now

No TODOs yet

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages