黑色主题-darkgreentrip

zoukankan html css js c++ java

黑色主题-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 */
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;
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;
 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-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;
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;
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;
 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;
120px;
```
}

.comment_btn {
font-family:'Microsoft Yahei';
border:none;
height:48px;
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;
940px;
max-940px;
min-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;
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 {
```
 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;
```
}
查看全文

相关阅读:
10 Unit Testing and Automation Tools and Libraries Java Programmers Should Learn
nginx unit java 试用
 Oracle Trace文件生成及查看
 记录数过亿条的表数据维护-数据删除
 对于上千万甚至上亿的数据，如何正确的删除？
怎么快速删除大数据量表
 如何启动或关闭oracle的归档(ARCHIVELOG)模式
 oracle清理归档日志（缓存）
HTTP和HTTPS协议，看一篇就够了
 HTTP与HTTPS对访问速度（性能）的影响

原文地址：https://www.cnblogs.com/CH520/p/9368435.html

黑色主题-darkgreentrip

home,#main {

header {

blogTitle {

blogTitle h1 { /* 主标题格式 */

blogTitle h1 a {

blogTitle h1 a:hover { /* 超链接颜色 */

blogTitle h2 { /* 次标题格式 */

blogTitle h2 a { /* 次标题格式 */

navigator {

navList li { /* 每一个栏目节点 */

navList li a { /* 栏目文字的格式 */

navList li:hover {

navList li a:hover {

profile_block,#profile_block a {

blog-calendar,.CalTitle {

blogCalendar a {

google_q,#q {

sidebar_search,.catListTitle {

sidebar_shortcut,#sidebar_toptags,#sidebar_categories {

topview_posts_wrap .catListView {

TopViewPostsBlock a {

TopViewPostsBlock li {

MyTag1_dtTagList {

MyTag1_dtTagList td a {

taglist_title_wrap #taglist_title {

MyTag1_dtTagList td .small {

topics {

navCategory,#navCategory a,#cnblogs_post_body a {

topics a:visited {

topics a:link {

btn_comment_submit {

btn_comment_submit:hover {

commentform_title {

tbCommentBody {

green_channel {

site_nav_under,#ad_under_post_holder,#under_post_news,

google_ad_c2,#under_post_kb {

sidebar_categories,#sidebar_recentcomments,

sidebar_topcommentedposts,#ad_t2,#cnblogs_c1,

cnblogs_c2,#sidebar_shortcut,#blog_nav_rss_image {

cnblogs_post_body h1 {

cnblogs_post_body h2{

cnblogs_post_body h3{

cnblogs_post_body li {

blog_post_info_block,#blog_post_info_block a {

cnblogs_post_body pre {

MySignature,#MySignature a {

EntryTag,#EntryTag a {

myposts {

myposts .PostList {

myposts .postTitl2 a {

topics .postTitle {

sideCatalog {

sideCatalogBtn {

btn_comment_submit,.diggit {