src/main/resources/static/home/css/detail-page.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/*============================================================================================*/
/* Detail page */
/*============================================================================================*/
/*-------- Page head --------*/
.detail_page_head .title {
  float: left;
}
@media (max-width: 767px) {
  .detail_page_head .title {
    padding-top: 0;
    float: none;
  }
}
.detail_page_head .title h1 {
  font-size: 28px;
  font-size: 1.75rem;
  margin: 0;
}
@media (max-width: 767px) {
  .detail_page_head .title h1 {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}
.detail_page_head .title ul.tags {
  margin: 8px 0 25px 0;
  padding: 0;
}
@media (max-width: 767px) {
  .detail_page_head .title ul.tags {
    margin: 8px 0 20px 0;
  }
}
.detail_page_head .title ul.tags li {
  display: inline-block;
  margin-right: 3px;
}
.detail_page_head .title ul.tags li a {
  border: 1px solid #ededed;
  padding: 2px 10px;
  line-height: 1;
  color: #777;
  font-size: 13px;
  font-size: 0.8125rem;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.detail_page_head .title ul.tags li a:hover {
  color: #e54750;
}
.detail_page_head .rating {
  float: right;
}
@media (max-width: 767px) {
  .detail_page_head .rating {
    padding-top: 0;
    float: none;
    display: inline-block;