bob
/
westdc-zf1
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

base

This commit is contained in:
Li Heng 2015-01-30 06:53:11 +00:00
parent e615a9db37
commit c504dbed37
4 changed files with 393 additions and 298 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
application/default/controllers/IndexController.php
View File

@ -66,7 +66,7 @@ class IndexController extends Zend_Controller_Action
//$time = date("Y-m-d H:i:s",time()); //$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() $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') 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); $sth = $this->db->query($sql);
$rows = $sth->fetchAll(PDO::FETCH_BOTH); $rows = $sth->fetchAll(PDO::FETCH_BOTH);

107
application/default/views/scripts/header.phtml
View File

@ -1,54 +1,67 @@
<!-- header --> <!-- header -->
<link href="/sjyportal/css/style.css" rel="stylesheet" type="text/css" />
<header> <header>
<div class="container"> <!-- Navbar
<div class="row-fluid"> ================================================== -->
<div class="span12"> <div class="navbar navbar-fixed-top navbar-inverse">
<div class="span3"> <div class="navbar-inner">
<a href="/"><img src="/sjyportal/img/logo.png" /></a> <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>
<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>&nbsp;&nbsp;|&nbsp;&nbsp;<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>
</div>
</header> </header>
<div class="container"> <div class="container">
<?= $this->render('breadcrumbs.phtml'); ?> <?= $this->render('breadcrumbs.phtml'); ?>

141
application/default/views/scripts/index/index.phtml
View File

@ -7,64 +7,131 @@
</div><!-- 结束container容器，实现banner全屏展示--> </div><!-- 结束container容器，实现banner全屏展示-->
<!-- Carousel <!-- Carousel
================================================== --> ================================================== -->
<div class="container-fluid1 ">
<div id="myCarousel" class="carousel slide"> <div class="container">
<div class="carousel-inner"> <div class="row">
<div class="item active"> <img src="/sjyportal/img/slide-01.jpg" alt="" class=""> <div class="span6">
<div class="container"> <div id="myCarousel" class="carousel slide">
<div class="carousel-caption"> <div class="carousel-inner">
<h2>“青海—犹他省州水资源可持续发展项目”启动</h2> <div class="item active"> <img src="/sjyportal/img/slide-00.jpg" class="img-rounded">
</div> <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> <div class="span6">
<div class="box">
</div> <p class="box-title">平台新闻</p>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a> <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a> </div> <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>&nbsp;&nbsp;<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> </div>
<!-- /.carousel --> <!-- /.carousel -->
<div class="container"> <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>&nbsp;&nbsp;<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 --> <!-- Three columns of text below the carousel -->
<div class="row-fluid"> <div class="row-fluid">
<div class="span12"> <div class="span12">
<div class="span3"> <div class="span4">
<div class="box"> <div class="box">
<h4 class="box-title">本站统计</h4> <p class="box-title">最新发布数据</p>
<ul> <ul>
<li>数据集： <?= $this->metanum ?>条</li> <?php foreach($this->offlinemdtop as $k=>$v){ ?>
<li>在线数据: <?= $this->onlinesize ?>MB</li> <li>
<li>离线数据: <?= $this->offlinesize ?>MB</li> <a href="/data/<?= $v['uuid'] ?>" title="<?= $v['title'] ?>"><i class=" icon-map-marker"> </i><?= $v['title'] ?></a>
<li>共有注册用户：<?= $this->usernum ?>人</li> </li>
<li>离线申请：<?= $this->offlinenum ?>人次</li> <?php } ?>
</ul> <span class="pull-right"><a href="/archives/" target="_blank" class="more">更多>></a></span>
</ul>
</div> </div>
</div> </div>
<!-- /.span4 --> <!-- /.span4 -->
<div class="span9"> <div class="span4">
<div class="box"> <div class="box">
<h4 class="box-title">新闻公告</h4> <p class="box-title">热门数据排行</p>
<ul> <ul>
<?php foreach($this->list_news as $k=>$v){ ?> <?php foreach($this->offlinemdtop as $k=>$v){ ?>
<li> <li>
<a href="<?= $v['url'] ?>" title="<?= $v['title'] ?>"><i class=" icon-ok-sign"> </i><?= $v['title'] ?></a>&nbsp;&nbsp;<span class="small"><?= date('Y-m-d',strtotime($v['ts_published'])) ?></span> <a href="/data/<?= $v['uuid'] ?>" title="<?= $v['title'] ?>"><i class=" icon-map-marker"> </i><?= $v['title'] ?></a>
</li> </li>
<?php } ?> <?php } ?>
<span class="pull-right"><a href="/archives/" target="_blank" class="more">更多>></a></span> <span class="pull-right"><a href="/archives/" target="_blank" class="more">更多>></a></span>
</ul> </ul>
</div> </div>
</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> </div>
<!-- /.row --> <!-- /.row -->
<div style="margin-bottom:20px;"><img src="/sjyportal/img/protect.jpg" class="img-rounded" /></div>
<!-- Three columns of text below the carousel --> <!-- Three columns of text below the carousel -->
<div class="row-fluid"> <div class="row-fluid">
<!-- /.span4 --> <!-- /.span4 -->
<div class="span4"> <div class="span4">
<div class="box"> <div class="box">
<h4 class="box-title">最新可视化数据</h4> <p class="box-title">最新可视化数据</p>
<ul> <ul>
<?php foreach($this->visualdata as $k=>$v){ ?> <?php foreach($this->visualdata as $k=>$v){ ?>
<li> <li>
@ -77,7 +144,7 @@
</div> </div>
<div class="span4"> <div class="span4">
<div class="box"> <div class="box">
<h4 class="box-title">热门在线数据集</h4> <p class="box-title">热门在线数据集</p>
<ul> <ul>
<?php foreach($this->mdtop as $k=>$v){ ?> <?php foreach($this->mdtop as $k=>$v){ ?>
<li> <li>
@ -91,7 +158,7 @@
<!-- /.span4 --> <!-- /.span4 -->
<div class="span4"> <div class="span4">
<div class="box"> <div class="box">
<h4 class="box-title">热门离线数据集</h4> <p class="box-title">热门离线数据集</p>
<ul> <ul>
<?php foreach($this->offlinemdtop as $k=>$v){ ?> <?php foreach($this->offlinemdtop as $k=>$v){ ?>
<li> <li>
@ -102,8 +169,8 @@
</ul> </ul>
</div> </div>
</div> </div>
<!-- /.span4 --> <!-- /.span4 -->
</div> </div>
<!-- /.row --> <!-- /.row -->
</div> </div>

441
htdocs/sjyportal/css/style.css
View File

@ -1,309 +1,324 @@
/* CSS Document */ 
/* GLOBAL STYLES .navbar-search
-------------------------------------------------- */ {
/* Padding below the footer and lighter body text */ margin-top:10px;
}
body { body {
padding-bottom: 40px; padding-top: 70px;
color: #5a5a5a;
} }
header{ header{
margin: 5px 0px; background-color: #FFFFFF;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus
{
}
#logo, #search {
} }
.navigat { .navigat {
float: right; float: right;
position: relative; position: relative;
left: 70px; left: 70px;
top: 15px; top: 15px;
}
} }
.container .span12 .row .span8 .nav { .container .span12 .row .span8 .nav {
padding-top: 0px; padding-top: 0px;
} }
/* Sidenav for Docs /* Sidenav for Docs
-------------------------------------------------- */ -------------------------------------------------- */
.bs-docs-sidenav { .bs-docs-sidenav {
width: 270px; width: 270px;
margin-bottom: 30px; margin-bottom: 30px;
padding: 0px; padding: 0px;
background-color: #fff; -webkit-border-radius: 6px;
-webkit-border-radius: 6px; -moz-border-radius: 6px;
-moz-border-radius: 6px; border-radius: 6px;
border-radius: 6px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); -moz-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);
box-shadow: 0 1px 4px rgba(0,0,0,.065);
} }
.bs-docs-sidenav > li > a { .bs-docs-sidenav > li > a {
display: block; display: block;
width: 190px \9; width: 190px \9;
margin: 0 0 -1px; margin: 0 0 -1px;
padding: 8px 14px; padding: 8px 14px;
border: 1px solid #e5e5e5; border: 1px solid #e5e5e5;
} }
.bs-docs-sidenav > li:first-child > a { .bs-docs-sidenav > li:first-child > a {
-webkit-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
} }
.bs-docs-sidenav > li:last-child > a { .bs-docs-sidenav > li:last-child > a {
-webkit-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
} }
.bs-docs-sidenav > .active > a { .bs-docs-sidenav > .active > a {
position: relative; position: relative;
z-index: 2; z-index: 2;
padding: 9px 15px; padding: 9px 15px;
border: 0; border: 0;
text-shadow: 0 1px 0 rgba(0,0,0,.15); 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); -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); -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); box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
} }
/* Chevrons */ /* Chevrons */
.bs-docs-sidenav .icon-chevron-right { .bs-docs-sidenav .icon-chevron-right {
float: right; float: right;
margin-top: 2px; margin-top: 2px;
margin-right: -6px; margin-right: -6px;
opacity: .25; opacity: .25;
} }
.bs-docs-sidenav > li > a:hover { .bs-docs-sidenav > li > a:hover {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.bs-docs-sidenav a:hover .icon-chevron-right { .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 { .bs-docs-sidenav .active .icon-chevron-right, .bs-docs-sidenav .active a:hover .icon-chevron-right {
background-image: url(../img/glyphicons-halflings-white.png); background-image: url(../img/glyphicons-halflings-white.png);
opacity: 1; opacity: 1;
} }
.bs-docs-sidenav.affix { .bs-docs-sidenav.affix {
top: 40px; top: 40px;
} }
.bs-docs-sidenav.affix-bottom { .bs-docs-sidenav.affix-bottom {
position: absolute; position: absolute;
top: auto; top: auto;
bottom: 270px; bottom: 270px;
} }
/* */ /* */
/* */ /* */
.box { .box {
border: 1px solid #EFEFEF; font-family: "微软雅黑";
padding-top: 10px; background-color: #FFFFFF;
padding-bottom: 20px; border: 1px solid #E2E2E2;
margin-bottom: 20px; padding-top: 10px;
padding-right: 10px; padding-bottom: 20px;
background-color: #fff; margin-bottom: 20px;
-webkit-border-radius: 6px; padding-right: 10px;
-moz-border-radius: 6px; background-color: #fff;
border-radius: 6px; -webkit-border-radius: 6px;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); -moz-border-radius: 6px;
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065); border-radius: 6px;
box-shadow: 0 1px 4px rgba(0,0,0,.065);
} }
.box-title { .box-title {
font-family: "微软雅黑"; font-family: "微软雅黑";
border-left-width: 4px; font-size: 22px;
border-top-style: none; border-left-width: 4px;
border-right-style: none; border-top-style: none;
border-bottom-style: none; border-right-style: none;
border-left-style: solid; border-bottom-style: none;
border-left-color: #006699; border-left-style: solid;
padding-left: 10px; border-left-color: #26C6DA;
margin-left: 10px; padding-left: 10px;
margin-left: 10px;
} }
.row .span4.box .inline .more { .row .span4.box .inline .more {
padding-left: 260px; padding-left: 260px;
font-size: 9px; font-size: 9px;
} }
.box ul li { .box ul li {
/*width: 350px;*/ /*width: 350px;*/
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
} }
/* Downsize the brand/project name a bit */ /* Downsize the brand/project name a bit */
.navbar .brand { .navbar .brand {
padding: 14px 20px 0px 0px; /* Increase vertical padding to match navbar links */ padding: 14px 20px 0px 0px; /* Increase vertical padding to match navbar links */
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
text-shadow: 0 -1px 0 rgba(0,0,0,.5); text-shadow: 0 -1px 0 rgba(0,0,0,.5);
} }
/* Navbar links: increase padding for taller navbar */ /* Navbar links: increase padding for taller navbar */
.navbar .nav > li > a { .navbar .nav > li > a {
padding: 15px 20px; padding: 15px 20px;
} }
/* CUSTOMIZE THE CAROUSEL /* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */ -------------------------------------------------- */
/* Carousel base class */ /* Carousel base class */
.carousel { .carousel {
margin-bottom: 15px; margin-bottom: 0px;
} }
.carousel .container { .carousel .container {
position: relative; position: relative;
z-index: 9; z-index: 9;
} }
.carousel-control { .carousel-control {
height: 80px; height: 80px;
margin-top: 0; margin-top: 0;
font-size: 120px; font-size: 120px;
text-shadow: 0 1px 1px rgba(0,0,0,.4); text-shadow: 0 1px 1px rgba(0,0,0,.4);
background-color: transparent; background-color: transparent;
border: 0; border: 0;
z-index: 10; z-index: 10;
} }
.carousel .item { .carousel .item {
height: 260px; height: 260px;
} }
.carousel img { .carousel img {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
min-width: 100%; min-width: 100%;
height: 260px; height: 260px;
} }
.carousel-caption { .carousel-caption {
background-color: transparent; background-color: transparent;
position: static; position: static;
max-width: 1128px; max-width: 570px;
padding: 0 20px; padding: 0 0px;
margin-top:210px; margin-top:210px;
} }
.carousel-caption h2, .carousel-caption .lead { .carousel-caption h2, .carousel-caption .lead {
margin: 0; margin: 0;
line-height: 1.25; font-size: 20px;
color: #fff; line-height: 1.25;
text-shadow: 0 1px 1px rgba(0,0,0,.4); color: #fff;
text-align:center; text-shadow: 0 1px 1px rgba(0,0,0,.4);
text-align:center;
} }
.carousel-caption .btn { .carousel-caption .btn {
margin-top: 10px; margin-top: 10px;
} }
/* MARKETING CONTENT /* 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 { .marketing .span4 {
text-align: left; text-align: left;
} }
.marketing h2 { .marketing h2 {
font-weight: normal; font-weight: normal;
} }
.marketing .row .span4 .inline h3 { .marketing .row .span4 .inline h3 {
display: inline-block; display: inline-block;
} }
.marketing .span4 p { .marketing .span4 p {
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
} }
/* RESPONSIVE CSS /* RESPONSIVE CSS
-------------------------------------------------- */ -------------------------------------------------- */
@media (max-width: 979px) { @media (max-width: 979px) {
.container.navbar-wrapper { .container.navbar-wrapper {
margin-bottom: 0; margin-bottom: 0;
width: auto; width: auto;
} }
.navbar-inner { .navbar-inner {
border-radius: 0; border-radius: 0;
margin: -20px 0; margin: -20px 0;
} }
.carousel .item { .carousel .item {
height: 500px; height: 500px;
} }
.carousel img { .carousel img {
width: auto; width: auto;
height: 500px; height: 500px;
} }
.featurette { .featurette {
height: auto; height: auto;
padding: 0; padding: 0;
} }
.featurette-image.pull-left, .featurette-image.pull-right { .featurette-image.pull-left, .featurette-image.pull-right {
display: block; display: block;
float: none; float: none;
max-width: 40%; max-width: 40%;
margin: 0 auto 20px; 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: 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 { .Lbox {
border: 1px solid #EFEFEF; min-height: 580px;
padding-right: 15px; border: 1px solid #EFEFEF;
padding-left: 15px; padding-right: 15px;
padding-top: 20px; padding-left: 15px;
padding-bottom: 30px; padding-top: 20px;
background-color: #fff; padding-bottom: 30px;
-webkit-border-radius: 6px; background-color: #fff;
-moz-border-radius: 6px; -webkit-border-radius: 6px;
border-radius: 6px; -moz-border-radius: 6px;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); border-radius: 6px;
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
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 { .footer {
border-top-width: 4px;
border-top-style: solid; padding-top: 25px;
border-top-color: #006600; margin-top: 40px;
border-right-color: #009900; background-color:#2c3e50;
border-bottom-color: #009900; height:120px;
border-left-color: #009900; color:#ffffff;
padding-top: 25px; text-align:center;
margin-top: 40px;
} }