base
This commit is contained in:
Li Heng
parent
e615a9db37
commit
c504dbed37
|
|
@ -66,7 +66,7 @@ class IndexController extends Zend_Controller_Action
|
|||
//$time = date("Y-m-d H:i:s",time());
|
||||
$sql = "SELECT * FROM archive WHERE is_pub=true and sub='$this->subnews' AND ts_published<now()
|
||||
and id in (select ar_catalog.aid from ar_catalog left join ar_category on ar_catalog.cid=ar_category.id where ar_category.ptype='news')
|
||||
order by ts_published desc LIMIT 5 ";
|
||||
order by ts_published desc LIMIT 8 ";
|
||||
$sth = $this->db->query($sql);
|
||||
$rows = $sth->fetchAll(PDO::FETCH_BOTH);
|
||||
|
||||
|
|
|
|||
|
|
@ -1,54 +1,67 @@
|
|||
<!-- header -->
|
||||
<link href="/sjyportal/css/style.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
|
||||
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="row-fluid">
|
||||
<div class="span12">
|
||||
<div class="span3">
|
||||
<a href="/"><img src="/sjyportal/img/logo.png" /></a>
|
||||
<!-- Navbar
|
||||
================================================== -->
|
||||
<div class="navbar navbar-fixed-top navbar-inverse">
|
||||
<div class="navbar-inner">
|
||||
<div class="container">
|
||||
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="brand" href="#">青海省水文水资源勘测局</a>
|
||||
<div class="nav-collapse collapse">
|
||||
<ul class="nav" id="mainmenu">
|
||||
<li class="">
|
||||
<a href="/" >首页</a>
|
||||
</li>
|
||||
<li class="">
|
||||
<a href="/archives/">新闻</a>
|
||||
</li>
|
||||
<li class="">
|
||||
<a href="/data">数据</a>
|
||||
</li>
|
||||
<li class="">
|
||||
<a href="/about">关于我们</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<form class="navbar-search pull-left" action="/search" method="get">
|
||||
<input type="text" class="search-query span3" placeholder="搜索" name="q">
|
||||
</form>
|
||||
<ul class="nav pull-right">
|
||||
<li class="divider-vertical"></li>
|
||||
<li class="dropdown">
|
||||
<?php
|
||||
$auth = Zend_Auth::getInstance();
|
||||
if($auth->hasIdentity())
|
||||
{
|
||||
$user = $auth->getIdentity();
|
||||
echo '<a href="/account" class="icon-user dropdown-toggle" data-toggle="dropdown"> '.$user->username.' <b class="caret"></b></a>';
|
||||
echo '<ul class="dropdown-menu">';
|
||||
if ($user->usertype == $this->config->auth->identifier)
|
||||
{
|
||||
echo '<li><a href="/admin">后台</a></li>';
|
||||
}
|
||||
echo '<li><a href="/admin">数据篮</a></li>';
|
||||
echo '<li class="divider"></li>';
|
||||
echo '<li><a href="/account/logout">退出</a></li>';
|
||||
echo '</ul>';
|
||||
echo '</li>';
|
||||
} else {
|
||||
echo '<li><a href="/account/register">注册</a></li>
|
||||
<li><a href="/account/login">登录</a></li>';
|
||||
} ?>
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span9">
|
||||
<p class="pull-right" style="font-size:9px; position:relative; top:-8px;">
|
||||
<?php
|
||||
$auth = Zend_Auth::getInstance();
|
||||
if($auth->hasIdentity())
|
||||
{
|
||||
$user = $auth->getIdentity();
|
||||
echo '<a href="/account"><i class="icon-user"></i> '.$user->username.'</a> ';
|
||||
if ($user->usertype == $this->config->auth->identifier)
|
||||
{
|
||||
echo '<a href="/admin"><i class="icon-cog"></i> 后台 </a>';
|
||||
}
|
||||
echo '<a href="/data/order"><i class="icon-shopping-cart"></i> 数据篮 </a>';
|
||||
echo '<a href="/account/logout">退出</a>';
|
||||
} else {
|
||||
echo '<a href="/account/login">登 录</a> | <a href="/account/register">注 册</a>';
|
||||
} ?>
|
||||
</p>
|
||||
|
||||
<p class="pull-right" >
|
||||
<form action="/search" method="get">
|
||||
<ul class="navigat nav nav-pills pull-right" id="mainmenu">
|
||||
<li><a href="/">首 页</a></li>
|
||||
<li style="padding-left:15px"><a href="/archives/">新 闻</a></li>
|
||||
<li style="padding-left:15px"><a href="/data">数 据</a></li>
|
||||
<li style="padding-left:15px"><a href="/about">关于我们</a></li>
|
||||
<li style="padding-left:15px" class="input-append ">
|
||||
<input class="input-medium" placeholder="关键字" type="text" name="q">
|
||||
<button class="btn" type="submit">搜索</button>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</form>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="container">
|
||||
<?= $this->render('breadcrumbs.phtml'); ?>
|
||||
<?= $this->render('breadcrumbs.phtml'); ?>
|
||||
|
|
|
|||
|
|
@ -7,64 +7,131 @@
|
|||
</div><!-- 结束container容器，实现banner全屏展示-->
|
||||
<!-- Carousel
|
||||
================================================== -->
|
||||
<div class="container-fluid1 ">
|
||||
<div id="myCarousel" class="carousel slide">
|
||||
<div class="carousel-inner">
|
||||
<div class="item active"> <img src="/sjyportal/img/slide-01.jpg" alt="" class="">
|
||||
<div class="container">
|
||||
<div class="carousel-caption">
|
||||
<h2>“青海—犹他省州水资源可持续发展项目”启动</h2>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="span6">
|
||||
<div id="myCarousel" class="carousel slide">
|
||||
<div class="carousel-inner">
|
||||
<div class="item active"> <img src="/sjyportal/img/slide-00.jpg" class="img-rounded">
|
||||
<div class="container">
|
||||
<div class="carousel-caption">
|
||||
<h2>青海54.6%国土被纳入三江源国家生态保护试验区</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a> <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a> </div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a> <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a> </div>
|
||||
<div class="span6">
|
||||
<div class="box">
|
||||
<p class="box-title">平台新闻</p>
|
||||
<ul>
|
||||
<?php foreach($this->list_news as $k=>$v){ ?>
|
||||
<li>
|
||||
<a href="<?= $v['url'] ?>" title="<?= $v['title'] ?>"><i class="icon-hand-right"> </i><?= $v['title'] ?></a> <span class="small"><?= date('Y-m-d',strtotime($v['ts_published'])) ?></span>
|
||||
</li>
|
||||
<?php } ?>
|
||||
<span class="pull-right"><a href="/archives/" target="_blank" class="more">更多>></a></span>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.carousel -->
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="span6">
|
||||
<div class="box">
|
||||
<p class="box-title">最新可视化数据</p>
|
||||
<ul>
|
||||
<?php foreach($this->visualdata as $k=>$v){ ?>
|
||||
<li>
|
||||
<a href="/data/<?= $v['uuid'] ?>" title="<?= $v['title'] ?>"><i class=" icon-map-marker"> </i><?= $v['title'] ?></a> <span class="small"><?= date('Y-m-d',strtotime($v['ts_published'])) ?></span>
|
||||
</li>
|
||||
<?php } ?>
|
||||
<span class="pull-right"><a href="/data/visual" target="_blank" class="more">更多>></a></span>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.span6 -->
|
||||
|
||||
<div class="span3">
|
||||
<div class="box">
|
||||
<p class="box-title">可视化数据</p>
|
||||
<div class="count"><span>208</span> 条</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<div class="box">
|
||||
<p class="box-title">已发布数据集</p>
|
||||
<div class="count"><span><?= $this->metanum ?></span> 条</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.span3 -->
|
||||
|
||||
|
||||
</div><!-- /.part1 -->
|
||||
|
||||
<!-- Three columns of text below the carousel -->
|
||||
<div class="row-fluid">
|
||||
<div class="row-fluid">
|
||||
<div class="span12">
|
||||
<div class="span3">
|
||||
<div class="span4">
|
||||
<div class="box">
|
||||
<h4 class="box-title">本站统计</h4>
|
||||
<ul>
|
||||
<li>数据集： <?= $this->metanum ?>条</li>
|
||||
<li>在线数据: <?= $this->onlinesize ?>MB</li>
|
||||
<li>离线数据: <?= $this->offlinesize ?>MB</li>
|
||||
<li>共有注册用户：<?= $this->usernum ?>人</li>
|
||||
<li>离线申请：<?= $this->offlinenum ?>人次</li>
|
||||
</ul>
|
||||
<p class="box-title">最新发布数据</p>
|
||||
<ul>
|
||||
<?php foreach($this->offlinemdtop as $k=>$v){ ?>
|
||||
<li>
|
||||
<a href="/data/<?= $v['uuid'] ?>" title="<?= $v['title'] ?>"><i class=" icon-map-marker"> </i><?= $v['title'] ?></a>
|
||||
</li>
|
||||
<?php } ?>
|
||||
<span class="pull-right"><a href="/archives/" target="_blank" class="more">更多>></a></span>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.span4 -->
|
||||
<div class="span9">
|
||||
<div class="span4">
|
||||
<div class="box">
|
||||
<h4 class="box-title">新闻公告</h4>
|
||||
<p class="box-title">热门数据排行</p>
|
||||
<ul>
|
||||
<?php foreach($this->list_news as $k=>$v){ ?>
|
||||
<li>
|
||||
<a href="<?= $v['url'] ?>" title="<?= $v['title'] ?>"><i class=" icon-ok-sign"> </i><?= $v['title'] ?></a> <span class="small"><?= date('Y-m-d',strtotime($v['ts_published'])) ?></span>
|
||||
</li>
|
||||
<?php } ?>
|
||||
<?php foreach($this->offlinemdtop as $k=>$v){ ?>
|
||||
<li>
|
||||
<a href="/data/<?= $v['uuid'] ?>" title="<?= $v['title'] ?>"><i class=" icon-map-marker"> </i><?= $v['title'] ?></a>
|
||||
</li>
|
||||
<?php } ?>
|
||||
<span class="pull-right"><a href="/archives/" target="_blank" class="more">更多>></a></span>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.span4 -->
|
||||
|
||||
<!-- /.span4 -->
|
||||
|
||||
<div class="span4">
|
||||
<div class="box">
|
||||
<p class="box-title">热门数据排行</p>
|
||||
<ul>
|
||||
<?php foreach($this->offlinemdtop as $k=>$v){ ?>
|
||||
<li>
|
||||
<a href="/data/<?= $v['uuid'] ?>" title="<?= $v['title'] ?>"><i class=" icon-map-marker"> </i><?= $v['title'] ?></a>
|
||||
</li>
|
||||
<?php } ?>
|
||||
<span class="pull-right"><a href="/archives/" target="_blank" class="more">更多>></a></span>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.span4 -->
|
||||
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
<div style="margin-bottom:20px;"><img src="/sjyportal/img/protect.jpg" class="img-rounded" /></div>
|
||||
|
||||
<!-- Three columns of text below the carousel -->
|
||||
<div class="row-fluid">
|
||||
<!-- /.span4 -->
|
||||
<div class="span4">
|
||||
<div class="box">
|
||||
<h4 class="box-title">最新可视化数据</h4>
|
||||
<p class="box-title">最新可视化数据</p>
|
||||
<ul>
|
||||
<?php foreach($this->visualdata as $k=>$v){ ?>
|
||||
<li>
|
||||
|
|
@ -77,7 +144,7 @@
|
|||
</div>
|
||||
<div class="span4">
|
||||
<div class="box">
|
||||
<h4 class="box-title">热门在线数据集</h4>
|
||||
<p class="box-title">热门在线数据集</p>
|
||||
<ul>
|
||||
<?php foreach($this->mdtop as $k=>$v){ ?>
|
||||
<li>
|
||||
|
|
@ -91,7 +158,7 @@
|
|||
<!-- /.span4 -->
|
||||
<div class="span4">
|
||||
<div class="box">
|
||||
<h4 class="box-title">热门离线数据集</h4>
|
||||
<p class="box-title">热门离线数据集</p>
|
||||
<ul>
|
||||
<?php foreach($this->offlinemdtop as $k=>$v){ ?>
|
||||
<li>
|
||||
|
|
@ -102,8 +169,8 @@
|
|||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.span4 -->
|
||||
|
||||
<!-- /.span4 -->
|
||||
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,309 +1,324 @@
|
|||
/* CSS Document */
|
||||
/* GLOBAL STYLES
|
||||
-------------------------------------------------- */
|
||||
/* Padding below the footer and lighter body text */
|
||||
|
||||
|
||||
|
||||
.navbar-search
|
||||
{
|
||||
margin-top:10px;
|
||||
}
|
||||
body {
|
||||
padding-bottom: 40px;
|
||||
color: #5a5a5a;
|
||||
padding-top: 70px;
|
||||
|
||||
}
|
||||
|
||||
header{
|
||||
margin: 5px 0px;
|
||||
background-color: #FFFFFF;
|
||||
|
||||
}
|
||||
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus
|
||||
{
|
||||
|
||||
}
|
||||
|
||||
#logo, #search {
|
||||
}
|
||||
|
||||
.navigat {
|
||||
float: right;
|
||||
|
||||
position: relative;
|
||||
left: 70px;
|
||||
top: 15px;
|
||||
}
|
||||
float: right;
|
||||
|
||||
position: relative;
|
||||
left: 70px;
|
||||
top: 15px;
|
||||
}
|
||||
|
||||
.container .span12 .row .span8 .nav {
|
||||
padding-top: 0px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
/* Sidenav for Docs
|
||||
-------------------------------------------------- */
|
||||
|
||||
.bs-docs-sidenav {
|
||||
width: 270px;
|
||||
margin-bottom: 30px;
|
||||
padding: 0px;
|
||||
background-color: #fff;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
|
||||
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,.065);
|
||||
width: 270px;
|
||||
margin-bottom: 30px;
|
||||
padding: 0px;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
|
||||
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,.065);
|
||||
}
|
||||
.bs-docs-sidenav > li > a {
|
||||
display: block;
|
||||
width: 190px \9;
|
||||
margin: 0 0 -1px;
|
||||
padding: 8px 14px;
|
||||
border: 1px solid #e5e5e5;
|
||||
display: block;
|
||||
width: 190px \9;
|
||||
margin: 0 0 -1px;
|
||||
padding: 8px 14px;
|
||||
border: 1px solid #e5e5e5;
|
||||
}
|
||||
.bs-docs-sidenav > li:first-child > a {
|
||||
-webkit-border-radius: 6px 6px 0 0;
|
||||
-moz-border-radius: 6px 6px 0 0;
|
||||
border-radius: 6px 6px 0 0;
|
||||
-webkit-border-radius: 6px 6px 0 0;
|
||||
-moz-border-radius: 6px 6px 0 0;
|
||||
border-radius: 6px 6px 0 0;
|
||||
}
|
||||
.bs-docs-sidenav > li:last-child > a {
|
||||
-webkit-border-radius: 0 0 6px 6px;
|
||||
-moz-border-radius: 0 0 6px 6px;
|
||||
border-radius: 0 0 6px 6px;
|
||||
-webkit-border-radius: 0 0 6px 6px;
|
||||
-moz-border-radius: 0 0 6px 6px;
|
||||
border-radius: 0 0 6px 6px;
|
||||
}
|
||||
.bs-docs-sidenav > .active > a {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
padding: 9px 15px;
|
||||
border: 0;
|
||||
text-shadow: 0 1px 0 rgba(0,0,0,.15);
|
||||
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
|
||||
-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
|
||||
box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
padding: 9px 15px;
|
||||
border: 0;
|
||||
text-shadow: 0 1px 0 rgba(0,0,0,.15);
|
||||
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
|
||||
-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
|
||||
box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
|
||||
}
|
||||
/* Chevrons */
|
||||
.bs-docs-sidenav .icon-chevron-right {
|
||||
float: right;
|
||||
margin-top: 2px;
|
||||
margin-right: -6px;
|
||||
opacity: .25;
|
||||
float: right;
|
||||
margin-top: 2px;
|
||||
margin-right: -6px;
|
||||
opacity: .25;
|
||||
}
|
||||
.bs-docs-sidenav > li > a:hover {
|
||||
background-color: #f5f5f5;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.bs-docs-sidenav a:hover .icon-chevron-right {
|
||||
opacity: .5;
|
||||
opacity: .5;
|
||||
}
|
||||
.bs-docs-sidenav .active .icon-chevron-right, .bs-docs-sidenav .active a:hover .icon-chevron-right {
|
||||
background-image: url(../img/glyphicons-halflings-white.png);
|
||||
opacity: 1;
|
||||
background-image: url(../img/glyphicons-halflings-white.png);
|
||||
opacity: 1;
|
||||
}
|
||||
.bs-docs-sidenav.affix {
|
||||
top: 40px;
|
||||
top: 40px;
|
||||
}
|
||||
.bs-docs-sidenav.affix-bottom {
|
||||
position: absolute;
|
||||
top: auto;
|
||||
bottom: 270px;
|
||||
position: absolute;
|
||||
top: auto;
|
||||
bottom: 270px;
|
||||
}
|
||||
/* */
|
||||
/* */
|
||||
/* */
|
||||
|
||||
.box {
|
||||
border: 1px solid #EFEFEF;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 20px;
|
||||
margin-bottom: 20px;
|
||||
padding-right: 10px;
|
||||
background-color: #fff;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
|
||||
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,.065);
|
||||
font-family: "微软雅黑";
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid #E2E2E2;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 20px;
|
||||
margin-bottom: 20px;
|
||||
padding-right: 10px;
|
||||
background-color: #fff;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.box-title {
|
||||
font-family: "微软雅黑";
|
||||
border-left-width: 4px;
|
||||
border-top-style: none;
|
||||
border-right-style: none;
|
||||
border-bottom-style: none;
|
||||
border-left-style: solid;
|
||||
border-left-color: #006699;
|
||||
padding-left: 10px;
|
||||
margin-left: 10px;
|
||||
font-family: "微软雅黑";
|
||||
font-size: 22px;
|
||||
border-left-width: 4px;
|
||||
border-top-style: none;
|
||||
border-right-style: none;
|
||||
border-bottom-style: none;
|
||||
border-left-style: solid;
|
||||
border-left-color: #26C6DA;
|
||||
padding-left: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.row .span4.box .inline .more {
|
||||
padding-left: 260px;
|
||||
font-size: 9px;
|
||||
padding-left: 260px;
|
||||
font-size: 9px;
|
||||
}
|
||||
.box ul li {
|
||||
/*width: 350px;*/
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
/*width: 350px;*/
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* Downsize the brand/project name a bit */
|
||||
.navbar .brand {
|
||||
padding: 14px 20px 0px 0px; /* Increase vertical padding to match navbar links */
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
|
||||
padding: 14px 20px 0px 0px; /* Increase vertical padding to match navbar links */
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
|
||||
}
|
||||
/* Navbar links: increase padding for taller navbar */
|
||||
.navbar .nav > li > a {
|
||||
padding: 15px 20px;
|
||||
padding: 15px 20px;
|
||||
}
|
||||
/* CUSTOMIZE THE CAROUSEL
|
||||
-------------------------------------------------- */
|
||||
|
||||
/* Carousel base class */
|
||||
/* Carousel base class */
|
||||
.carousel {
|
||||
margin-bottom: 15px;
|
||||
|
||||
margin-bottom: 0px;
|
||||
|
||||
}
|
||||
.carousel .container {
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
}
|
||||
.carousel-control {
|
||||
height: 80px;
|
||||
margin-top: 0;
|
||||
font-size: 120px;
|
||||
text-shadow: 0 1px 1px rgba(0,0,0,.4);
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
z-index: 10;
|
||||
height: 80px;
|
||||
margin-top: 0;
|
||||
font-size: 120px;
|
||||
text-shadow: 0 1px 1px rgba(0,0,0,.4);
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
.carousel .item {
|
||||
height: 260px;
|
||||
height: 260px;
|
||||
}
|
||||
.carousel img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
min-width: 100%;
|
||||
height: 260px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
min-width: 100%;
|
||||
height: 260px;
|
||||
}
|
||||
.carousel-caption {
|
||||
background-color: transparent;
|
||||
position: static;
|
||||
max-width: 1128px;
|
||||
padding: 0 20px;
|
||||
background-color: transparent;
|
||||
position: static;
|
||||
max-width: 570px;
|
||||
padding: 0 0px;
|
||||
|
||||
margin-top:210px;
|
||||
margin-top:210px;
|
||||
}
|
||||
.carousel-caption h2, .carousel-caption .lead {
|
||||
margin: 0;
|
||||
line-height: 1.25;
|
||||
color: #fff;
|
||||
text-shadow: 0 1px 1px rgba(0,0,0,.4);
|
||||
text-align:center;
|
||||
margin: 0;
|
||||
font-size: 20px;
|
||||
line-height: 1.25;
|
||||
color: #fff;
|
||||
text-shadow: 0 1px 1px rgba(0,0,0,.4);
|
||||
text-align:center;
|
||||
}
|
||||
.carousel-caption .btn {
|
||||
margin-top: 10px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
/* MARKETING CONTENT
|
||||
-------------------------------------------------- */
|
||||
|
||||
/* Center align the text within the three columns below the carousel */
|
||||
/* Center align the text within the three columns below the carousel */
|
||||
.marketing .span4 {
|
||||
text-align: left;
|
||||
text-align: left;
|
||||
}
|
||||
.marketing h2 {
|
||||
font-weight: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
.marketing .row .span4 .inline h3 {
|
||||
display: inline-block;
|
||||
display: inline-block;
|
||||
}
|
||||
.marketing .span4 p {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* RESPONSIVE CSS
|
||||
-------------------------------------------------- */
|
||||
/* RESPONSIVE CSS
|
||||
-------------------------------------------------- */
|
||||
|
||||
@media (max-width: 979px) {
|
||||
.container.navbar-wrapper {
|
||||
margin-bottom: 0;
|
||||
width: auto;
|
||||
}
|
||||
.navbar-inner {
|
||||
border-radius: 0;
|
||||
margin: -20px 0;
|
||||
}
|
||||
.carousel .item {
|
||||
height: 500px;
|
||||
}
|
||||
.carousel img {
|
||||
width: auto;
|
||||
height: 500px;
|
||||
}
|
||||
.featurette {
|
||||
height: auto;
|
||||
padding: 0;
|
||||
}
|
||||
.featurette-image.pull-left, .featurette-image.pull-right {
|
||||
display: block;
|
||||
float: none;
|
||||
max-width: 40%;
|
||||
margin: 0 auto 20px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.navbar-inner {
|
||||
margin: -20px;
|
||||
}
|
||||
.carousel {
|
||||
margin-left: -20px;
|
||||
margin-right: -20px;
|
||||
}
|
||||
.carousel .container {
|
||||
}
|
||||
.carousel .item {
|
||||
height: 300px;
|
||||
}
|
||||
.carousel img {
|
||||
height: 300px;
|
||||
}
|
||||
.carousel-caption {
|
||||
width: 65%;
|
||||
padding: 0 70px;
|
||||
margin-top: 100px;
|
||||
}
|
||||
.carousel-caption h1 {
|
||||
font-size: 30px;
|
||||
}
|
||||
.carousel-caption .lead, .carousel-caption .btn {
|
||||
font-size: 18px;
|
||||
}
|
||||
.marketing .span4 + .span4 {
|
||||
margin-top: 40px;
|
||||
}
|
||||
.featurette-heading {
|
||||
font-size: 30px;
|
||||
}
|
||||
.featurette .lead {
|
||||
font-size: 18px;
|
||||
line-height: 1.5;
|
||||
@media (max-width: 979px) {
|
||||
.container.navbar-wrapper {
|
||||
margin-bottom: 0;
|
||||
width: auto;
|
||||
}
|
||||
.navbar-inner {
|
||||
border-radius: 0;
|
||||
margin: -20px 0;
|
||||
}
|
||||
.carousel .item {
|
||||
height: 500px;
|
||||
}
|
||||
.carousel img {
|
||||
width: auto;
|
||||
height: 500px;
|
||||
}
|
||||
.featurette {
|
||||
height: auto;
|
||||
padding: 0;
|
||||
}
|
||||
.featurette-image.pull-left, .featurette-image.pull-right {
|
||||
display: block;
|
||||
float: none;
|
||||
max-width: 40%;
|
||||
margin: 0 auto 20px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.navbar-inner {
|
||||
margin: -20px;
|
||||
}
|
||||
.carousel {
|
||||
margin-left: -20px;
|
||||
margin-right: -20px;
|
||||
}
|
||||
.carousel .container {
|
||||
}
|
||||
.carousel .item {
|
||||
height: 300px;
|
||||
}
|
||||
.carousel img {
|
||||
height: 300px;
|
||||
}
|
||||
.carousel-caption {
|
||||
width: 65%;
|
||||
padding: 0 70px;
|
||||
margin-top: 100px;
|
||||
}
|
||||
.carousel-caption h1 {
|
||||
font-size: 30px;
|
||||
}
|
||||
.carousel-caption .lead, .carousel-caption .btn {
|
||||
font-size: 18px;
|
||||
}
|
||||
.marketing .span4 + .span4 {
|
||||
margin-top: 40px;
|
||||
}
|
||||
.featurette-heading {
|
||||
font-size: 30px;
|
||||
}
|
||||
.featurette .lead {
|
||||
font-size: 18px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
}
|
||||
.Lbox {
|
||||
border: 1px solid #EFEFEF;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 30px;
|
||||
background-color: #fff;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
|
||||
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,.065);
|
||||
min-height: 580px;
|
||||
border: 1px solid #EFEFEF;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 30px;
|
||||
background-color: #fff;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
|
||||
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,.065);
|
||||
}
|
||||
.count
|
||||
{
|
||||
font-size: 40px;
|
||||
color: #333333;
|
||||
line-height: 1.5em;
|
||||
margin-top: 50px;
|
||||
text-align: center;
|
||||
min-height: 90px;
|
||||
font-family:微软雅黑，黑体;
|
||||
|
||||
}
|
||||
.count span
|
||||
{
|
||||
color: #dc3929;
|
||||
font-size: 70px;
|
||||
}
|
||||
.footer {
|
||||
border-top-width: 4px;
|
||||
border-top-style: solid;
|
||||
border-top-color: #006600;
|
||||
border-right-color: #009900;
|
||||
border-bottom-color: #009900;
|
||||
border-left-color: #009900;
|
||||
padding-top: 25px;
|
||||
margin-top: 40px;
|
||||
|
||||
padding-top: 25px;
|
||||
margin-top: 40px;
|
||||
background-color:#2c3e50;
|
||||
height:120px;
|
||||
color:#ffffff;
|
||||
text-align:center;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue