黑色主题-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 11g r2 rac +openfiler 2.99 +centos 6.5+vbox
继上篇openfiler 2.99安装之后,这一篇讲介绍openfiler的存储配置和oracle 端的服务配置 参考文档:https://www.oracle.com/technetwork/cn/ ...
- Python多线程-生产者消费者模型
用多线程和队列来实现生产者消费者模型 # -*- coding:utf-8 -*- __author__ = "MuT6 Sch01aR" import threading imp ...
- oracle 11g R2 标准版 64位linux安装
安装环境:Redhat es 5.5 64位 ,系统内存8G,swap 10G ,oracle 11G R2 标准版 一,Oracle 安装前的准备检查一下包,必须全部安装:binutils-2.17 ...
- CBV中的dispatch
之前介绍了FBV和CBV ,下面我们看一下CBV中的dispatch dispatch函数在类View中定义,作用就是通过反射查找get或post函数,所以在执行get或post函数之前,dispat ...
- for in 循环的输出顺序问题
var data = { '4': 'first', '3': 'second', '2': 'third', '1': 'fourth' }; for (var i in data) { conso ...
- Bootstrap 学习资料
1.Bootstrap中文文档 2.Bootstrap3.1.1 DEMO 3.Bootstrap教程 4.Sco.js--Bootstrap javascript组件的增强版 如果,您认为阅读这篇博 ...
- 外网访问vmvare
使用端口映射即可,以tplink wr886n为例, 方法如下: 1.打开浏览器,输入默认ip192.168.0.1回车登录: 2.登录对话框,输入 密码点击确定: 3.点击转发规则--虚拟服务器,点 ...
- 八数码问题——A*大法好
[描述] 在3×3的棋盘上,摆有八个棋子,每个棋子上标有1至8的某一数字.棋盘中留有一个空格,空格用0来表示. 空格周围的棋子可以移到空格中. 要求解的问题是:给出一种初始布局(初始状态)和目标布局( ...
- 【总结整理】webGIS学习thinkGIS(四)WebGIS中通过行列号来换算出多种瓦片的URL 之离线地
http://www.thinkgis.cn/topic/541a5319da8db186fd06e097 1.前言 在前面我花了两个篇幅来讲解行列号的获取,也解释了为什么要获取行列号.在这一章,我将 ...
- ADO.NET连接池
池:理解为一堆集合,一堆数组,一堆对象ado.net连接池,连接字符串注明Pooling=false关闭连接池 web应用是肯定要启动连接池的,因为默认启动,可以不用管,知道这么一回事就OK了当启动连 ...