// Link MODULES
.widget-link {
  // 在 layout-content 下的樣式
  .widget-title {
    @extend .unity-title;
  }
  &.widget1 {
    .widget-content {
      line-height: 2.5em;
      & + .widget-content {
        border-top: 1px dotted $theme-gray-light;
      }
      .widget-content-title {
        display: inline-block;
      }
    }

    // 在 layout-footer 下的樣式
    .layout-footer & {
      .widget-content {
        line-height: 2em;
        border-top-color: $theme-gray;
      }
    }
  }
}

.widget-link.widget1 {
  .widget-title {
    background: url("/assets/bg-title-side.png") repeat-x scroll 0 0;
    border-bottom: 2px solid #fff;
    color: #fff;
    font: 20px/39px 'open sans','微軟正黑體',sans-serif;
    margin: 0;
    padding: 0 0 0 50px;
    position: relative;

    &:before {
      background: url("/assets/icon-title-side.png") no-repeat scroll 0 0;
      content: "";
      display: block;
      height: 3px;
      left: 30px;
      position: absolute;
      top: 20px;
      width: 8px;
    }
  }
  .widget-content span[data-list="statuses"]{
    display: none;
  }
  .widget-content .widget-content-title{
    background: none repeat scroll 0 0 #e9eef1;
    border-bottom: 2px solid #fff;
    color: #3f3f3f;
    display: block;
    font: 15px/1.2 'open sans','微軟正黑體',sans-serif;
    padding: 12px 0;

    &:before {
      content: "●";
      font-family: '微軟正黑體',san-serif;
      font-size: 13px;
      margin: 0 7px 0 30px;
    }
  }
  .widget-content .widget-content-title:hover {
    background: #288cd3;
    color: #fff;
  }
}

// Link INDEX
.index-link {
  .index-title {
    @extend .unity-title;
  }
  &.index1 {
    .index-content {
      list-style-type: decimal-leading-zero;
      list-style-position: inside;
      & + .index-content {
        border-top: 1px dotted $theme-gray-light;
      }
      .index-context {
        display: inline-block;
        margin: 0 0 10px 2em;
        color: darken($theme-gray-light, 20%);
      }
    }
  }
}