原来的那个暂时不用了,贴出来一下,有兴趣可以参考,原型是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. Android源码-学习随笔

    在线代码网站1:http://grepcode.com/project/repository.grepcode.com/java/ext/com.google.android/android/ 书籍: ...

  2. Android Message Handling Mechanism

    转自:http://solarex.github.io/blog/2015/09/22/android-message-handling-mechanism/ Android is a message ...

  3. 【翻译四】java-并发之线程暂停

    Pausing Execution with Sleep Thread.sleep causes the current thread to suspend execution for a speci ...

  4. mysql 如何设置自动增长序列 sequence(一)

    背景:由于项目需要,必须用mysql设置主键自增长,而且想用字符串的.经过上网查找并且实验,终于做出了一套方案.现在就共享给大家! 解决思路:由于mysql不带sequence,所以要手写的,创建一张 ...

  5. C程序设计语言习题解答

    1-6 #include <stdio.h> int main(void) { printf("getchar()!=EOF is:%d\n", getchar()!= ...

  6. mysql_multi启动数据库

    1.初始化数据库 在$mysql_base目录下,新增加存放data的文件夹,用mysql_install_db命令执行初始化 [root@ora11g scripts]# ./mysql_insta ...

  7. 浅学JSON——Json.NET之首次试手

    首次遭遇Json格式,缘由项目中用到Json数据,需要进行解析,为此,将Json数据转为了自己较为熟悉的DataTable格式,以此展示至DataGridView中,验证是否成功. 直接上代码: // ...

  8. JQuery初探

    [TOC] jquery 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行"操作"(actions). jQuery 使用的语法是 XPath 与 CSS ...

  9. memset中的sizeof

    记录memset中的sizeof的用法, unsigned char *buff = (unsigned char*) malloc(128 * sizeof(char)); //错误的:memset ...

  10. HDU 5919 Sequence II 主席树

    Sequence II Problem Description   Mr. Frog has an integer sequence of length n, which can be denoted ...