Skip to content

S
s_ibanshou
Commit 8be65832 authored by 汪波's avatar 汪波
Browse files
Options

门户列表CSS

parent 3ff3d5ad
Hide whitespace changes
Inline Side-by-side
Showing with 347 additions and 0 deletions
skin/default/css/banshou.css 0 → 100644
View file @ 8be65832
@charset "utf-8";
.recommend-info {
background-color: #fff;
}
.empty-block {
height: 51px;
}
.common-top {
position: fixed;
left: 0;
top: 0;
width: 100%;
background-color: #fff;
height: 50px;
border-bottom: 1px solid #e7e7e7;
z-index: 3;
}
.common-top a.common-sign,
.common-top a.common-search {
position: absolute;
display: inline-block;
width: 50px;
height: 50px;
top: 0;
text-align: center;
line-height: 50px;
}
.common-top a.common-sign {
left: 0;
}
.common-top a.common-search {
right: 0;
}
.common-top a.common-sign i,
.common-top a.common-search i {
font-size: 20px;
}
.placeholder {
display: block;
height: 30px;
background-color: #f3f3f3;
border-radius: 3px;
margin: 10px 60px;
text-align: center;
font-size: 12px;
line-height: 30px;
color: #999;
}
.placeholder span {
position: relative;
display: inline-block;
padding-left: 25px;
}
.placeholder span i {
position: absolute;
left: 0;
top: 0;
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
line-height: 33px;
}
.hot-nav {
background-color: #fff;
border-bottom: 1px solid #e7e7e7;
}
.hot-nav,
.hot-nav ul {
width: 100%;
}
.hot-nav ul li {
display: inline-block;
width: 25%;
float: left;
}
.hot-nav ul li a {
display: block;
text-align: center;
padding: 20px 0;
}
.hot-nav ul li a p {
font-size: 12px;
color: #333;
}
.hot-nav ul li a span {
display: block;
font-size: 12px;
color: #999;
margin-top: 5px;
}
.hot-nav ul li a i {
display: inline-block;
width: 44px;
height: 44px;
border-radius: 100%;
text-align: center;
line-height: 44px;
color: #26a087;
font-size: 30px;
}
.post-btn {
position: fixed;
display: block;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
background-color: #007aff;
color: #fff;
border-radius: 100%;
right: 10px;
bottom: 60px;
}
.portal-post-box {
background-color: #fff;
margin-top: 10px;
border-top: 1px solid #e7e7e7;
}
.line-tab-box {
height: 48px;
text-align: center;
background-color: #fff;
border-bottom: 1px solid #f3f3f3;
width: 100%;
}
.line-tab-box-fixed {
position: fixed;
top: 50px;
left: 0;
z-index: 3;
}
.line-tab-box a {
position: relative;
display: inline-block;
height: 48px;
line-height: 44px;
padding: 0 20px;
font-size: 14px;
color: #898989;
}
.line-tab-box a.active {
color: #333;
}
.line-tab-box a.active:after {
content: '';
display: inline-block;
position: absolute;
left: 50%;
bottom: 4px;
margin-left: -5px;
width: 10px;
height: 2px;
border-radius: 2px;
background-color: #26a087;
}
.news-item {
border-bottom: 1px solid #f3f3f3;
}
.news-item a.content {
position: relative;
display: block;
padding: 20px 15px;
}
.news-item a.content .tit {
color: #333;
font-size: 17px;
line-height: 1.4;
}
.news-item-info {
padding: 0 15px 20px;
}
.news-item-info .author-head {
position: relative;
height: 40px;
display: inline-block;
padding-left: 48px;
}
.news-item-info .author-head img {
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 40px;
border-radius: 100%;
}
.news-item-info .author-head h3 {
font-size: 14px;
color: #666;
line-height: 20px;
font-weight: normal;
}
.news-item-info .author-head h3 span {
background-color: #26a087;
color: #fff;
font-size: 12px;
padding: 0 4px;
border-radius: 2px;
}
.news-item-info .author-head {
font-size: 12px;
color: #999;
}
.news-item-info .news-option {
position: relative;
display: inline-block;
height: 40px;
line-height: 40px;
font-size: 12px;
color: #999;
padding-left: 28px;
margin-left: 10px;
}
.news-item-info .news-option i {
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 40px;
text-align: center;
line-height: 40px;
display: inline-block;
font-size: 20px;
}
.news-item-info .news-option i.icon-zan {
line-height: 38px;
}
.has-pic .img-item-box {
margin-top: 10px;
}
.has-pic .img-item-box .img-item {
width: 100%;
overflow: hidden;
}
.two-picture .img-item-box .img-item {
position: relative;
width: 50%;
float: left;
display: inline-block;
}
.two-picture .img-item-box .img-item img {
width: 100%;
vertical-align: top;
}
.three-picture .img-item-box .img-item {
position: relative;
width: 33%;
float: left;
display: inline-block;
}
.three-picture .img-item-box .img-item img {
width: 100%;
vertical-align: top;
}
.one-picture a.content {
padding: 20px 110px 20px 20px;
min-height: 64px;
}
.one-picture a.content .img-item-box .img-item {
position: absolute;
display: inline-block;
width: 80px;
height: 80px;
right: 20px;
top: 20px;
overflow: hidden;
}
.one-picture a.content .img-item-box .img-item img {
width: 100%;
vertical-align: top;
}
.two-picture .img-item-box .img-item:after,
.three-picture .img-item-box .img-item:after,
.two-picture .img-item-box .img-item:before,
.three-picture .img-item-box .img-item:before{
content: '';
position: absolute;
display: inline-block;
width: 1px;
height: 100%;
background-color: #fff;
right: 0;
top: 0;
}
.two-picture .img-item-box .img-item:before,
.three-picture .img-item-box .img-item:before{
right: auto;
left: 0;
}
.portal-news-info {
padding: 10px 20px 20px 20px;
font-size: 12px;
}
.portal-news-info span {
padding-left: 10px;
color: #999;
}
.portal-news-info span.time {
padding-left: 0;
}
.pb-none {
padding-bottom: 0!important;
}
.portal-course .img-item-box {
padding-top: 10px;
}
.portal-course .img-item img{
width: 100%;
vertical-align: top;
}
.hot-nav ul li a i {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 100%;
background-color: #63a5f0;
text-align: center;
line-height: 40px;
color: #fff;
font-size: 20px;
}
.hot-nav ul li a p {
margin-top: 10px;
}
.hot-nav ul li:first-child a i {
background-color: #63a5f0;
}
.hot-nav ul li:nth-child(2) a i {
background-color: #f7b321;
}
.hot-nav ul li:nth-child(3) a i {
background-color: #26a087;
}
.hot-nav ul li:last-child a i {
background-color: #ffa42f;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment