|
|
@@ -0,0 +1,147 @@
|
|
|
+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;
|
|
|
+}
|
13395952019