* {margin: 0;padding: 0;}
ul { list-style-type: none; }
ul::after{
content:'';
display:block;
clear: both;
}
a, a:link,a:visited,a:hover,a:active {
color: black;
text-decoration: none;
}
#blogTitle,
#blog-calendar,
#blogCalendar,
.entrylistDescription,
#widget_my_google,
.dayTitle, #footer,
#ad_t2, #cnblogs_c1,
#under_post_news,
#cnblogs_c2,
#under_post_kb,
#navigator .blogStats,
#author_profile,
#post_next_prev
{ display: none; }
.clear { clear:both; }
#navList {
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
font-size:18px;
}
#navList li {
float: left;
}
#navList li a {
display: block;
color: white;
text-align: center;
padding: 0.5em 0.5em;
text-decoration: none;
}
#navList li a:hover {
background-color: #fff;
color:black;
}
/*总体布局*/
#mainContent {
width: calc( 100% - 260px );
float:left;
}
#sideBar {
width:260px; float: right;
}
/*文章*/
.forFlow {
font-size:14px;
margin:1em 1em 0 0.3em;
line-height: 1.5em;
}
.postTitle {
font-size:16px;
background: #ccc;
border-radius: 5px 5px 0 0;
padding:0.4em 1em;
}
.postDesc {
font-size:12px;
text-align: right;
color:gray;
}
/*文章列表*/
.postCon {
border-left:1px solid #ccc;
border-right:1px solid #ccc;
padding: 0.3em 0.3em 0 0.3em;
}
.c_b_p_desc a { color:blue; }
.c_b_p_desc a:before { content: '~'; }
.c_b_p_desc a:after { content: '~'; }
.c_b_p_desc::before {
content: ''; margin-left:2em;
}
.day .postDesc{
border:1px solid #ccc;
border-top:none;
margin-bottom: 1em;
padding-bottom: 0.3em;
padding-right: 0.5em;
}
/*文章内容*/
/*#post_detail { line-height: 1.5em; }*/
#green_channel { float: left;}
#div_digg {
float: left;
margin: 10px 0 0 20px;
width: auto;
}
#div_digg div { margin-top: 0; }
#cnblogs_post_body {
border:1px solid #ccc;
border-top:none;
padding: 0.3em 0.3em 0 0.3em;
}
#cnblogs_post_body p::before {
content:'';
margin-right:2em;
}
/*评论*/
#blog-comments-placeholder .feedback_area_title
{
font-size:16px; background: #ccc;
border-radius: 5px 5px 0 0;
padding:0.4em 1em;
}
#blog-comments-placeholder .feedbackItem {
border:1px solid #ccc;
border-top:none;
padding: 0.3em 0.3em 0 0.3em;
}
#comment_nav { margin: 1em 0; }
#comment_nav a {
background-color: #555;
border: none;
border-radius: 5px;
color: white;
padding: 5px 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
height:auto;
margin-left: 0.5em;
}
#comment_form_container {
border:1px solid #ccc;
border-radius: 5px 5px 0 0;
}
#commentform_title {
font-size:16px; background: #ccc;
padding:0.4em 1em;
}
#comment_form_container p,
#comment_form_container .commentbox_main
{
padding: 0 0.3em; width:auto;
}
.commentbox_title { width:auto; }
#tbCommentBody { width:100%; }
#btn_comment_submit, #commentbox_opt a{
background-color: #4CAF50;
border: none;
border-radius: 5px;
color: white;
padding: 5px 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
width: auto;
height:auto;
}
#commentbox_opt a {
background-color: #f44336;
line-height: 22px;
}
/*侧边栏*/
#sideBarMain {
font-size:14px;
margin:1em 0.3em 0 0;
}
#sideBarMain .newsItem,
#sidebar_search.sidebar-block,
#sidebar_postcategory,
#sidebar_postarchive,
#sidebar_shortcut,
#sidebar_topviewedposts,
#sidebar_toptags,
#sidebar_recentcomments,
#sidebar_topcommentedposts,
#sidebar_topdiggedposts,
#sidebar_ndoslinks
{
margin-top:1em;
border-radius: 5px 5px 0 0;
border:1px solid #ccc;
}
.catListTitle {
font-size:16px;
padding:0.4em 1em;
background: #ccc;
}
.catListTitle+div,
.catListTitle+ul
{ padding: 0.5em; }
#sideBarMain li {
float: left;
padding: 0 0.5em;
line-height: 1.8em;
}
/*搜索框*/
#q {
margin:0;
height: 27px;
border: 1px solid #008CBA;
width: 150px;
}
#btnZzk {
background-color: #008CBA;
border: none;
border-radius: 5px;
color: white;
padding: 5px 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
height:auto;
}
/*标签列表*/
#myposts {
border-radius: 5px 5px 0 0;
border:1px solid #ccc;
margin-left: 0;
}
.myposts_title {
font-size:16px;
padding:0.4em 1em;
background: #ccc;
}
.pager, .postText2 {
margin: 0;
padding: 0;
clear: both;
}
#myposts .PostList {
margin: 0 1em;
height: auto;
vertical-align: center;
}
.PostList:hover{ background: #eee; }
#myposts a { font-size: 14px; }
#myposts span { float: right; }
/*随笔列表*/
h1.entrylistTitle {
font-size: 24px;
margin: 0.8em auto;
text-align: center;
}
.entrylistItem {
border-radius: 5px 5px 0 0;
border:1px solid #ccc;
margin-bottom:1em;
}
.entrylistPosttitle {
font-size:16px;
padding:0.4em 1em;
background: #ccc;
}
.entrylistPostSummary{
padding: 0.3em 0.3em 0 0.3em;
}
.entrylistItemPostDesc {
font-size:12px;
text-align: right;
color:gray;
padding-right: 0.5em;
}
@media screen and (max-width:760px) {
#mainContent { width: 100%; }
#sideBar { width: 100%; }
.forFlow { margin-right:0.3em; }
#sideBarMain { margin-left:0.3em; }
#green_channel { margin:10px auto; float: none; }
#author_profile {
display: block;
width: auto;
margin: 0 0 0 2em;
}
#div_digg { margin: 0 2em 0 0; float:right;}
.postDesc { text-align: center; }
#comment_form { margin-left: 0; }
#myposts span { float: none; display: block; }
.syntaxhighlighter div {
font-size: 10px;
}
.syntaxhighlighter .gutter .line {
border-right: 1px solid #6ce26c!important;
}
}
转载于:https://www.cnblogs.com/ndos/p/8213634.html