zoukankan      html  css  js  c++  java
  • 602 自定义博客园css样式

    * {
      font-size: 16px!important;
      line-height: 1.6!important;
    }
    
    /*设置顶部的样式*/
    #header {
      display: none;
      height: 100px!important;
      /*margin-top:  -15px!important;*/
      top: 0;
      margin-bottom:  0px!important;
      background-size: 100%;
    }
    
    /* 右上角签名*/
    #HeaderTitle {
      top: 75px!important;
      right: 340px!important;
      text-align: center!important;
    }
    
    /* 杰帅666 */
    #Header1_HeaderTitle {
      font-size: 22px!important;
       font-family: "华文行楷"!important;
    }
    
    #Header1_HeaderTitle,
    #subTitle {
      line-height: 1.2!important;
      font-weight: 900!important;
      text-align: center!important;
      color: teal!important;
    }
    
    div#HeaderTitle>div#subTitle {
      font-size: 12px!important;
    }
    
    
    /* 文章列表页标题 */
    h2,
    .postTitle2,
    #main > div:nth-child(2) > h2 > a,
    #main > div:nth-child(4) > h2 > a {
      font-weight: 900!important;
    }
    
    /* 分隔线 */
    hr {
      margin-top: 26px!important;
      margin-bottom: 26px!important;
    }
    
    /* 代码段注释的行高、字体颜色 */
    .hljs,
    #cnblogs_post_body > pre:nth-child(2) > code,
    #cnblogs_post_body > pre:nth-child(6) > code,
    #cnblogs_post_body > pre.html > code,
    #cnblogs_post_body > pre.js > code,
    #cnblogs_post_body > pre:nth-child(30) > code,
    #cnblogs_post_body > pre.javascript > code,
    #cnblogs_post_body > pre:nth-child(11) > code,
    #cnblogs_post_body > pre:nth-child(49) > code,
    #cnblogs_post_body > pre:nth-child(40) > code,
    #cnblogs_post_body > pre.javascript > code span {
      line-height: 1.8!important;
      color: #dddddd!important;  /* 9ad232 #66D9EF yellowgreen */
    }
    
    
    /* 代码段script的行高 */
    #cnblogs_post_body > pre:nth-child(4) > code > span:nth-child(11),
    #cnblogs_post_body > pre:nth-child(4) > code > span.javascript {
      line-height: 1.5!important;
    }
    
    /* sidebar_topviewedposts */
    
    /* 隐藏阅读排行榜、推荐排行榜、常用链接 等 */
    /* #sidebar_topviewedposts,  */
    #sidebar_topdiggedposts,
    #sidebar_categories > h3:nth-child(3),
    #sidebar_categories > ul:nth-child(4),
    #sidebar_news,
    #sidebar_shortcut,
    #rightmenu > ul:nth-child(6) > li:nth-child(3),
    #rightmenu > ul:nth-child(6) > li:nth-child(4),
    #blog_nav_contact,
    #rightmenu > ul:nth-child(4) > li:nth-child(1),
    #rightmenu > ul:nth-child(4) > li:nth-child(5),
    #rightmenu > ul:nth-child(4) > li:nth-child(6),
    #recent_comments_wrap,
    #topfeedback_posts_wrap,
    #rightmenu > ul:nth-child(6) > li:nth-child(2) {
      display: none!important;  
    }
    
    /* 右侧h3标题 */
    #sidebar_categories > h3:nth-child(1) {
      margin-top: 8px!important;
      font-size: 18px!important;
    }
    
    /* 调整宽度开始 */
    
    
    body {
      background-size: 107%;
      background-position: -66px 0;
       /*background-size: 1110px;*/
      /*word-wrap: break-word!important;*/
    }
    
    #main {
       78%;
      margin-left: 9%;
      /*margin-top: 80px!important;*/
      padding-top: 0px !important;
    }
    
    #rightmenu {
       11%;
      left: 2px;
      top: 18px;
      padding: 0 6px 8px 8px;
      background-color: #28557E;
      border-radius: 10px;
    }
    
    /* 调整宽度结束 */
    
    
    /* 隐藏日历 */
    #blog-calendar {
      display: none!important;
    }
    
    /* 找找看、谷歌搜索开始 */
    #q,
    #google_q,
    #btnZzk,
    #widget_my_google > input.btn_my_zzk {
      height: 28px;
       106px!important;
      padding: 0 2px;
      border-radius: 5px;
      color: deeppink;
      background-color: #D0EEEE;
      margin: 0 0 5px;
      text-align: center;
    }
    
    #btnZzk,
    #widget_my_google > input.btn_my_zzk {
       112px!important;
       height: 28px!important;
      font-size: 14px!important;
      font-weight: 900;
      text-align: center;
    }
    
    #widget_my_zzk{
      margin-bottom: 0px!important;
    }
    
    #widget_my_google {
      margin-top: 0px!important;
    }
    
    /* 隐藏谷歌搜索 */
    #widget_my_google {
      display: none!important;
    }
    /* 找找看、谷歌搜索结束 */
    
    
    #cb_post_title_url {
      font-size: 24px!important;
      font-weight: 700!important;
    }
    
    #main #post_detail h2 {
      font-size: 24px!important;
    }
    
    h3 {
      font-size: 22px!important;
    }
    
    h4 {
      font-size: 20px!important;
    }
    
    h5 {
      font-size: 18px!important;
    }
    
    h6 {
      font-size: 16px!important;
    }
    
    p {
      font-size: 16px!important;
    }
    
    .cnblogs-markdown .hljs, .cnblogs-post-body .hljs,
    .cnblogs-markdown code, .cnblogs-post-body code {
      font-size: 14px!important;
      /*line-height: 1.5!important;*/
    }
    
    
    
    
    /* 设置代码段字体 */
    code.hljs {
       font-size: 14px!important;
       font-weight: 700!important;
      /*line-height: 1.5!important;*/
    }
    
    
    /*
    使用了Monokai Sublime的黑色主题皮肤,但是还存在样式冲突,需要自己修改
    这个样式只适合使用makedown编写的博客
    Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
    */
    
    
    /* pre > code.language-html.hljs.xml*/
    #cnblogs_post_body > pre{
      /*控制代码换行 [我要换行] */
     white-space: wrap; 
      /*word-wrap: normal !important; */
      word-wrap: break-word!important; 
      /* overflow-x: no-display!important;  */
    
    }
    
    
    .cnblogs-markdown .hljs {
      display: block;
      /*overflow: scroll; ;*/
      padding: 1em!important;
      font-size: 14px!important;
      background: #1E1E1E!important;
      color: #FFF;
       max-height: 500px; 
      /*line-height: 1.5!important;*/
    
    }
    
    .hljs,
    .hljs-tag,
    .hljs-subst {
      color: #dddeee;
      /*line-height: 1.5!important;*/
    }
    
    .hljs-strong,
    .hljs-emphasis {
      color: #a8a8a2;
      /*line-height: 1.5!important;*/
    }
    
    .hljs-bullet,
    .hljs-quote,
    .hljs-number,
    .hljs-regexp,
    .hljs-literal,
    .hljs-link {
      color: #6ee; /* 66CCDF */
      /*line-height: 1.5!important;*/
    }
    
    .hljs-code,
    .hljs-title,
    .hljs-section,
    .hljs-selector-class {
      color: #a6e22e;
      /*line-height: 1.5!important;*/
    }
    
    .hljs-strong {
      font-weight: bold;
      line-height: 1.5!important;
    }
    
    .hljs-emphasis {
      font-style: italic;
      /*line-height: 1.5!important;*/
    }
    
    .hljs-keyword,
    .hljs-selector-tag,
    .hljs-name,
    .hljs-attr {
      color: #FF6688;
      /*line-height: 1.5!important;*/
    }
    
    .hljs-symbol,
    .hljs-attribute {
      color: #66d9ef;
      /*line-height: 1.5!important;*/
    }
    
    .hljs-params,
    .hljs-class .hljs-title {
      color: #dddeee;
      /*line-height: 1.5!important;*/
    }
    
    .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: #a8df3f; /* #88C8F8 */
      /*line-height: 1.5!important;*/
    }
    
    .hljs-comment,
    .hljs-deletion,
    .hljs-meta {
      /* 注释颜色 */
      color: #99A2A2;
      /*line-height: 1.5!important;*/
    }
    
    /* 黑色主题makedown代码结束 */
    
    
    /*makedown行间代码样式 */
    .cnblogs-markdown code {
      color: #c7254e;
      border: none !important;
      font-size: 1em !important;
      background-color: #f9f2f4 !important;
      font-family: sans-serif !important;
    }
    
    
    
  • 相关阅读:
    产品开发管理之流程和体系(总篇)
    .NET Core工程编译事件$(TargetDir)变量为空引发的思考
    EF Core新增迁移时无法加载程序集“System.ValueTuple”的错误
    Magicodes.Admin.Core开源框架总体介绍
    在WIN SERVER 2016上安装DOCKER(带过坑)
    使用NPOI生成Excel级联列表
    使用批处理根据项目工程文件生成Nuget包并发布(支持.NET Core)
    C#反射
    Oracle创建库
    深入了解MyBatis参数
  • 原文地址:https://www.cnblogs.com/jianjie/p/14396732.html
Copyright © 2011-2022 走看看