博客源代码

第一次

css

body {
    color: #233;
    background: url(https://files-cdn.cnblogs.com/files/lifeisabadword/68641922_p0_master1200.bmp) fixed;
    background-size: cover;
    background-repeat: repeat;
    font-family: "楷体","Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
    font-size: 12px;
    min-height: 101%;
}
.catListTitle {
    margin-top: 21px;
    margin-bottom: 10.5px;
    text-align: left;
    border-left: 10px solid rgba(82, 168, 236, 0.8);
    padding: 5px 0 5px 10px;
    background-color: rgba(245,245,245,0.3);
}
#home {
    margin: 0 auto;
    width: 60%;
    min-width: 950px;
    background-color: rgba(255,255,255,0.8);
    padding: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
.newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory {
    background: none;
    margin-bottom: 35px;
    word-wrap: break-word;
}
#blog-calendar td {
    font-size: 12px;
    font-family: Consolas;
}
.input_my_zzk {
    border: 1px solid #ccc;
    background: none;
    width: 100%;
    height: 25px;
    padding-right: 15px;
    padding-left: 5px;
    outline: 0;
}
.CalDayHeader {
    background: rgba(245,245,245,0.3) !important;
    font-weight: 100;
    color: #5E5F63;
}
.CalTitle {
    background: none;
    width: 100%;
    height: 25px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0;
    color: #FFF;
}
.CalTitle td {
    background: rgba(245,245,245,0.3) !important;
    border: 0px !important;
    color: #5E5F63;
    font-family: "Comic Sans MS";
}
a:link {
    color: cornflowerblue;
}
a:visited {
    color: cornflowerblue;
}
a:hover {
    color:cadetblue;
}
a:active {
    color:black;
}
.CalTodayDay {
    background: rgba(247,247,247,0.3) !important;
    color: #FFF;
    font-weight: bold;
}
.cnblogs_code {
    background-color: rgba(245, 245, 245, 0);
    font-family: Courier New!important;
    font-size: 12px!important;
    border: 1px solid #6e99e8;
    padding: 5px;
    overflow: auto;
    margin: 5px 0;
    color: #000;
}
.cnblogs_code div {
    background-color: rgba(100, 100, 100, 0);
}
.cnblogs-markdown ._hljs {
  font-family:"Courier New"!important;
  font-size:17px!important;
}

.cnblogs-markdown ._hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #1E1E1E !important;
  color: #DCDCDC !important;
}

.cnblogs-markdown .hljs-keyword,
.cnblogs-markdown .hljs-literal,
.cnblogs-markdown .hljs-symbol,
.cnblogs-markdown ._hljs-name {
  color: #569CD6  !important;
}
.cnblogs-markdown ._hljs-link {
  color: #569CD6 !important;
  text-decoration: underline;
}

.cnblogs-markdown .hljs-built_in,
.cnblogs-markdown ._hljs-type {
  color: #4EC9B0 !important;
}

.cnblogs-markdown .hljs-number,
.cnblogs-markdown ._hljs-class {
  color: #B8D7A3 !important;
}

.cnblogs-markdown .hljs-string,
.cnblogs-markdown ._hljs-meta-string {
  color: #D69D85 !important;
}

.cnblogs-markdown .hljs-regexp,
.cnblogs-markdown ._hljs-template-tag {
  color: #9A5334 !important;
}

.cnblogs-markdown .hljs-subst,
.cnblogs-markdown .hljs-function,
.cnblogs-markdown .hljs-title,
.cnblogs-markdown .hljs-params,
.cnblogs-markdown ._hljs-formula {
  color: #DCDCDC !important;
}

.cnblogs-markdown .hljs-comment,
.cnblogs-markdown ._hljs-quote {
  color: #57A64A !important;
  font-style: italic !important;
}

.cnblogs-markdown ._hljs-doctag {
  color: #608B4E !important;
}

.cnblogs-markdown .hljs-meta,
.cnblogs-markdown .hljs-meta-keyword,
.cnblogs-markdown .hljs-tag {
  color: #9B9B9B !important;
}

.cnblogs-markdown .hljs-variable,
.cnblogs-markdown ._hljs-template-varmediaiable {
  color: #BD63C5 !important;
}

.cnblogs-markdown .hljs-attr,
.cnblogs-markdown .hljs-attribute,
.cnblogs-markdown ._hljs-builtin-name {
  color: #9CDCFE !important;
}

.cnblogs-markdown ._hljs-section {
  color: gold !important;
}

.cnblogs-markdown ._hljs-emphasis {
  font-style: italic !important;
}

.cnblogs-markdown ._hljs-strong {
  font-weight: bold !important;
}
/*.cnblogs_code {
    background-color: rgba(247,247,247,0.3);
    font-family: Consolas !important;
    font-size: 12px!important;
    border: 1px solid #ccc;
    padding: 5px 10px;
    overflow: auto;
    margin: 5px 0;
    color: #000;
}
.cnblogs_code div {
    background-color: rgba(247,247,247,0.3);
}
.cnblogs_code_collapse {
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    background-color: rgba(247,247,247,0.3);
    padding: 2px;
}
blockquote {
    background: rgba(247,247,247,0.3);
    border: 2px solid #efefef;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}
div.commentform input.author, div.commentform input.email, div.commentform input.url {
    background-image: url(//static.cnblogs.com/images/icon_form.gif);
    border: 1px solid white !important;
    padding: 4px 4px 4px 30px;
     300px;
    font-size: 13px;
    background-color: rgba(247,247,247,0.3);
}
#comment_form_container .comment_textarea {
     362px;
    height: 200px;
    font-size: 13px;
    padding: 8px;
    margin-bottom: 10px;
    color: #555;
    border: 1px solid white;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: rgba(247,247,247,0.3);
}
.cnblogs_code pre {
font-family: Consolas !important;
font-size: 12px!important;
word-wrap: break-word;
white-space: pre-wrap;
}
.cnblogs_code span {
font-family: Consolas !important;
font-size: 12px!important;
line-height: 1.5!important;
}*/
div#cnblogs_c2 {
display: none;
}
div#cnblogs_c1 {
display: none;
}
div#under_post_news {
display: none;
}
div#ad_t2 {
display: none;
}
div#under_post_kb {
display: none;
}
.feedbackItem {
    margin: 10px 5px 0px;
    padding: 5px;
    box-shadow: 0 0 10px 0 #AAA;
}
.postTitle a:link, .postTitle a:visited, .postTitle a:active {
    color: #21759b;
    transition: all 0.4s cubic-bezier(0, 0, 0.12, 1) 0s;
}
.entrylistPosttitle a:link, .entrylistPosttitle a:visited, .entrylistPosttitle a:active {
    color: #21759b;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.entrylistItemTitle a:link, .entrylistPosttitle a:visited, .entrylistPosttitle a:active {
    color: #21759b;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
#cnblogs_post_body h1{
    background: SkyBlue;
    color: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px SkyBlue , 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    padding: 3px 10px;
    font-size: 175%;
}
#cnblogs_post_body h2 {
    background:      DarkOliveGreen;
    color: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px      DarkOliveGreen , 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    padding: 3px 10px;
}
#cnblogs_post_body h3{
    background: IndianRed;
    color: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px IndianRed , 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    padding: 2px 5px;
}
#cnblogs_post_body h4{
    background: rgba(200, 200, 200, 0.5);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px rgba(200, 200, 200, 0.5) , 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    padding-left: 5px;
}
#cnblogs_post_body h5{
    background: rgba(254, 254, 254, 0.5);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px rgba(254, 254, 254, 0.5) , 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    padding-left: 5px;
}
.buryit {
    display: none;
}
#div_digg {
    float: right;
    position: fixed;
    width: auto;
    bottom: 10px;
    left: 70%;
    margin-bottom: 10px;
    background: rgba(247,247,247,0.3);
    margin-right: 30px;
    font-size: 12px;
    box-shadow: 0 0 10px 0 #AAA;
    padding: 10px;
    border: 2px solid rgba(82, 168, 236, 0.8);
    text-align: center;
    margin-top: 10px;
}
textarea {
    background: rgba(247,247,247,0.3);
    font-family: Consolas !important;
}

.ad_text_commentbox::after {
    content: '(..•˘ʌ˘•..)';
    text-align: center;
    display: block;
    line-height: 160px;
    color: #F44233;
    font-size: 20px;
    font-family: 'Microsoft Yahei';
    text-shadow: 1px 1px 1px #FFF;
}
/*233*/
/* Minification failed. Returning unminified contents.
(301,61): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */

#EntryTag { margin-top: 20px; font-size: 9pt; color: gray; }

.topicListFooter { text-align: right; margin-right: 10px; margin-top: 10px; }

#divRefreshComments { text-align: right; margin-right: 10px; margin-bottom: 5px; font-size: 9pt; }

* { margin: 0; padding: 0; }

html { height: 100%; }

body { color: #000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; min-height: 101%;top center no-repeat #000; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

ul { word-break: break-all; }

li { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

a:link { color: #000; text-decoration: none; }

a:visited { color: #000; text-decoration: none; }

a:hover { color: #f60; text-decoration: underline; }

a:active { color: #000; text-decoration: none; }

.clear { clear: both; }


#home { margin: 0 auto; width: 980px; }

#header { margin-top: 2em; }

#blogTitle { height: 60px; clear: both; }

#blogTitle h1 { font-style: italic; font-size: 300%; font-weight: bold; margin-left: 10.0em; line-height: 1.5em; float: left; width: 50%; display: inline; letter-spacing: 1px; color: #233666; text-shadow: 3px 3px 3px #ac9c9c; }

#blogTitle h2 { font-family: Helvetica, "PingFang SC","Microsoft YaHei", "WenQuanYi Micro Hei", monospace;margin-top: 2em; margin-left: 27.8em; line-height: 1.5em; width: 50%; float: left; display: inline; font-size: 15px; color: #833f3f; text-shadow: 3px 3px 3px #000000; }

#blogTitle h1 a, #blogTitle h2 { color: #833f3f; text-shadow: 3px 3px 3px #ac9c9c; }

#blogLogo { float: left; }

#navigator { background-color: #2315; height: 60px; clear: both; margin-top: 60px; position: relative; }

#navList { min-height: 30px; float: left; margin-left: 100px; }
#navList li { float: left; }

#navList a { margin: 18px 3px 0 0; padding: 0px 60px; font: 14px/1.5em "宋体"; display: block; }

#navList a:link, #navList a:visited, #navList a:active { color: #fff; text-shadow: 3px 3px 3px #000; }

#navList a:hover { text-decoration: underline; }

#navList .aHeaderXML { display: none; }

.blogStats { float: right; color: #ccc; margin-top: 20px; margin-right: 2px; text-align: right; visibility: hidden; }

.themeSelect { position: absolute; right: 20px; top: 20px; }

.themeSelect .box-color { width: 15px; height: 15px; background-color: #ccc; float: left; display: inline; margin-left: 10px; }



#main { min-width: 980px; text-align: left; clear: both; }

#mainContent .forFlow { float: none; width: auto;}

#mainContent { min-height: 200px; *padding-top: 10px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; float: left; width: 730px; }

.day { min-height: 10px; _height: 10px; margin-bottom: 20px; padding-bottom: 5px; margin-left: 20px; margin-top: 1em; margin-right: 2em; }

.dayTitle { color: #666; font-weight: bold; line-height: 1.5em; font-size: 110%; margin-top: 3px; margin-bottom: 10px; float: right; position: relative; top: 40px; }

.postTitle { font-size: 16px; font-weight: bold; padding: 0 100px 10px 20px; border-bottom: 1px solid #e0e0e0; line-height: 1.5em; clear: both; }


.postTitle a:link, .postTitle a:visited, .postTitle a:active { color: #1c7791; }

.postTitle a:hover { color: #f60; text-decoration: none; }

.postCon { float: right; line-height: 1.5em; width: 95%; clear: both; padding: 10px 0; }

.postDesc { float: none; clear: both; text-align: right; padding-right: 5px; color: #a3a3a3; }

.postDesc a:link, .postDesc a:visited, .postDesc a:active { color: #a3a3a3; }

.postDesc a:hover { color: #f60; text-decoration: none; }

.postSeparator { clear: both; height: 1px; clear: both; float: right; margin: 0 auto 5em auto; }

.topicListFooter { margin-top: 5em; }

#sideBar { min-height: 200px; padding: 0 5px 0 5px; margin-left: 700px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; _margin-left: 0; _width: 240px; font-size: 12px; }

.newsItem .catListTitle { text-align: left; padding: 5px 10px; border: 1px solid #ccc; background: #f0f0f0; }

.newsItem { padding: 0 0 5px 0; margin-bottom: 2em; }

#calendar { width: 229px; margin-bottom: 2em; }

#calendar .Cal { width: 96%; line-height: 1.5em; }

.Cal { border: none; color: #666; }

.Cal td { padding: 3px 0; }

#calendar table a:link, #calendar table a:visited, #calendar table a:active { font-weight: bold; }

#calendar table a:hover { color: #fff; text-decoration: none; background-color: #f60; }

.CalTodayDay { color: #f60; }

#calendar .CalNextPrev a:link, #calendar .CalNextPrev a:visited, #calendar .CalNextPrev a:active { font-weight: bold; background-color: #fff; }

.CalDayHeader { border-bottom: 1px solid #ccc; }

.CalTitle { width: 100%; background: #fff; color: #000; border-bottom: 1px solid #666; }

.catListTitle { font-weight: bold; line-height: 1.5em; font-size: 110%; margin-top: 15px; margin-bottom: 10px; border-bottom: 1px solid #000; text-align: center; }

.catListComment { line-height: 1.5em; }

.divRecentComment { text-indent: 2em; color: #666; }

#sideBarMain { margin-top: 45px; }

#sideBarMain ul { line-height: 1.5em; }

.catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListArticleArchive, .catListImageCategory, .mySearch, .catListComment, .catListView, .catListFeedback { margin-bottom: 2em; }

.catListEssay h3, .catListLink h3, .catListNoteBook h3, .catListTag h3, .catListPostCategory h3, .catListPostArchive h3, .catListArticleArchive h3, .catListImageCategory h3, .mySearch h3, .catListComment h3, .catListView h3, .catListFeedback h3, #blog-sidecolumn .catListTitle { text-align: left; padding: 5px 10px; background: #f0f0f0; border-bottom: none; border: 1px solid #ccc; }

.catListEssay ul, .catListLink ul, .catListNoteBook ul, .catListTag ul, .catListPostCategory ul, .catListPostArchive ul, .catListArticleArchive ul, .catListImageCategory ul, .mySearch ul, .catListComment ul, .catListView ul, .catListFeedback ul { padding-left: 1em; }

.catListEssay ul li, .catListLink ul li, .catListNoteBook ul li, .catListTag ul li, .catListPostCategory ul li, .catListPostArchive ul li, .catListArticleArchive ul li, .catListImageCategory ul li, .mySearch ul li, .catListComment ul li, .catListView ul li, .catListFeedback ul li { margin: .5em; }

#blog-sidecolumn .catList ul, #blog-sidecolumn .catListBlogRank ul, #blog-sidecolumn .catListArticleCategory ul { margin-left: 15px; }

.divRecentCommentAticle { margin-top: 1.5em; }

.divRecentComment { margin-top: .5em; }

#topics { min-height: 200px; padding: 1em; }

#topics .postTitle { font-size: 110%; font-weight: bold; border-bottom: 1px solid #999; line-height: 1.5em; padding-left: 5px; }

.postBody { padding: 5px 2px 5px 5px; line-height: 1.5; color: #000; border-bottom: 1px solid #000; }

#EntryTag { color: #666; }

#EntryTag a { margin-left: 5px; }

#EntryTag a:link, #EntryTag a:visited, #EntryTag a:active { color: #666; }

#EntryTag a:hover { color: #f60; }

#topics .postDesc { float: none; text-align: right; padding-right: 5px; color: #666; margin-top: 5px; }

.feedback_area_title { font-weight: bold; border-bottom: 1px solid #333; font-size: 1.2em; margin-top: 20px; margin: 20px 10px 0; padding: 0 0 5px 8px; }

.louzhu { background: transparent url('images/icoLouZhu.gif') no-repeat scroll right top; padding-right: 16px; }

.feedbackListSubtitle { color: #666; }

.feedbackListSubtitle a:link, .feedbackListSubtitle a:visited, .feedbackListSubtitle a:active { color: #666; font-weight: normal; }

.feedbackListSubtitle a:hover { color: #f60; text-decoration: none; }

.feedbackManage { width: 200px; text-align: right; float: right; margin-right: 10px; }

.feedbackCon { border-bottom: 1px solid #ccc; background: url('images/comment.gif') no-repeat 5px 0; padding: 15px 0 10px 40px; min-height: 35px; _height: 35px; margin-bottom: 1em; line-height: 1.5em; margin-right: 10px; }

#divRefreshComments { text-align: right; margin-bottom: 10px; }

.commenttb { width: 320px; }

.entrylistTitle, .PostListTitle, .thumbTitle { font-size: 110%; font-weight: bold; border-bottom: 1px solid #000; text-align: right; padding: 1em; font-size: 1.3em; color: #1c7791; border-bottom: 1px solid #e0e0e0; }

.entrylistDescription { color: #666; text-align: right; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; margin-bottom: 10px; }

.entrylistItem { min-height: 20px; _height: 20px; margin-bottom: 30px; padding-bottom: 5px; }

.entrylistPosttitle { font-size: 110%; font-weight: bold; border-left: 5px solid #1fa6e6; border-bottom: 1px solid #e0e0e0; padding: 0 0 10px 20px; line-height: 1.5em; padding-left: 5px; }

.entrylistPosttitle a { margin-left: 10px; }

.entrylistPosttitle a:hover { text-decoration: none; }

.entrylistPostSummary { margin-top: 5px; padding-left: 5px; margin-bottom: 5px; margin-left: 20px; }

.entrylistItemPostDesc { text-align: right; color: #666; }

.entrylistItemPostDesc a:link, .entrylistItemPostDesc a:visited, .entrylistItemPostDesc a:active { color: #666; }

.entrylistItemPostDesc a:hover { color: #f60; }

.entrylist .postSeparator { clear: both; font-size: 0; line-height: 0; margin: 0; padding: 0; height: 0; border: none; }

.pager { text-align: right; margin-right: 10px; }

.PostList { border-bottom: 1px solid #e0e0e0; clear: both; min-height: 1.5em; _height: 1.5em; padding-top: 10px; padding-left: 5px; padding-right: 5px; margin-bottom: 5px; margin-top: 1em; }

.postTitl2 { float: left; }

.postDesc2 { color: #666; float: right; }

.postText2 { clear: both; color: #666; }

.pfl_feedback_area_title { text-align: right; line-height: 1.5em; font-weight: bold; border-bottom: 1px solid #666; margin-bottom: 10px; }

.pfl_feedbackItem { border-bottom: 1px solid #000; margin-bottom: 20px; }

.pfl_feedbacksubtitle { border-bottom: 1px dotted #666; height: 1.5em; }

.pfl_feedbackname { float: left; }

.pfl_feedbackManage { float: right; }

.pfl_feedbackCon { color: #000; padding-top: 5px; padding-bottom: 5px; }

.pfl_feedbackAnswer { color: #f40; text-indent: 2em; }

.tdSentMessage { text-align: right; }

.errorMessage { width: 300px; float: left; }

.mySearch .input_my_zzk { height: 1.4em; width: 175px; }

.feedbackItem { margin: 1em 0 1em 1em; }

.commentform { padding: 0 5px 0 2em; }

#commentform_title { font-size: 16px; }

#commentform_user { font-size: 1.2em; margin-top: 1em; }

#commentform_user input { margin-left: 1em; padding: .1em; }

.commentbox_main { margin-top: .5em; }

.commentbox_title_left { font-size: 1.2em; margin-bottom: .4em; }

.commentbox_opt { }

#btn_comment_submit { padding: .2em; margin-top: .5em; }

.Pager { margin-left: 5px; margin-right: 20px; font-weight: bold; }

.Pager a:link, .Pager a:active, .Pager a:visited { }

#myposts { margin-left: 1em; margin-right: 20px; }

.entrylist { margin-left: 1em; margin-right: 20px; }

.divPhoto { border: 1px solid #ccc; padding: 2px; margin-right: 10px; }

.thumbDescription { color: #666; text-align: right; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; margin-bottom: 10px; }

.gallery { margin-left: 1em; }

.divPhoto:hover { border-color: #08c; box-shadow: 3px 3px 3px rgba(0,0,0,.3); }

#footer { text-align: center; min-height: 15px; _height: 15px; margin-top: 10px; padding-top: 10px; margin-bottom: 10px; padding-bottom: 10px; color: #333; }

.personInfo { margin-bottom: 20px; margin-top: 1em; }

.pages { text-align: right; }

#profile { margin-left: 1em; }

.pfl_feedback_area_title { margin-bottom: 1em; }

.pfl_answer, .pfl_feedbackCon { margin: .5em; }

#Profile1_panelAdd div { margin-top: .5em; }

#Profile1_panelAdd div b { float: left; width: 8em; }

#Profile1_panelAdd div input.submitComment { padding: .2em; display: block; margin-left: 7.5em; margin-top: 1em; }

.postBody a:link, .postBody a:visited, .postBody a:active { text-decoration: underline; }

.postCon a:link, .postCon a:visited, .postCon a:active { text-decoration: underline; }

.postBody ul, .postCon ul { margin-left: 2em; }

.postBody li, .postCon li { list-style-type: disc; margin-bottom: 1em; }

.postBody blockquote { background: url('images/comment.gif'))no-repeat 25px 0; padding: 10px 60px 5px 60px; min-height: 35px; _height: 35px; line-height: 1.6em; color: #333; }

.myposts_title { margin: 20px 0; font-weight: bold; text-align: center; }

.c_b_p_desc { text-indent: 0; }

#blog-news { margin-left: 15px; }

.blog_comment_body { font-size: 13px; }
.blog_comment_body a:link{ text-decoration:underline; }


#cnblogs_post_body {
    font-size: 16px;
    line-height: 1.8;
}

#cnblogs_post_body img {
    max-width: 650px;
}

//小选项//

/*支持手机样式*/
@media screen and (max- 768px) {
    #mainContent {
        margin-left: 0
    }
    a {
        word-wrap: break-word;
    }
    #main, #mainContent {
        width: 100%;
    }
    #sideBar, body > a, #navList, #navigator, .postDesc a, #homepage_top_pager {
        display: none;
    }
    #blogTitle a {
        font-size: 30px;
    }
    #blogTitle h2 {
        font-size: 16px;
    }
    #home {
        background-image: none;
    }
    .postTitle a {
        font-size: 22px;
    }
    .postCon, .postCon a {
        font-size: 16px;
    }
    .day {
        margin: 0 2%;
    }
    .postCon a {
        padding-left: 0;
    }
    .postDesc {
        width: 100%;
        font-size: 12px;
    }
    #home {
        background-color: #68BCCA;
    }
    #mainContent .forFlow {
        margin: 4px 0 0 0;
    }
    #blogTitle {
        left: 0;
    }
    #mainContent .postBody {
        width: 100%;
    }
    .post {
        padding: 0 4%;
    }
    #header {
        background-size: 46px;
    }
    .topicListFooter {
        width: 100%;
        text-align: center;
        padding: 0;
        height: 40px;
    }
    .topicListFooter a:link {
        font-size: 12px;
    }
/*文章详细页样式*/
    #green_channel {
        width: 100%;
    }
    .c_ad_block {
        width: 100%;
        overflow: hidden;
    }
    #tbCommentAuthor,.commentbox_title,#tbCommentBody {
        width: 100%;
    }
}
/**/

html

<script>
/*随机背景*/
function GetRandomNum(Min,Max){
    var Range=Max-Min;
    var Rand=Math.random();
    return(Min+Math.round(Rand * Range));
}
function ShowTab(){
    x=document.getElementById("MagicArray");
    if (x.style.width=="200px"){
        x.style.width="0px";
        x.style.height="0px";
        x.style.bottom="100px";
        x.style.right="100px";
        x.style.transform="rotate(0deg)";
    }else{
        x.style.width="200px";
        x.style.height="200px";
        x.style.bottom="0px";
        x.style.right="0px";
        x.style.transform="rotate(180deg)";
    }
    
    y=document.getElementsByName("Tab");
    for (var i=0;i<y.length;i++){
        x=y[i];
        if (x.style.fontSize=="15px"){
            x.style.fontSize="0px";
            x.style.transitionDelay="0s";
        }else{
            x.style.fontSize="15px";
            x.style.transitionDelay="0.8s";
        }
    }
}
function ShowPicture(){
    x=document.getElementById("main");
    x.style.opacity=0.9-x.style.opacity;
}
function ChangePicture(){
    x=document.body;
    y=GetRandomNum(0,21);
    if (y==0){
        x.style.background="url(https://files-cdn.cnblogs.com/files/lifeisabadword/76187933_p0_master1200.bmp) no-repeat fixed";
        x.style.backgroundSize="cover";
    }else if (y==1){
        x.style.background="url(https://files-cdn.cnblogs.com/files/lifeisabadword/76074181_p0_master1200.bmp) no-repeat fixed";
        x.style.backgroundSize="cover";
    }else if (y==2){
        x.style.background="url(https://files-cdn.cnblogs.com/files/lifeisabadword/75910324_p0_master1200.bmp) no-repeat fixed";
        x.style.backgroundSize="cover";    
    }else if (y==3){
        x.style.background="url(https://files-cdn.cnblogs.com/files/lifeisabadword/75509590_p1_master1200.bmp) no-repeat fixed";
        x.style.backgroundSize="cover";
    }else if (y==4){
        x.style.background="url(https://files-cdn.cnblogs.com/files/lifeisabadword/74157518_p0_master1200.bmp) no-repeat fixed";
        x.style.backgroundSize="cover";
    }else if (y==5){
        x.style.background="url(https://files-cdn.cnblogs.com/files/lifeisabadword/73635834_p0_master1200.bmp) no-repeat fixed";
        x.style.backgroundSize="cover";
    }else if (y==6){
        x.style.background="url(https://files-cdn.cnblogs.com/files/lifeisabadword/73516237_p0_master1200.bmp) no-repeat fixed";
        x.style.backgroundSize="cover";
    }else if (y==7){
        x.style.background="url(https://files-cdn.cnblogs.com/files/lifeisabadword/72354485_p0_master1200.bmp) no-repeat fixed";
        x.style.backgroundSize="cover";
    }else if (y==8){
        x.style.background="url(https://files-cdn.cnblogs.com/files/lifeisabadword/71918724_p0_master1200.bmp) no-repeat fixed";
        x.style.backgroundSize="cover";
    }else if (y==9){
        x.style.background="url(https://files-cdn.cnblogs.com/files/lifeisabadword/71565661_p0_master1200.bmp) no-repeat fixed";
        x.style.backgroundSize="cover";
    }else if (y==10){
        x.style.background="url(https://files-cdn.cnblogs.com/files/lifeisabadword/71306825_p0_master1200.bmp) no-repeat fixed";
        x.style.backgroundSize="cover";
    }else if (y==11){
        x.style.background="url(https://files-cdn.cnblogs.com/files/lifeisabadword/70875356_p0_master1200.bmp) no-repeat fixed";
        x.style.backgroundSize="cover";
    }else if (y==12){
        x.style.background="url(https://files-cdn.cnblogs.com/files/lifeisabadword/70837628_p0_master1200.bmp) no-repeat fixed";
        x.style.backgroundSize="cover";
    }else if (y==13){
        x.style.background="url(https://files-cdn.cnblogs.com/files/lifeisabadword/68898934_p0_master1200.bmp) no-repeat fixed";
        x.style.backgroundSize="cover";
    }else if (y==14){
        x.style.background="url(https://files-cdn.cnblogs.com/files/lifeisabadword/68641922_p0_master1200.bmp) no-repeat fixed";
        x.style.backgroundSize="cover";
    }else if (y==15){
        x.style.background="url(https://files-cdn.cnblogs.com/files/lifeisabadword/68201490_p0_master1200.bmp) no-repeat fixed";
        x.style.backgroundSize="cover";
    }else if (y==16){
        x.style.background="url(https://files-cdn.cnblogs.com/files/lifeisabadword/68044995_p0_master1200.bmp) no-repeat fixed";
        x.style.backgroundSize="cover";
    }else if (y==17){
        x.style.background="url(https://files-cdn.cnblogs.com/files/lifeisabadword/65515709_p0_master1200.bmp) no-repeat fixed";
        x.style.backgroundSize="cover";
    }else if (y==18){
        x.style.background="url(https://files-cdn.cnblogs.com/files/lifeisabadword/65204496_p0_master1200.bmp) no-repeat fixed";
        x.style.backgroundSize="cover";
    }else if (y==19){
        x.style.background="url(https://files-cdn.cnblogs.com/files/lifeisabadword/62692957_p0_master1200.bmp) no-repeat fixed";
        x.style.backgroundSize="cover";
    }else if (y==20){
        x.style.background="url(https://files-cdn.cnblogs.com/files/lifeisabadword/61315065_p0_master1200.bmp) no-repeat fixed";
        x.style.backgroundSize="cover";
    }else if (y==21){
        x.style.background="url(https://files-cdn.cnblogs.com/files/lifeisabadword/60414291_p0_master1200.bmp) no-repeat fixed";
        x.style.backgroundSize="cover";
    }
}
</script>
<input unselect="YES" type="image" id="Uright" src="https://files-cdn.cnblogs.com/files/lifeisabadword/76074181_p0_master1200.bmp" onmouseover="this.style.top='10px' " ;="" this.src="https://files-cdn.cnblogs.com/files/lifeisabadword/68201490_p0_master1200.bmp" "="" onmouseout="this.style.top='-55px' " onclick="ChangePicture()" style="top: -55px; position: fixed; left: 1220px;  131px; transition: all 0.4s linear 0s; z-index: 9999;">

 他人博客