impress/app/views/closet_hangers/_petpage_content.html.haml

%style{:type => 'text/css'}
  :plain
    .dti-item-group, .dti-item-list, .dti-unlisted-items, .dti-items {
      margin: 0;
      padding: 0;
    }

    .dti-item-group-header, .dti-item-group, #dti-item-footer {
      color: #040;
      font-family: Helvetica, Arial, Verdana, sans-serif;
      line-height: 1.5;
      margin: 0 auto;
      text-align: center;
      width: 640px; /* Want more items per row? Edit this! */
    }

    .dti-item-group-header {
      border-top: 1px solid #060;
      font-size: 175%;
      margin-top: 1em;
    }

    .dti-item-group-header, .dti-item-list {
      border-bottom: 1px solid #ADA;
    }

    .dti-item-group {
      list-style: none;
    }

    .dti-item-list h3 {
      font-size: 150%;
    }

    .dti-item {
      display: inline-block;
      margin: 0 10px;
      padding: 8px;
      text-align: right;
      width: 84px;
      vertical-align: top;
    }

    .dti-item-thumbnail {
      display: block;
      height: 80px;
      margin: 0 auto;
      width: 80px;
    }

    .dti-item span {
      display: block;
      text-align: center;
    }

    .dti-item-nc {
      margin-top: -16px;
    }

    .dti-unlisted-items h3 {
      font-style: italic;
    }

    #dti-item-footer {
      font-size: 85%;
      margin-top: 2em;
    }

- [true, false].each do |owned|
  - lists = lists_by_owned[owned]
  - if lists || unlisted_hangers_by_owned[owned]
    %h2.dti-item-group-header= closet_lists_group_name '#OWNER', owned
    %ul.dti-item-group
      - if lists
        - lists.each do |list|
          - unless list.hangers.empty?
            %li.dti-item-list
              %h3= list.name
              - if list.description?
                .dti-item-list-desc
                  = closet_list_description_format list
              %ul.dti-items
                = render partial: 'petpage_hanger', collection: list.hangers.sort { |a,b| a.item.name <=> b.item.name }
      - if unlisted_hangers_by_owned[owned]
        %li.dti-unlisted-items
          - unless lists.blank?
            %h3= t '.unlisted_header'
          %ul.dti-items
            = render partial: 'petpage_hanger', collection: unlisted_hangers_by_owned[owned]

#dti-item-footer= t '.footer'