修改了数据列表页面的样式和数据查看页面的样式

application/default/views/scripts/data/category.phtml

@@ -27,12 +27,11 @@ $this->headScript()->appendFile('/js/jquery.masonry.min.js');
         <div class="datalist clear mt12">
         	<ul id="datalist">
             	<?php if($this->metadata) : foreach($this->metadata as $md) : ?>
-                <li id="data_<?php echo $md['uuid']; ?>" class="databox">
-                	<div class="subject corners-top"><h2><a href="/data/<?php echo $md['uuid']; ?>"><?php echo $this->escape($md['title']);?></a></h2></div>
+                <li id="data_<?php echo $md['uuid']; ?>" class="databox box-shadow">
+                	<div class="subject text-shadow"><a href="/data/<?php echo $md['uuid']; ?>"><?php echo $this->escape($md['title']);?></a><div class="more"><a href="/data/<?php echo $md['uuid']; ?>">查看详细</a>　　</div></div>
                     <div class="data_content clear">
-                    	<div class="thumb"><img src="/service/thumb/id/<?php echo $md['id'];?>" /></div>
+                    	<div class="thumb box-shadow"><img src="/service/thumb/id/<?php echo $md['id'];?>" /></div>
                     	<div class="description"><?php echo mb_strlen($md['description'])>400?$this->escape(mb_substr($md['description'],0,400,'UTF-8').'...'):$this->escape($md['description']);?></div>
-                        <div class="more"><a href="/data/<?php echo $md['uuid']; ?>">查看详细</a></div>
                     </div>
                 </li>
                 <?php endforeach;endif; ?>
@@ -42,12 +41,4 @@ $this->headScript()->appendFile('/js/jquery.masonry.min.js');
         	<?php if ($this->page) echo $this->page->getNavigation(); ?>
         </div>
     </div>
-</div>
-<script>
-var $container = $('#datalist');
-$container.imagesLoaded(function(){
-  $container.masonry({
-    itemSelector : '.databox'
-  });
-});
-</script>
+</div>

htdocs/css/watermdview.css

@@ -48,7 +48,7 @@ h2{clear:both;}
 
 #abstract{text-indent:2em;}
 #abstract a{background: url(/images/extlink.gif) no-repeat left center;padding-left:12px;}
-#abstract p{line-height:24px;margin:10px 0;}
+#abstract p{line-height:28px;margin:10px 0;font-size:14px;}
 #abstract table,#abstract th,#abstract td{border:1px solid #ccc;border-style:inset;}
 #related,#literature{white-space:normal;}
 #related ul,#literature ul{list-style-type:decimal;padding-left:30px;}
@@ -140,3 +140,5 @@ h2 {margin-top:10px;}
 .recommend .pagnv .pleft{display:block;width:100%;}
 .recommend .pagnv .pright{display:block;width:100%;}
 
+#left p{font-size:14px;line-height:28px;}
+#left form p{font-size:12px;line-height:18px;}

htdocs/static/css/default.css

@@ -213,20 +213,32 @@ input[type="submit"]:hover,.btn:hover, .btn:focus, .btn:active {outline:medium n
 #divBreadCrumb{line-height:24px;background:#FFF;padding-left:15px;border-top:2px solid #a2cde9;border-bottom:2px solid #a2cde9;}
 
 #category_nav{}
-#category_nav .title{width:150px;background:#a3a3a3;font-size:16px;font-weight:bold;text-align:center;height:70px;line-height:70px;}
-#category_nav .categorys{width:800px;background:#e0e0e0;padding:0px;}
+#category_nav .title{width:150px;background:#d9efff;font-size:16px;font-weight:bold;text-align:center;height:70px;line-height:70px;}
+#category_nav .categorys{width:800px;background:#f2f9ff;padding:0px;}
 #category_nav .categorys ul{padding:0 0 0 5px;margin:0px;}
 #category_nav .categorys ul li{float:left;height:35px;line-height:35px;width:15%;}
 
 .datalist ul{padding:0px;margin:0;}
-.datalist ul li{width:32%;padding:0px;margin-left:1%;float:left;margin-top:10px;}
-.datalist ul li .subject{background:#a3a3a3;line-height:28px;border:1px solid #7d7d7d;}
-.datalist ul li .subject a{color:#000;}
-.datalist ul li .data_content{border:1px solid #7d7d7d;margin-top:3px;}
-.datalist ul li .thumb {text-align:center;}
+.datalist ul li{width:99%;padding:0px;margin:0px;margin-top:10px;background:#f2f9ff;}
+.datalist ul li .subject{background:#c9e8ff;line-height:28px;}
+.datalist ul li .subject a{color:#0964b5;font-size:14px;font-weight:normal;padding-left:7px;}
+.datalist ul li .data_content{background:url(/static/images/datalist_tag_bg.png) right bottom no-repeat;overflow:hidden;padding:12px 0px;}
+.datalist ul li .thumb {text-align:center;float:left;margin:0 12px;}
 .datalist ul li .thumb img{padding:2px;margin:2px;border:1px solid #ccc;}
 .datalist ul li .description{font-size:12px;line-height:24px;text-indent:24px;padding:5px;}
 .datalist ul li .more{float:right;}
+.datalist ul li .more a{font-size:12px;}
+
+.box-shadow{
+	box-shadow:2px 2px 2px #ccc;
+	-webkit-box-shadow:2px 2px 2px #ccc;
+	-moz-box-shadow:2px 2px 2px #ccc;
+	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=125, Color='#cccccc');
+	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=125, Color='#cccccc')";
+}
+.text-shadow{
+	text-shadow:#ccc 2px 2px 2px;
+}
 
 #view h1{color:#329ECC;}