bloghome.css
来自「本程序修改自飞天BBS 7.0 将原来的ASP语法迁移为ASP.NET并封装成」· CSS 代码 · 共 110 行
CSS
110 行
/* 通用部分开始 */
html { min-width: 825px; }
body, div { font-size: 12px; font-family: Arial, Helvetica, sans-serif, "宋体"; margin: auto; }
body { text-align: center; margin-left: 0px; margin-top: 0px; background-color: transparent; }
.width780 { width: 825px; display: block; clear: both; }
a { color: #0065B2; text-decoration: none; }
a.menu { color: white; text-decoration: none; }
hr { height:1px; color:#96bad3; }
/* 通用部分结束 */
/*页顶导航*/
#TopNav{height:18px;border-bottom:1px solid #e6e6e6;background:#f8f8f8;color:#a1a0a0;padding-top:3px;padding-bottom:3px;}
#TopNav div{width:840px;margin:0 auto;text-align:right;padding:0 8px;font-size:12px}
#TopNav a{color:#a1a0a0;margin:0 3px;font-size:12px;text-decoration:none;padding:1px 3px 1px 3px;}
#TopNav a:hover{color:#fff;background:#66ABD9;}
/* Logo部分开始 */
#LogoNav { height: 60px; margin-top:8px;margin-bottom:-1px;}
.ad { width: 825px; height: 60px; padding-top: 0px; }
.Logo { float:left; width: 170px; height: 60px; padding-top: 0px; }
.LogoAD { float: right; width: 600px; height: 60px; }
/* Logo部分结束 */
/* 导航菜单开始 */
#MenuNav { height: 25px; margin-top:10px;margin-bottom:9px !important;margin-bottom:0px;}
.NavCenter { font-size: 14px; color: #fff; height: 25px; text-align: right; background: #66ABD9; float: left; width: 825px; margin: 0px; padding-top: 8px; border: 0px; }
.NavCenter a { color: white; text-decoration: none; }
.NavCenter img { vertical-align: middle; }
/* 导航菜单结束 */
.mytag_list { width:auto; height:auto; margin:0px auto 0px auto;font-size:12px; text-align:left; padding:0px 10px 0px 10px;}
.mytag_list em { float:right; font-style:normal;}
.mytag_list h1 { height:24px; line-height:24px; font-size:12px; margin:0px; border:1px solid #B1C6DA; background:#ffffff; padding-left:10px;}
.mytag_list h2 { height:24px; line-height:24px; font-size:12px; margin:5px auto 0px auto;padding-left:10px; width:80%}
/* 主栏目1开始 */
#MainBody { height: auto; margin-top:16px !important;margin-top:8px; margin-bottom:0px; }
.MbLeft { width: 219px; float: left; margin: 0px 0px 0px 0px; }
.MbLeft .TodayRecommend { height: 236px; text-align:center; background: url("../blogimages/pbg1.gif") #fff no-repeat top left; padding-top: 6px; }
.newgif { float: left; height: 35px; width: 109px; background: url("../blogimages/new1.gif") #fff no-repeat top left; margin-top: -6px; }
.PicButton { text-align: left; padding-left: 0px; margin-top: -6px;}
.TodayStar { margin: auto; clear: both; border: 1px solid #96BAD3; margin-top: 10px; text-align: left; height: 159px!important; height: 148px; width: 215px; text-align: center; }
.TodayStar h1 { height: 26px; background-color: #E0E9F0; font-size: 14px; font-weight: bold; text-align: left; margin: 1px 1px 0px 1px; }
.TodayStar h1 img { vertical-align: middle; }
.TodayStarPicBlock { margin: 6px 4px 1px 5px !important; margin: 6px 1px 1px 1px; text-align: center; height: 106px; width: 206px; }
.TodayStarPic { float: left; width: 90px; height: 96px; border: 1px solid #96BAD3; text-align: center; padding: 3px 3px 1px 3px; margin: 2px; }
.TodayStarPic div { text-align: center; margin-top: 5px; padding: 0px; }
.MbCenter { float: left; width: 365px; line-height: 21px; margin: 0px; text-align: left; padding-left: 9px; }
.MbCenter .TopNews { padding: 0px; text-align: left; width: 380px; height:114px; }
.MbCenter .TopNews div { padding: 0px; text-align: left; width: 380px; }
.MbCenter .TopNews img { border-width: 0px; }
.SearchForm { width: 381px; margin: 0px 0px 10px 0px; line-height: 21px; border: 1px solid #96BAD3; background: #E0E9F0 no-repeat top left ; padding: 6px 12px 6px 12px; }
.SearchForm form { display: inline; }
.SearchForm button, .MemberLogin button { background: #1D6292 no-repeat 0px 0px; height: 23px; width: 60px; font-size: 12px; border: #063060 1px solid; color: #ffffff; }
.SearchForm .search { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; }
.TitleMore { border: 0px solid #96BAD3; background: #66ABD9; width:407px; margin:0px;}
.TitleMore .left { padding-left: 10px; height: 21px; width:317px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-style: normal; background:#66ABD9; color: #ffffff; padding: 5px 8px 1px 10px; margin: 0px; float: left; }
.TitleMore .right { width:60px; font-size: 14px; color: #ffffff; float: right; padding: 3px 9px 3px 3px; background: #66ABD9;}
.NewlyPost { margin: 0px; border-bottom: #ffffff 0px solid; width:407px; }
.NewlyPost h3 { padding-left: 10px; padding-top: 5px; font-size: 14px; background: url("../blogimages/mini_tab_line.gif") #66ABD9 repeat-x 0px 27px; margin: 0px; overflow: hidden; height: 22px; color: #fff; text-align: left; }
.NewlyPost ul { padding: 0px; background: url("../blogimages/dotline_list.gif"); margin: 4px 4px 4px; line-height: 24px; list-style-type: none; }
.NewlyPost li { padding-left: 10px; border-bottom:1px solid #eee; overflow: hidden; height: 22px; color: red; }
.NewlyPostList { border: 1px solid #96BAD3; background: #FFFFFF; height: 365px !important; height: 240px; margin:0px; }
.NewlyPostList em { font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-style: normal; background:#f9f9f9; color: #999999; padding: 0px 10px 0px 10px; margin: 0px; /*background: #F3F6F9;*/ float: right; }
.MbRight { width: 181px; float: right; margin: 0px; text-align: center; }
.MbRight .MemberLogin { background:url("../blogimages/memberlogon1.gif"); height: 152px; }
.MbRight .MemberLogin div { width: auto; height: 21px; overflow: hidden; text-align: left; padding-left: 15px; color: #FFFFFF; padding-bottom: 2px; }
.MbRight .MemberLogin input, .MbRight .MemberLogin select { border: 1px solid #063060; font-size: 12px; }
.MbRight .MemberLogin .LoginButton { text-align: center; margin: 0px; padding: 0px; }
.MbRight .MemberLogin .LoginButton button { text-align: center; height: auto; width: auto; line-height: 18px; }
.HotSpace { margin: 8px 0px 0px 0px; border: 1px solid #66ABD9; background: #EFF9FF no-repeat top left; height: 279px!important; height: 268px;}
.HotSpace h3 { margin: 0px; height: 22px; background: #66ABD9; padding-top: 6px; text-align: center; font-size: 14px; font-weight: bold; color: #ffffff; }
.HotSpace ul { padding: 0px; margin: 8px 0px 0px 0px; list-style-type: none; background: #66ABD9 no-repeat top left; }
.HotSpace li { padding: 0px 3px 0px 10px; background: #EFF9FF no-repeat top left; margin-left: 0px; height: 23px; text-align: left; }
/* 主栏目1结束 */
/* 文章导航菜单开始 */
.ArticleBlock { margin-top: 8px; margin-bottom:0px;margin-bottom:0px!important; width: 825px; float: center; }
.ArticleNavCenter { float: left; color: #fff; height:23px; background:#66ABD9; width: 825px; margin:0px 0px 0px 0px; padding-top:8px; border: 0px; }
.ArticleNavCenter h1 { float: left; margin-top: 0px; font-size: 14px; color: #fff; text-align: left; width: 100px; margin:0px 0px 0px 0px; padding-top: 0px; border: 0px; }
.ArticleNavCenter h1 img { vertical-align: middle; }
.ArticleNavCenter ul, .ArticleNavCenter li { display: inline; list-style-type: none; }
.ArticleNavCenter h2 { color: #fff; text-align: center; float: right; width: 60px; margin: -20px 0px 0px 0px; padding-top:0px; border: 0px; }
/* 文章导航菜单结束 */
/* 推荐阅读区开始 */
.CommendRead { float: center; height: 306px!important; height: 270px; width: 825px; text-align: left; margin-bottom:-30px !important; margin-bottom:-5px; }
.CommendRead .Left { width: 229px; height: 274px !important; height: 274px; float: left; margin: 0px; padding: 0px; margin: 0px; background: url("../blogimages/centerleft1.gif"); }
.CommendRead .Left h3 { height: 16px; padding-left: 6px; padding-top: 8px; text-align: left; font-size: 12px; font-weight: bold; margin: 0px 0px 6px 0px; }
.CommendRead .Left div { text-align: left; float: left; padding-left: 12px; padding-top: 0px; width: 195px; margin: 0px; }
.CommendRead .Left div h2 { height: 22px; text-align: left; font-size: 12px; background: url("../blogimages/icon_bg.gif"); font-weight: 100; margin: 0px; padding: 1px 0px 1px 0px; }
.CommendRead .Left div h2 em { font-style: normal; float: right; padding: 0px 3px 0px 3px; margin: 0px; }
.CommendRead .CenterAndRight { width: 296px!important; width: 294px; height: 270px; padding: 0px; float: left; margin: 0px; background: #ffffff no-repeat top left; }
.CommendRead .CenterAndRight .Content { width: 100%; height: 100%; margin: 0px; border: 1px solid #96BAD3; padding: 1px; background: #FFFFFF no-repeat top left; }
.CommendRead .CenterAndRight .Content h1 { width: 100%; height: 20px; font-size: 12px; font-weight: bold; margin: 0px; text-align: left; padding-top: 4px; background: #E5F0F7 no-repeat top left; }
.CommendRead .CenterAndRight .Content ul { height: 230px; overflow: hidden; font-size: 12px; margin: 0px; text-align: left; padding: 4px; list-style-type: none; }
.CommendRead .CenterAndRight .Content ul li { color: #ff6600; height: 19px; border-bottom: #EEEEEE 1px solid; padding-left: 6px; padding-top:4px; text-align: left; }
/* 推荐阅读区结束 */
/* 最新图片/相册开始 */
#NewlyPhotos { width: 820px!important; height: 300px; width: 823px; border: 0px; margin:0px auto 0px auto; border: 1px solid #96BAD3; background: #E5F0F7 no-repeat top left; padding-left:3px!important; padding: 0px; clear: both; float: center; }
#NewlyPhotos h1 { float:left; width: 105px; background:#fff; height: 122px !important; height: 110px; padding: 6px; padding-right:11px !important;padding-right:6px; margin: 5px; border: 1px solid #B9DCF1; line-height: 12px; }
#NewlyPhotos h1 div { font-size:12px; font-weight:100; padding-top:4px;}
/* 最新图片/相册结束 */
#morePhotos { width: 820px!important; height: 700px; width: 823px; border: 0px; margin:0px auto 0px auto; border: 1px solid #96BAD3; background: #E5F0F7 no-repeat top left; padding-left:3px!important; padding: 0px; clear: both; float: center; }
#morePhotos h1 { float:left; width: 105px; background:#fff; height: 110px !important; height: 110px; padding: 6px; padding-right:11px !important;padding-right:6px; margin: 5px; border: 1px solid #B9DCF1; line-height: 12px; }
#morePhotos h1 div { font-size:12px; font-weight:100; padding-top:4px;}
/* 版权声明开始 */
.Copyright { float:center; width: 812px; border: 0px; margin:10px auto 0px auto; border-top: #66ABD9 2px solid; background: #ffffff no-repeat top left; padding: 6px; text-align: left; line-height: 24px; }
/* 版权声明结束 */
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?