空气主题

这是我为改善移动视图所做的 CSS 更改。

我非常喜欢这个主题,但注意到了一些细微的瑕疵,因此我还添加了以下 CSS,使其在我看来看起来更美观。希望这对有相同偏好的人有所帮助。

这是原始(未编辑)版本

请注意上图中的以下几点:

  • 数字 1(代表回复数)太靠左了。
  • 主题气泡略微重叠了蓝色背景。
  • 所有内容与蓝色背景之间没有填充。
  • 蓝色背景在分类页面上看起来不美观。我喜欢它在主页上的效果。

这是我添加到 Mobile 选项卡中的 CSS 代码。

/* 为分类、子分类、标签、搜索、最新、新主题和通知区域添加一些填充 */
.list-controls {
    padding: 5px;
}

/* 为主题区域添加一些填充 */
div#list-area {
    padding: 6px;
}

/* 将回复数对齐到右侧 */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
    float: right;
}

更新后(添加 CSS 后)

如果你也希望移除蓝色背景,以下代码可以仅从分类页面移除它。

/* 仅移除分类页面的蓝色背景 */
html .category .background-container {
    background: #fff;
    clip-path: none;
}

这是所有更改后的样子。

4 个赞