黑色主题-darkgreentrip
/* 整个页面 */
home,#main {
margin:0px 0px 0px 0px;
background:rgb(9, 9, 9, 0.9);
}
/* 头部高度 */
header {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:rgb(1, 1, 1, 1);
}
/* 博客标题 */
blogTitle {
color: rgb(255, 255, 255, 1);
background:rgb(255, 255, 255, 0);
}
blogTitle h1 { /* 主标题格式 */
font-family: "微软雅黑", "宋体", "黑体", Arial;
font-size: 39px;
font-weight: bold;
line-height: 1.8em; /原始 1.6em/
margin-top: 10px; /*原始 15px */
width:100%;
}
blogTitle h1 a {
text-decoration: none;
color: rgb(255, 255, 255, 1);
color:radial-gradient(circle,red,orange,yellow,blue);
}
blogTitle h1 a:hover { /* 超链接颜色 */
color: rgb(102, 0, 119, 1);
font-size: 40px;
}
blogTitle h2 { /* 次标题格式 */
margin:0px 0px 0px 50px;
padding:0px 0px 0px 0px;
width:100%;
font-family: "华文新魏", "微软雅黑", "宋体", "黑体", Arial;
font-weight: bold;
font-size: 28px;/*原始 16px ；font-size: 1.0rem;*/
line-height: 1.8;
color: rgb(255, 136, 194, 0.8);
float: left;
padding-left: 8px;
}
blogTitle h2 a { /* 次标题格式 */
text-decoration: none;
color: rgb(255, 204, 204, 0.8);
font-family: "华文新魏", "宋体", "黑体", Arial;
color:radial-gradient(circle,red,orange,yellow,blue);
}
/导航栏/
navigator {
font-size:20px;
background:rgb(255, 255, 255, 0.2);
height:60px;
text-align:center;
margin-top:20px;
margin-bottom:20px;
margin:0px 0px 0px 20px;
border-radius:5px 5px 5px 5px;
border:1px solid rgb(1, 1, 1, 0.2);
}
navList li { /* 每一个栏目节点 */
margin:0px 0px 0px 0px;
padding:0px 0 0px 0;
line-height:60px;
display:inline-block;
float:left;
}
navList li a { /* 栏目文字的格式 */
text-decoration:none;
line-height:60px;
border:0;
color:#fff;
color: rgb(255, 255, 255, 1);
/* display:-moz-inline-box;
display:inline-block; */
padding-left: 25px;
}
navList li:hover {
background:#000000;
height:60px;
}
navList li a:hover {
background:#000000;
height:60px;
}
.blogStats { /* 博客统计 */
height:60px;
color: rgb(255, 255, 255, 1);
float: right;
font-size:16px;
margin-right: 2px;
text-align: right;
}
/每日文章列表/
.day {
margin:0 20px 0px 0;
background:rgb(44, 44, 44, 0.5);
border:1px solid rgb(44, 44, 44, 0.5);
}
.dayTitle a {
color:rgb(255, 255, 255, 0.8);
text-decoration:none;
}
.dayTitle a:hover {
color: rgb(255, 136, 194, 0.95);
}
.postTitle {
font-size:18px;
font-weight:bold;
color:#009CB5;
border-left: 3px solid #21759b;
margin-bottom: 10px;
float: right;
width: 100%;
clear: both;
}
.postTitle a { /标题/
color:#009CB5;
margin:0px 0px 0px 10px;
}
.postTitle a:link, .postTitle a:visited, .postTitle a:active {
color: #00AAAA;
transition: all 0.4s linear 0s;
}
.postTitle a:hover {
margin-left: 10px;
color: #77FFEE;
text-decoration: none;
}
.day .postTitle a {
padding-left: 10px;
}
.c_b_p_desc { /摘要/
line-height:24px;
color:#888;
color:rgb(255, 255, 255, 0.65);
}
.c_b_p_desc a {
text-decoration:none;
color:rgb(255, 255, 255, 0.9);
}
.c_b_p_desc a:hover {
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:dotted;
color:rgb(255, 255, 255, 0.95);
}
.postDesc a {
color:rgb(255, 255, 255, 0.65);
}
.newsItem {
background:rgb(44, 44, 44, 0.5);
}
.newsItem #blog-news div a {
margin:0 10px 0px 10px;
}
.newsItem #blog-news div a img {
margin:0 20px 0px 20px;
}
profile_block,#profile_block a {
color:rgb(255, 255, 255, 0.65);
font-size:17px;
font-weight:bold;
font-family: "微软雅黑", "宋体", "黑体", Arial;
}
blog-calendar,.CalTitle {
background:rgb(44, 44, 44, 0);
color:rgb(255, 255, 255, 0.65);
}
blogCalendar a {
color:rgb(255, 255, 255, 0.65);
}
/google搜索框/
google_q,#q {
height:22px;
width:120px;
border:solid 1px #ccc;
box-shadow:inset 0 0 3px #ddd;
border-radius:4px;
}
/搜索按钮/
.btn_my_zzk {
font-family:'Microsoft Yahei';
border:none;
height:26px;
width:60px;
padding:1px;
font-size:14px;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#55895B;
border-radius:4px;
color:#fff;
}
.btn_my_zzk:hover {
background:#6DA47D;
}
sidebar_search,.catListTitle {
background:rgb(44, 44, 44, 0);
}
sidebar_shortcut,#sidebar_toptags,#sidebar_categories {
display:none;
}
topview_posts_wrap .catListView {
background:rgb(44, 44, 44, 0.65);
}
TopViewPostsBlock a {
color:rgb(255, 255, 255, 0.65);
}
TopViewPostsBlock li {
color:rgb(255, 255, 255, 0.65);
margin:0px 0px 0px 0px;
border:none;
}
MyTag1_dtTagList {
margin: 0 auto;
width: 95%;/*原始65*/
padding: 30px;
margin-top: 0px;
margin-bottom: 0px;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
MyTag1_dtTagList td a {
font-family: "楷体", "黑体" ,"宋体", "华文行楷", "黑体" ,Arial;
text-decoration:none;
color: rgba(248, 248, 248, 0.7);
font-size: 20px;
line-height: 20px;
font-weight: bold;
/* margin: 5px 0 !important; */
padding: 2px 0 2px 2px;
}
taglist_title_wrap #taglist_title {
font-family: "楷体", "黑体" ,"宋体", "华文行楷", "黑体" ,Arial;
text-decoration:none;
color: rgba(248, 248, 248, 0.7);
font-size: 20px;
line-height: 20px;
font-weight: bold;
/* margin: 5px 0 !important; */
padding: 2px 0 2px 2px;
}
MyTag1_dtTagList td .small {
font-family: "楷体", "黑体" ,"宋体", "华文行楷", "黑体" ,Arial;
text-decoration:none;
color: rgba(248, 248, 248, 0.7);
font-size: 20px;
line-height: 20px;
font-weight: bold;
/* margin: 5px 0 !important; */
padding: 2px 0 2px 2px;
}
topics {
background:rgb(44, 44, 44, 0.65);
}
navCategory,#navCategory a,#cnblogs_post_body a {
color: rgba(248, 248, 248, 0.95);
text-decoration:none;
}
/目录/
topics a:visited {
text-decoration: none;
}
topics a:link {
text-decoration: none;
}
.postBody a:link, .postBody a:visited, .postBody a:active ｛
text-decoration: none;
}
/评论按钮/
btn_comment_submit {
border:none;
height:48px;
width:120px;
}
.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;
}
btn_comment_submit:hover {
background:#6DA47D;
}
/评论标题/
.feedback_area_title {
padding:10px;
font-size:24px;
font-weight:bold;
color:#55895B;
border-bottom:solid 6px #55895B;
}
.feedbackListSubtitle {
font-size:12px;
color:#888;
}
.feedbackListSubtitle a {
color:#888;
}
.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 #222222;
}
/评论输入域/
tbCommentBody {
font-family:'MIcrosoft Yahei';
margin-top:10px;
width:940px;
max-width:940px;
min-width:940px;
background:white;
color:#333;
border:2px solid #fff;
box-shadow:inset 0 0 8px #aaa;
padding:10px;
height:120px;
font-size:14px;
min-height:120px;
border-radius:5px 5px 5px 5px;
}
/评论条目/
.feedbackItem {
font-size:14px;
line-height:24px;
margin:10px 0;
padding:20px;
background:#F2F2F2;
box-shadow:0 0 5px #aaa;
}
.feedbackListSubtitle {
font-weight:normal;
}
/好文要顶/
.buryit {
display:none;
}
.diggword {
display:none;
}
/green_channel/
green_channel {
text:align:right;
background:#222222;
padding-left:20px;
font-weight:normal;
font-size:15px;
width:1080px;
border:none;
color:#fff;
padding:20px;
border-radius:4px 4px 4px 4px;
}
/* 去掉广告 */
site_nav_under,#ad_under_post_holder,#under_post_news,
google_ad_c2,#under_post_kb {
width:0;
height:0;
display:none;
overflow:hidden;
}
sidebar_categories,#sidebar_recentcomments,
sidebar_topcommentedposts,#ad_t2,#cnblogs_c1,
cnblogs_c2,#sidebar_shortcut,#blog_nav_rss_image {
display:none;
}
/*****************************************************/
/
代码高亮开始，使用了一个叫Monokai Sublime的黑色主题皮肤，直接拿过来还不行，有一些样式冲突，还要自己稍微改一些地方
Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
/
pre {
/控制代码不换行/
white-space: pre;
word-wrap: normal;
border: 2px solid rgba(0,0,0,0.1);
/* 内边距 */
/* padding: 5px 10px 5px 20px; /
/ 外边距 /
margin: 15px 10px 5px 20px;
/ 圆角 */
border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.cnblogs-markdown .hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
background: #23241f !important;
color: #FFF;
white-space: pre;
word-break: normal;
}
.hljs,
.hljs-tag,
.hljs-subst {
color: #f8f8f2;
}
.hljs-strong,
.hljs-emphasis {
color: #a8a8a2;
}
.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
color: #ae81ff;
}
.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class {
color: #a6e22e;
}
.hljs-strong {
font-weight: bold;
}
.hljs-emphasis {
font-style: italic;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-name,
.hljs-attr {
color: #f92672;
}
.hljs-symbol,
.hljs-attribute {
color: #66d9ef;
}
.hljs-params,
.hljs-class .hljs-title {
color: #f8f8f2;
}
.hljs-string,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
color: #e6db74;
}
.hljs-comment,
.hljs-deletion,
.hljs-meta {
color: #75715e;
}
/黑色主题皮肤结束/
cnblogs_post_body h1 {
border-radius: 4px 4px 4px 4px;
color: #FFFFFF;
font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
font-family: "华文行楷","微软雅黑", "宋体", "黑体", Arial;
background: rgb(20,20,20,0.9);
font-size: 25px;
height: 32px;
line-height: 25px;
font-weight: bold;
margin: 18px 0 !important;
padding: 10px 0 5px 10px;
text-shadow: 2px 2px 3px #222222;
}
cnblogs_post_body h2{
color: #FFFFFF;
font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
color: rgb(255,255,255,0.9);
font-size: 20px;
height: 28px;
line-height: 23px;
margin: 15px 0 !important;
padding: 7px 0 5px 10px;
font-weight: bold;
}
cnblogs_post_body h3{
border-radius: 4px 4px 4px 4px;
/* box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5); */
color: rgb(255,255,255,0.8);
font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
/* background: #0492ac; */
font-size: 15px;
height: 24px;
line-height: 23px;
margin: 8px 0 !important;
padding: 3px 0 5px 10px;
font-weight: bold;
/* text-shadow: 2px 2px 3px #222222; */
}
cnblogs_post_body li {
color: rgb(255,255,255,0.8);
}
blog_post_info_block,#blog_post_info_block a {
color: rgb(255,255,255,0.8);
}
cnblogs_post_body pre {
color: rgb(255,255,255,0.8);
}
MySignature,#MySignature a {
color: rgb(255,255,255,0.8);
}
EntryTag,#EntryTag a {
color: rgb(255,255,255,0.8);
}
myposts {
color: rgb(255,255,255,0.8);
}
/更多链接/
.forFlow h1.PostListTitle {
margin-left: 30px;
}
myposts .PostList {
font-size:17px;
line-height:24px;
margin:10px 100;
padding:20px;
color: rgb(255,255,255,0.8);
background:rgb(0,0,0,0.8);
box-shadow:0 0 5px #aaa;
}
myposts .postTitl2 a {
font-size:17px;
color:#6DA47D;
}
/* 博文详情 */
topics .postTitle {
font-size:17px;
padding-left: 10px;
}
sideCatalog {
background:rgb(0,0,0,0.8);
}
sideCatalogBtn {
border-radius: 4px 4px 4px 4px;
}
btn_comment_submit,.diggit {
border-radius: 4px 4px 4px 4px;
}
黑色主题-darkgreentrip的更多相关文章
- MyEclipse黑色主题
第一步:打开链接http://www.eclipsecolorthemes.org/选中一款:下载其中的epf格式. 如图: 在eclipse中打开:file > import > Gen ...
- eclipse 配置黑色主题
虽然以前也使用eclipse的黑色主题,但是配置起来稍微麻烦一点. 这里先声明,下面的方式适合最新版本的Eclipse Luna,旧的版本可以下载我提供的这个插件,并将其放在eclipse目录下的pl ...
- Qt Creator 黑色主题配置
可能是一个习惯了吧,我个人比较喜欢在黑色主题的环境下进行编程.黑色主题对眼睛稍微友好一点,看起来也不是那么low.这里给出QtCreator的黑色主题配置方案. 如果是最新的Creator3.3+的版 ...
- 送给那些喜欢myeclipse黑色主题但是又不知道怎么配色的人
设置MyEclipse黑色主题背景 1. 下载 http://eclipsecolorthemes.org/ 看哪个合适直接点击进入, 下载右边的epf 2. 下载完成...打开myeclipse. ...
- Eclispse 换主题、皮肤、配色，换黑色主题护眼
链接地址:http://jingyan.baidu.com/article/6c67b1d68c03be2787bb1ed6.html Eclipse写android代码时,默认的文本和框架都是白色, ...
- 设置MyEclipse黑色主题背景
设置MyEclipse黑色主题背景 1. 下载 http://eclipsecolorthemes.org/ 看哪个合适直接点击进入, 下载右边的epf 2. 下载完成...打开myeclipse. ...
- Myeclipse黑色主题配置
Myeclipse自己打造黑色主题: 一.UI Theme(设置黑色主题模式): 如果是自己下载在的.jar主题,则首先将该jar包放在Myeclipse安装目录下的\dropins\plugins\ ...
- vs2010黑色主题Dark完美设置
版权声明:本文为博主原创文章,未经博主允许不得转载. ----------------------------------------------------------------------- ...
- [转]eclipse 配置黑色主题 Luna 方式三
虽然以前也使用eclipse的黑色主题,但是配置起来稍微麻烦一点. 这里先声明,下面的方式适合最新版本的Eclipse Luna,旧的版本可以下载我提供的这个插件,并将其放在eclipse目录下的 ...
随机推荐
- Oracle sqlldr数据加载
1 sqlldr 传统路径:sqlldr会利用sql插入为我们加载数据 直接路径加载:sqlldr不适用sql,直接格式化数据块,绕开undo,避开redo,最快的方法就是并行直接路径加载 sqlld ...
- matlab神经网络工具箱创建神经网络
为了看懂师兄的文章中使用的方法,研究了一下神经网络 昨天花了一天的时间查怎么写程序,但是费了半天劲,不能运行,百度知道里倒是有一个,可以运行的,先贴着做标本 % 生成训练样本集 clear all; ...
- spring-cloud配置服务器配置
本文介绍spring-cloud配置服务器 server端配置 目录结构 依赖 java代码 properties 运行 client端配置 目录结构 依赖 java代码 properties 运行 ...
- Three.js响应和移动物体
效果图 demo import './index.css'; // stats var stats; (function(){ stats = new Stats(); document.body.a ...
- Python Twisted系列教程10：增强defer功能的客户端
作者:dave@http://krondo.com/an-introduction-to-asynchronous-programming-and-twisted/ 译者:杨晓伟(采用意译) 可以从这 ...
- windows下配置非安装版的MySQL5.6
Installing MySQL on Microsoft Windows Using a noinstall Zip Archive,在Windows上使用非安装压缩包安装MySQL.安装步骤如下: ...
- flask系列五之flask_script
1.一个简单的例子 在工程里面新建一个Python文件命名为manage.py (1)安装flask_script包,然后引入 from flask_script import Manager fro ...
- wordpress 学习笔记
(1) __()函数 function __( $text, $domain = 'default' ) { return translate( $text, $domain ); } 返回一个字符串 ...
- linux下FTP使用
如何在linux下开启FTP服务 1. 首先服务器要安装ftp软件,查看是否已经安装ftp软件下: #which vsftpd 如果看到有vsftpd的目录说明服务器已经安装了ftp软件 ...
- （转）Mac下MySql安装经历（含安装错误排查、卸载多种折腾）
在安装mysql的时候,活活折腾我两天.结果终于被我折腾成功了……一开始我就放了个错误:我下了32位版本的mysql:mysql-5.5.8-osx10.6-x86.dmg 须知在mac下装的是64位 ...