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,由于不是自己的,不能分享~
CSS 分享的更多相关文章
- PC网站CSS分享
这里想总结些编写网页的经验,以PC端的为主,前面总结过后台的,今天写些前台的,参考了bootstrap3.3.5.bootstrip2.3.2和模版matrix. 前段时间还写过一篇<前端基础学 ...
- css 分享之background-attachment 属性
微分享才发现的css背景图达到的效果代码属性: background-attachment -- 定义背景图片随滚动轴的移动方式: 值 描述 scroll 默认值.背景图像会随着页面其余部分的滚动而移 ...
- 如何处理CSS3属性前缀(转载)总结
今天闲来无聊,重新来说说CSS3前缀的问题.在春节前和@一丝姐姐说起Sass中有关于gradient的mixins.姐姐说: 为什么还要用mixin呢?为什么不使用Autoprefixer?使用Aut ...
- fixed实现遮罩层,小程序
css /** 分享微信,分享朋友圈 **/ .goods_share_mask { background-color: rgba(0, 0, 0, 0.3); position: fixed; to ...
- Matplotlib数据可视化(3):文本与轴
在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像 ...
- 1. web前端开发分享-css,js入门篇
关注前端这么多年,没有大的成就,就入门期间积累了不少技巧与心得,跟大家分享一下,不一定都适合每个人,毕竟人与人的教育背景与成长环境心理活动都有差别,但就别人的心得再结合自己的特点,然后探索适合自己的学 ...
- 2. web前端开发分享-css,js进阶篇
一,css进阶篇: 等css哪些事儿看了两三遍之后,需要对看过的知识综合应用,这时候需要大量的实践经验, 简单的想法:把qq首页全屏另存为jpg然后通过ps工具切图结合css转换成html,有无从下手 ...
- 6. web前端开发分享-css,js移动篇
随着移动市场的逐步扩大及相关技术的日趋完善,对前端开发提出了新的岗位要求,在继承前人成果的基础上需要在新的历史条件下有新的创新.移动端的开发,虽然没有IE6众多问题的折磨,但是多平台,多设备的兼容,也 ...
- 分享15个优秀的 CSS 解决方案和工具
CSS 代码是很难管理,尤其是在大型项目. 样式都写在一个全局作用域里,通过复杂的选择器来指向特定的页面元素.冗余.膨胀和维护可以成为前端开发人员的一场噩梦.幸运的是我们有一些 CSS 工具来帮助开发 ...
随机推荐
- GMap.Net开发之技巧小结
1.在GMap地图上,如果要让添加的图标(Marker)有个高亮(highlight)的效果,可以在MouseOver到Marker的时候设置Marker外观效果. 如果要让图标有个报警闪烁的效果,可 ...
- HDU5556 Land of Farms(二分图 2015 合肥区域赛)
容易想到将问题转化为求图的独立数问题 ,但求一般图的独立集是一个NPC问题,需要一些转化. 状态压缩,枚举每个上古农场是否选择,然后将剩下的新农场根据i + j奇偶性分为x , y集. 结果为 max ...
- jquery获取、改变元素属性值
//标签的属性称作元素属性,在JS里对应的DOM对象的对应属性叫DOM属性.JS里的DOM属性名有时和原元素属性名不同. //==================================操作元 ...
- 直传文件到Azure Storage的Blob服务中
(此文章同时发表在本人微信公众号“dotNET每日精华文章”,欢迎右边二维码来关注.) 题记:为了庆祝获得微信公众号赞赏功能,忙里抽闲分享一下最近工作的一点心得:如何直接从浏览器中上传文件到Azure ...
- 第十八篇:在SOUI中实现PreTranslateMessage
在MFC中,通常可以通过重载CWnd::PreTranslateMessage这样一个虚函数来实现对一些窗口消息的预处理.多用于tooltip的显示控制. 在SOUI中也实现了类似的机制. 要在SOU ...
- visio 交叉线 不出现拱形怎么办?
- Convert Object to XML using LINQ
Convert Object to XML using LINQ. Also the object contains other object list. Following is the Class ...
- 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 ...
- vmware虚拟机检测
jpg改rar
- CF735D Taxes 哥德巴赫猜想\判定素数 \进一步猜想
http://codeforces.com/problemset/problem/735/D 题意是..一个数n的贡献是它的最大的因子,这个因子不能等于它本身 然后呢..现在我们可以将n拆成任意个数的 ...