bob
/
sjy-ecos
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

#1

This commit is contained in:
liheng 2017-08-02 17:04:05 +08:00
parent 0b460b92fb
commit a8b0bf7ae3
2 changed files with 63 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
public/css/style.css Normal file
View File

@ -0,0 +1,35 @@
.navbar-default {
background-color: rgba(55, 155, 233, 1);
/*border-color: rgba(255, 255, 255, 0);*/
/*border-bottom: solid 8px #00A599;*/
position: absolute;
top: 0px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 10;
}
.navbar-default .navbar-brand {
color: #fff;
padding: 20px 0;
}
.hr-navbar {
margin-bottom: 0;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #555;
background-color: transparent;
border-bottom: 3px solid #379BE9;
}
.navbar-default .navbar-nav > li > a {
color: #fff;
}
.navbar-brand {
padding: 0;
}

28
views/comm/header.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="/lib/bokeh/css/bokeh.min.css">
<link rel="stylesheet" href="/lib/bokeh/css/bokeh-widgets.min.css">
<link rel="stylesheet" href="/css/mod.min.css">
<link rel="stylesheet" href="/css/style.css">
<script type="text/javascript" src="/lib/jquery/dist/jquery.min.js"></script>
@ -54,4 +55,31 @@
</div>
</div>
</nav>
<nav class="hr-navbar navbar navbar-default ">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/portal/">青海三江源生态保护和建设二期-生态监测系统</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav hr-nav navbar-nav navbar-right">
<li><a href="/">首页</a></li>
<li><a href="/intro">基本概况</a></li>
<li><a href="/origin">生态监测</a></li>
<li><a href="/ei">生态效果评估</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</div>