@import "variables";

// 样式写这 @[  反链接的样式调整 #task  ]{vdsvz_n9wuuwp2_ii2hfby8}@
body {
  color: #34495e;
  line-height: 20px;
  padding: 25px 20px;
}

// 标记title的样式
.tag-title {

  .tag {
    margin-left: 18px;
    color: inherit;
    opacity: 0.4;
    top: -2px;
    position: relative;
    font-size: 12px;

    &:before {
      content: '标记id: ';
    }
  }

  .title {
    cursor: none;
    display: inline-block;
    color: @color-tag-title;
    font-size: 24px;
    margin-left: 15px;

    margin-bottom: 20px;
    &:before {
      background: none;
      width: 0;
    }
  }
}

// 反链接的样式
.back-link-entries {

  > .back-link-entry {
    margin-bottom: 10px;
    cursor: pointer;
  }

  .title:before {
    content: ' ';
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url("../images/icon-arrow.png");
    background-size: 0.8em 0.8em;
    background-repeat: no-repeat;

    vertical-align: -0.2em;
    cursor: pointer;
    margin-right: 2px;
    opacity: 0.4;
    position: relative;
    top: 1px;

    transition: opacity 200ms;
  }

  > .back-link-entry:hover .title:before {
    opacity: 0.9;
  }

  .content {
    margin-left: 18px;
    color: @color-secondary-text;

    .pre, .post {
      background-color: @color-background-light-grey;
      padding: 3px;
      border-radius: 3px;
      opacity: 0.5;
    }
  }

  .title {
    margin-bottom: 5px;
  }

  .tag {
    color: @color-highlight;
  }
}

// 当没有查到任何反链接时的空白提示
.empty-list {
  margin-left: 15px;
  color: @color-secondary-text;
}