<<<<<<< HEAD ======= >>>>>>> remotes/origin/wyp_branch /* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ <<<<<<< HEAD /* Body 样式 */ body { margin: 0; /* 去除外边距 */ padding: 0; /* 去除内边距 */ background: url(/dingcan/images/img01.jpg) repeat-x left top; /* 设置背景图片并让其在横向上平铺 */ font-family: Arial, Helvetica, sans-serif; /* 设置字体为Arial、Helvetica或sans-serif */ font-size: 12px; /* 设置字体大小为12px */ color: #66665E; /* 设置字体颜色为浅灰色 */ } /* 标题样式(h1, h2, h3) */ h1, h2, h3 { margin: 0; /* 去除外边距 */ text-transform: uppercase; /* 将文字转换为大写 */ font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; /* 设置字体系列 */ font-weight: normal; /* 设置字体重量为正常 */ color: #0C95C9; /* 设置字体颜色为蓝色 */ } /* 各级标题的字体大小 */ h1 { font-size: 44px; } /* h1标题设置为44px */ h2 { font-size: 18px; } /* h2标题设置为18px */ /* 段落、无序列表和有序列表的样式 */ p, ul, ol { margin-top: 0; /* 去除上边距 */ line-height: 240%; /* 设置行高为240% */ text-align: justify; /* 设置文本对齐为两端对齐 */ } ul, ol { } /* 无特定样式 */ /* 引用样式 */ blockquote { } /* 链接的样式 */ a { color: #0C95C9; } /* 设置链接的文字颜色为蓝色 */ a:hover { text-decoration: none; } /* 鼠标悬停时去除下划线 */ a img { border: none; } /* 去除图片边框 */ /* 图片浮动样式 */ img.left { float: left; /* 图片浮动到左侧 */ margin: 7px 30px 0 0; /* 设置图片的外边距 */ } img.right { float: right; /* 图片浮动到右侧 */ margin: 7px 0 0 30px; /* 设置图片的外边距 */ } /* 隐藏水平分隔线 */ hr { display: none; } /* 列表1的样式 */ .list1 { } .list1 li { float: left; /* 列表项浮动到左侧 */ line-height: normal; } .list1 li img { margin: 0 30px 30px 0; /* 设置图片的外边距 */ } .list1 li.alt img { margin-right: 0; /* alt类列表项右边距设置为0 */ } #wrapper { } /* Header 样式 */ /* 头部容器 */ #header-wrapper { } /* 头部样式 */ #header { width: 920px; /* 设置头部的宽度为920px */ height: 45px; /* 设置头部的高度为45px */ margin: 0 auto; /* 水平居中 */ } /* 菜单部分样式 */ #menu { float: left; /* 菜单浮动到左侧 */ width: 540px; /* 设置菜单的宽度为540px */ height: 45px; /* 设置菜单的高度为45px */ } #menu ul { margin: 0; padding: 10px 0px 0px 5px; /* 设置内边距 */ list-style: none; /* 去除列表项的默认样式 */ line-height: normal; } #menu li { display: block; float: left; /* 列表项浮动到左侧 */ } #menu a { display: block; float: left; /* 链接浮动到左侧 */ margin-right: 3px; padding: 3px 8px 2px 8px; /* 设置链接内边距 */ text-decoration: none; /* 去除下划线 */ text-transform: capitalize; /* 将文字首字母大写 */ font-family: Arial, Helvetica, sans-serif; /* 设置字体系列 */ font-size: 12px; /* 设置字体大小为12px */ color: #FFFFFF; /* 设置字体颜色为白色 */ } #menu a:hover { text-decoration: underline; } /* 鼠标悬停时显示下划线 */ #menu .current_page_item a { height: 20px; background: #FEC200 url(/dingcan/images/img02.jpg) repeat-x left top; /* 设置当前页面项的背景颜色和图片 */ color: #FFFFFF; /* 设置字体颜色为白色 */ } #menu .first { background: none; /* 第一个菜单项无背景 */ } /* 搜索框样式 */ #search { float: right; /* 搜索框浮动到右侧 */ width: 305px; /* 设置搜索框的宽度 */ height: 45px; /* 设置搜索框的高度 */ } #search form { float: right; /* 表单浮动到右侧 */ margin: 0; padding: 12px 30px 0 0; } #search fieldset { margin: 0; padding: 0; border: none; /* 去除fieldset的边框 */ } #search input { float: left; /* 输入框浮动到左侧 */ font: 12px Georgia, "Times New Roman", Times, serif; border: none; /* 去除边框 */ } #search-text { width: 135px; /* 设置输入框宽度 */ height: 18px; /* 设置高度 */ padding: 3px 0 0 5px; /* 设置内边距 */ border: 1px solid #333333; /* 设置边框 */ background: #ECF9E4; /* 设置背景色 */ color: #000000; /* 设置字体颜色 */ } #search-submit { height: 21px; /* 设置提交按钮高度 */ margin-left: 10px; /* 设置左边距 */ padding: 0px 5px; /* 设置内边距 */ background: #000000; /* 设置背景色为黑色 */ color: #FFFFFF; /* 设置字体颜色为白色 */ } /* Page样式 */ #page { width: 920px; /* 设置页面宽度为920px */ margin: 0 auto; /* 页面居中显示 */ } #page-bgtop { padding-top: 30px; /* 设置顶部内边距 */ } /* LOGO部分样式 */ #logo { width: 860px; /* 设置LOGO的宽度 */ height: 134px; /* 设置LOGO的高度 */ margin: 0 auto; /* LOGO居中 */ background: url(/dingcan/images/img04.jpg) no-repeat right top; /* 设置LOGO的背景图片 */ } #logo h1, #logo p { margin: 0px; line-height: normal; text-transform: lowercase; font-weight: normal; color: #FFFFFF; /* 设置LOGO标题和文本的颜色为白色 */ } #logo p { text-transform: lowercase; /* 设置文本为小写 */ font-size: 10px; /* 设置字体大小 */ } #logo h1 { padding-top: 54px; /* 设置LOGO标题的顶部内边距 */ font-size: 34px; /* 设置LOGO标题的字体大小 */ } #logo a { text-decoration: none; /* 去除链接下划线 */ color: #FFFFFF; /* 设置链接颜色为白色 */ } /* Content部分样式 */ #content { float: right; /* 内容浮动到右侧 */ width: 658px; /* 设置内容区域的宽度 */ padding-top: 10px; /* 设置顶部内边距 */ padding-right: 30px; /* 设置右侧内边距 */ } /* Post部分样式 */ .post { background: url(/dingcan/images/img07.jpg) repeat-x left bottom; /* 设置背景图片 */ margin-bottom: 25px; /* 设置底部外边距 */ } .post .title { height: 30px; color: #549900; /* 设置标题颜色为绿色 */ } .post .title a { text-decoration: none; /* 去除标题链接下划线 */ color: #585D60; /* 设置标题链接颜色 */ } .post .date { } .post .meta { margin-top: -10px; /* 设置meta部分的上外边距 */ padding: 2px 30px 2px 16px; background: url(/dingcan/images/img03.gif) no-repeat left 8px; /* 设置背景 */ font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #66665E; /* 设置meta字体颜色 */ } .post .meta span { display: block; /* 设置meta span为块级元素 */ margin-top: -10px; /* 设置上外边距 */ } .post .entry { padding: 10px 0; /* 设置条目内容的内边距 */ } /* Sidebar部分样式 */ #sidebar { float: left; /* 侧边栏浮动到左侧 */ width: 177px; /* 设置侧边栏宽度 */ padding-left: 22px; /* 设置左内边距 */ font-family: Arial, Helvetica, sans-serif; /* 设置字体 */ font-size: 11px; /* 设置字体大小 */ color: #585D60; /* 设置字体颜色 */ } #sidebar ul { margin: 0; padding: 0; list-style: none; /* 去除默认列表样式 */ line-height: normal; } #sidebar li { margin-bottom: 30px; /* 设置列表项底部外边距 */ padding: 0 0 10px 0px; } #sidebar p { margin: 0; /* 去除段落的外边距 */ padding: 0px 10px; /* 设置内边距 */ } #sidebar h2 { height: 26px; margin: 0 0 10px 0px; padding: 12px 0 2px 7px; /* 设置内边距 */ text-transform: capitalize; /* 设置首字母大写 */ font-size: 18px; /* 设置字体大小 */ font-weight: normal; color: #464F54; /* 设置字体颜色 */ } /* Footer 样式 */ #footer { width: 920px; /* 设置页脚宽度 */ height: 49px; /* 设置页脚高度 */ margin: 0 auto; /* 页脚居中显示 */ padding-top: 50px; /* 设置页脚顶部内边距 */ } #footer-bgcontent { margin: 0px; padding: 0px; height: 99px; /* 设置页脚内容的高度 */ background: #394144; /* 设置背景色 */ } #footer p { margin: 0; text-align: center; /* 设置文本居中 */ line-height: normal; text-transform: uppercase; /* 设置文字大写 */ font-size: 10px; /* 设置字体大小 */ color: #FFFFFF; /* 设置字体颜色 */ } #footer a { color: #E5FFC4; /* 设置链接颜色 */ ======= body { margin: 0; padding: 0; background: url(/dingcan/images/img01.jpg) repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #66665E; } h1, h2, h3 { margin: 0; text-transform: uppercase; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #0C95C9; } h1 { font-size: 44px; } h2 { font-size: 18px; } h3 { } p, ul, ol { margin-top: 0; line-height: 240%; text-align: justify; } ul, ol { } blockquote { } a { color: #0C95C9; } a:hover { text-decoration: none; } a img { border: none; } img.left { float: left; margin: 7px 30px 0 0; } img.right { float: right; margin: 7px 0 0 30px; } hr { display: none; } .list1 { } .list1 li { float: left; line-height: normal; } .list1 li img { margin: 0 30px 30px 0; } .list1 li.alt img { margin-right: 0; } #wrapper { } /* Header */ #header-wrapper { } #header { width: 920px; height: 45px; margin: 0 auto; } /* Menu */ #menu { float: left; width: 540px; height: 45px; } #menu ul { margin: 0; padding: 10px 0px 0px 5px; list-style: none; line-height: normal; } #menu li { display: block; float: left; } #menu a { display: block; float: left; margin-right: 3px; padding: 3px 8px 2px 8px; text-decoration: none; text-transform: capitalize; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; } #menu a:hover { text-decoration: underline; } #menu .current_page_item a { height: 20px; background: #FEC200 url(/dingcan/images/img02.jpg) repeat-x left top; color: #FFFFFF; } #menu .first { background: none; } /* Search */ #search { float: right; width: 305px; height: 45px; } #search form { float: right; margin: 0; padding: 12px 30px 0 0; } #search fieldset { margin: 0; padding: 0; border: none; } #search input { float: left; font: 12px Georgia, "Times New Roman", Times, serif; border: none; } #search-text { width: 135px; height: 18px; padding: 3px 0 0 5px; border: 1px solid #333333; background: #ECF9E4; color: #000000; } #search-submit { height: 21px; margin-left: 10px; padding: 0px 5px; background: #000000; color: #FFFFFF; } /* Page */ #page { width: 920px; margin: 0 auto; } #page-bgtop { padding-top: 30px; } /** LOGO */ #logo { width: 860px; height: 134px; margin: 0 auto; background: url(/dingcan/images/img04.jpg) no-repeat right top; } #logo h1, #logo p { margin: 0px; line-height: normal; text-transform: lowercase; font-weight: normal; color: #FFFFFF; } #logo p { text-transform: lowercase; font-size: 10px; } #logo h1 { padding-top: 54px; font-size: 34px; } #logo a { text-decoration: none; color: #FFFFFF; } /* Content */ #content { float: right; width: 658px; padding-top: 10px; padding-right: 30px; } /* */ .post { background: url(/dingcan/images/img07.jpg) repeat-x left bottom; margin-bottom: 25px; } .post .title { height: 30px; color: #549900; } .post .title a { text-decoration: none; color: #585D60; } .post .date { } .post .meta { margin-top: -10px; padding: 2px 30px 2px 16px; background: url(/dingcan/images/img03.gif) no-repeat left 8px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #66665E; } .post .meta span { display: block; margin-top: -10px; } .post .meta a { } .post .entry { padding: 10px 0; } .post .links { margin: 0 250px 0 0; padding: 0 0 0 0px; } .post .links .comments { } .post .links .permalink { padding-left: 17px; } /* */ #sidebar { float: left; width: 177px; padding-left: 22px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #585D60; } #sidebar ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #sidebar li { margin-bottom: 30px; padding: 0 0 10px 0px; } #sidebar li ul { } #sidebar li li { margin: 0; padding: 7px 10px 10px 7px; background: url(/dingcan/images/img07.jpg) repeat-x left bottom; } #sidebar p { margin: 0; padding: 0px 10px; } #sidebar h2 { height: 26px; margin: 0 0 10px 0px; padding: 12px 0 2px 7px; text-transform: capitalize; font-size: 18px; font-weight: normal; color: #464F54; } #sidebar p { line-height: 200%; } #sidebar a { text-align: left; text-decoration: none; font-weight: normal; color: #585D60; } /* */ #calendar { } #calendar caption { padding-bottom: 5px; font-weight: bold; } #calendar table { width: 100%; border-collapse: collapse; border-bottom: 1px solid #24130F; border-left: 1px solid #24130F; border-right: 1px solid #24130F; } #calendar thead th { padding: 5px 0; text-align: center; border-top: 1px solid #24130F; border-left: 1px solid #24130F; background: #24130F; } #calendar tbody td { padding: 5px 0; text-align: center; border-top: 1px solid #24130F; border-left: 1px solid #24130F; border-bottom: 1px solid #24130F; } #calendar tfoot td { padding: 5px; border-left: 1px solid #24130F; border-bottom: 1px solid #24130F; } #calendar tfoot #next { border-top: 1px solid #24130F; text-align: right; } #calendar tfoot #prev { border-top: 1px solid #24130F; } #calendar .pad { border-bottom: 1px solid #24130F; } #calendar #today { background: #24130F; } /* Footer */ #footer { width: 920px; height: 49px; margin: 0 auto; padding-top: 50px; } #footer-bgcontent { margin: 0px; padding: 0px; height: 99px; background: #394144; } #footer p { margin: 0; text-align: center; line-height: normal; text-transform: uppercase; font-size: 10px; color: #FFFFFF; } #footer a { color: #E5FFC4; >>>>>>> remotes/origin/wyp_branch }