Убрать горизонтальную линию вверху списка тем

[Joshua_Kogan]

Привет. Я планирую использовать плитки тем, что устраняет стандартные заголовки столбцов списка тем; однако это не удаляет горизонтальную линию, связанную с этими темами. См. изображения ниже…

Сайт meta в светлой теме:

Мой сайт в процессе разработки:

Как мне убрать эту линию? Заранее спасибо!

[awesomerobot (Kris)]

эта граница находится на элементе <tbody>, поэтому, чтобы убрать её с помощью CSS:

.topic-list tbody {
  border-top: none;
}

[Joshua_Kogan]

@awesomerobot

.topic-list tbody { border-top: none; }

Ура! Сработало как по волшебству. Спасибо!

[bifterx (rob Dennis)]

В продолжение этого вопроса: если я захочу изменить цвет верхней панели и цвета промежуточных разделителей, делается ли это в том же месте?

Спасибо.

[Johani (Joe)]

Если вы имеете в виду эти

то вам нужно будет добавить

.topic-list tbody {
  border-top-color: red;  // замените "red" на нужный цвет границы
}

и это создаст такой эффект

Для промежуточных разделителей нужно будет добавить

.topic-list tr {
  border-bottom-color: red; // замените "red" на нужный цвет границы
}

и это создаст такой эффект

Таким образом, все вместе это будет выглядеть так

.topic-list {
  tbody {
    border-top-color: red;
    tr {
      border-bottom-color: red;
    }
  }
}

[bifterx (rob Dennis)]

@Johani

.topic-list { tbody { border-top-color: red; tr { border-bottom-color: red; } } }

Отличная работа, большое спасибо!