原来的那个暂时不用了,贴出来一下,有兴趣可以参考,原型是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,由于不是自己的,不能分享~

CSS 分享的更多相关文章

  1. PC网站CSS分享

    这里想总结些编写网页的经验,以PC端的为主,前面总结过后台的,今天写些前台的,参考了bootstrap3.3.5.bootstrip2.3.2和模版matrix. 前段时间还写过一篇<前端基础学 ...

  2. css 分享之background-attachment 属性

    微分享才发现的css背景图达到的效果代码属性: background-attachment -- 定义背景图片随滚动轴的移动方式: 值 描述 scroll 默认值.背景图像会随着页面其余部分的滚动而移 ...

  3. 如何处理CSS3属性前缀(转载)总结

    今天闲来无聊,重新来说说CSS3前缀的问题.在春节前和@一丝姐姐说起Sass中有关于gradient的mixins.姐姐说: 为什么还要用mixin呢?为什么不使用Autoprefixer?使用Aut ...

  4. fixed实现遮罩层,小程序

    css /** 分享微信,分享朋友圈 **/ .goods_share_mask { background-color: rgba(0, 0, 0, 0.3); position: fixed; to ...

  5. Matplotlib数据可视化(3):文本与轴

      在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像 ...

  6. 1. web前端开发分享-css,js入门篇

    关注前端这么多年,没有大的成就,就入门期间积累了不少技巧与心得,跟大家分享一下,不一定都适合每个人,毕竟人与人的教育背景与成长环境心理活动都有差别,但就别人的心得再结合自己的特点,然后探索适合自己的学 ...

  7. 2. web前端开发分享-css,js进阶篇

    一,css进阶篇: 等css哪些事儿看了两三遍之后,需要对看过的知识综合应用,这时候需要大量的实践经验, 简单的想法:把qq首页全屏另存为jpg然后通过ps工具切图结合css转换成html,有无从下手 ...

  8. 6. web前端开发分享-css,js移动篇

    随着移动市场的逐步扩大及相关技术的日趋完善,对前端开发提出了新的岗位要求,在继承前人成果的基础上需要在新的历史条件下有新的创新.移动端的开发,虽然没有IE6众多问题的折磨,但是多平台,多设备的兼容,也 ...

  9. 分享15个优秀的 CSS 解决方案和工具

    CSS 代码是很难管理,尤其是在大型项目. 样式都写在一个全局作用域里,通过复杂的选择器来指向特定的页面元素.冗余.膨胀和维护可以成为前端开发人员的一场噩梦.幸运的是我们有一些 CSS 工具来帮助开发 ...

随机推荐

  1. GMap.Net开发之技巧小结

    1.在GMap地图上,如果要让添加的图标(Marker)有个高亮(highlight)的效果,可以在MouseOver到Marker的时候设置Marker外观效果. 如果要让图标有个报警闪烁的效果,可 ...

  2. HDU5556 Land of Farms(二分图 2015 合肥区域赛)

    容易想到将问题转化为求图的独立数问题 ,但求一般图的独立集是一个NPC问题,需要一些转化. 状态压缩,枚举每个上古农场是否选择,然后将剩下的新农场根据i + j奇偶性分为x , y集. 结果为 max ...

  3. jquery获取、改变元素属性值

    //标签的属性称作元素属性,在JS里对应的DOM对象的对应属性叫DOM属性.JS里的DOM属性名有时和原元素属性名不同. //==================================操作元 ...

  4. 直传文件到Azure Storage的Blob服务中

    (此文章同时发表在本人微信公众号“dotNET每日精华文章”,欢迎右边二维码来关注.) 题记:为了庆祝获得微信公众号赞赏功能,忙里抽闲分享一下最近工作的一点心得:如何直接从浏览器中上传文件到Azure ...

  5. 第十八篇:在SOUI中实现PreTranslateMessage

    在MFC中,通常可以通过重载CWnd::PreTranslateMessage这样一个虚函数来实现对一些窗口消息的预处理.多用于tooltip的显示控制. 在SOUI中也实现了类似的机制. 要在SOU ...

  6. visio 交叉线 不出现拱形怎么办?

  7. Convert Object to XML using LINQ

    Convert Object to XML using LINQ. Also the object contains other object list. Following is the Class ...

  8. Educational Codeforces Round 3 E. Minimum spanning tree for each edge LCA/(树链剖分+数据结构) + MST

    E. Minimum spanning tree for each edge   Connected undirected weighted graph without self-loops and ...

  9. vmware虚拟机检测

    jpg改rar 

  10. CF735D Taxes 哥德巴赫猜想\判定素数 \进一步猜想

    http://codeforces.com/problemset/problem/735/D 题意是..一个数n的贡献是它的最大的因子,这个因子不能等于它本身 然后呢..现在我们可以将n拆成任意个数的 ...