黑色主题-darkgreentrip

最新推荐文章于 2022-12-10 18:27:00 发布
最新推荐文章于 2022-12-10 18:27:00 发布
阅读量660 收藏
点赞数
原文链接：http://www.cnblogs.com/CH520/p/9368435.html
版权

/* 整个页面 */

home,#main {

margin:0px 0px 0px 0px;
background:rgb(9, 9, 9, 0.9);

}

/* 头部高度 */

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);
}

/导航栏/

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);

}

   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;
}

   background:#000000;
   height:60px;

}

   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;
}

background:rgb(44, 44, 44, 0);

}

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;

}

  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,

 width:0;
 height:0;
 display:none;
 overflow:hidden;

}

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;

}

转载于:https://www.cnblogs.com/CH520/p/9368435.html

diaochuanzhi7826
关注
将CSDN文章内容转成PDF文件使用教程
LaOngDaoxing的博客
07-14 2万+
$(function(){ /*删除顶部导航*/ $("#csdn-toolbar").remove(); /*删除左侧导航*/ $("aside").remove(); /*删除右侧悬浮*/ $(".csdn-side-toolbar").remove(); /*删除文章上方*/ $(".article-header-box .article-info-box").remove(); $("#blogColumnPayAdvert").remove(); /*删除文章下方*/ $(.
博客园 页面定制CSS代码
qq_42052818的博客
02-18 5458
博客园 页面定制CSS代码        更新时间：2019-02-18        花了一点时间修改自己的博客背景设置，现在分享一下代码。希望对大家有帮助。我的比较简单，主要代码模板来源于另外一个博主，然后我在基础上进行了部分修改。原博主的连接：https://www.cnblogs.com/Penn000/p/6947472.html。 ...
chrome黑色主题
11-26
chrome黑色主题 长时间盯着电脑眼睛一定会觉得不舒服，尤其是现在大部份的网站背景都是以亮色底为主，因为这样才足够吸引人。所以很多时候我们会选择调整屏幕的亮度来起到舒缓眼镜的效果。但是如果能将网站的背景都变成暗色系，反转页面颜色，使用黑暗的主题为夜晚和每日浏览，应该能有助于降低眼睛的疲劳感，也比较不会眼花。
个人博客园写作规范-darkgreentrip
diaochuanzhi7826的博客
07-22 265
1、目的与原因 目的 为了能够很好地创造一个较为舒适地阅读环境，需要按照一定的规则去做，才能让博客漂亮地展示出来。 原因 由于个人水平与精力受限，博客美化功夫没到家，需要按照一定地规则才能将博客写好。 2、博客园环境情况 博客主题 darkgreentrip 详细装修代码 装修详情 3、书写规则介绍 01 一级标题的书写 （#）+ （空格）+ （一级标题） 运行结果：...
eclipse配置黑色主题
稻草人的格子衫
03-20 3328
eclipse中有两种设置主题颜色的方式。1. preferences-general-Apperance,在这里一定要Enable theming打上勾才能显示默认的theme下拉框，而且这个修改要重启才能生效，我曾经把打勾去掉，找了好久没找到theme的下拉框哪里去了。2. eclipse Marketplace搜索theme, 下载eclipse color theme插件，这时Appera...
Geany全黑主题首发教程
陈戏猿
11-09 8645
文章目录安装配置 Geany是一款非常优秀轻量的代码编辑器，支持50+编程语言，可以直接编译运行，自定义命令。但是国内好像不是很流行，又一个好用不火的软件。Geany谐音精灵，它的图标就是一个阿拉丁神灯，不得不说真的皮。 我选择这个软件的一个原因是用它来写Haskell程序，Haskell没有自己的IDE，但是用Geany完全可以打造一个非常棒的Haskell IDE。怎么弄会在另一篇博客说明。 ...
博客园博客美化相关文章目录
alad64007的博客
03-20 170
本博客所有文章分类的总目录链接：本博客博文总目录-实时更新 1.博客园美化相关文章目录 1.【分享】博客美化(1)基本后台设置与样式设置 2.【分享】博客美化(2)自定义博客样式细节 3.【分享】博客美化(3)为博客添加一个漂亮的分享按钮 4.【分享】博客美化(4)为博客添加一个智能的文章推荐插件 5.【分享】博客美化(5)为博客或系统添加一个强大的评论系统 6.【分享】...
CSS知识梳理
最新发布
weixin_68915174的博客
12-10 1095
（number表示占的份数，默认0）数值越小，排列越靠前，默认0。
跟着书本重学CSS（1）
步步拾遗
11-21 615
css的单位： css里面有绝对单位和相对单位，绝对单位是固定长度的，不受任何东环境影响的；而相对单位则是相对于其他长度而言的。 这里详细了解一下相对单位：px,%,em和rem px：像素。屏幕分辨率的不同，1px 的大小也是不同的，如果不考虑屏幕分辨率，我们也可以认为px是绝对单位。 %：百分比。支持百分比作为单位的属性很多，大致分为三类： （1）width、height、font-
css中颜色的表示方法
xyjikl
06-30 1896
在CSS里颜色的定义有四种方法：一，用颜色的名称；二，以十六进制数;三，以RGB整数设置颜色；四，以RGB百分数设置颜色。下面分别用这四种方法定义颜色，不过要注意的是以RGB整数定义的时候整数的范围是0-255，以百分比定义的时候范围是0%-100%，如果不在这个范围内，将按最接近这个范围的值计算。 颜色的定义和背景颜色的设置 body{ margin-right
我的博客园定制样式
wmz545546的博客
08-19 1313
使用模板：darkgreentrip   1 #home { 2 margin: 0 auto; 3 width: 80%;/*原始65*/ 4 min-width: 980px;/*页面顶部的宽度*/ 5 background-color: rgba(245, 245, 245, 0.7); 6 padding
前端如何设置背景颜色的透明度 css中的 rgba() 函数详解 ：background-color: rgba(255,192,203,0.3)
宝藏女孩的成长日记
12-14 1万+
目录前言rgba() 函数 详解再分享一个小技巧哈哈哈 前言 今天在开发移动端的时候感觉没背景颜色有点丑，再加上自己做的是蛋糕app，觉得暖色应该会很好看，于是就用了这行代码 background-color: rgba(255,192,203,0.2); 实现的效果如图： 接下来就介绍如何使用css中的 rgba() 函数 rgba() 函数 详解 rgba() 函数使用红®、绿(g)、蓝(b)、透明度(a)的叠加来生成各式各样的颜色。 rgba 即红色、绿色、蓝色、透明度（red, green, b
如何自定义博客园代码高亮主题，同时分享自己使用的黑色主题
weixin_33727510的博客
09-07 234
前言 原文链接 园子里有人问到了这个问题，所以写篇博客简单介绍下。 博客园代码高亮使用的插件是 highlight.js，本来想替换成我 个人网站 使用的 prism.js，但是比较坑爹的是，解析过程在服务端已经完成了，为什么这么说呢？因为我禁用浏览器JS重新刷新页面时，pre>code里面的所有代码都已经被解析成一个个span了: 没办法，只能通过替换主题来达到效果了。 博客园最大的优点...
博客园美化主题——只需一分钟
weixin_30483495的博客
08-16 752
前言 下面的教程是之前使用的第一版博皮的样式,属于简洁清新的，你只需要根据博文选好模板然后复制粘贴即可，详细的请访问白色泪光，本人现用的这套博皮是根据bndong的进行修改的，且配置需要时间，有兴趣可以直接访问bndong，查看置顶博文进行配置。所有的修改都在博客园后台管理--->设置中,其中js的权限是要申请的。 配置期间如有不懂之处，欢迎随时评论！ 第一套...
博客园快速美化
aixing0262的博客
03-23 933
参考文章：https://www.cnblogs.com/WhiteTears/p/8824544.html （文章的标题开始导航，文章的底部导航字体大小都需调整，计划h2,h3,还有就是样式） 1.开通js权限 1.1（contact@cnblogs.com发送申请邮件，稍等即可） 1.2aaa 1.3bbb 2.博客皮肤修改， 先选择darkgreentrip模版样式...
博客园美化样式定制
weixin_30387423的博客
04-20 222
博客园导航栏添加链接（放入页首HTML） <script type="text/javascript"> function nav_add_menu(name,href,inner_id){ //参数含义：导航显示名字，链接地址，设置id(便于后续样式设置) var parent=document.getElementById("navList"); ...
visual studio 2012 黑色主题背景设置
热门推荐
杨名天吓
10-31 2万+
记得在使用英文版visual studio 2012时，是全黑色的主题，黑色背景，白色文字，很酷是不是？ 关键是在夜间使用很舒服，不会刺眼，但是中文版的visual studio 2012不是黑色的主题，而是白色的，如何设置呢？其实很简单，设置方法是：工具>>选项>>环境>>常规>>视觉体验>>颜色主题>>深色，就设置好了。见操作截图： visual studio 黑色背景设置
H5 -- 取消a标签在点击时的背景颜色
凉凉的博客
04-03 1万+
1、取消a标签在移动端点击时的蓝色 a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; } 2、使用图片作为a标签的点击按钮时，当触发touchs...
博客园 个人主页美化
weixin_30698527的博客
10-12 801
刚入博客园，小白也要有一个“高大上”的个人博客页面啊，鼓捣了一下午，感觉自己棒棒的， 叉腰得瑟 个人感觉Simple的主页样式很美观，大气，哈哈 首先，在博客园后台管理的设置里，申请js代码的权限（默认是没有打开的） 　　申请的时候一定要有礼貌，有礼貌，有礼貌（申请了三次才通，别着急，慢慢来） 在博客侧边栏公告中添加如下代码（注意github链接请自行修改） 　　在这里有一个小...
DIV+css规则整理
彻底拆分，一切可控！
12-05 1691
DIV+CSS规则整理 一、善用css缩写规则   /*注意上、右、下、左的书写顺序*/   1. 关于边距（4边）： 1px 2px 3px 4px (上、右、下、左) 1px 2px 3px （省略的左等于右） 1px 2px (省略的上等于下) 1px （四边都相同）   2. 简化所有： */ body{margin:0}------------表示网页内所有元素的
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值