好几次的CSS存档
第一次:
#site_nav_under {
display: none;
}
.c_ad_block, .ad_text_commentbox {
display: none;
margin:;
padding:;
}
#ad_under_google {
height:;
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:;
padding:;
}
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:;
} #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:;
}
#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:;
}
#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:;
font-weight:;
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:;
}
fieldset, img {
border:;
}
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:;
height:;
}
.burynum{
font-size:0px;
width:;
height:;
}
/*****主页文章列表结束**************************/ /*****侧边栏开始********************************/
#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:;
line-height:;
margin:;
padding:;
height:;
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:;
padding:;
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:;
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:;
}
/*博文*/
#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:; left:; 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;
}
好几次的CSS存档的更多相关文章
- Matplotlib数据可视化(3):文本与轴
在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像 ...
- [文章存档]Azure .net WebAPP的js/css文件过大导致访问慢的解决办法
https://docs.azure.cn/zh-cn/articles/azure-operations-guide/app-service-web/aog-app-service-web-qa-j ...
- 【转】CSS制作图形速查表-存档
http://www.w3cplus.com/css/css-simple-shapes-cheat-sheet http://www.cnblogs.com/powertoolsteam/p/c ...
- 自己存档:table 的css
border:0;margin:0;border-collapse:collapse;border-spacing:0;
- Jquery 搭配 css 使用,简单有效
前几篇博客中讲了Jquery的基础和点击实际,下面来说一下和css搭配着来怎么做 还是和往常一样,举个例子 好几个方块,然后设置颜色 <!DOCTYPE html PUBLIC "-/ ...
- ASP.NET MVC with Entity Framework and CSS一书翻译系列文章之第一章:创建基本的MVC Web站点
在这一章中,我们将学习如何使用基架快速搭建和运行一个简单的Microsoft ASP.NET MVC Web站点.在我们马上投入学习和编码之前,我们首先了解一些有关ASP.NET MVC和Entity ...
- 豪情-CSS解构系列之-新浪页面解构-01
目录: 一. 新浪的布局特点 二. 内容细节的特点 三. 其中相关的一些基础技术点 1. 常见布局方法 2. 布局要点 3. Debugger误区 4.列表 5.字体颜色 6.CSS选择符 7.CSS ...
- CSS学习笔记——视觉格式化模型 visual formatting model
CSS 视觉格式化模型(visual formatting model)是用来处理文档并将它显示在视觉媒体上的机制.他有一套既定的规则(也就是W3C规范),规定了浏览器该怎么处理每一个盒子.以下内容翻 ...
- 来,一起让我们越来越懒,面向CSS、JS未来编程。(9.28已更新)
2016.10.29更新 本文存在大量的错误,仅供参考. 不知不觉在前端领域马上一个年头就要过去了,然而再看看自己的代码,果然够烂,那么为什么代码一直没有用面向对象的思维去写CSS呢?首先有两点:一点 ...
随机推荐
- THUSC 2018 游记
现在是闭幕式,我坐在西郊宾馆后排,开始写这篇游记. day0 早上从临汾坐火车到北京,12:52左右到了北京. 这次北京的地铁安检没有排成很长的队,但是在买票的时候我惊喜地发现我身上没有零钱--所幸北 ...
- find的详细使用
对我我这个出学者,这个已经算是很难了,不过今天整理了一下,感觉还可以接受. find Linux中十分重要的一个查找功能, [root@moban /]# find /tmp/ -type f -na ...
- 树莓派i2c功能
默认i2c是关闭的,用raspi-config 命令,会弹出一个配置框图 选择enable i2c就可以了 reboot之后 没有在/dev/目录下发现i2c-x的设备,这个时候需要做以下操作 1.添 ...
- 51单片机实现外部中断00H-FFH、000-255、0000-1023
外部中断00H-FFH #include< reg51.h> #define uint unsigned int #define uchar unsigned char sfr P0M0 ...
- 孤荷凌寒自学python第六十七天初步了解Python爬虫初识requests模块
孤荷凌寒自学python第六十七天初步了解Python爬虫初识requests模块 (完整学习过程屏幕记录视频地址在文末) 从今天起开始正式学习Python的爬虫. 今天已经初步了解了两个主要的模块: ...
- 分布式一致性算法之Paxos原理剖析
概述 Zookeeper集群中,只有一个节点是leader节点,其它节点都是follower节点(实际上还有observer节点,不参与选举投票,在这里我们先忽略,下同).所有更新操作,必须经过lea ...
- HDU 4744 Starloop System(最小费用最大流)(2013 ACM/ICPC Asia Regional Hangzhou Online)
Description At the end of the 200013 th year of the Galaxy era, the war between Carbon-based lives a ...
- 复合类型的声明——是int *p还是int* p
我们先来看一条基本类型的声明语句:int a, b, ... 即一条声明语句由一个数据类型(int)和紧随其后的一个变量名列表(a, b, ...)组成 更通用的描述是:一个基本数据类型和紧随其后的一 ...
- 并查集——poj2236(带权并查集)
题目:Wireless Network 题意:给定n台已损坏计算机的位置和计算机最远通信距离d,然后分别根据命令执行以下两种操作: "O p" (1 <= p <= N ...
- C++版本的C标准库头文件的特点
C++标准库中除了定义C++语言特有的功能外,也兼容了C语言的标准库.C语言的头文件形如name.h,C++则将这些文件命名为cname.也就是去掉了.h后缀,而在文件名name之前添加了字母c,这里 ...