原来的那个暂时不用了,贴出来一下,有兴趣可以参考,原型是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. 在ubuntu上搭建开发环境10---英文版ubuntu安装中文输入法

    之前安装 ubuntu时候选择安装英文版,但是在查资料的时候难免的要输入中文所以自己弄了一下中文输入法的安装 我安装的是fcitx小企鹅输入法 下面介绍一下安装的过程.....   ubuntu默认的 ...

  2. 学习一下《JavaEE开发的颠覆者 Spring Boot实战 》

    SPRING,绕不过去的.

  3. php正则获取网页标题、关键字、网页描述代码

    php正则获取网页关键字,代码如下: function get_keywords($html) { $html=strtolower($html); preg_match("@<hea ...

  4. ICP 算法步骤

    The Iterative Closest Point (ICP) is an algorithm employed to match two surface representations, suc ...

  5. 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 ...

  6. sqoop与mysql之间中文乱码

    sudo -u hive sqoop export --connect "jdbc:mysql://192.168.22.201/LauncherDB?useUnicode=true& ...

  7. android常用对话框封装

    在android开发中,经常会用到对话框跟用户进行交互,方便用户可操作性:接下来就对常用对话框进行简单封装,避免在项目中出现冗余代码,加重后期项目的维护量:代码如有问题欢迎大家拍砖指正一起进步. 先贴 ...

  8. java发送短信--httpclient方式

    最近头让我写个发送短信的java程序检测BI系统,检查数据库是否有异常发送,有则发送短信到头的手机里.这里我直说httpclient方式的get请求方式,并且已经有方式的短信的接口了,所以只要再加上参 ...

  9. 关于window.showModalDialog的一些配置

    关于window.showModalDialog的一些配置 一.window.showModalDialog的滚动条 其实纵向滚动条很好去掉,难办的就是横向滚动条.在Firefox下如果window. ...

  10. PyCharm默认快捷键

    转自:http://www.2cto.com/os/201410/341542.html 1.编辑(Editing)Ctrl + Space 基本的代码完成(类.方法.属性)Ctrl + Alt + ...