好几次的CSS存档
第一次:
#site_nav_under { display: none; } .c_ad_block, .ad_text_commentbox { display: none; margin: 0; padding: 0; } #ad_under_google { height: 0; overflow: hidden; } #ad_under_google a { display: none; } @charset "utf-8"; /* CSS Document */ /************************************************** 第一部分:所有的模板都使用的公共样式。公告样式是为了更好的向前和向后兼容。 如果不符合你皮肤的要求,你可以在后面通过更好的优先级覆盖着这些样式,但是 你不能删除这些样式。 **************************************************/ #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 { background:url(http://images.cnblogs.com/cnblogs_com/suishiguang/905276/o_3.png) no-repeat fixed; opacity: 0.85; background-size:cover; color:#000; font-family: "微软雅黑","verdana","ms song","宋体","Arial", "Helvetica", "sans-serif"; font-size: 15px; min-height: 101%; width:75em; margin-left:auto; margin-right:auto; z-index:0; } #Uleft, #Uright,#Dleft, #Dright{ /* Firefox 4 */ -moz-transition-property:top; -moz-transition-duration:1s; /* Safari and Chrome */ -webkit-transition-property:top; -webkit-transition-duration:1s; /* Opera */ -o-transition-property:top; -o-transition-duration:1s; position: fixed; width: 80px; height: 80px; line-height: 500px; text-align: center; z-index:1; } #Uleft{ width: 80px; height: 80px; top:-60px; left: 50px; } #Uright{ width: 110px; height: 110px; top: -75px; right: 50px; } #Dleft{ bottom:10px; left: 10px; width: 200px; height: 200px; } #Dright{ bottom:-50px; right: 0px; width: 200px; height: 250px; } #MagicArray{ /* Firefox 4 */ -moz-transition-property:width height bottom right; -moz-transition-duration:1s; /* Safari and Chrome */ -webkit-transition-property:width height bottom right; -webkit-transition-duration:1s; /* Opera */ -o-transition-property:width height bottom right; -o-transition-duration:1s; position: fixed; bottom:107px; right: 108px; width: 0px; height: 0px; text-align: center; z-index:2; } #Tab1{ -moz-transition-property:fontSize width height; -moz-transition-delay:0.8s; -webkit-transition-property:fontSize width height; -webkit-transition-delay:0.8s; -o-transition-property:fontSize width height; -o-transition-delay:0.8s; color:#8B0A50; position: fixed; font-size: 0px; text-align: center; z-index:3; font-weight:500; text-shadow: -1px 0 #7A67EE, 1px #7A67EE, 1px 0 #7A67EE, -1px #7A67EE; } ::selection{background:#698B22;color:#FFF;} ::-moz-selection{background#698B22;color:#FFF;} body{cursor:url('http://fq.wc.lt//up/1499563659.cur'),auto;} A{cursor:url('http://fq.wc.lt//up/1499563659.cur'),auto;} input{cursor:url('http://fq.wc.lt//up/1499563659.cur'),auto;} wait{cursor:url('http://fq.wc.lt//up/1499563659.cur'),auto;} input{outline:medium;} /* http://fq.wc.lt//up/1499566113.cur http://fq.wc.lt//up/1499565578.cur http://fq.wc.lt//up/1499564884.cur */ /*鼠标*/ 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:black; text-decoration:none; } a:visited { color:#111; text-decoration: none; } a:hover { color: #7B68EE; -moz-border-radius: 9px; -khtml-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; transition: all 0.4s linear 0s; } a:active { color: black; text-decoration: none; } .clear { clear: both; } /*****第二部分结束*******************************/ /************************************************** 第三部分:各个页面元素的样式。你可以根据需要随意的更改,并不会牵扯到其他 的皮肤模板。这个部分是最能展现你想象力的部分。其中头部和侧边栏部分是此皮 肤公共的部分。而每个页面特有的部分会有相应的注释和说明。 **************************************************/ /*****home和头部开始**************************/ #home { margin: 0 auto; width:95%; min-width: 60em; } #header { padding-bottom: 0.4em; margin-top: 0.8em; } #blogTitle { height: 7em; clear: both; border:1px solid #000; -moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 12px; -webkit-box-shadow:5px 2px 6px #000;-moz-box-shadow:5px 2px 6px #000;padding:4px 10px; text-shadow:1px 1px 1px #e9f3e8 } #blogTitle h1 { font-size: 300%; font-weight: bold; margin-left: 1em; margin-top: 0.4em; width: 50%; float: left; } #blogTitle h2 { margin-left: 6em; line-height: 1.5em; width: 50%; float: left; text-shadow:-1px 0 #ddd, 1px #ddd, 1px 0 #ddd, -1px #ddd; } #blogLogo { float: right; } #navigator { /* background-color: black; height: 30px; clear: both;*/ margin-top:0.3em; height: 2em; clear:both; border:1px solid #999; -moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; -webkit-box-shadow:5px 2px 6px #000;-moz-box-shadow:5px 2px 6px #000;padding:4px 10px; background:#FFF; opacity: 0.60; } #navList { min-height: 1.5em; float: left; } #navList li { float: left; } #navList a { display: block; padding-left:0.5em; padding-right:0.5em; line-height:2em; float: left; text-align: center; border-right: 1px solid #999; } #navList a:link, #navList a:visited, #navList a:active { /* color: #ccc;*/ } #navList a:hover { color: #7B68EE; padding-left:0.8em; padding-right:0.8em; } .blogStats { float: right; font-size:0.8em; color: #000; margin-top: 0.9em; margin-right: 0.2em; text-align: right; } /*****home和头部结束**************************/ /*****主页文章列表开始**************************/ #main{ width: 100%; min-width: 70em; text-align: left; background:#FFF5EE; opacity: 0.90; } #mainContent .forFlow{ margin-left: 12em; float: none; width: auto; } #mainContent { min-height: 18em; padding: 0px 0px 10px 0; *padding-top:10px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; float: right; margin-left: -26em; width: 100% } .day { min-height: 10px; _height: 10px; margin-bottom: 20px; padding-bottom: 5px; } .dayTitle { width: 100%; color: #666; font-weight: bold; line-height: 1.5em; font-size: 90%; margin-top: 3px; margin-bottom: 10px; clear:both; border-bottom: 2px solid #e9f3e8; text-align:center; } .postTitle { font-size: 150%; font-weight: bold; /*border-bottom: 1px solid #9DAAF4;*/ float: right; line-height: 1.5em; width: 100%; clear:both; text-shadow:-3px 3px 3px #999 } .postTitle a:link, .postTitle a:visited, .postTitle a:active { color: #000; transition: all 0.4s linear 0s; } .postTitle a:hover { margin-left: 10px; color: #7B68EE; text-decoration: none; text-shadow:-13px 3px 3px #999 } .postCon { float: right; line-height: 1.5em; width: 100%; clear:both; padding: 10px 0; } .postDesc { float: right; width: 100%; clear:both; text-align: right; padding-right: 5px; color: #666; margin-top: 5px; } .postDesc a:link, .postDesc a:visited, .postDesc a:active { color: #666; padding-right: 10px; } .postDesc a:hover { color: #7B68EE; text-decoration: none; } .postSeparator { clear: both; height: 1px; border-top: 1px dotted #666; width: 100%; clear:both; float: right; margin: 0 auto 15px auto; } .diggit{ text-align: center; width:50px; height:40px; background:url(http://fq.wc.lt//up/1503755899.png); background-size:100% 100%; } .buryit{ font-size:0px; width:0; height:0; } .burynum{ font-size:0px; width:0; height:0; } /*****主页文章列表结束**************************/ /*****侧边栏开始********************************/ #sideBar { width: 14em; min-height: 14em; padding: 0px 0px 0px 5px; float: left; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; font-size:0.7em; opacity:0.85; } .counter{ } .notice{ font-size:xx-small; } .btn_my_zzk{ display: inline-block; font-size: 24px; cursor: pointer; text-align: center; text-decoration: none; outline: none; color: #fff; background-color: #a55b97; border: none; border-radius: 15px; box-shadow: 0 4px #999; } .newsItem .catListTitle { display: none; } .newsItem { padding: 15px 0 5px 0px; font-weight:bold; font-size:14px; margin-bottom: 8px; } /**日历控件样式开始**/ #calendar { width: 14em; } #calendar .Cal { width: 100%; line-height: 1.5em; } .Cal {/**日历容器table**/ border: none; color: #111; } #calendar table a:link, #calendar table a:visited, #calendar table a:active { font-weight: bold; } #calendar table a:hover { color: #7B68EE; text-decoration: none; background-color: #7B68EE; } .CalTodayDay{/**今天日期样式**/ color: #EE82EE; } #calendar .CalNextPrev a:link,#calendar .CalNextPrev a:visited, #calendar .CalNextPrev a:active {/**上个月、下个月箭头样式**/ font-weight: bold; background-color: #7B68EE; } .CalDayHeader{ border-bottom:1px solid #ccc; } .CalTitle{/**日历年月头部样式**/ width:100%; background:#FFF; color:black; border-bottom:1px solid #666; } /**日历控件样式结束**/ .catListTitle { font-weight: bolder; font-family:STCaiyun; color: #B03060; line-height: 2em; font-size: 150%; margin-top: 50px; margin-bottom: 10px; border-bottom: 1px solid #e9f3e8; text-align: center; } .catListComment { line-height: 1.5em; } .divRecentComment { color: #666; margin-bottom:1em; } .c_b_p_link_desc{ color: #666; font-size: 30%; margin-bottom:1.5em; } #sideBarMain ul { line-height: 1.5em; } .catListEssay{ font-weight: bolder; } .catListTag{ font-size: 90%; font-weight: bolder; } .catList{ font-weight: bolder; } .catListFeedback{ font-weight: bolder; } .catListView{ font-weight: bolder; } .recent_comment_title{ font-weight: bolder; } .recent_comment_body{ font-size: 30%; } .recent_comment_author{ color:#666; font-size: 30%; } /*****侧边栏结束********************************/ /****查看文章页面开始*************************/ #topics { width: 100%; min-height: 18em; padding: 0px 0px 10px 0; float: left; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } #topics .postTitle { font-size: 200%; font-weight: bold; border-bottom: 1px solid #999; float: left; line-height: 1.5em; width: 100%; text-align: center; } .postBody { padding: 5px 2px 5px 5px; line-height: 1.5em; color: #000; border-bottom: 1px solid #8686FF; } #EntryTag { color: #000; } #EntryTag a { margin-left: 5px; } #EntryTag a:link, #EntryTag a:visited, #EntryTag a:active { color: #000; } #EntryTag a:hover { color: #7B68EE; } #topics .postDesc { float: right; width: 100%; font-size:0.9em; text-align: right; padding-right: 5px; color: #000; margin-top: 5px; } .feedback_area_title { font-weight: bold; margin-top: 20px; border-bottom: 1px solid #8686FF; margin-bottom: 10px; padding-left: 8px; } .louzhu { background:transparent url('/images/icoLouZhu.gif') no-repeat scroll right top; padding-right:16px; } .layer{ font-family:STFangsong; font-size:15px; padding-left: 8px; } .feedbackListSubtitle { margin-left: 10px; color: #666; font-size:0.9em; } .feedbackListSubtitle a:link, .feedbackListSubtitle a:visited, .feedbackListSubtitle a:active { font-weight:bold; color: #666; font-weight: normal; } .feedbackListSubtitle a:hover { color: #7B68EE; text-decoration: none; } .feedbackManage { width: 160px; text-align: right; float: right; } .feedbackCon { font-weight:bold; border-bottom: 1px solid #ccc; padding: 15px 18px 20px 50px; min-height: 35px; _height: 35px; margin-bottom: 1em; line-height: 1.5em; width:80%; } #divRefreshComments { text-align: right; margin-bottom: 10px; } .commenttb { width: 320px; } .cnblogs_code{ } .comment_actions{ margin-right:30px; font-size:16px; font-family:STFangsong; } .comment_digg{ font-weight:bold; margin-right:10px; font-size:15px; font-family:STXinwei; } .comment_bury{ font-weight:bold; margin-right:10px; font-size:15px; font-family:STXinwei; } /****查看文章页面结束************************ /****列表页面开始******************************/ .entrylistTitle,.PostListTitle,.thumbTitle{/**几个分类列表的标题样式**/ font-size: 110%; font-weight: bold; border-bottom: 1px solid #8686FF; text-align: right; padding-bottom: 3px; padding-right: 10px; } .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; width: 100%; } .entrylistPosttitle { font-size: 110%; font-weight: bold; border-bottom: 1px solid #666; line-height: 1.5em; width: 100%; padding-left: 5px; } .entrylistPosttitle a:hover { text-decoration: none; } .entrylistPostSummary { margin-top: 5px; padding-left: 5px; margin-bottom: 5px; } .entrylistItemPostDesc { padding-left: 50px; text-align: right; color: #666; } .entrylistItemPostDesc a:link, .entrylistItemPostDesc a:visited, .entrylistItemPostDesc a:active { color: #666; } .entrylistItemPostDesc a:hover { color: #7B68EE; } .entrylist .postSeparator { clear: both; width: 100%; 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 #ccc; clear: both; min-height: 1.5em; _height: 1.5em; padding-top: 10px; padding-left: 5px; padding-right: 5px; margin-bottom: 5px; } .postTitl2 { float: left; font-size:0.9em; color: #666; } .postDesc2 { color: #666; float: right; margin-right: ; font-size:0.9em; } .postText2 { clear: both; } .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 black; margin-bottom: 20px; } .pfl_feedbacksubtitle { width: 100%; border-bottom: 1px dotted #666; height: 1.5em; } .pfl_feedbackname { float: left; } .pfl_feedbackManage { float: right; } .pfl_feedbackCon { color: black; padding-top: 5px; padding-bottom: 5px; } .pfl_feedbackAnswer { color: #F40; text-indent: 2em; } .tdSentMessage { text-align: right; } .errorMessage { width: 300px; float: left; } /****列表页面结束******************************/*/ /****相册页面开始******************************/ .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; } /****相册页面结束******************************/ /*****留言页面开始*****************************/ #footer { text-align: center; min-height: 15px; _height: 15px; border-top: 1px solid black; margin-top: 10px; padding-top: 10px; margin-bottom: 10px; } /*留言查看页面的个人信息*/ .personInfo { margin-bottom: 20px; } /*留言分页区域*/ .pages { text-align: right; } /*****留言页面结束*****************************/ /*****第三部分结束*******************************/ /************************************************** 第四部分:文章内容常用标签格式。这个部分是设置作者写作内容的部分。例如: 如果作者的文章用有p标签,则可通过这个对这些文章中的p标签进行设置。前面 的".postBody"明确的指出了这里样式的作用范围。仅仅适用于文章主体部分。 建议这个不要设置过于详细的细节。因为,一些样式,一篇文章比较适合的话, 并不能保证所有的文章都适合。 **************************************************/ /*文章内部常用标签格式*/ .postBody { line-height: 1.5em; } .postBody p,.postCon p{ text-indent: 2em; margin: 0 auto 1em auto; } .postBody h2{ font-size: 150%; margin: 15px auto 2px auto; font-weight:bold; } .postBody h3 { font-size: 120%; margin: 15px auto 2px auto; font-weight:bold; } .postBody h4{ font-size:110%; margin:15px auto 2px auto; font-weight:bold; color:#333; } .postBody h5{ font-size:100%; margin:15px auto 2px auto; font-weight:bold; color:#333; } .postBody a:link,.postBody a:visited,.postBody a:active{ text-decoration:none; } .postCon a:link,.postCon a:visited,.postCon a:active{ text-decoration:none; } .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 0px; padding:10px 60px 5px 60px; min-height:35px; _height:35px; line-height:1.6em; color:#333; } /*****第四部分结束*******************************/ css
第二次:
@charset "utf-8"; body, ul,li { margin: 0; padding: 0; font-family: "微软雅黑"; } #cnblogs_post_body h3:hover { transform: rotateX(360deg); }/* #blogTitle>h2 { font-family: "新細明體"; }*/ *::-moz-selection { background: black; color: white; } ::selection { background: black; color: white; } #sidebar_categories .catListTitle { color: white; text-shadow: 3px 2px 1px blue, -2px -1px 1px red; } #sidebar_categories li { float: left; margin: 7px; padding: 3px 5px; background-color: black; box-shadow: 1px 1px 2px lightgray, -1px -1px 1px white; border-radius: 1em; } #sidebar_categories li a { color: white; font-weight: bold; } #sidebar_categories li a:hover { color: yellow; } #sidebar_categories ul { overflow: hidden; } #sidebar_postcategory { border-radius: 1.5em; background: rgba(0,0,0,0); } /*公告栏重要信息*/ .important { color: #CC0000 !important; } #mysiteLink { /*position: absolute;*/ margin-left: 2em; margin-top: 2em; line-height: 2.2em; text-shadow: /*1px 1px 1px black,*/1px 1px 1px black,0px 0px 1px gray; } #mysiteLink>a{display:block;} #mysiteLink>a:hover{ text-shadow: 1px 1px 1px #CC0000,1px 1px 1px #CC0000,0px 0px 1px gray; } /*公告栏Doge*/ #doge { position: absolute; /** font-size: 0.35em;*/ line-height: 1em; color: lightgray; display: inline-block; min-width: 40em; transform: scale(0.35); top: -5em; right: -13em; } #doge:hover { color: #CEAA60; }/* #doge:hover::after{ content: "Funny"; transform: scale(1); display: inline-block; margin: 0.5em 0 0 3em; font-size: large; font-family: "微软雅黑", Verdana,Arial,Helvetica,sans-serif; }*/ #doge::selection { background-color: white; color: darkgreen; } #doge::-moz-selection { background-color: white; color: darkgreen; } /*没有作用的。。。 #doge::selection::after{ content: "黑金狗"; display: inline-block; margin: 0.5em 0 0 3em; font-size: large; font-family: Verdana,Arial,Helvetica,sans-serif; } #doge::-moz-selection::after{ content: "黑金狗"; display: inline-block; margin: 0.5em 0 0 3em; font-size: large; font-family: Verdana,Arial,Helvetica,sans-serif; }*/ /*背景图片或颜色*/ @media screen and (min-width: 768px){ body { /*background: url("http://7xj7do.com1.z0.glb.clouddn.com/P8022818.jpg") fixed center center;*/ background: url("http://images.cnblogs.com/cnblogs_com/suishiguang/905276/o_3.png") fixed center center; background: url("http://images.cnblogs.com/cnblogs_com/suishiguang/905276/o_3.png") fixed center center; /*background-position: 100% 100%;*/ } /*background: url("http://img1.mydrivers.com/img/20130422/407797a5ac9540e58b241657a33a6c66.jpg") fixed top center;*/ } @media screen and (max-width: 768px) { body { background-color: #FFFCF4; } } /*头部*/ #header { margin-left: 2em; } #Header1_HeaderTitle { font-size: xx-large; font-weight: bold; color: #090; font-family: "微软雅黑", Verdana, Geneva, sans-serif; text-shadow: 4px 3px 5px black; text-decoration: none; } #blogTitle h2 { text-indent: 1.5em; font-size: large; font-weight: unset; color: white; border-bottom: gray thin dashed; text-shadow: 1px 1px 1px black; } #navList { height: 3em; width: 35em; } #navList li:hover{ transform: perspective(500px) rotateY(30deg); transform-style: preserve-3d; } #navList>li { float: left; list-style: none; display: inline-block; padding: 0.5em 1em; margin: 0 0.5em; /*background-color: #FFFF99;*/ border: #090 thin solid; box-shadow: 2px 2px 2px 2px #999; border-radius: 0em 1em 0em 1em; transition: background-color 0.3s; } #navList>li:hover { background-color: rgba(20,255,20,0.4); border: yellow thin solid; } #navList>li>a { color: white; font-weight: bold; text-shadow: 0px 0px 2px #999; text-decoration: none; } #navList>li>a:hover { color: yellow; } .blogStats { clear: both; margin-top: 0.5em; margin-bottom: 1em; } #main { width: 1300px; margin: auto; position: relative; } /*文章列表*/ .forFlow { } .entrylistTitle { font-size: 1.5em; color: darkgoldenrod; } .day, .entrylistItem { background-color: rgba(255,255,255,0.95);/* #FDFDE2;*/ margin: 2em; padding: 0.5em; padding-bottom: 2em; border: green thin solid; box-shadow: 2px 2px 2px 2px #999; border-radius: 0 2em 0 0; width: 750px; transition: all 0.5s; } .day:hover { border: thin solid black; background-color: white; } .dayTitle { float: right; } .dayTitle>a { color: gray; text-decoration: none; } .postTitle, .entrylistPosttitle { font-size: large; font-weight: bold; border-bottom: gray thin solid; font-family: "微软雅黑"; } .postTitle>a, .entrylistPosttitle>a { text-decoration: none; /*text-shadow: 0 0 2px #999;*/ color: green; transition: all 0.2s; } .postTitle>a:hover { color: black; } .postTitle>a:hover::before { content: "《"; position: absolute; margin-left: -1em; } .postTitle>a:hover::after { content: "》"; } .postCon, .entrylistPostSummary { text-indent: 2em; margin-top: 1em; font-size: 0.9em; } .c_b_p_desc_readmore { color: red; } .c_b_p_desc_readmore:hover { color: green; } .postDesc, .entrylistItemPostDesc { float: right; color: gray; font-size: 0.8em; } /*上一页,下一页*/ .topicListFooter { width: 650px; margin-left: 2em; height: 25px; } /*页码*/ .pager { background: #FDFDE2; padding: 0.7em; border-radius: 1em; } .pager:hover { background: white; } .pager>a:hover { color:white; background: #2e6ab1; } #nav_next_page>a { text-decoration: none; background-color: #FDFDE2; margin-bottom: 2em; padding: 0.5em 2em; box-shadow: 1px 1px 2px 2px #999; border-radius: 0.5em 2em 2em 0.5em; float: right; } #nav_next_page>a:hover { color: white; background-color: green; } #footer { text-align: center; font-family: "微软雅黑", Verdana, Geneva, sans-serif; } .blogStats { text-shadow: -1px -1px 1px white,2px 2px 2px white; } /*右边栏*/ #sideBar { position: absolute; top: 0; right: 2em; width: 400px; } /*公告栏*/ .newsItem, .sidebar-block { background-color: #FFFCF4; padding: 0.5em 0.5em 1em 1em; border: thin solid #FF0; box-shadow: 0px 0px 5px 0px #999; margin-bottom: 2em; transition: 0.3s; } /* .newsItem { background: rgb(255, 245, 245); }*/ /*+加关注按钮*/ #p_b_follow, #author_profile_follow { margin: 1em; } #p_b_follow>a, #author_profile_follow>a { background-color: orange; border-radius: 0.5em; padding: 0 1em; box-shadow: 0px 0px 15px green; color: white !important; font-size: large; font-weight: bold; text-decoration: none; } #p_b_follow>a:hover, #author_profile_follow>a:hover { background-color: #d820e4; text-decoration: none; color: white !important; } #sideBar li { list-style: none; } #sideBar a { font-family: "微软雅黑"; text-decoration: none; color: #39F; } #sideBar a:hover { color: green; } #RecentCommentsBlock { font-size: small; } /*博文详情*/ #topics, #blog-comments-placeholder, #comment_form_container { width: 820px; background-color: white;/*#FAFAFA;*/ padding: 0.5em 0.5em 3em 1em; border: thin solid #00FF00; box-shadow: 0px 0px 5px 0px #999; margin-bottom: 2em; } #blog-comments-placeholder { margin-bottom: 0; } /*博文*/ #cnblogs_post_body { font-family: "微软雅黑"; line-height: 1.8; } /*博文小标题*/ #cnblogs_post_body h3 { background-color: lightcyan; padding: 0.5em; /* border-left: green solid thin; border-right: green solid thin;*/ /* border-radius: 1em;*/ /* box-shadow: -5px 0px 3px gray;*/ text-shadow: 0px 0px 5px white; transition: all 0.5s; } #cnblogs_post_body h3:hover { background-color: #e7e7be; } #cnblogs_post_body p { transition: all 0.5s; } #author_profile_info { padding: 0.5em; transition: all 0.5s; } #author_profile_info:hover { /* transform: scale(1.1,1.1);*/ background: white none repeat scroll 0% 0%; /* border: thin dashed gray;*/ } /*顶、关注、收藏*/ #green_channel { width: 100%; transition: all 0.5s; } #green_channel:hover { font-size: large; } /*赞&反*/ #div_digg { width: inherit; border: green thin dashed; background-color: white; padding: 1.5em; box-shadow: 5px 5px 5px gray; border-radius: 0.5em; transition: all 0.5s; } #div_digg:hover { box-shadow: 0px 0px 1em lightskyblue; border: solid thin black; } /*赞成*/ #div_digg .diggit { background-position: center center; padding: 1em; border-radius: 5em; background-color: green; box-shadow: 0px 0px 1em lightgreen; cursor: crosshair; } /*反对*/ #div_digg .buryit { background-position: center center; padding: 1em; border-radius: 5em; background-color: gray; box-shadow: 0px 0px 1em lightgray; cursor: crosshair; } #div_digg .diggit:hover, #div_digg .buryit:hover { outline: 1px solid red; } #div_digg>.clear::after{ font-family: "新細明體"; content: "求打賞,求月票(什麼鬼)"; margin-top: 1.5em; display: inline-block; color: black; text-shadow: 0 0 10px black; } #digg_tips { display:none; } /*评论*/ .feedback_area_title { color: #008000; font-weight: bold; font-size: x-large; text-shadow: 0 0 1px yellow; border-bottom: thin solid green; margin-bottom: 2em; } .feedback_area_title::after { font-family: "新細明體"; content: "有嘢即管講"; color: gray; font-size: 0.8em; margin-left: 2em; } .feedbackManage { float: right; } .feedbackManage a { color: gray; } .feedbackManage a:hover { color: green; } .feedbackItem { border: thin dashed gray; margin-bottom: 1em; padding: 10px; transition: 0.2s; } .feedbackItem:hover { background: lightgoldenrodyellow; } .feedbackItem a { text-decoration: none; } .feedbackItem .layer { color: gray; } .feedbackItem .comment_date { color: green; } .blog_comment_body { margin-top: 10px; color: #444; font-family: serif; } #commentform_title { text-shadow: 0px 0px 2px lightgreen; font-size: large; font-weight: bold; } #commentform_title::after { font-family: "新細明體"; content: "傾返兩句咁咧"; color: gray; font-size: 0.8em; margin-left: 2em; } #comment_form_container { transition: all 0.2s; } #comment_form_container:hover { box-shadow: 0px 0px 2em darkgray; border: thin solid yellow; background-color: white; } #EntryTag,#BlogPostCategory { margin-top: 0px !important; border: 1px dashed rgb(192, 192, 192); padding: 0.5em; padding-left: 20px; } #EntryTag,#BlogPostCategory a { color: orange; } #EntryTag,#BlogPostCategory a:hover { color: #C00; } #EntryTag { display: none; } #post_next_prev { line-height: 1.8; background-color: #FDFDE2; border: thin solid #FF0; box-shadow: 2px 2px 2px 2px #999; display: inline-block; padding: 1em; font-size: 0.8em; transition: all 0.5s; } #post_next_prev:hover { /* font-size: 0.85em;*/ background-color: white; /* box-shadow: 0px 0px 1em black;*/ } #post_next_prev a { color: green; } #post_next_prev a:hover { color: #CC0000; } #BlogPostCategory, #comment_nav { margin 0; } #comment_nav { width: 830px; padding: 0.5em; } #comment_nav a { text-decoration: none; color: green; } #comment_nav a:hover { color: orange; } #comment_nav a:last-child { color: blue; } #site_nav_under, #opt_under_post, #google_ad_c1, #under_post_news, #google_ad_c2, #under_post_kb, #HistoryToday { display: none; } /*刚提交的评论*/ #divCommentShow { background: rgba(255, 255, 255, 0.5); margin-top: 1em; width: 856px; } #divCommentShow blockquote{ border-radius: 30px 0 0 0; } /*自定义字体*/ @font-face { font-family: 'Segoe UI Emoji'; src: url('http://cdn.batsing.com/fonts/Segoe-UI-Emoji.ttf') format('truetype'); } @font-face { font-family: 'Segoe UI Symbol'; src: url('http://cdn.batsing.com/fonts/seguisym.ttf') format('truetype'); } #matrixBG{position: fixed; top:0; left: 0; z-index: -1; opacity:0.8;} #sidebar_search .input_my_zzk { box-sizing: border-box; border: solid 1px #dddddd; transition: all .2s linear 0s; padding: 0.5em; height: 2.3em; border-radius: 4px; } #sidebar_search .input_my_zzk:focus, #tbCommentBody:focus{ border: solid 1px #3bb4f2; } #sidebar_search .btn_my_zzk { box-sizing: border-box; border: solid 1px #3bb4f2; background-color: #3bb4f2; color: white; transition: all .2s linear 0s; padding: 0.5em; height: 2.3em; border-radius: 4px; } #sidebar_search .btn_my_zzk:hover{ background-color: #0f9ae0; cursor: pointer; }