Blog 样式集

* {margin:0;padding:0;}

body {
font-family: Consolas,‘Microsoft YaHei‘,Verdana;}

a:hover,a:link,a:visited{ text-decoration:none;}

#navList li{ float:left; list-style-type:none; padding:5px 5px 5px 25px;}

#nav_sitehome{ display:none;}

.blogStats{ float:right;}

.postTitle{ margin-top:50px; text-align:center;}
.postBody{ width:980px; margin:auto;}

.postTitle{
padding-bottom: 50px;
font-weight: normal;
color: #595959;
font-size:30px;
text-shadow: 1px 1px 1px rgba(0,0,0,.25);
-ms-word-break: break-all;
word-break: break-all;
}

.chunjuTitle{ font-size: 1.5em;
font-family: Microsoft YaHei UI,Microsoft YaHei;
background: #dfdfdf;
padding:10px;
font-weight: bold;
-ms-word-break: break-all;
word-break: break-all;}

#cnblogs_post_body p {
margin:20px 0; text-indent:2em;
font-family: Consolas,‘Microsoft YaHei UI‘,‘Microsoft YaHei‘,SimSun,‘Segoe UI‘,Tahoma,Helvetica,Sans-Serif;
line-height: 1.5;}

#comment_form_container{ width:980px; margin:auto;}
.postDesc{ width:980px; margin:auto;}

#site_nav_under,#ad_under_post_holder,#under_post_news,#google_ad_c2,#under_post_kb,#calendar{ display:none;}

.mySearch ,.catListLink ,.catListEssay ,.catListPostArchive ,.catListBlogRank,#recent_comments_wrap ,#topview_posts_wrap ,#topfeedback_posts_wrap ,#topdigg_posts_wrap{ display:none;}

#footer{ width:980px; text-align:center; margin:100px auto;}

#blogTitle{ width:980px; margin:30px auto;}

#navigator{ display:none;}

.catListTitle ,.newsItem, #HistoryToday{ display:none;}

.catListPostCategory{ width:100%; margin:auto; position:absolute; top:0; left:0; font-size:11px; text-align:center;}
#comment_nav{ position:fixed; bottom:20px; right:10px;}
img{
padding:5px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px; margin:auto;
}
.catListPostCategory ul{ margin:auto;}
.catListPostCategory ul li { list-style-type:none; float:left; padding:3px; background-color:#FFF;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border-bottom: 1px solid #6cc;
}

#mainContent{ margin-bottom:100px;}

#blog-comments-placeholder{ width:980px; margin:auto;}

.feedbackItem, .chunjuCode, .chunjuNote{ margin-top:30px;margin-bottom: 1.286em;
border-style: solid;
border-color: rgb(221, 218, 170);
border-width: 1px 0px;
padding: 0.75em 15px;
color: rgb(93, 86, 54);
line-height: 1.5em;
background: rgb(250, 249, 226);}

#mainContent{ width:980px; margin:auto;}

.postCon{ height:80px; overflow:hidden;}

.entrylistTitle{ padding-bottom: 50px;
font-weight: normal;
color: #595959;
font-size: 30px;
text-shadow: 1px 1px 1px rgba(0,0,0,.25);
-ms-word-break: break-all;
word-break: break-all;}

.entrylistItem{ margin-bottom:30px;}

.entrylistPostSummary{ text-indent: 2em;}

.entrylistPosttitle{ font-weight:bold;}

#header{ margin-top:50px;}

  

时间: 2024-10-25 04:22:36

Blog 样式集的相关文章

Normalize.css – HTML5-ready 的css重置样式集

Normalize.css 是一个可定制的 css文件,使浏览器呈现的所有元素,更一致和符合现代标准.它正是针对只需要统一的元素样式.该项目依赖于研究浏览器默认元素风格之间的差异,精确定位需要重置的样式.这是一个现代的,HTML5-ready 的css重置样式集. Normalize.css 是 HTML5-ready 的css重置样式集 官网网站:http://www.yyyweb.com/demo/inner-show/normalize.html

样式集小记下

(一)CSS继承和优先级 1.CSS继承性 内部元素将继承外部元素的样式,多个外部元素的样式,最终将叠加到内部元素上: <body>是一个网页中最大的标记(容器),它里面定义的样式,会被所有的子元素进行继承: CSS属性能被继承的元素: 主要是CSS文本相关或CSS字体相关的属性,都会被继承. 例如:Font-size.font-family.font-style.font-weight.Color.line-height.text-align.text-indent.letter-spaci

样式集小记上

样式集小记 (一)css浮动设置与清除 A:浮动的表示: 1.浮动的写法:float:left/right: Float:使HTML元素向左或向右浮动,取值:left.right 2.浮动的元素,可以向左或向右浮动,直到碰到包围框的边上或者上一个浮动框的边上为止: 3.浮动的元素将脱离普通文档流,并且不再占用空间,浮动元素的层级要高于普通文档流中的元素. 浮动元素将生成块元素,不管它原来是什么元素(块元素.行元素).换句话说,行内元素浮动后,将变成块元素,就可以设置width和height. 注

Jerry的通过CDS view + Smart Template 开发Fiori应用的blog合集

S4/HANA里有一个新的UI框架叫做Smart template, 配合ABAP后台的CDS view技术,能够让developer以Metadata driven的方式来开发Fiori应用, 这种开发方式几乎不需要或者只需要很少量的JavaScript开发. 下面是我写在SCN上的相关13篇blog的链接: Step by Step to create CDS view through SmartTemplate + WebIDE: https://blogs.sap.com/2016/03

为半个字符应用CSS样式可能吗?

What I am looking for: A way to apply styling to one HALF of a character. (In this case, half the letter being transparent) 我正在寻找: 一种方法为半个字符应用样式.(在这种情况下,一半的字母是透明的) What I have currently searched for and tried (With no luck): Methods for styling half

redis3.0 集群实战1 -- 安装和配置

本文主要是在centos7上安装和配置redis集群实战 参考: http://hot66hot.iteye.com/blog/2050676 集群教程: http://redisdoc.com/topic/cluster-tutorial.html#id2 1 安装准备 1.1 下载redis3.0版本 到redis官网redis.io或者redis中文官网www.redis.cn上(http://www.redis.cn/download.html)去下载最新的版本,我下载的是redis3.

基情四射的两个css样式

自定义blog样式时,代码段的line-height继承样式post的line-height,间隔太大了,决定再减小点,css都玩了几年了,感觉中这是很容易的事情.然后,就悲剧了好久,原先自定义样式表为 .headermaintitle { font-family:"华文行楷",Verdana,Arial,Helvetica,sans-serif; font-size:50px; } .headerDis { font-family:"华文行楷",Verdana,A

Android中的样式和主题(Styles and Themes)

样式(style),是为一个视图(View)或窗体(window)指定形状和格式的属性集.一个样式能够指定的属性包括高度.内边距.字体颜色.字体大小.背景颜色等等.样式被定义在一个XML资源文件中,跟设置布局的XML资源文件是分开的. Android中样式的设计哲学跟web设计中的CSS(层叠样式表)相似,就是想办法让设计和内容分隔开来. 例如,通过使用样式(style),你可以将下面的XML布局: <TextView android:layout_width="fill_parent&q

变换文档主题风格+截图+全选文档+统一文档样式+删除空白页+书法字帖+稿纸格式

昨晚因为写博客结果把自己写兴奋了,都11点多了还困,然后有只猪就在那不停问我为啥这么兴奋,跟他说了原因还不信,真的好想打人,哼.算了,不跟这只猪计较了,谁让你是猪呢?猪毕竟可能听不懂人话,哈哈哈哈哈哈哈哈哈哈哈哈......不知道为什么,好怕猪看了后我会被打,O(∩_∩)O哈!毕竟我家猪头每天早上都叫我起床,这么暖的男朋友我还是不能吐槽太多的,今天早上打电话知道我还没起床跟我说了几句然后让我再睡会,恩,确实是要好好夸夸这个boy,猪头,有你真好!另外,上课........别走神了,飞机都快被你承