This commit is contained in:
liheng 2018-05-12 20:01:40 +08:00
parent a9d556c468
commit fba282addb
5 changed files with 44 additions and 14 deletions

View File

@ -35,8 +35,8 @@ $this->headLink()->appendStylesheet('/static-sanji-v2/css/archive.css');
<div class="col-md-8"> <div class="col-md-8">
<ol class="breadcrumb"> <ol class="breadcrumb">
<li><a href="#">首页</a></li> <li><a href="/">首页</a></li>
<li><a href="active">新闻动态</a></li> <li><a href="/archives/news/localnews" class="active">新闻动态</a></li>
</ol> </ol>
<ul class="news-list"> <ul class="news-list">
<?php <?php

View File

@ -13,7 +13,7 @@
</div> </div>
<div id="main-nav" class="collapse navbar-collapse"> <div id="main-nav" class="collapse navbar-collapse">
<ul class="nav navbar-nav" id="mainNav"> <ul class="nav navbar-nav" id="mainNav">
<li class="active"><a href="/">首页</a></li> <li ><a href="/">首页</a></li>
<li><a href="/data" class="scroll-link">数据产品</a></li> <li><a href="/data" class="scroll-link">数据产品</a></li>
<li><a href="/archives/news/localnews" class="scroll-link">新闻动态</a></li> <li><a href="/archives/news/localnews" class="scroll-link">新闻动态</a></li>
<li><a href="/about" class="scroll-link">关于本站</a></li> <li><a href="/about" class="scroll-link">关于本站</a></li>

View File

@ -1,5 +1,8 @@
:root {
--main-color: #124075;
--second-color: #004490;
}
.content-warp{ .content-warp{
margin-top: 80px; margin-top: 80px;
@ -7,14 +10,23 @@
} }
.breadcrumb > a > .active{ .content-warp .list-group .active{
color: #00A9FF; background-color: var(--second-color);
}
.breadcrumb > li > a {
color: var(--second-color);
} }
.news-list >li { .news-list >li {
padding:8px 0px; padding:8px 0px;
} }
.news-list >li >a{ .news-list >li >a{
color:#303848; color:#333;
}
.news-list >li >a:hover{
color:var(--second-color);
font-size: 1.2em;
} }
.news-list > li >span{ .news-list > li >span{
color:#999; color:#999;

View File

@ -3,6 +3,11 @@
padding: 0; padding: 0;
font-family: 'Source Sans Pro', sans-serif; font-family: 'Source Sans Pro', sans-serif;
} }
:root {
--main-color: #124075;
--second-color: #004490;
}
i{ i{
font-style: normal; font-style: normal;
} }
@ -231,7 +236,7 @@ margin: 4px;
color:#3d97e3; color:#3d97e3;
} }
.navigation{display:block; overflow:hidden; width:100%; margin-bottom:0;padding:20px 0px 0px 0;} .navigation{display:block; overflow:hidden; width:100%; margin-bottom:0;padding:20px 0px 0px 0;}
.navigation span{font-family: 'Pacifico', cursive;margin-bottom:20px;display:block; height:40px; line-height:40px;font-size:32px;text-align:center;color:#333;font-weight:400; padding:10px 0px; } .navigation span{font-family: 'Pacifico', cursive;margin-bottom:20px;display:block; height:40px; line-height:40px;font-size:32px;text-align:center;color:var(--main-color);font-weight:400; padding:10px 0px; }
.navigation span.ys{color:#fff;} .navigation span.ys{color:#fff;}
.navigation dl{ display:block; height:42px; background:url(../img/png_06.png) no-repeat center bottom;} .navigation dl{ display:block; height:42px; background:url(../img/png_06.png) no-repeat center bottom;}
.intro{ .intro{

View File

@ -1,11 +1,22 @@
:root {
--main-color: #124075;
--second-color: #004490;
}
.header { .header {
position: fixed; position: fixed;
width: 100%; width: 100%;
background: #303848; /*background: #303848;*/
background:rgba(18,64,118,1);
z-index: 99999; z-index: 99999;
border-radius: 0; border-radius: 0;
top: 0px; top: 0px;
border-bottom: 1px solid #303848; /*border-bottom: 1px solid #303848;*/
}
#mainNav li{
font-family: 微软雅黑;
font-size: 1.1em;
} }
.navbar-inverse .navbar-toggle { .navbar-inverse .navbar-toggle {
@ -50,13 +61,15 @@ background: none;
padding: 16px 15px; padding: 16px 15px;
line-height: 18px; line-height: 18px;
height: 50px; height: 50px;
/*color:#303848;*/; /*color:#303848;*/
} }
.navbar-brand b { .navbar-brand b {
color: #fff; color: #fff;
font-family: 'Pacifico', cursive; /*font-family: 'Pacifico', cursive;*/
font-weight:400; font-family: 微软雅黑;
font-size: 0.8em;
font-weight:400;
} }
.logo { .logo {
@ -81,7 +94,7 @@ background: none;
} }
.navbar-inverse .navbar-nav > li > a { .navbar-inverse .navbar-nav > li > a {
font-size: 1.2em; font-size: 1.0em;
line-height: normal; line-height: normal;
margin: 17px; margin: 17px;
padding: 6px 10px !important; padding: 6px 10px !important;