asiaH1/assets/stylesheets/template/modules/archives_bk.scss

@charset "utf-8";
@import "../initial";
// 
// Widget
// 
// Widget 
// ## gerenral styles
.w-archive {
  .w-archive__widget-title {
    font-family: $main-font;
    font-size: $w-widget-title-font-size;
    color: $theme-gray;
    margin: 0.5rem 0;
  }
}

// Widget 1
.archive-widget-1 {
  .w-archive__list.level-1 {
    padding: 0.5rem;
  }
  .w-archive__item.level-1 {
    list-style-position: inside;
    margin-bottom: 0.8rem;
  }
  .w-archive__item-heading {
    display: inline-block;
    font-size: $w-item-heading-font-size;
    font-family: $main-font;
    color: $theme-gray;
    margin: 0;
    padding-bottom: 0.25rem;
  }
  .w-archive__list.level-2 {
    margin: 0;
    padding: 0;
  }
  .w-archive__item.level-2 {
    border-bottom: 1px dashed $w-border-color;
    padding: 0 0 0.5rem 0.4rem;
  }
  .w-archive__link {
    font-size: $w-title-font-size-small;
  }
}

// Archive index 1
.index-archive-1 {
  font-family: $main-font;
  .i-archive__archive-title {
    font-size: 1rem;
    margin-bottom: 10px;
    vertical-align: top;
    display: inline-i;
  }
  .i-archive__status-wrap {
    vertical-align: top;
    display: inline-block;
    margin-bottom: 10px;
  }
  .i-archive__item {
    margin-bottom: 40px;
  }
  .i-archive__category-list {
    margin-top: 20px;
  }
  .i-archive__category-title {
    padding-bottom: 5px;
  }
  .i-archive__category-item {
    font-size: 0.8125em;
    display: inline-block;
    font-size: .8125rem;
    margin-bottom: 5px;
  }
  .i-archive__item-wrap {}
  .i-archive__file-list {
    display: block;
    margin-bottom: 0.8em;
  }
  .i-archive__file-wrap {
    margin: 0 0.625rem 15px 0;
    padding: 8px 12px;
    border-radius: 2px;
    behavior: url("/assets/ie_support/PIE2/PIE.htc");
    border: 1px solid lighten($theme-gray-light, 10%);
  }
  .i-archive__file-name {
    font-size: 0.75em;
    font-size: 0.75rem;
  }
  .status-top {
    font-size: 0.75rem;
    background-color: $theme-color-main;
    ;
  }
  .status-hot {
    font-size: 0.75rem;
    background-color: $theme-color-third;
  }
}
.index-archive-2 {
  .status-top {
    background-color: $theme-color-main;
    font-size: 0.75rem;
  }
  .status-hot {
    font-size: 0.75rem;
    background-color: $theme-color-third;
  }
  .panel {
    font-family: $main-font;
    margin-bottom: 10px;
  }
  .panel-title {
    font-family: $main-font;
  }
  .i-archive-tags {
    margin-bottom: 0;
  }
  .index-archives-files-item {
    font-size: 0.8125em;
    font-family: $main-font;
  }
  .index-archives-files-list {
    dd {
      margin-bottom: 15px;
    }
  }
  .index-archive-tag-name {
    margin-bottom: 8px;
    font-size: 0.9375rem;
    display: inline-block;
  }
  @media screen and (min-width: $screen-sm) {
    .dl-horizontal {
      dt {
        text-align: left;
      }
    }
  }
}

.has-archive-tab {
  .i-tag__item {
    display: none;
  }
  .tab-content--active {
    display: block !important;
  }
  .i-archive__tag-name {
    cursor: pointer;
  }
}

.index-archive-3 {
  .i-archive__tag-name {
    background-color: $theme-color-main;
    color: $theme-white;
    font-family: $main-font;
    display: inline-block;
    padding: 10px 12px;
    margin-right: 5px;
    border-radius: 4px;
    behavior: url("/assets/ie_support/PIE2/PIE.htc");
    font-size: 0.9375em;
    &:hover {
      background-color: darken($theme-color-main, 7%);
    }
    &.tab--active {
      background-color: darken($theme-color-main, 7%);
    }
  }
  
  .tab-content {
    background-color: lighten($theme-gray, 65%);
    padding: 25px;
  }
  
  .i-archive__category-item {
    margin-bottom: 8px;
  }

  .i-archive__category-title {
    font-family: $main-font;
  }
  
  .i-archive__archive-title {
    font-size: 0.9375em;
  }
  
  .tab-content {
    margin-bottom: 10px;
  }
  
  .status-top {
    background-color: $theme-color-main;
    font-size: 0.75rem;
  }
  
  .status-hot {
    font-size: 0.75rem;
    background-color: $theme-color-third;
  }
  
  .i-archive__file-name {
    font-size: 0.8125em;
  }
  
  .i-archive__file-wrap {
    margin-bottom: 10px;
  }
  
  .i-archive__item-wrap {
    font-family: $main-font;
  }
}