CSS 分享

时间:2023-03-09 18:06:28
CSS 分享

原来的那个暂时不用了,贴出来一下,有兴趣可以参考,原型是Metro,不要禁用css

改了很多次~

面码大法好!!!

 /*测试区域*/

 /*标题备份*/
h7 {
background: #2B6695;
border-radius: 6px 6px 6px 6px;
box-shadow: 1px #5F5A4B, 1px 1px 6px 1px rgba(, , , 0.5);
color: #FFFFFF;
font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
font-size: 17px;
font-weight: bold;
height: 25px;
line-height: 25px;
margin: 18px !important;
padding: 8px 5px 5px;
text-shadow: 2px 2px 3px #;
}
h5{
background: #2B6600;
border-radius: 6px 6px 6px 6px;
box-shadow: 1px #5F5A4B, 1px 1px 6px 1px rgba(, , , 0.5);
color: #FFFFFF;
font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
font-size: 13px;
font-weight: bold;
height: 24px;
line-height: 23px;
margin: 12px !important;
padding: 5px 5px 10px;
text-shadow: 2px 2px 3px #;
}
h3{
text-align:left;
box-shadow:3px 3px 2px #;
width:%;
background-color:#46A3FF;
color:#;
max-width: 700px;
}
h2{
text-align:left;
box-shadow:3px 3px 2px #;
width:%;
background-color:#BEBEBE;
color:#;
} /*悬浮的那两个玩意儿*/
#div_digg {
position: fixed;
bottom: 10px;
width: 50px;
right: 420px;
filter: alpha(opacity=);
opacity: 0.60;
-moz-opacity: 0.80;
border: 2px solid #6FA833;
padding: 3px;
background-color: #FFF;
border-radius: 5px 5px 5px 5px !important;
box-shadow: 1px #5F5A4B, 1px 1px 6px 1px rgba(, , , 0.5);
}
#comment_nav {
width: 203px;
right: 990px;
filter: alpha(opacity=);
opacity: 0.60;
-moz-opacity: 0.80;
margin-right: ;
margin-bottom: 10px;
text-align: center;
padding-top: 3px;
position: fixed;
bottom: 10px;
padding: 3px;
border-radius: 5px 5px 5px 5px !important;
box-shadow: 1px #77E0C3, 1px 1px 6px 1px rgba(, , , 0.5);
padding-bottom: 3px;
padding-left: 6px;
padding-right: 15px;
background-color: green;
} /*自制侧边栏*/ #cnblogs_post_body {
word-break: break-word;
width: 750px;
} #leftcontentcontainer>div {
border: 1px solid #aaaaaa;
padding: 15px;
margin-bottom: 15px;
} #MySignature {
background-color: #f8f8ee;
border: solid 1px #e8e7d0;
box-shadow: 15px #aaa;
padding: 10px;
margin-bottom: 10px;
color: gray;
width: 725px;
} .newsItem {
border: 1px solid #AAAAAA;
padding: 15px;
margin-bottom: 15px;
} #mainContent .forFlow {
width: 750px;
} /*透明*/
#home{
width:1050px;
height:auto;
min-height:250px;/* 必需 */
_height:250px;/* 必需 */
overflow:hidden;
background-color:#FF0000;/* 背景色 */
}
#home{
filter:alpha(opacity=); /* IE 透明度20% */
}
#home{
background-color:#FFFFFF;
-moz-opacity:0.80; /* Moz FF 透明度20%*/
opacity: 0.80; /* 支持CSS3的浏览器(FF 1.5也支持)透明度20%*/
}
#home{
position:absolute;
}
/*背景图片*/
body {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 1100px;
font-size: 12px;
color: #8F8F8F;
-moz-opacity:0.8;filter:alpha(opacity=);
background-image:url(http://images.cnblogs.com/cnblogs_com/radiumlrb/871769/o_6c224f4a20a44623a7931a289b22720e0cf3d71b.jpg);} /*评论按钮*/
.comment_btn {
font-family:'Microsoft Yahei';
border:none;
height:48px;
width:120px;
font-size:18px;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#55895B;
color:#fff;
} /*踩一下隐藏*/
.buryit {
display:none;
}
.diggword {
display:none;
}
#btn_comment_submit:hover {
background:#6DA47D;
} /*广告隐藏*/
.c_ad_block{
display:none;
} /*评论标题*/
.feedback_area_title {
padding:10px;
font-size:24px;
font-weight:bold;
color:#ffffff;
border-bottom:solid 6px #ffffff;
}
.feedbackListSubtitle {
font-size:12px;
color:#;
}
.feedbackListSubtitle a {
color:#;
}
.comment_quote {
background:#FCFAAC;
padding:15px;
border:1px solid #CCC;
}
#commentform_title {
color:#55895B;
background-image:none;
background-repeat:no-repeat;
margin-bottom:10px;
padding:10px 20px 10px 10px;
font-size:24px;
font-weight:bold;
border-bottom:solid 6px #55895B;
}
/*评论框*/
#comment_form {
margin:10px ;
padding:;
}
.commentform {
margin:10px ;
padding:10px 20px;
background:#fff;
}
/*评论输入域*/
#tbCommentBody {
font-family:'MIcrosoft Yahei';
margin-top:10px;
width:730px;
max-width:940px;
min-width:640px;
background:white;
color:#;
border:2px solid #fff;
box-shadow:inset 8px #aaa;
padding:10px;
height:120px;
font-size:14px;
min-height:120px;
}
/*评论条目*/
.feedbackItem {
font-size:14px;
line-height:24px;
margin:10px ;
padding:20px;
background:#F2F2F2;
box-shadow: 5px #aaa;
}
.feedbackListSubtitle {
font-weight:normal;
}

现在这个主题是抄来的,特别鸣谢@WABoss,由于不是自己的,不能分享~