自用的博客皮肤CSS代码
是在默认皮肤simple memory的基础上进行的魔改
/*****home和头部开始**************************/
#home {
margin: 0 auto;
width: 90%;/*原始65*/
min-width: 980px;/*页面顶部的宽度*/
background-color: rgba(245, 245, 245, 0.95);
padding: 30px;
margin-top: 50px;
margin-bottom: 50px;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
/*
body {
color: rgb(0, 0, 0);
background: rgba(10, 194, 255, 0.8)
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 12px;
min-height: 101%;
}
*/
/*
LL主题背景
*/ body {
color: rgb(0, 0, 0);
background: rgba(10, 194, 255, 1);
/* background: rgba(12, 100, 129, 1) url('http://images.cnblogs.com/cnblogs_com/SilverNebula/837412/o_9-1.jpg') fixed no-repeat; */ background: rgba(12, 100, 129, 1) url('http://images.cnblogs.com/cnblogs_com/SilverNebula/837412/o_9-1.jpg') fixed no-repeat;
background-size: cover;
background-position: 50% 5%;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 12px;
min-height: 101%;
} /*星云主题背景*/
/*
body {
color: rgb(0, 0, 0);
background-color: rgba(23, 87, 138, 0.82); background: rgba(54, 113, 164, 0.6) url ('http://images.cnblogs.com/cnblogs_com/SilverNebula/837660/o_7a861e45aaba28250047192bfb1f1c92.jpg ') fixed repeat center;
background-size: cover;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 12px;
min-height: 101%;
}
*/ /*博客标题*/
#blogTitle {
height: 60px; /*高度*/
clear: both;
}
/*主标题格式*/
#blogTitle h1 {
font-size: 26px;
font-weight: bold;
line-height: 1.8em;/*原始 1.6em*/
margin-top: 10px;/*原始 15px */
} #blogTitle h1 a {
color: #515151;
}
/*超链接颜色*/
#blogTitle h1 a:hover {
color: #21759b;
}
/*次标题格式*/
#blogTitle h2 {
font-weight: normal;
font-size: 17px;/*原始 16px ;font-size: 1.0rem;*/
line-height: 1.8;
color: #757575;
float: left;
} /*发表文章的标题*/
.postTitle {
border-left: 8px solid rgba(33, 117, 155, 0.68);
margin-bottom: 10px;
font-size: 20px;
float: right;
width: 100%;
clear: both;
}
.postTitle a:link, .postTitle a:visited, .postTitle a:active {
color: #21759b;
transition: all 0.4s linear 0s;
} .postTitle a:hover {
margin-left: 30px;
color: #0f3647;
text-decoration: none;
} /*文章内容(简介内容)*/
.postCon {
float: right;
line-height: 1.5em;
width: 100%;
clear: both;
padding: 10px 0;
} .day .postTitle a {
padding-left: 10px;
} /*文章附加信息*/
.postDesc {
background: url(images/posted_time.png) no-repeat 0 1px;
color: #757575;
float: left;
width: 100%;
clear: both;
text-align: left;
font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
font-size: 13px;
padding-right: 20px;/*5px padding-left: 90px;posted 发表时间左边距离*/
margin-top: 20px;
line-height: 1.8;
padding-bottom: 35px;
} #mainContent {
min-height: 200px;
padding: 0px 0px 10px 0;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
float: right;
margin-left: -20em;
width: 100%;
}
#sideBar {
margin-top: -12px;
width: 240px;
min-height: 200px;
padding: 0px 0 0px 0px;
float: left;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: auto;
word-break: break-word;
}
#sideBar h3 {
font-size: 24px;
border-left-color: rgba(0, 255, 255, 0.55);
border-left: 10px solid rgba(54, 113, 165, 0.72);
} /*侧边栏设置*/
.newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory,
.catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView,
.catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory
{
background: rgba(255, 255, 255, 0.29);
margin-bottom: 35px;
word-wrap: break-word;
} /* #ZjmainstayCnblogsSWFTags{
position: absolute;
left: 762px;
top: 1186px;
z-index:10000;
}*/
自用的博客皮肤CSS代码的更多相关文章
- 发布园友设计的新款博客皮肤BlueSky
园友#a为大家设计了一款“简单.纯粹,一点淡雅,一点宁静”的博客皮肤——BlueSky,欢迎您的享用!感谢#a的精心设计! 如果您有兴趣为大家设计博客皮肤,请将您设计的html/css/images文 ...
- 博客配置Racket代码字体
我想在博客园的文章中插入Racket代码,但是博客园的代码块和高亮都太难看了,如果能把scribble/manual的CSS文件中的Racket代码块的配置拿出来就可以有漂亮的Racket代码高亮了, ...
- 发布新款博客皮肤SimpleMemory
感谢 sevennight 又为大家精心设计了一款简约风格的博客皮肤 —— SimpleMemory. 大家可以通过这篇博文感受一下实际的效果:开园子啦(浅谈移动端以及h5的发展) 如果您喜欢这款皮肤 ...
- 发布新博客皮肤red_autumnal_leaves
感谢sevennight为大家精心设计了一款博客皮肤——red_autumnal_leaves! [名称] red_autumnal_leaves[标题] 红叶[设计者] sevennight[简介] ...
- 发布“豪情”设计的新博客皮肤-darkgreentrip
豪情 (http://www.cnblogs.com/jikey/)是一名在上海的前端开发人员,长期驻扎在园子里.他为大家设计了一款新的博客皮肤——darkgreentrip. 以下是该博客皮肤的介绍 ...
- 发布一款Github博客皮肤
Major是一款基于jekyll的皮肤,没有用hexo,原因是换机器后无法更新博客,但是可以用U盘考环境.总之很麻烦!折腾纠结好久,还是用jekyll!不用发布直接push文章即可,方便快捷.用的放心 ...
- 借用Snippet插件美化博客中的代码
书写博客,难免要贴出代码.然而直接贴出代码,则不美观.于是,应运而生出现了很多代码美化的插件.其中比较有名的是Syntax Highlighting插件. 笔者在网上翻阅的时候发现了Snippet ...
- 使用Markdown在博客里插入代码
今天尝试了一下在线使用Markdown编辑器写博客,发现想要实现下面这样的效果还真得折腾一会儿. <html> <head> <meta charset="ut ...
- javascript博客爱心特效代码与代码解析
这个鼠标点击出现爱心的特效经常在别的博客里见到,于是我查了度娘后拿来直接用上了. 虽然不知道原作者是谁,但肯定是个大神,只有通过观摩他/她的代码膜拜一下啦. 直接上代码(解析在代码注释里): // 自 ...
随机推荐
- Intent实现界面跳转、程序跳转
一个程序往往由多个界面组成,界面之间的跳转,实质是Activity之间的跳转. 从当前程序跳转到其它程序,实质是启动了目标程序的入口Activity. Intent被称为意图,常用于组件之间的交互,可 ...
- re匹配语法-match、search和findall
1.re.match() 匹配第一个值 列表里的值可以有多个范围,有一个符合就可以. match只匹配第一个值,所以列表里的范围是第一个值得取值范围.如果第一个值被设定好且存在,那么列表的取值范围变为 ...
- Android Studio Terminal 不是内部或外部命令,也不是可运行程序或批处理文件
1.Android Studio Terminal 命令行无效的问题 在Android Studio中自带了命令行终端Terminal,但是我们在输入命令时经常会发现:“XXX”不是内部或外部命令,也 ...
- ios app跳转拨打电话界面,调用拨打电话功能
DNLogFUNC //两种方法都可以用 //这种据说是可以上appstore NSURL *phoneURL = [NSURL URLWithString:[NSString stringWithF ...
- How to proxy a web site by apache2 in Ubuntu
Install apache2 To execute the install command in terminal: sudo apt-get install apache2 Then, we ca ...
- Java子类与父类方法的隐藏和覆盖
class Base{ int x = 1; static int y = 2; String name(){ return "mother" ...
- iTOP-iMX6开发板Android系统下LVDS和HDMI双屏异显方法
迅为iMX6 开发板 android 系统下 LVDS 和 HDMI 双屏异显的使用过程. 注意,iTOP-iMX6 开发板的 android 系统想要实现对 LVDS 和 HDMI 双屏异显功能的支 ...
- 迅为4412开发平台Zigbee模块在物联网智能家居中的应用
物联网智能家居的发展物联网随着互联网的发展,可以通过互联网实现物和物的互联,就有了物联网的概念.传统家居电器 有了物联网之后,在家居电器范围中,就是通过物联网技术将家中的各种设备连接到一起,家居中 ...
- oracle的系统表
-- DBA/ALL/USER/V_$/GV_$/SESSION/INDEX开头的绝大部分都是视图-- DBA_TABLES意为DBA拥有的或可以访问的所有的关系表.-- ALL_TABLES意为某一 ...
- 谷歌 滚动条样式 scrollbar
谷歌 滚动条样式 scrollbar main.less :: 是css3 最新的伪类 /*滚动条整体样式*/ ::-webkit-scrollbar { width: 10px; height: ...