@charset "UTF-8";

/**
 * Definitions for EASY COSNAVI views.
 * Copyright (c) 2007 - 2020 Architects Studio Japan, Inc.
 * Copyright (c) 2010 - 2020 In Control, Inc.
 * All rights reserved.
 **/

/* Globals */
@color-red: #BD1920;
@color-green: #526320;
@color-blue: #3872AB;
@color-brown: #a17922;
@color-link: #606060;
@color-hover: #fce7c2;
@color-grey: #aaaaaa;

.cn-green {
	color: @color-green;
}
.cn-red {
	color: @color-red;
}

body {
  .icon.fa {
    font-family: 'FontAwesome' !important;
  }
}


/* EASY COSNAVI specific */
.gallery.referenced-parts {
  margin-top: 1.0em;
  margin-bottom: 1.0em;
}

.gallery.referenced-parts a {
  color: #66CCFF;
}

.gallery.referenced-parts .title {
  cursor: pointer;
  &:hover {
    color: #66CCFF;
  }
}

.sg-wrapper {
  .easy-images-container {
    h1.h4 {
      display: none;
    }
  }
}

/* 使用部材 */
.part-reference-details {
    font-size: 0.75em;
    padding: 0.5em;

    table {
        border: 1px solid #666;
        border-collapse: collapse;
        width: 100%;

        th, td {
            border: 1px solid #666;
            padding: 0.25em 0.5em;
        }
        th {
            white-space: nowrap;
            text-align: center;
            background-color: #dcdcdc;
            &.mail, &.url, &.count, &.increase, &.decrease {
                width: 3.0em;
            }
        }
        td {
            &.mail, &.url {
                text-align: center;
            }
            &.count, &.increase, &.decrease {
                text-align: right;
            }
            &.nonzero {
                &.increase, &.decrease {
                    font-weight: bold;
                }
                &.increase {
                    .cn-green;
                }
                &.decrease {
                    .cn-red;
                }
            }
            &.url {
                a {
                    text-decoration: none;
                }
            }
            input[type="checkbox"] {
                margin: 0;
            }
        }
    }

    .manufacturer-reference-details {
        padding: 0.25em 0.5em 0.25em 1.5em;

        table {
            margin: 0;
            table-layout: fixed;
            width: 100%;

            th, td {
                font-size: 0.92em;
                &.part-name {
                    min-width: 5.0em;
                    width: 5.0em;
                }
                &.part-count {
                    width: 3.5em;
                }
                &.part-amount {
                    width: 5.0em;
                }
                &.part-supplier, &.supplier-name {
                    width: 5.0em;
                }
                &.supplier-notify {
                    width: 3.0em;
                }
            }
            td {
                text-align: right;
                width: 4.0em;

                &.part-name {
                    text-align: left;
                    width: auto;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
                &.supplier-name, &.part-supplier {
                    text-align: left;
                }
                &.supplier-notify {
                    text-align: center;
                }
                &.part-supplier {
                    width: 5.0em;
                }

                .increase {
                    .cn-green;
                    font-weight: bold;
                }
                .decrease {
                    .cn-red;
                    font-weight: bold;
                }
            }
        }
    }
}

.ui-dialog.asj-part-references {
    // Because jQueryUI auto height is broken.
    height: auto !important;

    .part-reference-details {
        .manufacturer-reference-details {
            table {
                th, td {
                }
                td {
                    &.part-name {
                        text-align: left;
                        width: auto;
                        overflow: auto;
                        text-overflow: ellipsis;
                        white-space: normal;

                        a {
                            color: #506CBA;
                            text-decoration: none;
                            &:hover {
                                text-decoration: underline;
                            }
                        }
                    }
                }
            }
        }
    }
}

[data-template-kind="cosnavi_pro"] {
  @default-font-size: 16.0;

  .normal-font {
    font-family: "游ゴシック", YuGothic, 'メイリオ', Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    color: #222222;
    font-size: @default-font-size px;
  }
  .small-font {
    font-size: (10.0em / @default-font-size);
  }
  .large-font {
    font-size: (24.0em / @default-font-size);
  }

  .normal-font;

  .heading {
    .normal-font;
    line-height: @default-font-size px;
    margin-top: 1.0em;
    margin-bottom: 1.0em;
    &.left {
      padding-left: 0.25em;
      margin-left: 0.9375rem;
      border-left: 2px solid #666666;
    }
  }

  h1,
  .designer-info,
  .studio-info,
  .gallery.specs {
    margin: 1.0em auto;
    width: 62.5rem;
  }

  .designer-info, .studio-info {
    .name {
      .english  { .small-font; }
      .japanese { .large-font; }
    }
    .profile-block .entries, .protobank {
      font-size: 10px;
    }
    .protobank {
      @protobank_variant_height: 2rem;

      .variant {
        .cell {
          height: @protobank_variant_height;
          &.name, &.cost {
            line-height: @protobank_variant_height;
          }
          .button {
            margin-bottom: 0;
          }
        }
      }
    }
    .architect-video {
      margin-top: 1.0em;
    }
    img {
      &.face-photo {
        width: 144px;
        height: 144px;
        max-width: 144px;
        border-radius: 50%;
      }
    }
  }

  .designer-info {
    .name {
      > span {
        margin-left: 0.5em;
      }
    }
    .profile-block {
      .heading {
        padding-right: 0.25em;
        border-right: 2px solid #666666;
      }
      .entries {
        .year {
          margin-right: 0.5em;
        }
      }
    }
  }

  .studio-info {
    .name {
      padding-right: .9375rem;
      padding-left: .9375rem;
      > span {
        margin-right: 0.5em;
      }
    }
    .profile-block {
      .entries {
        .entry-title {
          margin-right: 0.5em;
        }
      }
    }
  }

  .gallery.specs {
    .specs_description {
      text-align: left;
      font-size: 14px;
      .user-html {
        padding-left: 1rem;
        padding-right: 1rem;
      }
    }
  }

  .icon-film {
    cursor: pointer;
  }
  .debug {
    font-size: 9px;
  }
}

[data-template-kind="cosnavi_pro"],
#unit_sizes.reveal {
  /* COSNAVI PRO specific */
  .gallery.images {
    text-align: center;
    img {
      max-height: 200px;
      margin: 16px;
      -moz-box-shadow: 0 3px 6px rgba(4, 4, 4, 0.5);
      -webkit-box-shadow: 0 3px 6px rgba(4, 4, 4, 0.5);
      box-shadow: 0 3px 6px rgba(4, 4, 4, 0.5);
    }
    .diagrams {
      img {
        max-height: 128px;
      }
    }
    .logos {
      img {
        max-height: 128px;
      }
    }
  }
}


#architect_video {
  .bp-container {
    min-width: 560px;
    min-height: 400px;
  }

  .video {
    height: 360px;
  }
}

.public-easy.public-easy-images {
  #unit_sizes {
    table {
      font-size: 0.75rem;
      thead, tbody {
        th, td {
          padding-top: 0.25rem;
          padding-bottom: 0.25rem;
        }
      }
    }
  }

  &.non-ajax {
    padding: 0.5rem 1rem;

    h1 {
      font-size: 1.5rem;
    }

    .title-bar {
      display: none;
    }

    .gallery.referenced-parts {
      .title {
        text-decoration: underline;
      }
    }
  }
}