博客园自定义css

body {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
}
body, button, input, select, textarea{font-size:14px}
a:link,a:hover,a:visited{color:#0366d6}
#navList li a:hover{padding-bottom:10px;}
#navigator, #blogTitle, #main, #footer{
    width:1080px;
}
#sideBar{padding:0 0 0 20px}
#sideBarMain h3{margin-top:10px}
#sideBarMain div{margin-bottom:10px}
#mainContent{width:860px;}
#footer{padding:20px 0}

.day{padding-bottom:0}
.cnblogs-markdown .hljs,
        .cnblogs-markdown code {
            color: #abb2bf!important;
        }

        .cnblogs-markdown code,
        .cnblogs-post-body code,
        .cnblogs-markdown .hljs,
        .cnblogs-post-body .hljs {
            font: 16px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace !important;
            background-color: #282c34!important;
        }

        .hljs-number {
            color: #c678dd
        }

        .hljs-params {
            color: #d19a66;
        }

        .hljs-string {
            color: #e6c07b
        }

        .hljs-comment {
            color: #5c6370;
            font-style: italic;
        }

        .hljs-keyword,
        .hljs-attribute,
        .json.hljs .hljs-attr,
        .hljs-literal {
            color: #56b6c2
        }

        .hljs-tag {
            color: #abb2bf;
        }

        .hljs-name {
            color: #e06c75;
        }

        .hljs-tag .hljs-attr {
            color: #98c379
        }

        .hljs-name,
        .hljs-selector-tag,
        .hljs-meta {
            color: #e06c75;
        }

        .hljs-selector-id,
        .hljs-selector-class,
        .hljs-title {
            color: #98c379;
        }

        .hljs-built_in {
            color: #61AFEF
        }

原文地址:https://www.cnblogs.com/ueeu/p/8461148.html

时间: 2024-10-16 09:27:24

博客园自定义css的相关文章

博客园自定义CSS样式设置

关于博客园自定义CSS样式设置 关于博客园自定义CSS样式设置 首先,选择一个博客皮肤模板,如下 然后,F12审查元素,可对右侧的元素规则进行自定义更改,然后覆盖原CSS 譬如看看取消掉自定义背景图片是什么样子,同理也可以添加CSS样式代码 如此修改完后,就可在页面定制CSS代码框中填上你所需要修改的代码 下面是我的页面定制CSS代码: 1.html,body{2. color: #807C7C;3. font-family: "Helvetica Neue",Helvetica,Ar

博客园自定义CSS美化 屏蔽广告等

通过自定义CSS,实现在博客园屏蔽广告.美化排版等. 需要禁用模板CSS 1 body{ 2 background: url(http://images.cnblogs.com/cnblogs_com/storyicon/1107385/o_Z.jpg); 3 font-family: "Hiragino Sans GB","Microsoft YaHei",\5FAE\8F6F\96C5\9ED1,tahoma,arial,simsun,\5B8B\4F53; 4

自定义博客园模板/css/html/js

唔....实在是找不到什么别的事情好干了,省选凉凉回去学文化课真的说实话很无聊...而且导致现在OI做题并没有什么目的性和系统性...还不如去做物理... 可能有对我博客样式感兴趣的朋友...我这里省去你们F12的时间来介绍一下我的博客模板吧... 首先总的stylecss和大模板都是当初angel_Kitty学姐的,嗯,连接在这,可以自己去看:博客园自定义页面风格设计 后续篇(页面设计模式及代码高亮 鼠标点击效果升级). 这里着重感谢学姐帮我指导和完善了博客的样式. 看完了上面的应该就已经有了

博客园自定义页面风格设计 后续篇(页面设计模式及代码高亮 鼠标点击效果升级)

前言 在之前所写过的博客园自定义页面风格设计篇中,我们已经说明了其中两种风格的页面设计,鼠标图案的修改,公告栏的设置,背景音乐的制作,关于CSS以及用Canvas和requestAnimFrame做动画特效,在本文中我们将教大家制作当前简约的页面制作方法. 只要你们有需求,我会尽量帮助到大家,在此感谢各位广大粉丝的支持和理解,我会尽量做到最好,希望小主们不要吝啬你们的支持和推荐,动动小手顶一顶,非常感谢大家长久的陪伴~~ 全部过程都是在“管理->设置”中完成的,博客皮肤推荐使用Simple Me

博客园自定义目录

博客园自定义目录js样式在css中设置 TOC 博客园自定义目录 参考:https://www.cnblogs.com/xdp-gacl/p/3718879.html#2937655 参考了这篇博客,但是这个只显示h2,h3的标题,就自己处理了一下,显示了h1--h5的标题 之前使用的是这样的目录https://www.cnblogs.com/ziyue7575/p/11407354.html 但是目录隐藏之后,这块区域仍然不能点击,所以,就自己写了一下....就是丑了点 js样式 在页首htm

小书匠到博客园的 CSS 留存

// 小书匠到博客园的 CSS 留存 h1, h2, h3, h4, p, li { font-family: 'mononoki', "Consolas", "Couriew New";  }  .xiaoshujiang_code, code {  font-family: 'mononoki', "Andale Mono", "Source Code Pro";  }  h1, h2, h3, h4, h5, h6 { 

博客园自定义主题样式

记录我在定制个人blog页面效果时遇到的技巧及方法等. 基本流程 设定博客皮肤为BluSky 定制首页代码:引入外部CSS 页顶博主名字及副标题 在首页html内输入以下代码可添加博主名到页面顶端,也可添加副标题: <header class="main-header" id="site-head"> <div id="top" class="vertical"> <div id="si

博客园自定义样式

我现在的博客园首页暂时应该是一个女生背景,一些星星的悬浮飘扬 那么我们怎么来设置博客园的自定义的样式,而不是不个性的默认界面呢? 第一步:进入你的首页,打开管理 => 设置 第二步:我在博客皮肤中选择了SimpleMemory,这个皮肤相对来说要轻快.干净,更方便你来修改你的样式. 第三步:事实上你可以禁用默认CSS,这也是允许的,不过就会弄成这样 学过前端的同学应该知道不掺杂任何任何的CSS就会出现这样的情况,这是浏览器默认给定的样式,而不是博客园给的CSS默认样式(所以你已经禁用了博客园的默

博客园自定义地址栏logo

自定义博客园地址栏logo 一.首先自己需要下载一个logo图片,png.jpg格式的都可以 .挑选自己喜欢的图片就可以. 二.然后制作成icon图标  在线制作icon图标网站:http://www.bitbug.net/ 三.上传至博客园文件中 四.将以下代码复制到页脚Html中 <script type="text/javascript" language="javascript"> //Setting ico for cnblogs var li