zoukankan      html  css  js  c++  java
  • 代码高亮1

    /*代码高亮*/
    .syntaxhighlighter .bold {
    font-weight:unset !important;
    }
    .syntaxhighlighter .line {
    background-color: rgb(40, 43, 46)!important;
    }
    .syntaxhighlighter .line.alt2 {
    background-color: rgb(40, 43, 46)!important;
    }
    .syntaxhighlighter .line.alt1 {
    background-color: rgb(40, 43, 46)!important;
    }
    .syntaxhighlighter .comments, .syntaxhighlighter .comments a {
    color: rgb(129, 142, 150)!important;
    }
    .syntaxhighlighter .keyword {
    color: rgb(147, 199, 99)!important;
    font-weight: unset !important;
    }
    .syntaxhighlighter .preprocessor {
    color: rgb(85, 113, 130) !important;
    }
    .syntaxhighlighter .plain, .syntaxhighlighter .plain a {
    color: rgb(224, 226, 228)!important;
    }
    .syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
    color: rgb(147, 199, 99)!important;
    }
    .syntaxhighlighter .string, .syntaxhighlighter .string a {
    color: rgb(236, 118, 0)!important;
    }
    .syntaxhighlighter .functions {
    color: rgb(140, 187, 173)!important;
    }
    .syntaxhighlighter .gutter .line {
    border-right: 2px solid rgb(147, 199, 99)!important;
    }
    .syntaxhighlighter.collapsed .toolbar {
    background: rgb(40, 43, 46)!important;
    border: none !important;
    border-radius: 5px !important;
    }
    .syntaxhighlighter.collapsed .toolbar a {
    color: rgb(147, 199, 99)!important;
    }
    .syntaxhighlighter.collapsed .toolbar a:hover {
    color: rgb(78, 109, 48)!important;
    }
    .syntaxhighlighter {
    border-radius: 5px;
    }
    /*第一种高亮结束,第二种高亮开始*/
    .cnblogs_code div {
    background: #282b2e;
    }
    .cnblogs_code {
    background: #282b2e;
    border-radius: 5px;
    border: none;
    font-family: consolas !important;
    color: #fff;
    }
    .cnblogs_code_toolbar {
    background: #282b2e !important;
    }
    .cnblogs_code_toolbar a:hover, .cnblogs_code_toolbar a:link, .cnblogs_code_toolbar a:visited, .cnblogs_code_toolbar a:active, .cnblogs_code_toolbar a:link img, .cnblogs_code_toolbar a:visited img {
    background-color: #282b2e !important;
    border: none!important;
    }
    .cnblogs_code pre {
    font-family: consolas !important;
    padding-left: 3px;
    color: rgb(224, 226, 228);
    }
    .cnblogs_code span[style="color: #000000;"] , .cnblogs_code span[style="color: #ff0000;"]{
    color: rgb(224, 226, 228) !important;
    }
    .cnblogs_code span[style="color: #0000ff;"]{
    color: rgb(147, 199, 99)!important;
    }
    .cnblogs_code span[style="color: #800080;"]{
    color: #ffd740 !important;
    }
    .cnblogs_code span[style="color: #800000;"]{
    color: rgb(236, 118, 0)!important;
    }
    .cnblogs_code span[style="color: #008000;"]{
    color: rgb(129, 142, 150)!important;
    }
    .cnblogs_code span[style="color: #008080;"]{
    color: #afafaf!important;
    margin-right: 5px;
    }
    .cnblogs_code_collapse {
    border: none;
    background: #282b2e;
    color: rgb(147, 199, 99);
    }
    .cnblogs_code > pre {
    border: none !important;
    }
    .cnblogs_code > textarea {
    color: #fff;
    background: transparent;
    border: none;
    outline: none;
    }
    /*代码高亮结束*/

  • 相关阅读:
    如何用vue-cli4.0构建多页面模板脚手架!?本文实战教你
    最新ES6+中数组的拓展总结,面试必备
    2020最新Vue项目性能优化实战,80%的人都不会
    vue 运行环境安装与配置
    css 文本缩进+间距+溢出
    vue 生成二维码+截图
    vue 缓存界面
    webpack 4 入坑及爬坑记录
    移动端页面使用单位的问题:关于px、百分比、em、rem开发中逐渐转换的问题记录
    基于vuejs和element-ui的表单验证——循环表单和循环表格验证
  • 原文地址:https://www.cnblogs.com/kwaitfort/p/10464311.html
Copyright © 2011-2022 走看看