修真界CSS模板 - 微笑交流站 - 微笑家族,微笑交流站,微笑领地

赞助商链接

最新评论

当前位置：首页 >> CSS模板>> 站长资源>> 文章列表

修真界CSS模板
作者：微笑发布时间：2009-06-17 09:21:03 浏览次数：132

/* CSS Document */
/*定义页面总体样式*/
body {
background-image: URL();
background-position: center;
background-repeat: repeat;
background-attachment: fixed;
margin: 0;
font-family: 宋体; Helvetica, sans-serif; color: #003366;
font-size: 12px;
}
/*定义页面总体宽度*/
#top, #header, #nav, #main, #footer {
width: 990px;
margin: 0 auto;   /*页面居中*/   text-align: left;
}
/*左上角时间定义样式*/
#date {
font-size: 12px;
line-height: 0px;    height: 0px;
float: left;
padding: 0;
}
div#fav{display:none;
}
div#logo{display:none;
}
div#banner{display:none;
}
div#header{display:none;
}

/*logo定义样式*/
#logo {
border: 0px solid #00A8FF;
float: left;
hight: 0px;
h: 0px;
ine-height: 0px;
text-align: center;
}
/*banner定义样式*/
#banner {
border: 0px solid #00A8FF;
height: 0px;
width: 0px;
float: right;
line-height: 0px;
text-align: center;
}
/*上部定义样式*/
#header {
height: 0px;
overflow: hidden;
}
/*右上角链接定义样式*/
#fav {
font-size: 12px;
line-height: 0px;
float: right;
height: 0px;
margin: 0;
padding: 0 0px 0 0;
}
/*顶部定义样式*/
#top {
line-height: 0px;
height: 0px;
}
/*导航链接定义样式*/
#nav ul {
font-size: 12px;
margin: 0px;
padding: 0px;
height: 0px;
list-style: none;
background: url() repeat-x;
}
#nav li {
line-height: 0px;
float: left;
}
#nav a {
padding: 0px 0px;
}
#nav a:hover {
color: #ff0000;
background: url() repeat-x center 1px;
}
a:link {
color: #04567d;
text-decoration: none;
}
a:visited {
color: #04567d;
text-decoration: none;
}
a:hover {
color: #ff0000;/*鼠标指向变色*/
text-decoration: underline;
               background: url() repeat;
}
/*边框定义样式*/
#sider #notice p {
margin: 0 0 0px 0;
padding: 2px 10px;
border: 0px solid #EBF5F7;
}
#sider {
width: 205px;
float: left;
}
#sider h2 {
background: url(http://img.lingd.net/attachments/date_200904/3e45d5394424088717473157ae3dbf1c.png) no-repeat left top;
font-size: 12px;
margin: 0px;
padding-left: 23px;
color: #0B87BB;
line-height: 27px;
height: 27px;
border: 0px solid #0099FF;
}
#sider ul {
width: 193px;
margin: 0 0 0px 0;
padding: 5px;
list-style-type: none;
border: 1px solid #EBF5F7;
}
#sider li {
line-height: 20px;
padding: 0 1px 0 15px;
border: 1px dashed #C1E0FF;
border-width: 0 0 1px 0;
background: url(http://img.lingd.net/attachments/date_200904/d7d144333d97a411a4722feb38980aa6.gif) no-repeat 2px center;
height: 20px
}
/* 推荐*/
.tui {clear:both;width:772px;height:110px;margin:2px 0 2px 3px ;border:1px solid #C4F4B8;font-family:verdana,Arial;text-align:left;font-size:12px;}
.tui a:link{ text-decoration:none; color:#red;}
.tui a:hover{ text-decoration:none;}
.tui_font{float:left;width:14px;height:90px;background-color:#C4F4B8;color:#0179f1;padding:20px 3px 0 3px;}
.tui_l {float:left; width:300px; margin:auto;}
.tui_l ul{ float:left;width:320px; margin:auto;}
.tui_l li{line-height:20px; list-style-type:none;background: url(http://img.lingd.net/attachments/date_200904/ba9992e9b6c3f52d70eba75ddfdd179c.gif) no-repeat left center; /*热门推荐前面图标*/padding: 0 5px 0 25px;/*离前面的距离值*/ }
.tui_2 {float:right; width:380px; margin:auto; margin-top:-99px;}
.tui_2 ul{width:290px; margin:auto;}
.tui_2 li{font-size:12px;line-height:20px; list-style-type:none; background: url(http://img.lingd.net/attachments/date_200904/ba9992e9b6c3f52d70eba75ddfdd179c.gif) no-repeat left center; /*热门推荐前面图标*/padding: 0 5px 0 25px;/*离前面的距离值*/
text-align:left;}
.tui_img{float:left; width:85px;padding:3px 0 0 1px;display:block;
}
/*内容定义样式*/
#contents {
width: 780px;
float:right;
background-color: #FFFFFF;/*文章栏主体背景色*/
}
#contents .news {
float: right;
width: 520px;
}
.space {
height: 1px;
clear: both;
overflow: hidden;
}
.ads {
clear: both;
}
#contents .lists {
width: 258px;
float: left;
margin: 0 0 0 1px;
}
#contents h2 {
font-size: 12px;
background: url(http://img.lingd.net/attachments/date_200904/77d6006fb093b742228f84da7d484dee.png) no-repeat;
no-repeat;
line-height: 27px;
margin: 0px;
height: 27px;
padding-left: 20px;
color: #0B87BB;
border: 0px solid #0099FF;
}
.news {
float: right;
width: 523px;
height: 190px;
padding: 0px 0 0 0px;
margin: 0;
}
.news ul {
margin: 0px;
padding: 0px;
list-style-type: none;
height: 174px;
}
.news li {
line-height: 90px;
margin: 0px;
padding: 0 3px 0 20px;
border: 1px dashed #C1E0FF;
border-width: 0 0 1px 0;
float:left;
background: url(http://img.lingd.net/attachments/date_200904/ca7281bf15422dcc390fe36c31df9d53.gif) no-repeat left center;padding: 0 5px 0 25px;/*离前面的距离值*/
}
.news strong {
font-weight: normal;
font-family: Verdana;
float: right;
margin: 0 18px 0 0;
color: #666666;
line-height: 21px;
}
.news h6 {
float: left;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 0 0 0 12px;
clear: none;
line-height: 22px;
}
/* 右侧JS图片循环CSS信息 */
#contents .images {
float: left;
width: 241px;
height: 190px;
padding: 10px 0 2px 2px;
}
.images img {
border: 1px solid #C4F4B8;
border-color: #C4F4B8 #C4F4B8 #C4F4B8 #C4F4B8;
}
#contents .lists label {
float: left;
}
#contents .lists strong {
cursor: pointer;
float: right;
margin-right: 10px;
color: #0179F1;
}
#contents .lists ul {
background-color: #FBFEFF;
height: 100px;
margin: 0 0 0 0;
padding: 5px;
list-style-type: none;
border: 1px solid #C4F4B8;
border-color: #C4F4B8 #C4F4B8 #C4F4B8 #C4F4B8;
}
#contents .lists li {
background: url(http://img.lingd.net/attachments/date_200904/d7d144333d97a411a4722feb38980aa6.gif) no-repeat 3px center;padding: /*离前面的距离值*/
height: 20px;
line-height: 20px;
padding: 0 5px 0 16px;
border: 1px dashed #D7F2FF;
border-width: 0 0 1px 0;
}
#slideimg {
border: 1px solid #C0F2B3;
border-color: #C0F2B3 #C0F2B3 #C0F2B3 #C0F2B3;
}
/*底部样式定义*/
#footer {
height: 60px;
padding: 0px 0 0 0;
margin: 0px;
margin-top: 2px;
margin-bottom: -80px;
}
#footer p {
line-height: 20px;
margin: 0px;
padding: 0px;
text-align: center;
height: 20px;
}
.path {
font-size: 12px;
background: url(http://img.lingd.net/attachments/date_200904/77d6006fb093b742228f84da7d484dee.png) no-repeat;
line-height: 26px;
margin: 0;
height: 26px;
padding-left: 20px;
color: #0179F1;
}
.path a:link {
color: #0179F1;
}
.path a:visited {
color: #0179F1;
}
.path a:hover {
color: #0179F1;
}
#title {
background-color: #FBFEFF;
text-align: center;
border-bottom: 1px dashed #C0F2B3;
border-left: 1px solid #C0F2B3;
border-right: 1px solid #C0F2B3;
padding: 10px 0 5px 0;
}
/*文章页底部*/
.newsinfo {
background-color: #FBFEFF;
border-left: 1px solid #C0F2B3;
border-right: 1px solid #C0F2B3;
border-bottom: 1px solid #C0F2B3;
padding: 10px;
line-height: 18px;
}
.newslists ul {
padding: 10px;
margin: 0;
list-style: none;
}
.newslists li {
background: url(http://img.lingd.net/attachments/date_200904/d7d144333d97a411a4722feb38980aa6.gif) no-repeat 3px center;
line-height: 20px;
height: 20px;
padding: 0 0px 0 0px;
border: 1px dashed #C1E0FF;
border-width: 0 0 1px 0;
}
.newslists label {
float: left;
margin: 0;
padding: 0 0 0 20px;
}
.newslists strong {
float: right;
font-weight: normal;
margin: 0;
padding: 0 15px 0 0;
}
.attach {
color: #00A8FF;
margin: 12px 0 0 0;
}
.attach img {
border: 0px solid #C0F2B3;
border-color: #C0F2B3 #C0F2B3 #C0F2B3 #C0F2B3;
padding: 7px;
margin-top: 10px;
}
.commenttitle {
font-size: 13px;
clear:both;
position:relative;
height:18px;
font-weight: bold;
text-indent: 5px;
border-left: 6px solid #6FB4FF;
border-bottom: 1px solid #6FB4FF;
background-color: #FFF;
padding: 2px;
}
.quote {
margin: 5px 0px;
padding: 5px;
border: 1px solid #000;
background-color: #EEF9F9;
}
.commentcontent {
margin: 5px 0px 15px 0px;
}
.commentdate {
color: #777777;
font-size: 18px;
padding-top: 2px;
text-align: right;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #B3CBE1;
}
/*定义分页导航样式*/page {
text-decoration: none;
font-family: sans-serif;
font-size: 12px;
padding: 5px;
background: #000000;
margin: 0px;
color:#000000
}
a.page, a.page:link, a.page:visited {
font-family: sans-serif;
text-decoration: none;
color:#000000;
}
a.page:hover {
font-family: sans-serif;
text-decoration: none;
color:#000000;
background: #000000;
}
/* 搜索框CSS */
.search {
width:990px;
margin-top: -19px;
margin-bottom:-16px;
font-size: 12px;
border: 1px solid #C4F4B8;
margin-left: auto;
margin-right: auto;
background-color: #FBFEFF;
clear:both;
height:30px;
}
.backgroundbord BUTTON {
BORDER-RIGHT: #C4F4B8 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #C4F4B8 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C4F4B8); BORDER-LEFT: #C4F4B8 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #C4F4B8 1px solid ;clear:both;
}
.backgroundbord {
WIDTH: 60px;
POSITION: relative;
}
.keyinput {
WIDTH:150px;
height:15px;
margin-left:2px;
BORDER: #C4F4B8 1px solid;
BACKGROUND-COLOR: #fff;clear:both;
}
/* HotKeyCSS */
a.hotkey{
color:#000000;
BACKGROUND: #DFF0FF
text-decoration:underline;
}
a.hotkey:link{
color: #6495ED;
text-decoration:underline;
BACKGROUND: #ffffff
}
a.hotkey:visited{
color: #6495ED;
text-decoration:underline;
BACKGROUND: #ffffff
}
a.hotkey:active{
color: #6495ED;
text-decoration:underline;
BACKGROUND: #ffffff
}
a.hotkey:hover{
color:#0099CC;

text-decoration:underline;
BACKGROUND: #ffffff
}
/* ? CSS */
#resultstyle {
width:982px;
margin-top:-20px;
border: 1px solid #DBF8D3;
margin-left: auto;
margin-right: auto;
background-color: #FBFEFF;
clear:both;
}
#result ul{
margin:0;
font-family: " ,verdana, arial, "sans-serif;
list-style:none;
}
#result li {
width: 982px;
padding-top:3px;
padding-right:5px;
padding-bottom:3px;
display:block;
float:left;
border-bottom: 1px dashed #6495ED;
background:url(arrow.gif) no-repeat 5px 6px;
text-indent:18px;
}
h2 {
font-size: 12px;
padding-left: 12px;
height: 20px;
line-height: 20px;
margin: 0;
background-color: #D5F7CC;
border: 3px double #DDF977;
color: #6495ED;
}
/*去底部*/
div#footer{
display:none;}

顶一下

返回首页

上一篇：领地CSS模块详解（6.19更新）让你也能做模块下一篇：【优秀】QQ随意领地CSS模板

设为首页┆收藏本站┆关于我们┆免责声明┆广告服务┆投诉建议┆站点地图┆返回顶部┆统计入口
信箱:wx998@vip.qq.com 建议用IE6浏览器浏览该站
Copyright © 2010微笑家族版权所有 ICP备案审核中

赞助商链接

热门内容

最新评论