195 lines
2.4 KiB
CSS
195 lines
2.4 KiB
CSS
body{
|
|
margin:10px;
|
|
padding:0;
|
|
}
|
|
a{
|
|
color:#333;
|
|
text-decoration: none;
|
|
}
|
|
a:hover{
|
|
color:#888;
|
|
text-decoration: none;
|
|
}
|
|
h2{
|
|
margin:0 0 10px;
|
|
}
|
|
|
|
ul{
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
li{
|
|
list-style:none;
|
|
}
|
|
.eletb{
|
|
border-collapse:collapse;
|
|
width:600px;
|
|
}
|
|
.eletb td{
|
|
border: 1px solid #EEEEEE;
|
|
padding: 5px;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
}
|
|
.news{
|
|
font-size:12px;
|
|
margin:0 0 20px;
|
|
position:relative;
|
|
width:600px;
|
|
}
|
|
.news ul{
|
|
margin:0 0 10px;
|
|
}
|
|
.news li{
|
|
padding:5px 0;
|
|
}
|
|
.more{
|
|
background:#eee;
|
|
border-radius: 5px;
|
|
clear:both;
|
|
display:inline;
|
|
padding:3px;
|
|
text-align: center;
|
|
}
|
|
.top{
|
|
color:#e21f1f;
|
|
}
|
|
|
|
.elements{
|
|
background: none repeat scroll 0 0 #f2f2f2;
|
|
border-radius: 5px 5px 5px 5px;
|
|
display: inline-block;
|
|
height: 50px;
|
|
padding: 10px;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
width: 50px;
|
|
word-wrap: break-word;
|
|
}
|
|
.elementlist{
|
|
margin:0 0 20px;
|
|
}
|
|
/* 1 */
|
|
|
|
.newstb{
|
|
border-collapse:collapse;
|
|
width:600px;
|
|
}
|
|
|
|
.newstb th{
|
|
background: none repeat scroll 0 0 #eee;
|
|
padding: 5px;
|
|
text-align: left;
|
|
}
|
|
.newstb td{
|
|
border: 1px solid #EEEEEE;
|
|
padding: 5px;
|
|
}
|
|
|
|
|
|
/* 2 */
|
|
|
|
.news2{}
|
|
|
|
.news2 li{
|
|
border-bottom:1px solid #eee;
|
|
}
|
|
|
|
.news2 .newsimg{
|
|
display: inline-block;
|
|
margin: 0 10px 0 0;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.news2 .app-pic{
|
|
height:50px;
|
|
width:50px;
|
|
display: inline-block;
|
|
}
|
|
.news2 ul{
|
|
display: inline-block;
|
|
width:570px;
|
|
}
|
|
|
|
|
|
/* 3 */
|
|
|
|
.news3{}
|
|
|
|
.news3 li{
|
|
border-bottom:1px solid #eee;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.news3 .img{
|
|
float:left;
|
|
margin:0 10px 0 0;
|
|
}
|
|
|
|
.news3 .hot, .news3 .title, .news3 .date, .news3 .tags, .news3 .text{
|
|
display:block;
|
|
margin:0 0 5px;
|
|
text-align: left;
|
|
}
|
|
|
|
.news3 .wrap{
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 4 */
|
|
|
|
.news4{}
|
|
|
|
.news4 li{
|
|
border-bottom:1px solid #eee;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.news4 .img{
|
|
float:right;
|
|
margin:0 0 0 10px;
|
|
}
|
|
|
|
.news4 .hot, .news4 .title, .news4 .date, .news4 .tags, .news4 .text{
|
|
display:block;
|
|
margin:0 0 5px;
|
|
text-align: left;
|
|
}
|
|
|
|
.news4 .wrap{
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
|
|
/* 5 */
|
|
|
|
.news5{
|
|
overflow: hidden;
|
|
}
|
|
|
|
.news5 .img{
|
|
float:left;
|
|
margin:0 10px 0 0;
|
|
}
|
|
.news5 ul{
|
|
float: left;
|
|
text-align: left;
|
|
width: 540px;
|
|
}
|
|
.news5 li{
|
|
border-bottom:1px solid #eee;
|
|
}
|
|
|
|
.news5 .more{}
|
|
.news5 .hot, .news5 .title, .news5 .date, .news5 .tags, .news5 .text{
|
|
|
|
}
|
|
|
|
.news5 .wrap{
|
|
overflow: hidden;
|
|
} |