jro_apps/redmine Commit - r14256:f9425cbaf37e

Adds day numbers to HTML and PDF gantt (#3034)....

Jean-Philippe Lang -

r14256:f9425cbaf37e

parent child

Context file:

r14256:f9425cbaf37e

Collapse all files

app/views/gantts/show.html.erb +39 -1

             <% @gantt.view = self %>
             <div class="contextual">
             <% if !@query.new_record? && @query.editable_by?(User.current) %>
               <%= link_to l(:button_edit), edit_query_path(@query, :gantt => 1), :class => 'icon icon-edit' %>
               <%= delete_link query_path(@query, :gantt => 1) %>
             <% end %>
             </div>
             <h2><%= @query.new_record? ? l(:label_gantt) : @query.name %></h2>
             <%= form_tag({:controller => 'gantts', :action => 'show',
                          :project_id => @project, :month => params[:month],
                          :year => params[:year], :months => params[:months]},
                          :method => :get, :id => 'query_form') do %>
             <%= hidden_field_tag 'set_filter', '1' %>
             <%= hidden_field_tag 'gantt', '1' %>
             <fieldset id="filters" class="collapsible <%= @query.new_record? ? "" : "collapsed" %>">
               <legend onclick="toggleFieldset(this);"><%= l(:label_filter_plural) %></legend>
               <div style="<%= @query.new_record? ? "" : "display: none;" %>">
                 <%= render :partial => 'queries/filters', :locals => {:query => @query} %>
               </div>
             </fieldset>
             <fieldset class="collapsible collapsed">
               <legend onclick="toggleFieldset(this);"><%= l(:label_options) %></legend>
               <div style="display: none;">
                 <table>
                   <tr>
                     <td>
                       <fieldset>
                         <legend><%= l(:label_related_issues) %></legend>
                         <label for="draw_relations">
                           <%= check_box 'query', 'draw_relations', :id => 'draw_relations' %>
                           <% rels = [IssueRelation::TYPE_BLOCKS, IssueRelation::TYPE_PRECEDES] %>
                           <% rels.each do |rel| %>
                             <% color = Redmine::Helpers::Gantt::DRAW_TYPES[rel][:color] %>
                             <%= content_tag(:span, '&nbsp;&nbsp;&nbsp;'.html_safe,
                                             :style => "background-color: #{color}") %>
                             <%= l(IssueRelation::TYPES[rel][:name]) %>
                           <% end %>
                         </label>
                       </fieldset>
                     </td>
                     <td>
                       <fieldset>
                         <legend><%= l(:label_gantt_progress_line) %></legend>
                         <label for="draw_progress_line">
                           <%= check_box 'query', 'draw_progress_line', :id => 'draw_progress_line' %>
                           <%= l(:label_display) %>
                         </label>
                       </fieldset>
                     </td>
                   </tr>
                 </table>
               </div>
             </fieldset>
             <p class="contextual">
               <%= gantt_zoom_link(@gantt, :in) %>
               <%= gantt_zoom_link(@gantt, :out) %>
             </p>
             <p class="buttons">
             <%= text_field_tag 'months', @gantt.months, :size => 2 %>
             <%= l(:label_months_from) %>
             <%= select_month(@gantt.month_from, :prefix => "month", :discard_type => true) %>
             <%= select_year(@gantt.year_from, :prefix => "year", :discard_type => true) %>
             <%= hidden_field_tag 'zoom', @gantt.zoom %>
             <%= link_to_function l(:button_apply), '$("#query_form").submit()',
                                  :class => 'icon icon-checked' %>
             <%= link_to l(:button_clear), { :project_id => @project, :set_filter => 1 },
                         :class => 'icon icon-reload' %>
             <% if @query.new_record? && User.current.allowed_to?(:save_queries, @project, :global => true) %>
               <%= link_to_function l(:button_save),
                                    "$('#query_form').attr('action', '#{ @project ? new_project_query_path(@project) : new_query_path }').submit();",
                                    :class => 'icon icon-save' %>
             <% end %>
             </p>
             <% end %>
             <%= error_messages_for 'query' %>
             <% if @query.valid? %>
             <%
               zoom = 1
               @gantt.zoom.times { zoom = zoom * 2 }
               subject_width = 330
               header_height = 18
               headers_height = header_height
               show_weeks = false
               show_days  = false
+              show_day_num = false
               if @gantt.zoom > 1
                 show_weeks = true
                 headers_height = 2 * header_height
                 if @gantt.zoom > 2
                     show_days = true
                     headers_height = 3 * header_height
+                    if @gantt.zoom > 3
+                      show_day_num = true
+                      headers_height = 4 * header_height
+                    end
                 end
               end
               # Width of the entire chart
               g_width = ((@gantt.date_to - @gantt.date_from + 1) * zoom).to_i
               @gantt.render(:top => headers_height + 8,
                             :zoom => zoom,
                             :g_width => g_width,
                             :subject_width => subject_width)
               g_height = [(20 * (@gantt.number_of_rows + 6)) + 150, 206].max
               t_height = g_height + headers_height
             %>
             <% if @gantt.truncated %>
               <p class="warning"><%= l(:notice_gantt_chart_truncated, :max => @gantt.max_rows) %></p>
             <% end %>
             <table style="width:100%; border:0; border-collapse: collapse;">
             <tr>
             <td style="width:<%= subject_width %>px; padding:0px;">
               <%
                 style  = ""
                 style += "position:relative;"
                 style += "height: #{t_height + 24}px;"
                 style += "width: #{subject_width + 1}px;"
               %>
               <%= content_tag(:div, :style => style) do %>
                 <%
                   style  = ""
                   style += "right:-2px;"
                   style += "width: #{subject_width}px;"
                   style += "height: #{headers_height}px;"
                   style += 'background: #eee;'
                 %>
                 <%= content_tag(:div, "", :style => style, :class => "gantt_hdr") %>
                 <%
                   style  = ""
                   style += "right:-2px;"
                   style += "width: #{subject_width}px;"
                   style += "height: #{t_height}px;"
                   style += 'border-left: 1px solid #c0c0c0;'
                   style += 'overflow: hidden;'
                 %>
                 <%= content_tag(:div, "", :style => style, :class => "gantt_hdr") %>
                 <%= content_tag(:div, :class => "gantt_subjects") do %>
                   <%= @gantt.subjects.html_safe %>
                 <% end %>
               <% end %>
             </td>
             <td>
             <div style="position:relative;height:<%= t_height + 24 %>px;overflow:auto;" id="gantt_area">
             <%
               style  = ""
               style += "width: #{g_width - 1}px;"
               style += "height: #{headers_height}px;"
               style += 'background: #eee;'
             %>
             <%= content_tag(:div, '&nbsp;'.html_safe, :style => style, :class => "gantt_hdr") %>
             <% ###### Months headers ###### %>
             <%
               month_f = @gantt.date_from
               left = 0
               height = (show_weeks ? header_height : header_height + g_height)
             %>
             <% @gantt.months.times do %>
               <%
                 width = (((month_f >> 1) - month_f) * zoom - 1).to_i
                 style  = ""
                 style += "left: #{left}px;"
                 style += "width: #{width}px;"
                 style += "height: #{height}px;"
               %>
               <%= content_tag(:div, :style => style, :class => "gantt_hdr") do %>
                 <%= link_to "#{month_f.year}-#{month_f.month}",
                             @gantt.params.merge(:year => month_f.year, :month => month_f.month),
                             :title => "#{month_name(month_f.month)} #{month_f.year}" %>
               <% end %>
               <%
                 left = left + width + 1
                 month_f = month_f >> 1
               %>
             <% end %>
             <% ###### Weeks headers ###### %>
             <% if show_weeks %>
               <%
                 left = 0
                 height = (show_days ? header_height - 1 : header_height - 1 + g_height)
               %>
               <% if @gantt.date_from.cwday == 1 %>
                 <%
                   # @date_from is monday
                   week_f = @gantt.date_from
                 %>
               <% else %>
                 <%
                   # find next monday after @date_from
                   week_f = @gantt.date_from + (7 - @gantt.date_from.cwday + 1)
                   width = (7 - @gantt.date_from.cwday + 1) * zoom - 1
                   style  = ""
                   style += "left: #{left}px;"
                   style += "top: 19px;"
                   style += "width: #{width}px;"
                   style += "height: #{height}px;"
                 %>
                 <%= content_tag(:div, '&nbsp;'.html_safe,
                                 :style => style, :class => "gantt_hdr") %>
                 <% left = left + width + 1 %>
               <% end %>
               <% while week_f <= @gantt.date_to %>
                 <%
                   width = ((week_f + 6 <= @gantt.date_to) ?
 * zoom - 1 :
                               (@gantt.date_to - week_f + 1) * zoom - 1).to_i
                   style  = ""
                   style += "left: #{left}px;"
                   style += "top: 19px;"
                   style += "width: #{width}px;"
                   style += "height: #{height}px;"
                 %>
                 <%= content_tag(:div, :style => style, :class => "gantt_hdr") do %>
                   <%= content_tag(:small) do %>
                     <%= week_f.cweek if width >= 16 %>
                   <% end %>
                 <% end %>
                 <%
                   left = left + width + 1
                   week_f = week_f + 7
                 %>
               <% end %>
             <% end %>
+            <% ###### Day numbers headers ###### %>
+            <% if show_day_num %>
+              <%
+                left = 0
+                height = g_height + header_height*2 - 1
+                wday = @gantt.date_from.cwday
+                day_num = @gantt.date_from
+              %>
+              <% (@gantt.date_to - @gantt.date_from + 1).to_i.times do %>
+                <%
+                  width =  zoom - 1
+                  style = ""
+                  style += "left:#{left}px;"
+                  style += "top:37px;"
+                  style += "width:#{width}px;"
+                  style += "height:#{height}px;"
+                  style += "font-size:0.7em;"
+                  clss = "gantt_hdr"
+                  clss << " nwday" if @gantt.non_working_week_days.include?(wday)
+                %>
+                <%= content_tag(:div, :style => style, :class => clss) do %>
+                  <%= day_num.day %>
+                <% end %>
+                <%
+                 left = left + width+1
+                 day_num = day_num + 1
+                 wday = wday + 1
+                 wday = 1 if wday > 7
+                %>
+              <% end %>
+            <% end %>
             <% ###### Days headers ####### %>
             <% if show_days %>
               <%
                 left = 0
                 height = g_height + header_height - 1
+                top = (show_day_num ? 55 : 37)
                 wday = @gantt.date_from.cwday
               %>
               <% (@gantt.date_to - @gantt.date_from + 1).to_i.times do %>
                 <%
                   width =  zoom - 1
                   style  = ""
                   style += "left: #{left}px;"
-                  style += "top:37px;"
+                  style += "top: #{top}px;"
                   style += "width: #{width}px;"
                   style += "height: #{height}px;"
                   style += "font-size:0.7em;"
                   clss = "gantt_hdr"
                   clss << " nwday" if @gantt.non_working_week_days.include?(wday)
                 %>
                 <%= content_tag(:div, :style => style, :class => clss) do %>
                   <%= day_letter(wday) %>
                 <% end %>
                 <%
                   left = left + width + 1
                   wday = wday + 1
                   wday = 1 if wday > 7
                 %>
               <% end %>
             <% end %>
             <%= @gantt.lines.html_safe %>
             <% ###### Today red line (excluded from cache) ###### %>
             <% if Date.today >= @gantt.date_from and Date.today <= @gantt.date_to %>
               <%
                 today_left = (((Date.today - @gantt.date_from + 1) * zoom).floor() - 1).to_i
                 style  = ""
                 style += "position: absolute;"
                 style += "height: #{g_height}px;"
                 style += "top: #{headers_height + 1}px;"
                 style += "left: #{today_left}px;"
                 style += "width:10px;"
                 style += "border-left: 1px dashed red;"
               %>
               <%= content_tag(:div, '&nbsp;'.html_safe, :style => style, :id => 'today_line') %>
             <% end %>
             <%
               style  = ""
               style += "position: absolute;"
               style += "height: #{g_height}px;"
               style += "top: #{headers_height + 1}px;"
               style += "left: 0px;"
               style += "width: #{g_width - 1}px;"
             %>
             <%= content_tag(:div, '', :style => style, :id => "gantt_draw_area") %>
             </div>
             </td>
             </tr>
             </table>
             <table style="width:100%">
             <tr>
               <td style="text-align:left;">
                 <%= link_to_content_update("\xc2\xab " + l(:label_previous),
                                            params.merge(@gantt.params_previous),
                                            :accesskey => accesskey(:previous)) %>
               </td>
               <td style="text-align:right;">
                 <%= link_to_content_update(l(:label_next) + " \xc2\xbb",
                                            params.merge(@gantt.params_next),
                                            :accesskey => accesskey(:next)) %>
               </td>
             </tr>
             </table>
             <% other_formats_links do |f| %>
               <%= f.link_to 'PDF', :url => params.merge(@gantt.params) %>
               <%= f.link_to('PNG', :url => params.merge(@gantt.params)) if @gantt.respond_to?('to_image') %>
             <% end %>
             <% end # query.valid? %>
             <% content_for :sidebar do %>
               <%= render :partial => 'issues/sidebar' %>
             <% end %>
             <% html_title(l(:label_gantt)) -%>
             <% content_for :header_tags do %>
               <%= javascript_include_tag 'raphael' %>
               <%= javascript_include_tag 'gantt' %>
             <% end %>
             <%= javascript_tag do %>
               var issue_relation_type = <%= raw Redmine::Helpers::Gantt::DRAW_TYPES.to_json %>;
               $(document).ready(drawGanttHandler);
               $(window).resize(drawGanttHandler);
               $(function() {
                 $("#draw_relations").change(drawGanttHandler);
                 $("#draw_progress_line").change(drawGanttHandler);
               });
             <% end %>

lib/redmine/helpers/gantt.rb +26 -1

             # Redmine - project management software
             # Copyright (C) 2006-2015  Jean-Philippe Lang
             #
             # This program is free software; you can redistribute it and/or
             # modify it under the terms of the GNU General Public License
             # as published by the Free Software Foundation; either version 2
             # of the License, or (at your option) any later version.
             #
             # This program is distributed in the hope that it will be useful,
             # but WITHOUT ANY WARRANTY; without even the implied warranty of
             # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
             # GNU General Public License for more details.
             #
             # You should have received a copy of the GNU General Public License
             # along with this program; if not, write to the Free Software
             # Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
             module Redmine
               module Helpers
                 # Simple class to handle gantt chart data
                 class Gantt
                   class MaxLinesLimitReached < Exception
                   end
                   include ERB::Util
                   include Redmine::I18n
                   include Redmine::Utils::DateCalculation
                   # Relation types that are rendered
                   DRAW_TYPES = {
                     IssueRelation::TYPE_BLOCKS   => { :landscape_margin => 16, :color => '#F34F4F' },
                     IssueRelation::TYPE_PRECEDES => { :landscape_margin => 20, :color => '#628FEA' }
                   }.freeze
                   # :nodoc:
                   # Some utility methods for the PDF export
                   class PDF
                     MaxCharactorsForSubject = 45
                     TotalWidth = 280
                     LeftPaneWidth = 100
                     def self.right_pane_width
                       TotalWidth - LeftPaneWidth
                     end
                   end
                   attr_reader :year_from, :month_from, :date_from, :date_to, :zoom, :months, :truncated, :max_rows
                   attr_accessor :query
                   attr_accessor :project
                   attr_accessor :view
                   def initialize(options={})
                     options = options.dup
                     if options[:year] && options[:year].to_i >0
                       @year_from = options[:year].to_i
                       if options[:month] && options[:month].to_i >=1 && options[:month].to_i <= 12
                         @month_from = options[:month].to_i
                       else
                         @month_from = 1
                       end
                     else
                       @month_from ||= Date.today.month
                       @year_from ||= Date.today.year
                     end
                     zoom = (options[:zoom] || User.current.pref[:gantt_zoom]).to_i
                     @zoom = (zoom > 0 && zoom < 5) ? zoom : 2
                     months = (options[:months] || User.current.pref[:gantt_months]).to_i
                     @months = (months > 0 && months < 25) ? months : 6
                     # Save gantt parameters as user preference (zoom and months count)
                     if (User.current.logged? && (@zoom != User.current.pref[:gantt_zoom] ||
                           @months != User.current.pref[:gantt_months]))
                       User.current.pref[:gantt_zoom], User.current.pref[:gantt_months] = @zoom, @months
                       User.current.preference.save
                     end
                     @date_from = Date.civil(@year_from, @month_from, 1)
                     @date_to = (@date_from >> @months) - 1
                     @subjects = ''
                     @lines = ''
                     @number_of_rows = nil
                     @truncated = false
                     if options.has_key?(:max_rows)
                       @max_rows = options[:max_rows]
                     else
                       @max_rows = Setting.gantt_items_limit.blank? ? nil : Setting.gantt_items_limit.to_i
                     end
                   end
                   def common_params
                     { :controller => 'gantts', :action => 'show', :project_id => @project }
                   end
                   def params
                     common_params.merge({:zoom => zoom, :year => year_from,
                                          :month => month_from, :months => months})
                   end
                   def params_previous
                     common_params.merge({:year => (date_from << months).year,
                                          :month => (date_from << months).month,
                                          :zoom => zoom, :months => months})
                   end
                   def params_next
                     common_params.merge({:year => (date_from >> months).year,
                                          :month => (date_from >> months).month,
                                          :zoom => zoom, :months => months})
                   end
                   # Returns the number of rows that will be rendered on the Gantt chart
                   def number_of_rows
                     return @number_of_rows if @number_of_rows
                     rows = projects.inject(0) {|total, p| total += number_of_rows_on_project(p)}
                     rows > @max_rows ? @max_rows : rows
                   end
                   # Returns the number of rows that will be used to list a project on
                   # the Gantt chart.  This will recurse for each subproject.
                   def number_of_rows_on_project(project)
                     return 0 unless projects.include?(project)
                     count = 1
                     count += project_issues(project).size
                     count += project_versions(project).size
                     count
                   end
                   # Renders the subjects of the Gantt chart, the left side.
                   def subjects(options={})
                     render(options.merge(:only => :subjects)) unless @subjects_rendered
                     @subjects
                   end
                   # Renders the lines of the Gantt chart, the right side
                   def lines(options={})
                     render(options.merge(:only => :lines)) unless @lines_rendered
                     @lines
                   end
                   # Returns issues that will be rendered
                   def issues
                     @issues ||= @query.issues(
                       :include => [:assigned_to, :tracker, :priority, :category, :fixed_version],
                       :order => "#{Project.table_name}.lft ASC, #{Issue.table_name}.id ASC",
                       :limit => @max_rows
                     )
                   end
                   # Returns a hash of the relations between the issues that are present on the gantt
                   # and that should be displayed, grouped by issue ids.
                   def relations
                     return @relations if @relations
                     if issues.any?
                       issue_ids = issues.map(&:id)
                       @relations = IssueRelation.
                         where(:issue_from_id => issue_ids, :issue_to_id => issue_ids, :relation_type => DRAW_TYPES.keys).
                         group_by(&:issue_from_id)
                     else
                       @relations = {}
                     end
                   end
                   # Return all the project nodes that will be displayed
                   def projects
                     return @projects if @projects
                     ids = issues.collect(&:project).uniq.collect(&:id)
                     if ids.any?
                       # All issues projects and their visible ancestors
                       @projects = Project.visible.
                         joins("LEFT JOIN #{Project.table_name} child ON #{Project.table_name}.lft <= child.lft AND #{Project.table_name}.rgt >= child.rgt").
                         where("child.id IN (?)", ids).
                         order("#{Project.table_name}.lft ASC").
                         uniq.
                         to_a
                     else
                       @projects = []
                     end
                   end
                   # Returns the issues that belong to +project+
                   def project_issues(project)
                     @issues_by_project ||= issues.group_by(&:project)
                     @issues_by_project[project] || []
                   end
                   # Returns the distinct versions of the issues that belong to +project+
                   def project_versions(project)
                     project_issues(project).collect(&:fixed_version).compact.uniq
                   end
                   # Returns the issues that belong to +project+ and are assigned to +version+
                   def version_issues(project, version)
                     project_issues(project).select {|issue| issue.fixed_version == version}
                   end
                   def render(options={})
                     options = {:top => 0, :top_increment => 20,
                                :indent_increment => 20, :render => :subject,
                                :format => :html}.merge(options)
                     indent = options[:indent] || 4
                     @subjects = '' unless options[:only] == :lines
                     @lines = '' unless options[:only] == :subjects
                     @number_of_rows = 0
                     begin
                       Project.project_tree(projects) do |project, level|
                         options[:indent] = indent + level * options[:indent_increment]
                         render_project(project, options)
                       end
                     rescue MaxLinesLimitReached
                       @truncated = true
                     end
                     @subjects_rendered = true unless options[:only] == :lines
                     @lines_rendered = true unless options[:only] == :subjects
                     render_end(options)
                   end
                   def render_project(project, options={})
                     render_object_row(project, options)
                     increment_indent(options) do
                       # render issue that are not assigned to a version
                       issues = project_issues(project).select {|i| i.fixed_version.nil?}
                       render_issues(issues, options)
                       # then render project versions and their issues
                       versions = project_versions(project)
                       self.class.sort_versions!(versions)
                       versions.each do |version|
                         render_version(project, version, options)
                       end
                     end
                   end
                   def render_version(project, version, options={})
                     render_object_row(version, options)
                     increment_indent(options) do
                       issues = version_issues(project, version)
                       render_issues(issues, options)
                     end
                   end
                   def render_issues(issues, options={})
                     self.class.sort_issues!(issues)
                     ancestors = []
                     issues.each do |issue|
                       while ancestors.any? && !issue.is_descendant_of?(ancestors.last)
                         ancestors.pop
                         decrement_indent(options)
                       end
                       render_object_row(issue, options)
                       unless issue.leaf?
                         ancestors << issue
                         increment_indent(options)
                       end
                     end
                     decrement_indent(options, ancestors.size)
                   end
                   def render_object_row(object, options)
                     class_name = object.class.name.downcase
                     send("subject_for_#{class_name}", object, options) unless options[:only] == :lines
                     send("line_for_#{class_name}", object, options) unless options[:only] == :subjects
                     options[:top] += options[:top_increment]
                     @number_of_rows += 1
                     if @max_rows && @number_of_rows >= @max_rows
                       raise MaxLinesLimitReached
                     end
                   end
                   def render_end(options={})
                     case options[:format]
                     when :pdf
                       options[:pdf].Line(15, options[:top], PDF::TotalWidth, options[:top])
                     end
                   end
                   def increment_indent(options, factor=1)
                     options[:indent] += options[:indent_increment] * factor
                     if block_given?
                       yield
                       decrement_indent(options, factor)
                     end
                   end
                   def decrement_indent(options, factor=1)
                     increment_indent(options, -factor)
                   end
                   def subject_for_project(project, options)
                     subject(project.name, options, project)
                   end
                   def line_for_project(project, options)
                     # Skip projects that don't have a start_date or due date
                     if project.is_a?(Project) && project.start_date && project.due_date
                       label = project.name
                       line(project.start_date, project.due_date, nil, true, label, options, project)
                     end
                   end
                   def subject_for_version(version, options)
                     subject(version.to_s_with_project, options, version)
                   end
                   def line_for_version(version, options)
                     # Skip versions that don't have a start_date
                     if version.is_a?(Version) && version.due_date && version.start_date
                       label = "#{h(version)} #{h(version.completed_percent.to_f.round)}%"
                       label = h("#{version.project} -") + label unless @project && @project == version.project
                       line(version.start_date, version.due_date,  version.completed_percent, true, label, options, version)
                     end
                   end
                   def subject_for_issue(issue, options)
                     subject(issue.subject, options, issue)
                   end
                   def line_for_issue(issue, options)
                     # Skip issues that don't have a due_before (due_date or version's due_date)
                     if issue.is_a?(Issue) && issue.due_before
                       label = "#{issue.status.name} #{issue.done_ratio}%"
                       markers = !issue.leaf?
                       line(issue.start_date, issue.due_before, issue.done_ratio, markers, label, options, issue)
                     end
                   end
                   def subject(label, options, object=nil)
                     send "#{options[:format]}_subject", options, label, object
                   end
                   def line(start_date, end_date, done_ratio, markers, label, options, object=nil)
                     options[:zoom] ||= 1
                     options[:g_width] ||= (self.date_to - self.date_from + 1) * options[:zoom]
                     coords = coordinates(start_date, end_date, done_ratio, options[:zoom])
                     send "#{options[:format]}_task", options, coords, markers, label, object
                   end
                   # Generates a gantt image
                   # Only defined if RMagick is avalaible
                   def to_image(format='PNG')
                     date_to = (@date_from >> @months) - 1
                     show_weeks = @zoom > 1
                     show_days = @zoom > 2
                     subject_width = 400
                     header_height = 18
                     # width of one day in pixels
                     zoom = @zoom * 2
                     g_width = (@date_to - @date_from + 1) * zoom
                     g_height = 20 * number_of_rows + 30
                     headers_height = (show_weeks ? 2 * header_height : header_height)
                     height = g_height + headers_height
                     imgl = Magick::ImageList.new
                     imgl.new_image(subject_width + g_width + 1, height)
                     gc = Magick::Draw.new
                     gc.font = Redmine::Configuration['rmagick_font_path'] || ""
                     # Subjects
                     gc.stroke('transparent')
                     subjects(:image => gc, :top => (headers_height + 20), :indent => 4, :format => :image)
                     # Months headers
                     month_f = @date_from
                     left = subject_width
                     @months.times do
                       width = ((month_f >> 1) - month_f) * zoom
                       gc.fill('white')
                       gc.stroke('grey')
                       gc.stroke_width(1)
                       gc.rectangle(left, 0, left + width, height)
                       gc.fill('black')
                       gc.stroke('transparent')
                       gc.stroke_width(1)
                       gc.text(left.round + 8, 14, "#{month_f.year}-#{month_f.month}")
                       left = left + width
                       month_f = month_f >> 1
                     end
                     # Weeks headers
                     if show_weeks
                       left = subject_width
                       height = header_height
                       if @date_from.cwday == 1
                         # date_from is monday
                         week_f = date_from
                       else
                         # find next monday after date_from
                         week_f = @date_from + (7 - @date_from.cwday + 1)
                         width = (7 - @date_from.cwday + 1) * zoom
                         gc.fill('white')
                         gc.stroke('grey')
                         gc.stroke_width(1)
                         gc.rectangle(left, header_height, left + width, 2 * header_height + g_height - 1)
                         left = left + width
                       end
                       while week_f <= date_to
                         width = (week_f + 6 <= date_to) ? 7 * zoom : (date_to - week_f + 1) * zoom
                         gc.fill('white')
                         gc.stroke('grey')
                         gc.stroke_width(1)
                         gc.rectangle(left.round, header_height, left.round + width, 2 * header_height + g_height - 1)
                         gc.fill('black')
                         gc.stroke('transparent')
                         gc.stroke_width(1)
                         gc.text(left.round + 2, header_height + 14, week_f.cweek.to_s)
                         left = left + width
                         week_f = week_f + 7
                       end
                     end
                     # Days details (week-end in grey)
                     if show_days
                       left = subject_width
                       height = g_height + header_height - 1
                       wday = @date_from.cwday
                       (date_to - @date_from + 1).to_i.times do
                         width =  zoom
                         gc.fill(non_working_week_days.include?(wday) ? '#eee' : 'white')
                         gc.stroke('#ddd')
                         gc.stroke_width(1)
                         gc.rectangle(left, 2 * header_height, left + width, 2 * header_height + g_height - 1)
                         left = left + width
                         wday = wday + 1
                         wday = 1 if wday > 7
                       end
                     end
                     # border
                     gc.fill('transparent')
                     gc.stroke('grey')
                     gc.stroke_width(1)
                     gc.rectangle(0, 0, subject_width + g_width, headers_height)
                     gc.stroke('black')
                     gc.rectangle(0, 0, subject_width + g_width, g_height + headers_height - 1)
                     # content
                     top = headers_height + 20
                     gc.stroke('transparent')
                     lines(:image => gc, :top => top, :zoom => zoom,
                           :subject_width => subject_width, :format => :image)
                     # today red line
                     if Date.today >= @date_from and Date.today <= date_to
                       gc.stroke('red')
                       x = (Date.today - @date_from + 1) * zoom + subject_width
                       gc.line(x, headers_height, x, headers_height + g_height - 1)
                     end
                     gc.draw(imgl)
                     imgl.format = format
                     imgl.to_blob
                   end if Object.const_defined?(:Magick)
                   def to_pdf
                     pdf = ::Redmine::Export::PDF::ITCPDF.new(current_language)
                     pdf.SetTitle("#{l(:label_gantt)} #{project}")
                     pdf.alias_nb_pages
                     pdf.footer_date = format_date(Date.today)
                     pdf.AddPage("L")
                     pdf.SetFontStyle('B', 12)
                     pdf.SetX(15)
                     pdf.RDMCell(PDF::LeftPaneWidth, 20, project.to_s)
                     pdf.Ln
                     pdf.SetFontStyle('B', 9)
                     subject_width = PDF::LeftPaneWidth
                     header_height = 5
                     headers_height = header_height
                     show_weeks = false
                     show_days = false
                     if self.months < 7
                       show_weeks = true
                       headers_height = 2 * header_height
                       if self.months < 3
                         show_days = true
                         headers_height = 3 * header_height
+                        if self.months < 2
+                          show_day_num = true
+                          headers_height = 4 * header_height
+                        end
                       end
                     end
                     g_width = PDF.right_pane_width
                     zoom = (g_width) / (self.date_to - self.date_from + 1)
                     g_height = 120
                     t_height = g_height + headers_height
                     y_start = pdf.GetY
                     # Months headers
                     month_f = self.date_from
                     left = subject_width
                     height = header_height
                     self.months.times do
                       width = ((month_f >> 1) - month_f) * zoom
                       pdf.SetY(y_start)
                       pdf.SetX(left)
                       pdf.RDMCell(width, height, "#{month_f.year}-#{month_f.month}", "LTR", 0, "C")
                       left = left + width
                       month_f = month_f >> 1
                     end
                     # Weeks headers
                     if show_weeks
                       left = subject_width
                       height = header_height
                       if self.date_from.cwday == 1
                         # self.date_from is monday
                         week_f = self.date_from
                       else
                         # find next monday after self.date_from
                         week_f = self.date_from + (7 - self.date_from.cwday + 1)
                         width = (7 - self.date_from.cwday + 1) * zoom-1
                         pdf.SetY(y_start + header_height)
                         pdf.SetX(left)
                         pdf.RDMCell(width + 1, height, "", "LTR")
                         left = left + width + 1
                       end
                       while week_f <= self.date_to
                         width = (week_f + 6 <= self.date_to) ? 7 * zoom : (self.date_to - week_f + 1) * zoom
                         pdf.SetY(y_start + header_height)
                         pdf.SetX(left)
                         pdf.RDMCell(width, height, (width >= 5 ? week_f.cweek.to_s : ""), "LTR", 0, "C")
                         left = left + width
                         week_f = week_f + 7
                       end
                     end
+                    # Day numbers headers
+                    if show_day_num
+                      left = subject_width
+                      height = header_height
+                      day_num = self.date_from
+                      wday = self.date_from.cwday
+                      pdf.SetFontStyle('B', 7)
+                      (self.date_to - self.date_from + 1).to_i.times do
+                        width = zoom
+                        pdf.SetY(y_start + header_height * 2)
+                        pdf.SetX(left)
+                        pdf.SetTextColor(non_working_week_days.include?(wday) ? 150 : 0)
+                        pdf.RDMCell(width, height, day_num.day.to_s, "LTR", 0, "C")
+                        left = left + width
+                        day_num = day_num + 1
+                        wday = wday + 1
+                        wday = 1 if wday > 7
+                      end
+                    end
                     # Days headers
                     if show_days
                       left = subject_width
                       height = header_height
                       wday = self.date_from.cwday
                       pdf.SetFontStyle('B', 7)
                       (self.date_to - self.date_from + 1).to_i.times do
                         width = zoom
-                        pdf.SetY(y_start + 2 * header_height)
+                        pdf.SetY(y_start + header_height * (show_day_num ? 3 : 2))
                         pdf.SetX(left)
+                        pdf.SetTextColor(non_working_week_days.include?(wday) ? 150 : 0)
                         pdf.RDMCell(width, height, day_name(wday).first, "LTR", 0, "C")
                         left = left + width
                         wday = wday + 1
                         wday = 1 if wday > 7
                       end
                     end
                     pdf.SetY(y_start)
                     pdf.SetX(15)
+                    pdf.SetTextColor(0)
                     pdf.RDMCell(subject_width + g_width - 15, headers_height, "", 1)
                     # Tasks
                     top = headers_height + y_start
                     options = {
                       :top => top,
                       :zoom => zoom,
                       :subject_width => subject_width,
                       :g_width => g_width,
                       :indent => 0,
                       :indent_increment => 5,
                       :top_increment => 5,
                       :format => :pdf,
                       :pdf => pdf
                     }
                     render(options)
                     pdf.Output
                   end
                   private
                   def coordinates(start_date, end_date, progress, zoom=nil)
                     zoom ||= @zoom
                     coords = {}
                     if start_date && end_date && start_date < self.date_to && end_date > self.date_from
                       if start_date > self.date_from
                         coords[:start] = start_date - self.date_from
                         coords[:bar_start] = start_date - self.date_from
                       else
                         coords[:bar_start] = 0
                       end
                       if end_date < self.date_to
                         coords[:end] = end_date - self.date_from
                         coords[:bar_end] = end_date - self.date_from + 1
                       else
                         coords[:bar_end] = self.date_to - self.date_from + 1
                       end
                       if progress
                         progress_date = calc_progress_date(start_date, end_date, progress)
                         if progress_date > self.date_from && progress_date > start_date
                           if progress_date < self.date_to
                             coords[:bar_progress_end] = progress_date - self.date_from
                           else
                             coords[:bar_progress_end] = self.date_to - self.date_from + 1
                           end
                         end
                         if progress_date < Date.today
                           late_date = [Date.today, end_date].min
                           if late_date > self.date_from && late_date > start_date
                             if late_date < self.date_to
                               coords[:bar_late_end] = late_date - self.date_from + 1
                             else
                               coords[:bar_late_end] = self.date_to - self.date_from + 1
                             end
                           end
                         end
                       end
                     end
                     # Transforms dates into pixels witdh
                     coords.keys.each do |key|
                       coords[key] = (coords[key] * zoom).floor
                     end
                     coords
                   end
                   def calc_progress_date(start_date, end_date, progress)
                     start_date + (end_date - start_date + 1) * (progress / 100.0)
                   end
                   def self.sort_issues!(issues)
                     issues.sort! {|a, b| sort_issue_logic(a) <=> sort_issue_logic(b)}
                   end
                   def self.sort_issue_logic(issue)
                     julian_date = Date.new()
                     ancesters_start_date = []
                     current_issue = issue
                     begin
                       ancesters_start_date.unshift([current_issue.start_date || julian_date, current_issue.id])
                       current_issue = current_issue.parent
                     end while (current_issue)
                     ancesters_start_date
                   end
                   def self.sort_versions!(versions)
                     versions.sort!
                   end
                   def pdf_new_page?(options)
                     if options[:top] > 180
                       options[:pdf].Line(15, options[:top], PDF::TotalWidth, options[:top])
                       options[:pdf].AddPage("L")
                       options[:top] = 15
                       options[:pdf].Line(15, options[:top] - 0.1, PDF::TotalWidth, options[:top] - 0.1)
                     end
                   end
                   def html_subject_content(object)
                     case object
                     when Issue
                       issue = object
                       css_classes = ''
                       css_classes << ' issue-overdue' if issue.overdue?
                       css_classes << ' issue-behind-schedule' if issue.behind_schedule?
                       css_classes << ' icon icon-issue' unless Setting.gravatar_enabled? && issue.assigned_to
                       css_classes << ' issue-closed' if issue.closed?
                       if issue.start_date && issue.due_before && issue.done_ratio
                         progress_date = calc_progress_date(issue.start_date,
                                                            issue.due_before, issue.done_ratio)
                         css_classes << ' behind-start-date' if progress_date < self.date_from
                         css_classes << ' over-end-date' if progress_date > self.date_to
                       end
                       s = "".html_safe
                       if issue.assigned_to.present?
                         assigned_string = l(:field_assigned_to) + ": " + issue.assigned_to.name
                         s << view.avatar(issue.assigned_to,
                                          :class => 'gravatar icon-gravatar',
                                          :size => 10,
                                          :title => assigned_string).to_s.html_safe
                       end
                       s << view.link_to_issue(issue).html_safe
                       view.content_tag(:span, s, :class => css_classes).html_safe
                     when Version
                       version = object
                       html_class = ""
                       html_class << 'icon icon-package '
                       html_class << (version.behind_schedule? ? 'version-behind-schedule' : '') << " "
                       html_class << (version.overdue? ? 'version-overdue' : '')
                       html_class << ' version-closed' unless version.open?
                       if version.start_date && version.due_date && version.completed_percent
                         progress_date = calc_progress_date(version.start_date,
                                                            version.due_date, version.completed_percent)
                         html_class << ' behind-start-date' if progress_date < self.date_from
                         html_class << ' over-end-date' if progress_date > self.date_to
                       end
                       s = view.link_to_version(version).html_safe
                       view.content_tag(:span, s, :class => html_class).html_safe
                     when Project
                       project = object
                       html_class = ""
                       html_class << 'icon icon-projects '
                       html_class << (project.overdue? ? 'project-overdue' : '')
                       s = view.link_to_project(project).html_safe
                       view.content_tag(:span, s, :class => html_class).html_safe
                     end
                   end
                   def html_subject(params, subject, object)
                     style = "position: absolute;top:#{params[:top]}px;left:#{params[:indent]}px;"
                     style << "width:#{params[:subject_width] - params[:indent]}px;" if params[:subject_width]
                     content = html_subject_content(object) || subject
                     tag_options = {:style => style}
                     case object
                     when Issue
                       tag_options[:id] = "issue-#{object.id}"
                       tag_options[:class] = "issue-subject"
                       tag_options[:title] = object.subject
                     when Version
                       tag_options[:id] = "version-#{object.id}"
                       tag_options[:class] = "version-name"
                     when Project
                       tag_options[:class] = "project-name"
                     end
                     output = view.content_tag(:div, content, tag_options)
                     @subjects << output
                     output
                   end
                   def pdf_subject(params, subject, options={})
                     pdf_new_page?(params)
                     params[:pdf].SetY(params[:top])
                     params[:pdf].SetX(15)
                     char_limit = PDF::MaxCharactorsForSubject - params[:indent]
                     params[:pdf].RDMCell(params[:subject_width] - 15, 5,
                                          (" " * params[:indent]) +
                                            subject.to_s.sub(/^(.{#{char_limit}}[^\s]*\s).*$/, '\1 (...)'),
                                           "LR")
                     params[:pdf].SetY(params[:top])
                     params[:pdf].SetX(params[:subject_width])
                     params[:pdf].RDMCell(params[:g_width], 5, "", "LR")
                   end
                   def image_subject(params, subject, options={})
                     params[:image].fill('black')
                     params[:image].stroke('transparent')
                     params[:image].stroke_width(1)
                     params[:image].text(params[:indent], params[:top] + 2, subject)
                   end
                   def issue_relations(issue)
                     rels = {}
                     if relations[issue.id]
                       relations[issue.id].each do |relation|
                         (rels[relation.relation_type] ||= []) << relation.issue_to_id
                       end
                     end
                     rels
                   end
                   def html_task(params, coords, markers, label, object)
                     output = ''
                     css = "task " + case object
                       when Project
                         "project"
                       when Version
                         "version"
                       when Issue
                         object.leaf? ? 'leaf' : 'parent'
                       else
                         ""
                       end
                     # Renders the task bar, with progress and late
                     if coords[:bar_start] && coords[:bar_end]
                       width = coords[:bar_end] - coords[:bar_start] - 2
                       style = ""
                       style << "top:#{params[:top]}px;"
                       style << "left:#{coords[:bar_start]}px;"
                       style << "width:#{width}px;"
                       html_id = "task-todo-issue-#{object.id}" if object.is_a?(Issue)
                       html_id = "task-todo-version-#{object.id}" if object.is_a?(Version)
                       content_opt = {:style => style,
                                      :class => "#{css} task_todo",
                                      :id => html_id}
                       if object.is_a?(Issue)
                         rels = issue_relations(object)
                         if rels.present?
                           content_opt[:data] = {"rels" => rels.to_json}
                         end
                       end
                       output << view.content_tag(:div, '&nbsp;'.html_safe, content_opt)
                       if coords[:bar_late_end]
                         width = coords[:bar_late_end] - coords[:bar_start] - 2
                         style = ""
                         style << "top:#{params[:top]}px;"
                         style << "left:#{coords[:bar_start]}px;"
                         style << "width:#{width}px;"
                         output << view.content_tag(:div, '&nbsp;'.html_safe,
                                                    :style => style,
                                                    :class => "#{css} task_late")
                       end
                       if coords[:bar_progress_end]
                         width = coords[:bar_progress_end] - coords[:bar_start] - 2
                         style = ""
                         style << "top:#{params[:top]}px;"
                         style << "left:#{coords[:bar_start]}px;"
                         style << "width:#{width}px;"
                         html_id = "task-done-issue-#{object.id}" if object.is_a?(Issue)
                         html_id = "task-done-version-#{object.id}" if object.is_a?(Version)
                         output << view.content_tag(:div, '&nbsp;'.html_safe,
                                                    :style => style,
                                                    :class => "#{css} task_done",
                                                    :id => html_id)
                       end
                     end
                     # Renders the markers
                     if markers
                       if coords[:start]
                         style = ""
                         style << "top:#{params[:top]}px;"
                         style << "left:#{coords[:start]}px;"
                         style << "width:15px;"
                         output << view.content_tag(:div, '&nbsp;'.html_safe,
                                                    :style => style,
                                                    :class => "#{css} marker starting")
                       end
                       if coords[:end]
                         style = ""
                         style << "top:#{params[:top]}px;"
                         style << "left:#{coords[:end] + params[:zoom]}px;"
                         style << "width:15px;"
                         output << view.content_tag(:div, '&nbsp;'.html_safe,
                                                    :style => style,
                                                    :class => "#{css} marker ending")
                       end
                     end
                     # Renders the label on the right
                     if label
                       style = ""
                       style << "top:#{params[:top]}px;"
                       style << "left:#{(coords[:bar_end] || 0) + 8}px;"
                       style << "width:15px;"
                       output << view.content_tag(:div, label,
                                                  :style => style,
                                                  :class => "#{css} label")
                     end
                     # Renders the tooltip
                     if object.is_a?(Issue) && coords[:bar_start] && coords[:bar_end]
                       s = view.content_tag(:span,
                                            view.render_issue_tooltip(object).html_safe,
                                            :class => "tip")
                       style = ""
                       style << "position: absolute;"
                       style << "top:#{params[:top]}px;"
                       style << "left:#{coords[:bar_start]}px;"
                       style << "width:#{coords[:bar_end] - coords[:bar_start]}px;"
                       style << "height:12px;"
                       output << view.content_tag(:div, s.html_safe,
                                                  :style => style,
                                                  :class => "tooltip")
                     end
                     @lines << output
                     output
                   end
                   def pdf_task(params, coords, markers, label, object)
                     cell_height_ratio = params[:pdf].get_cell_height_ratio()
                     params[:pdf].set_cell_height_ratio(0.1)
                     height = 2
                     height /= 2 if markers
                     # Renders the task bar, with progress and late
                     if coords[:bar_start] && coords[:bar_end]
                       params[:pdf].SetY(params[:top] + 1.5)
                       params[:pdf].SetX(params[:subject_width] + coords[:bar_start])
                       params[:pdf].SetFillColor(200, 200, 200)
                       params[:pdf].RDMCell(coords[:bar_end] - coords[:bar_start], height, "", 0, 0, "", 1)
                       if coords[:bar_late_end]
                         params[:pdf].SetY(params[:top] + 1.5)
                         params[:pdf].SetX(params[:subject_width] + coords[:bar_start])
                         params[:pdf].SetFillColor(255, 100, 100)
                         params[:pdf].RDMCell(coords[:bar_late_end] - coords[:bar_start], height, "", 0, 0, "", 1)
                       end
                       if coords[:bar_progress_end]
                         params[:pdf].SetY(params[:top] + 1.5)
                         params[:pdf].SetX(params[:subject_width] + coords[:bar_start])
                         params[:pdf].SetFillColor(90, 200, 90)
                         params[:pdf].RDMCell(coords[:bar_progress_end] - coords[:bar_start], height, "", 0, 0, "", 1)
                       end
                     end
                     # Renders the markers
                     if markers
                       if coords[:start]
                         params[:pdf].SetY(params[:top] + 1)
                         params[:pdf].SetX(params[:subject_width] + coords[:start] - 1)
                         params[:pdf].SetFillColor(50, 50, 200)
                         params[:pdf].RDMCell(2, 2, "", 0, 0, "", 1)
                       end
                       if coords[:end]
                         params[:pdf].SetY(params[:top] + 1)
                         params[:pdf].SetX(params[:subject_width] + coords[:end] - 1)
                         params[:pdf].SetFillColor(50, 50, 200)
                         params[:pdf].RDMCell(2, 2, "", 0, 0, "", 1)
                       end
                     end
                     # Renders the label on the right
                     if label
                       params[:pdf].SetX(params[:subject_width] + (coords[:bar_end] || 0) + 5)
                       params[:pdf].RDMCell(30, 2, label)
                     end
                     params[:pdf].set_cell_height_ratio(cell_height_ratio)
                   end
                   def image_task(params, coords, markers, label, object)
                     height = 6
                     height /= 2 if markers
                     # Renders the task bar, with progress and late
                     if coords[:bar_start] && coords[:bar_end]
                       params[:image].fill('#aaa')
                       params[:image].rectangle(params[:subject_width] + coords[:bar_start],
                                                params[:top],
                                                params[:subject_width] + coords[:bar_end],
                                                params[:top] - height)
                       if coords[:bar_late_end]
                         params[:image].fill('#f66')
                         params[:image].rectangle(params[:subject_width] + coords[:bar_start],
                                                  params[:top],
                                                  params[:subject_width] + coords[:bar_late_end],
                                                  params[:top] - height)
                       end
                       if coords[:bar_progress_end]
                         params[:image].fill('#00c600')
                         params[:image].rectangle(params[:subject_width] + coords[:bar_start],
                                                  params[:top],
                                                  params[:subject_width] + coords[:bar_progress_end],
                                                  params[:top] - height)
                       end
                     end
                     # Renders the markers
                     if markers
                       if coords[:start]
                         x = params[:subject_width] + coords[:start]
                         y = params[:top] - height / 2
                         params[:image].fill('blue')
                         params[:image].polygon(x - 4, y, x, y - 4, x + 4, y, x, y + 4)
                       end
                       if coords[:end]
                         x = params[:subject_width] + coords[:end] + params[:zoom]
                         y = params[:top] - height / 2
                         params[:image].fill('blue')
                         params[:image].polygon(x - 4, y, x, y - 4, x + 4, y, x, y + 4)
                       end
                     end
                     # Renders the label on the right
                     if label
                       params[:image].fill('black')
                       params[:image].text(params[:subject_width] + (coords[:bar_end] || 0) + 5,
                                           params[:top] + 1,
                                           label)
                     end
                   end
                 end
               end
             end

public/stylesheets/application.css +1 -1

             html {overflow-y:scroll;}
             body { font-family: Verdana, sans-serif; font-size: 12px; color:#484848; 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;}
             #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 a.ancestor { font-size: 80%; }
             #quick-search {float:right;}
             #main-menu {position: absolute;  bottom: 0px;  left:6px; margin-right: -500px;}
             #main-menu ul {margin: 0;  padding: 0;}
             #main-menu li {
               float:left;
               list-style-type:none;
               margin: 0px 2px 0px 0px;
               padding: 0px 0px 0px 0px;
               white-space:nowrap;
             }
             #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 a.selected, #main-menu li a.selected:hover {background:#fff; color:#555;}
             #admin-menu ul {margin: 0;  padding: 0;}
             #admin-menu li {margin: 0;  padding: 0 0 6px 0; list-style-type:none;}
             #admin-menu a { background-position: 0% 40%; background-repeat: no-repeat; padding-left: 20px; padding-top: 2px; padding-bottom: 3px;}
             #admin-menu a.projects { background-image: url(../images/projects.png); }
             #admin-menu a.users { background-image: url(../images/user.png); }
             #admin-menu a.groups { background-image: url(../images/group.png); }
             #admin-menu a.roles { background-image: url(../images/database_key.png); }
             #admin-menu a.trackers { background-image: url(../images/ticket.png); }
             #admin-menu a.issue_statuses { background-image: url(../images/ticket_edit.png); }
             #admin-menu a.workflows { background-image: url(../images/ticket_go.png); }
             #admin-menu a.custom_fields { background-image: url(../images/textfield.png); }
             #admin-menu a.enumerations { background-image: url(../images/text_list_bullets.png); }
             #admin-menu a.settings { background-image: url(../images/changeset.png); }
             #admin-menu a.plugins { background-image: url(../images/plugin.png); }
             #admin-menu a.info { background-image: url(../images/help.png); }
             #admin-menu a.server_authentication { background-image: url(../images/server_key.png); }
             #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 {margin: 0;  padding: 0;}
             #sidebar ul li {list-style-type:none;margin: 0px 2px 0px 0px; padding: 0px 0px 0px 0px;}
             #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 table {margin-top:5em; padding:1em; margin-left: auto; margin-right: auto; border: 2px solid #FDBF3B; background-color:#FFEBC1; }
             #login-form table td {padding: 6px;}
             #login-form label {font-weight: bold;}
             #login-form input#username, #login-form input#password { width: 300px; }
             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;}
             input#openid_url { background: url(../images/openid-bg.gif) no-repeat; background-color: #fff; background-position: 0 50%; padding-left: 18px; }
             .clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
             /***** 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;}
             /***** Tables *****/
             table.list { border: 1px solid #e4e4e4;  border-collapse: collapse; width: 100%; margin-bottom: 4px; }
             table.list th {  background-color:#EEEEEE; padding: 4px; white-space:nowrap; }
             table.list td {text-align:center; vertical-align:top; 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 { width: 15%; white-space:nowrap; text-align: right; }
             table.list td.buttons a { padding-right: 0.6em; }
             table.list td.buttons img {vertical-align:middle;}
             table.list td.reorder {width:15%; white-space:nowrap; text-align:center; }
             table.list caption { text-align: left; padding: 0.5em 0.5em 0.5em 0; }
             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.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 a {background: url(../images/bullet_arrow_right.png) no-repeat 0 50%; padding-left: 16px;}
             tr.issue.idnt-1 td.subject {padding-left: 0.5em;}
             tr.issue.idnt-2 td.subject {padding-left: 2em;}
             tr.issue.idnt-3 td.subject {padding-left: 3.5em;}
             tr.issue.idnt-4 td.subject {padding-left: 5em;}
             tr.issue.idnt-5 td.subject {padding-left: 6.5em;}
             tr.issue.idnt-6 td.subject {padding-left: 8em;}
             tr.issue.idnt-7 td.subject {padding-left: 9.5em;}
             tr.issue.idnt-8 td.subject {padding-left: 11em;}
             tr.issue.idnt-9 td.subject {padding-left: 12.5em;}
             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.subject { padding-left: 20px; }
             tr.message td.created_on { white-space: nowrap; }
             tr.message td.last_message { font-size: 80%; white-space: nowrap; }
             tr.message.locked td.subject { background: url(../images/locked.png) no-repeat 0 1px; }
             tr.message.sticky td.subject { background: url(../images/bullet_go.png) no-repeat 0 1px; font-weight: bold; }
             tr.version.closed, tr.version.closed a { color: #999; }
             tr.version td.name { padding-left: 20px; }
             tr.version.shared td.name { background: url(../images/link.png) no-repeat 0% 70%; }
             tr.version td.date, tr.version td.status, tr.version td.sharing { text-align: center; white-space:nowrap; }
             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;}
             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 tbody tr.group td { padding: 0.8em 0 0.5em 0.3em; font-weight: bold; border-bottom: 1px solid #ccc; text-align:left; }
             table.list tbody tr.group span.count {position:relative; top:-1px; color:#fff; font-size:10px; background:#9DB9D5; padding:0px 6px 1px 6px; border-radius:3px; margin-left:4px;}
             tr.group a.toggle-all { color: #aaa; font-size: 80%; font-weight: normal; display:none;}
             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;}
             .odd {background-color:#f6f7f8;}
             .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.attributes { width: 100% }
             table.attributes th { vertical-align: top; text-align: left; }
             table.attributes td { vertical-align: top; }
             table.boards a.board, h3.comments { background: url(../images/comment.png) no-repeat 0% 50%; padding-left: 20px; }
             table.boards td.last-message {text-align:left;font-size:80%;}
             table.messages td.last_message {text-align:left;}
             #query_form_content {font-size:90%;}
             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;}
             td.center {text-align:center;}
             h3.version { background: url(../images/package.png) no-repeat 0% 50%; padding-left: 20px; }
             div.issues h3 { background: url(../images/ticket.png) no-repeat 0% 50%; padding-left: 20px; }
             div.members h3 { background: url(../images/group.png) no-repeat 0% 50%; padding-left: 20px; }
             div.news h3 { background: url(../images/news.png) no-repeat 0% 50%; padding-left: 20px; }
             div.projects h3 { background: url(../images/projects.png) no-repeat 0% 50%; padding-left: 20px; }
             #watchers select {width: 95%; display: block;}
             #watchers a.delete {opacity: 0.4; vertical-align: middle;}
             #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.search_for_watchers a, 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-top:5px; padding-left: 10px; font-size:0.9em;}
             .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;}
             fieldset {border: 1px solid #e4e4e4; margin:0;}
             legend {color: #484848;}
             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;}
             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 table.attributes th {width:22%;}
             div.issue table.attributes td {width:28%;}
             #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:180px; }
             fieldset#filters td.operator select {max-width:170px;}
             fieldset#filters td.values { white-space:nowrap; }
             fieldset#filters td.values select {min-width:130px;}
             fieldset#filters td.values input {height:1em;}
             fieldset#filters td.add-filter { text-align: right; vertical-align: top; }
             .toggle-multiselect {background: url(../images/bullet_toggle_plus.png) no-repeat 0% 40%; padding-left:8px; margin-left:0; 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;}
             .journal ul.details img {margin:0 0 -3px 4px;}
             div.journal {overflow:auto;}
             div.journal.private-notes {border-left:2px solid #d22; padding-left:4px; margin-left:-6px;}
             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, #search-results dt { margin-bottom: 0px; padding-left: 20px; line-height: 18px; background-position: 0 50%; background-repeat: no-repeat; }
             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;}
             #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; }
             dt.issue { background-image: url(../images/ticket.png); }
             dt.issue-edit { background-image: url(../images/ticket_edit.png); }
             dt.issue-closed { background-image: url(../images/ticket_checked.png); }
             dt.issue-note { background-image: url(../images/ticket_note.png); }
             dt.changeset { background-image: url(../images/changeset.png); }
             dt.news { background-image: url(../images/news.png); }
             dt.message { background-image: url(../images/message.png); }
             dt.reply { background-image: url(../images/comments.png); }
             dt.wiki-page { background-image: url(../images/wiki_edit.png); }
             dt.attachment { background-image: url(../images/attachment.png); }
             dt.document { background-image: url(../images/document.png); }
             dt.project { background-image: url(../images/projects.png); }
             dt.time-entry { background-image: url(../images/time.png); }
             #search-results dt.issue.closed { background-image: url(../images/ticket_checked.png); }
             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%; }
             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 ul.projects 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; }
             .my-project { padding-left: 18px; background: url(../images/fav.png) no-repeat 0 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;}
             #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}
             input#content_comments {width: 99%}
             p.pagination {margin-top:8px; font-size: 90%}
             #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: 1.8em;
               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;
             }
             .tabular label.block{
               font-weight: normal;
               margin-left: 0px !important;
               text-align: left;
               float: none;
               display: block;
               width: auto !important;
             }
             .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 {margin-left:4px; width:340px;}
             #attachments_fields span {display:block; white-space:nowrap;}
             #attachments_fields input.filename {border:0; height:1.8em; width:250px; color:#555; background-color:inherit; background:url(../images/attachment.png) no-repeat 1px 50%; padding-left:18px;}
             #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 {background: url(../images/delete.png) no-repeat 1px 50%; width:1px; display:inline-block; padding-left:16px;}
             a.remove-upload:hover {text-decoration:none !important;}
             div.fileover { background-color: lavender; }
             div.attachments { margin-top: 12px; }
             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-top:0.6em;}
             div.thumbnails div {background:#fff;border:2px solid #ddd;display:inline-block;margin-right:2px;}
             div.thumbnails img {margin: 3px;}
             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;}
             table.members td.name {padding-left: 20px;}
             table.members td.group, table.members td.groupnonmember, table.members td.groupanonymous {background: url(../images/group.png) no-repeat 0% 1px;}
             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;
             }
             .objects-selection label {
               display: block;
             }
             .objects-selection>div {
               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: 4px 4px 4px 30px;
               margin-bottom: 12px;
               font-size: 1.1em;
               border: 2px 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: #dd0000;
               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: #FFEBC1;
               border-color: #FDBF3B;
               color: #A6750C;
               text-align: left;
             }
             .nodata, .warning {
               text-align: center;
               background-color: #FFEBC1;
               border-color: #FDBF3B;
               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 {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; left:24px; 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 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%;}
             p.progress-info {clear: left; font-size: 80%; margin-top:-4px; color:#777;}
             #roadmap 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: 48px; 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 {
               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;
             }
             /***** 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 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;
             }
             .handle {cursor: move;}
             a.close-icon {
               display:block;
               margin-top:3px;
               overflow:hidden;
               width:12px;
               height:12px;
               background-repeat: no-repeat;
               cursor:pointer;
               background-image:url('../images/close.png');
             }
             a.close-icon:hover {background-image:url('../images/close_hl.png');}
             /***** 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;}
+            .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;
               padding-top: 2px;
               padding-bottom: 3px;
             }
             .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-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  { 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-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  { background-image: url(../images/locked.png); }
             .icon-unlock  { background-image: url(../images/unlock.png); }
             .icon-checked  { background-image: url(../images/true.png); }
             .icon-details  { background-image: url(../images/zoom_in.png); }
             .icon-report  { background-image: url(../images/report.png); }
             .icon-comment  { 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-passwd { background-image: url(../images/textfield_key.png); }
             .icon-test { background-image: url(../images/bullet_go.png); }
             .icon-email-add { background-image: url(../images/email_add.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); }
             img.gravatar {
               padding: 2px;
               border: solid 1px #d5d5d5;
               background: #fff;
               vertical-align: middle;
             }
             div.issue img.gravatar {
               float: left;
               margin: 0 6px 0 0;
               padding: 5px;
             }
             div.issue table img.gravatar {
               height: 14px;
               width: 14px;
               padding: 2px;
               float: left;
               margin: 0 0.5em 0 0;
             }
             h2 img.gravatar {margin: -2px 4px -4px 0;}
             h3 img.gravatar {margin: -4px 4px -4px 0;}
             h4 img.gravatar {margin: -6px 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:#258; font-weight:bold }
             .syntaxhl .class-variable { color:#369 }
             .syntaxhl .color { color:#0A0 }
             .syntaxhl .comment { color:#385 }
             .syntaxhl .comment .char { color:#385 }
             .syntaxhl .comment .delimiter { color:#385 }
             .syntaxhl .constant { color:#258; 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:#06D }
             .syntaxhl .function { color:#06B; font-weight:bold }
             .syntaxhl .function .delimiter { color:#024; font-weight:bold }
             .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:#06D }
             .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:#939; 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 .char { color: #46a }
             .syntaxhl .string .content { color: #46a }
             .syntaxhl .string .delimiter { color: #46a }
             .syntaxhl .string .modifier { color: #46a }
             .syntaxhl .symbol { color:#d33 }
             .syntaxhl .symbol .content { color:#d33 }
             .syntaxhl .symbol .delimiter { color:#d33 }
             .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 { display: none; }
               .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