anquan {
width: 400px;
height: 400px;
border: 1px solid #000;
}
img {
width: 100%;
height: 100%;
}
tongji {
width: 100px;
height: 100px;
border: 1px solid #000;
}
* {
margin: 0;
padding: 0
}
a {
text-decoration: none;
color: #1c2b36
}
div {
display: block
}
body {
background-color: #ebebeb;
font-size: 13px;
letter-spacing: 1px
}
.clear {
height: 0;
font-size: 0;
clear: both;
over-flow: hidden
}
#header {
height: 50px;
line-height: 50px;
background-color: white;
display: inline-block;
width: 100%;
min-width: 1350px
}
#header li {
list-style: none
}
#blogTitle {
width: 250px;
float: left;
padding-left: 20px
}
#blogTitle h3>a:after {
content: " 【安全研究员 】"
}
#blogTitle h1 {
font-size: 20px
}
#blogTitle h2 {
display: none
}
#lnkBlogLogo {
display: none
}
#navigator {
padding-left: 20px;
padding-right: 20px
}
#navigator ul {
float: left
}
#navigator li {
display: inline-block
}
#navigator li>a {
padding-left: 10px;
padding-right: 10px
}
#navigator li>a:hover {
color: #ea0000
}
#navigator .blogStats {
position: relative;
float: right
}
#main {
margin-top: 10px;
width: 1310px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
#mainContent {
margin-right: 10px;
width: 900px;
float: left;
background-color: white;
padding: 15px;
border-radius: 2px
}
#mainContent .forFlow {
border: 1px dashed #ddd;
background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.04) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.04) 3%, rgba(0, 0, 0, 0) 3%);
background-size: 20px 20px;
background-position: center center;
}
#mainContent .day {
position: relative;
margin: 0 0 10px 0;
padding: 15px;
display: block
}
#mainContent .dayTitle {
display: none
}
#mainContent .day .postTitle {
display: inline-block;
height: 22px;
line-height: 22px;
font-size: 20px;
font-weight: bolder;
vertical-align: middle;
border-left: 4px solid #c40000;
position: relative;
left: -17px;
margin-bottom: 15px
}
#mainContent .postTitle>a {
margin-left: 13px
}
#mainContent .postTitle>a:hover {
color: #036
}
#mainContent .day .postCon .c_b_p_desc {
line-height: 23px;
font-size: 12px;
opacity: .7;
margin-bottom: 10px;
height: 50px;
overflow: hidden
}
#mainContent .day .postCon .c_b_p_desc:after {
content: " . . ."
}
#mainContent .day .postCon .c_b_p_desc>a {
display: none
}
#mainContent .day .postDesc {
font-size: 12px;
opacity: .7
}
#mainContent .day .postDesc a:hover {
color: #ea0000
}
#sideBar {
width: 340px;
float: left
}
#sideBar a:hover {
color: #ea0000
}
#sideBar h3 {
border-left: 3px solid #cf2730;
padding-left: 10px;
margin-bottom: 10px
}
#sideBar .newsItem {
background-color: white;
background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.04) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.04) 3%, rgba(0, 0, 0, 0) 3%);
background-size: 20px 20px;
background-position: center center;
padding: 15px;
border-radius: 2px;
margin-bottom: 10px
}
#profile_block {
margin-top: 5px
}
#sideBar .newsItem #blog-news {
line-height: 25px
}
#profile_block {
padding-top: 10px;
line-height: 25px
}
#leftcontentcontainer .sidebar-block {
background-color: white;
background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.04) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.04) 3%, rgba(0, 0, 0, 0) 3%);
background-size: 20px 20px;
background-position: center center;
margin-bottom: 10px;
padding: 15px
}
#leftcontentcontainer #sidebar_search_box #widget_my_zzk {
padding-top: 10px;
}
#leftcontentcontainer #sidebar_search_box #widget_my_zzk .input_my_zzk {
width: 205px;
height: 28px;
vertical-align: middle;
padding: 0 12px;
font-size: 13px;
color: #555;
background-color: #fff;
background-image: none;
border: 1px dashed #ccc
}
#leftcontentcontainer #sidebar_search_box #widget_my_zzk .btn_my_zzk {
line-height: 30px;
height: 30px;
vertical-align: middle;
width: 70px;
font-weight: 400;
color: #555;
text-align: center;
background-color: white;
border: 1px dashed #ccc;
font-size: 13px;
letter-spacing: 1px
}
#leftcontentcontainer #sidebar_search_box #widget_my_zzk .btn_my_zzk:hover {
cursor: pointer
}
#leftcontentcontainer #sidebar_categories ul {
padding-top: 5px;
list-style: none
}
#leftcontentcontainer #sidebar_categories ul>li {
line-height: 35px;
}
#leftcontentcontainer #sidebar_categories ul>li:before {
content: " - "
}
#leftcontentcontainer #sidebar_topviewedposts #TopViewPostsBlock {
padding-top: 10px;
}
#leftcontentcontainer #sidebar_topviewedposts #TopViewPostsBlock ul {
list-style: none
}
#leftcontentcontainer #sidebar_topviewedposts #TopViewPostsBlock li {
line-height: 35px;
width: 300px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
#leftcontentcontainer #sidebar_topcommentedposts #TopFeedbackPostsBlock {
padding-top: 10px;
}
#leftcontentcontainer #sidebar_topcommentedposts #TopFeedbackPostsBlock ul {
list-style: none
}
#leftcontentcontainer #sidebar_topcommentedposts #TopFeedbackPostsBlock li {
line-height: 35px;
width: 300px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
#leftcontentcontainer #call_me_box {
padding-top: 10px;
border-top: 1px;
text-align: center
}
#footer {
margin-top: 10px;
height: 50px;
line-height: 50px;
vertical-align: center;
text-align: center
}
#mainContent .postBody {
margin-top: 10px!important
}
#mainContent a:hover {
color: #ea0000
}
#mainContent .postBody pre {
padding: 10px
}
#mainContent .postBody table {
border-spacing: 0;
width: 100%;
border-collapse: collapse
}
#mainContent .postBody table thead {
background-color: #1c2b36
}
#mainContent .postBody table th {
font-size: 14px;
font-weight: normal;
padding: 8px;
color: white;
text-align: left;
border: 1px solid #1c2b36
}
#mainContent .postBody table td {
font-size: 12px;
padding: 8px;
border: 1px solid #ccc
}
#cnblogs_post_body th,.cnblogs-post-body th {
background-color: #1c2b36
}
#topics .post .postTitle {
text-align: center;
padding: 30px 0;
}
#topics .post .postBody #cnblogs_post_body {
padding: 10px
}
#topics .post .postBody #cnblogs_post_body img {
max-width: 880px;
border: 1px dashed green;
}
#mainContent .postBody p {
font-size: 12px;
letter-spacing: 2px;
line-height: 30px
}
#cnblogs_post_body {
margin-bottom: 10px
}
#blog_post_info_block {
margin-top: 10px
}
#topics .post .postBody #blog_post_info_block {
padding: 10px
}
#topics .post .postDesc {
padding: 10px;
margin-top: 10px
}
#blog-comments-placeholder {
padding: 10px;
margin-top: 10px
}
#blog-comments-placeholder br {
display: none
}
#blog-comments-placeholder .feedback_area_title {
font-size: 18px;
font-weight: bold;
padding-bottom: 10px;
border-bottom: 1px dashed #ebebeb
}
#blog-comments-placeholder .feedbackItem {
padding: 10px 0;
border-bottom: 1px dashed #ebebeb
}
#blog-comments-placeholder .feedbackItem a:hover {
color: #ea0000
}
#blog-comments-placeholder .feedbackListSubtitle {
display: inline-block;
padding: 10px 0
}
#blog-comments-placeholder .feedbackListSubtitle a {
color: orangered;
font-weight: bold
}
#blog-comments-placeholder .feedbackManage {
float: right
}
#blog-comments-placeholder .feedbackManage .comment_actions a {
padding-left: 5px;
color: #146a80;
font-weight: normal
}
#blog-comments-placeholder .feedbackListSubtitle .louzhu {
color: gold;
background-color: #1c2b36;
padding: 1px 10px;
border-radius: 2px;
position: relative
}
#blog-comments-placeholder .feedbackManage .comment_actions a:hover {
color: #ea0000
}
#blog-comments-placeholder .feedbackCon {
line-height: 30px
}
#blog-comments-placeholder .feedbackCon .comment_vote a {
padding-right: 5px;
color: #146a80;
font-weight: normal
}
#comment_nav {
padding: 10px;
margin-top: 10px;
line-height: 30px
}
#blog-comments-placeholder .feedbackCon .comment_vote a:hover {
color: #c40000
}
#comment_form #comment_nav a {
padding-right: 10px;
color: #146a80
}
#comment_form #comment_nav a:hover {
color: #ea0000
}
#comment_form_container {
padding: 10px;
margin-top: 10px;
line-height: 30px
}
#comment_form_container #commentform_title {
font-size: 18px;
font-weight: bold;
padding-bottom: 10px;
border-bottom: 1px dashed #ebebeb
}
#comment_form_container textarea {
width: 855px;
height: 150px;
border: 1px dashed #ebebeb;
padding: 10px;
letter-spacing: 1px
}
#comment_form_container #commentbox_opt {
margin-top: 10px
}
#comment_form_container #commentbox_opt>input {
margin-bottom: 10px;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
display: block;
width: 100%;
background-color: #2f889a;
color: white
}
#comment_form_container #commentbox_opt>a {
color: #146a80
}
#ad_t2 {
display: none
}
#cnblogs_c1 {
display: none
}
#under_post_news {
display: none
}
#cnblogs_c2 {
display: none
}
#under_post_kb {
display: none
}
.my-title {
display: block;
border-left: 5px solid #cf2730;
padding-left: 10px;
font-size: 20px!important;
font-weight: bolder;
line-height: 40px!important;
background-color: #f8f8f8;
color: #1c2b36;
margin-top: 0px!important;
margin-bottom: 0px!important;
}
#green_channel {
padding: 0;
margin-bottom: 10px;
margin-top: 10px;
border: 0;
font-size: 12px;
width: 100%;
text-align: left
}
#author_profile #author_profile_info img {
border-radius: 50%;
margin-right: 15px
}
#mainContent .c_b_p_desc {
line-height: 23px;
font-size: 12px;
opacity: .7;
margin-bottom: 10px;
height: 50px;
overflow: hidden
}
#mainContent .day .postSeparator {
position: relative;
height: 10px;
line-height: 10px;
margin: 15px 0;
left: -16px;
width: 898px;
}
#mainContent .c_b_p_desc:after {
content: " . . ."
}
#mainContent .c_b_p_desc>a {
display: none
}
#mainContent .entrylistItem {
position: relative;
margin: 0 0 10px 0;
padding: 15px;
display: block
}
#mainContent .entrylistItem .entrylistPosttitle {
display: inline-block;
height: 22px;
line-height: 22px;
font-size: 20px;
font-weight: bolder;
vertical-align: middle;
border-left: 4px solid #c40000;
position: relative;
left: -17px;
margin-bottom: 15px
}
#mainContent .entrylistPosttitle>a {
margin-left: 13px
}
#mainContent .entrylistItem .entrylistItemPostDesc {
font-size: 12px;
opacity: .7
}
#mainContent .entrylistItem .entrylistItemPostDesc a:hover {
color: #ea0000
}
#mainContent .entrylistTitle {
text-align: center;
padding: 30px 0;
margin-bottom: 10px
}
blockquote {
border: 0;
padding: 5px 20px;
margin: 0;
font-size: 14px;
border-left: 5px solid #eee;
background-color: #f8f8f8;
}
blockquote pre {
padding: 5px!important;
font-size: 14px
}
blockquote pre {
padding: 5px!important;
font-size: 14px
}
@media(max-width:970px) {
#blogTitle h1 {
display: none
}
#main {
padding-right: 0px;
padding-left: 0px;
}
#header {
min-width: 100%!important
}
.blogStats {
display: none;
}
#mainContent .day .postSeparator {
width: 100%!important
}
#mainContent {
margin-right: 0!important
}
#sideBar {
margin-top: 10px!important;
margin-left: 0!important;
margin-right: 0!important
}
.commentform {
margin-left: 0!important;
margin-right: 0!important
}
#comment_form_container textarea {
width: 100%!important;
padding: 0!important
}
#cnblogs_post_body table {
display: inline!important
}
#topics .postTitle a {
font-size: 20px;
}
#topics .post .postBody #cnblogs_post_body img {
max-width: 100%;
border: 1px dashed green;
}
#mainContent .postBody table td {
white-space: normal!important
}
.commentbox_title_right {
display: none;
}
}
#cnblogs_post_body p {
margin: 0!important;
text-indent: 0;
}
.topicListFooter {
margin-bottom: 10px;
}