group

cschengvdn

于 2015-10-27 18:56:14 发布

阅读量416

点赞数

还有一个动态评论的

<!DOCTYPE html>

<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
</head>
<style type="text/css">
.digg-top {
padding: 0 0 5px;
border-bottom: 1px solid #e9e9e9;
}
.left-align {
text-align: left;
}
.p-nav {
font-size: 14px;
}
group-buttons {
display: inline-block;
margin-bottom: 5px;
}
.small-button {
background: #fff;
background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
background: linear-gradient(top, #ffffff 0%,#ededed 100%);
border: 1px solid #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #777;
cursor: pointer;
font: normal 12px/20px Arial, Tahoma, Verdana, sans-serif;
outline: none;
padding: 4px 10px;
text-align: center;
text-decoration: none;
line-height: 14px;
}

.group-topics {
float: right;
margin-right: 10px;
}
.col-sm-8 {
width: 65.666667%;
}
.group-desc {
display: inline-block;
margin: 8px 0;
font-size: 13px;
color: #989898;
}
.list-posts .media:hover {
background-color: #f8f8f8;
}
.list-posts .media {
padding-top: 12px;
border-bottom: 1px solid #e9e9e9;
}
.p-cnt span {
display: block;
line-height: 1;
font-weight: bold;
}
.media, .media-body {
overflow: hidden;
zoom: 1;
}
li {
display: list-item;
text-align: -webkit-match-parent;
}

.p-cnt {
position: relative;
top: -1px;
float: left;
width: 40px;
margin-right: 10px;
text-align: center;
text-decoration: none!important;
}
.p-comments {
position: relative;
top: 10px;
float: right;
margin-left: 5px;
margin-right: 10px;
text-align: center;
text-decoration: none!important;
}

.p-comments:visited span {
background: #d7d7d7;
}
.p-comments span {
display: block;
line-height: 1;
font-weight: bold;
color: white;
padding: 2px 10px;
border: none;
border-radius: 10px;
background: #57bce1;
}
body {
color: #2e2e2e;
font: 300 14px/1.5 'Microsoft YaHei','Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.p-meta {
font-size: 12px;
color: #777;
}
a {
color: #2e2e2e;
text-decoration: none;
}
a:hover, a:focus {
color: #58B0D5;
text-decoration: none;
}
.p-paging {
display: block;
padding-top: 20px;
text-align: center;
font-size: 14px;
}
.pagination>li>a, .pagination>li>span {
position: relative;
float: middle;
padding: 6px 12px;
line-height: 1.42857143;
text-decoration: none;
color: #428bca;
background-color: #fff;
border: 1px solid #ddd;
margin-left: -1px;
}
.p-paging {
display: block;
padding: 5px 0;
text-align: center;
font-size: 14px;
}
</style>
<body>

<div class="col-xs-12 col-sm-8">
<header class="w-border digg-top">

<div class="group-info left-align">
<div class="p-nav">
<span><a href="http://group.jobbole.com/">小组</a></span> › <span><a href="./1_files/1.htm">技术</a></span>
<span class="group-topics">99 主题 · <a target="_blank" href="http://group.jobbole.com/category/tech/feed/"><i class="fa fa-rss"></i></a> </span>
</div>

<span class="group-desc">求助技术问题、分享技术心得和讨论技术前沿，请在这里发主题。</span><br>
<div class="group-buttons">

<span class="small-button register-user-only"><i class="fa fa-plus"></i> 发帖</span>
<span class="small-button register-user-only">创建子小组</span>


<span class="small-button register-user-only " data-follow-type="1" data-toggle="modal" data-group-id="3">关注小组</span>
</div>
</div>
<div class="clearfix"></div>

</header>

<ul class="list-posts">
<li class="media">

<a class="p-cnt" href="http://group.jobbole.com/author/android_fred/">
<span><img width="40" height="40" class="img-rounded" src="./1_files/dc1d71bbb5c4d2a5e936db79ef10c19f1.png"></span>
</a>

<a target="_blank" href="http://group.jobbole.com/7995/#comm-10128" class="p-comments">
<span>14</span>
</a>

<div class="media-body">
<h3 class="p-tit">
<a target="_blank" href="http://group.jobbole.com/7995/#comm-10128">刚考完百度笔试，难度真不小，来看看一道开放性的题目吧</a><label class="hide-on-480 small-domain-url"></label>
</h3>

<p class="p-meta">


<span>49 分钟前</span>•

<span>
<a href="http://group.jobbole.com/author/wx682419713/">
Farmer</a> <a href="http://group.jobbole.com/7995/#comm-10128">最后回复 »</a>
</span>
</p>

</div>

</li>
</ul>
<ul class="pagination p-paging">
<li></li>
<li id="pagination-next-page"><a href="http://group.jobbole.com/category/tech/page/2/">下一页 »</a></li>
</ul>
</div>
</body>
</html>