a:hover{ text-decoration: none; } img{ display: block; width: 100%; } img, .side-bar .list-group-item, .side-bar-card{ border-radius: 3px; } .navbar-brand{ background-image: url(../img/logo.png); width: 50px; background-size: 75%; background-repeat: no-repeat; background-position: center center; } .side-bar .list-group-item{ border: 0; margin-bottom: 5px; } .side-bar .list-group-item.active{ background-color: #ea0c3c } .news-list-item{ padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; } /* 特殊选择器:第一个元素 */ .news-list-item:first-child{ padding-top: 0; } .news-list-item .title{ display: block; color: #444; font-size: 18px; font-weight: bold; margin-bottom: 5px; line-height: 1.5; } .news-list-item .title:hover{ color:#337ab7 } .news-list-item .info{ color: #888; } .avatar{ display: inline-block } .avatar img{ display: inline-block; width: 16px; height: 16px; margin-right: 5px; } .side-bar-card{ background: rgba(0,0,0,.05); margin-top: 15px; padding: 20px 0; } .side-bar-card .flag{ padding-top: 20px; padding-bottom: 20px; } .side-bar-card .text-lg{ font-size: 150%; } .side-bar-card .card-title, .side-bar-card .card-body .list .item{ padding: 10px 15px; } .side-bar-card .card-body .list .item:hover{ background: rgba(0,0,0,.05) } .side-bar-card .card-title{ font-size: 18px; font-weight: bold; padding-top: 0; padding-bottom: 0; } .card-body .list .item .title{ padding-bottom: 10px; } .card-body .list .item .desc{ color: #999; } .news-title{ line-height: 1.5; } .news-status{ color: #999; } .news-status .label{ opacity: .8/**透明度**/ } .news-content{ margin-top: 20px; font-size: 15px; line-height: 1.5; } .news-content img{ margin-top: 10px; margin-bottom: 10px; } .no-padding-h{ padding-left: 0; padding-right: 0; } .footer{ margin-top: 20px; padding: 50px 0; text-align: center; color: #999; } .container-small{ max-width: 500px; } .btn-primary{ background-color: #ea0c3c; border-color: #db0d3a } .btn-primary:hover{ background-color: #cf1b42 ; border-color: #db0d3a } /** 移动端适应部分 **/ #toggle-checkbox:checked ~div{ /** ~表示底下的元素 **/ display: block !important; } #toggle-label{ display: inline-block; position: absolute; right: 15px; top: 13px; font-size: 16px; font-weight: normal; color: #666; display: none; } #toggle-label:hover{ color: #333; }