Misago/frontend/style/misago/threads-lists.less

//
// Threads Lists
// --------------------------------------------------


.threads-list {
  margin-bottom: @line-height-computed;
}


// Thread layout
// --------------------------------------------------

// Remove left padding from thread row
.threads-list .thread-new, .threads-list .thread-read {
  padding-left: 0px;
}


// Read icon
.threads-list .read-status {
  float: left;
  padding-top: @thread-icon-padding;
  width: @thread-icon-column;

  text-align: center;

  cursor: help;

  .material-icon {
    width: @thread-icon-width;
    height: @thread-icon-width;

    color: @thread-read-icon-color;
    font-size: @thread-icon-width;
    line-height: @thread-icon-width;
  }
}

.threads-list .thread-new .read-status {
  .material-icon {
    color: @thread-new-icon-color;
  }
}


// Thread body
.threads-list .thread-main {
  margin-left: @thread-icon-column;
  overflow: auto;
}


// Thread top row
// --------------------------------------------------

// Thread title
.threads-list .thread-title {
  &, &:link, &:active, &:visited, &:hover, &:focus {
    color: @thread-read-color;
    font-size: @font-size-large;
    font-weight: normal;
  }
}

.threads-list .thread-new .thread-title {
  &, &:link, &:active, &:visited, &:hover, &:focus {
    color: @thread-new-color;
  }
}


// Bottom row
// --------------------------------------------------
.threads-list .list-inline {
  display: block;
  float: none;

  font-size: @font-size-small;

  &>li {
    display: block;
    float: left;
  }
}

// Thread path
.threads-list .thread-path {
  .material-icon {
    margin: 0px 2px;

    position: relative;
    top: -1px;
  }
}


// Thread options
// --------------------------------------------------
.threads-list .thread-options {
  float: right;
  margin: 0px;

  margin-top: @line-height-computed * -2 + 3px;

  .btn-default {
    padding: 4px;

    color: @gray-light;

    &:hover, &:active {
      color: @gray;
    }

    .material-icon {
      margin: 0px;
      position: relative;
      top: 0px;

      width: 22px;
      height: 22px;

      font-size: 22px;
      line-height: 22px;
    }
  }
}