<%= f.label :font, ts('Font') %> <%= link_to_help('skins-wizard-font') %>

<%= f.text_field :font, "aria-describedby" => "font-field-notes" %>

<%= ts("Comma-separated list of font names.") %>

<%= f.label :base_em, ts('Percent of browser font size') %> <%= link_to_help('skins-wizard-font-size') %>

<%= f.text_field :base_em, "aria-describedby" => "base-em-field-notes" %>

<%= ts("Numbers only, treated as a percentage of the browser's default font size. Default: 100").html_safe %>

<%= f.label :margin, ts('Work margin width') %>

<%= f.text_field :margin, "aria-describedby" => "margin-field-notes" %>

<%= ts("Numbers only, treated as a percentage of the page width.") %>

<%= f.label :paragraph_margin, ts('Vertical gap between paragraphs') %> <%= link_to_help('skins-wizard-vertical-gap') %>

<%= f.text_field :paragraph_margin %>

<%= ts("Numbers only, treated as a multipler of the paragraph font size. Default: 1.286").html_safe %>

<%= ts('You may wish to refer to this handy list of colors.').html_safe %>

<%= f.label :background_color, ts('Background color') %>

<%= f.text_field :background_color, "aria-describedby" => "background-color-field-notes" %>

<%= ts("Name or hex code. Default: #fff".html_safe) %>

<%= f.label :foreground_color, ts('Text color') %>

<%= f.text_field :foreground_color, "aria-describedby" => "foreground-color-field-notes" %>

<%= ts("Name or hex code. Default: #2a2a2a".html_safe) %>

<%= f.label :headercolor, ts('Header color') %>

<%= f.text_field :headercolor, "aria-describedby" => "header-color-field-notes" %>

<%= ts("Name or hex code. Default: #900".html_safe) %>

<%= f.label :accent_color, ts('Accent color') %> <%= link_to_help('skins-wizard-accent-color') %>

<%= f.text_field :accent_color, "aria-describedby" => "accent-color-field-notes" %>

<%= ts("Name or hex code. Default: #ddd".html_safe) %>

<%= ts("Parent Skins") %>

<% f.object.skin_parents.each_with_index do |parent, index| %> <%= f.fields_for :skin_parents, parent do |parent_form| %> <%= render "skin_parent_fields", form: parent_form, index: index %> <% end %> <% end %> <% if f.object.skin_parents.count == 0 %>
• 0
<% end %>
• <%= link_to_add_section(ts("Add parent skin"), f, :skin_parents, "skin_parent_fields") %>