/********************************************
---
    标题: Markdown CSS 自定义及注解.css
    作者: 梦幻之心星    sky-seeker@qq.com
    标签: [Markdown,CSS,博客园,Typora,Markdown_Nice,VS_code,markdown_here]
    目录: [Markdown]
    日期: 2023-4-25
    版本：V2.1
    说明：
      - 祖先选择器：使用祖先选择器，使样式仅适用于特定平台和控件组件
          - Typora：[#write]
          - VS_code：
          - Markdown_Nice：[#nice]
          - 博客园：[#cnblogs_post_body]，皮肤为CodingLife

      - Typora:
          - 主题文件夹下创建的“base.user.css”应用于所有主题，
          - 主题文件夹下创建的"{theme-css-name}.user.css"仅应用于相应主题。
---

/********************************************
******全局属性
******段落
******标题、前缀、后缀
******列表、无序、有序
******列表内容
******引用
******链接
******加粗、斜体、粗斜体
******删除线、分隔线
******图片、图片描述
******行内代码、代码块
******表格
******数学公式
********************************************/

/*全局属性*/
/*
 * 页边距 padding:30px;
 * line-height: 1.5;
 */
#cnblogs_post_body {
    letter-spacing: 1px;
}

/* 段落 */
/*
 * 字间距           letter-spacing: 1px;
 * 词间距           word-spacing: 0px;
 * 空白字符的显示   white-space: pre-wrap;
 * 单词换行         word-wrap: break-word;
 * 非中日韩单词换行 word-break: break-all;
 */
#cnblogs_post_body p {
/*
    font-size: 16px;
*/
    text-indent: 0;
    text-align: justify;
}

/* 标题 */
#cnblogs_post_body h1,
#cnblogs_post_body h2,
#cnblogs_post_body h3,
#cnblogs_post_body h4,
#cnblogs_post_body h5,
#cnblogs_post_body h6 {
    font-weight: bold;
    text-align: left;
    background-repeat: no-repeat;
    background-position: center left;
}

#cnblogs_post_body h1,
#cnblogs_post_body h2,
#cnblogs_post_body h3 {

    line-height: 1.5;
    color: #40b8fa!important;
    display: block;
}

/* 一级标题 */
/*
 * font-size: 26px;28px==>2em
 */
#cnblogs_post_body h1 {
    font-size: 26px;
    text-align: center;

    border-bottom:none;
}

#cnblogs_post_body h1::before {
    content: "";
    width: 40px;
    height: 40px;
    margin-right: 5px;
    margin-bottom: -10px;

    background-image: url(https://img.skyseeker.eu.org/ico/MarkDown_CSS-h1_before.png);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center left;

    display: inline-block;
}

/* 二级标题 */
/*
 * font-size: 22px;21px==>1.5em
 */
#cnblogs_post_body h2 {
    font-size: 22px;
    border-bottom: 3px solid #40b8fa;

    padding-left: 40px!important;
    background-image: url(https://img.skyseeker.eu.org/ico/MarkDown_CSS-h2_before.png);
    background-size: 35px;
}

/* 三级标题 */
/*
 * font-size: 20px;16px==>1.17em
 */
#cnblogs_post_body h3 {
    font-size: 20px;
    border-bottom: 2px solid #40b8fa;
    width: max-content;

    padding-left: 30px!important;
    background-image: url(https://img.skyseeker.eu.org/ico/MarkDown_CSS-h3_before.png);
    background-size: 25px;
}

/* 四级标题*/
/*
 * font-size: 16px;14px==>1em
 */
#cnblogs_post_body h4 {
    font-size: 16px;
    border-bottom: 1px solid;
    width: max-content;
    
    padding-left: 30px!important;
    background-image: url(https://img.skyseeker.eu.org/ico/MarkDown_CSS-h4_before.png);
    background-size: 25px;
}

/* 五级标题 */
/*
 * font-size: 14px;12px==>0.83em
 */
#cnblogs_post_body h5 {
    font-size: 14px;

    padding-left: 20px!important;
    background-image: url(https://img.skyseeker.eu.org/ico/MarkDown_CSS-h5_before.png);
    background-size: 15px;
}

/* 六级标题*/
/*
 * font-size: 14px;12px==>0.67em
 */
#cnblogs_post_body h6 {
    font-size: 14px;
}

/* 列表 */
#cnblogs_post_body ul,
#cnblogs_post_body ol {
    margin-left: 0;
    padding-left: 40px;

}

#cnblogs_post_body ul ul,
#cnblogs_post_body ol ul,
#cnblogs_post_body ul ol,
#cnblogs_post_body ol ol {
    margin-left: 0;
    padding-left: 20px;
}

#cnblogs_post_body blockquote ol,
#cnblogs_post_body blockquote ul {
    padding-left: 20px;
}

#cnblogs_post_body li {
/*
    font-size: 15px;
*/
}

/* 无序列表整体样式 */
/*
 * list-style-type: square|circle|disc;
 */
#cnblogs_post_body ul li {
    list-style-type: disc;
}

#cnblogs_post_body ol ul li,
#cnblogs_post_body ul ul li {
    list-style-type: circle;
}

#cnblogs_post_body ol ol ul li,
#cnblogs_post_body ol ul ul li,
#cnblogs_post_body ul ol ul li,
#cnblogs_post_body ul ul ul li{
    list-style-type: square;
}

/* 有序列表整体样式 */
/*
 *list-style-type: decimal|upper-roman|lower-alpha;
 */
#cnblogs_post_body ol li {
    list-style-type: decimal;
}

#cnblogs_post_body ol ol li,
#cnblogs_post_body ul ol li {
    list-style-type: lower-alpha!important;
}

#cnblogs_post_body ol ol ol li,
#cnblogs_post_body ol ul ol li,
#cnblogs_post_body ul ul ol li,
#cnblogs_post_body ul ol ol li{
    list-style-type: upper-roman!important;
}

/* 引用 */
#cnblogs_post_body blockquote {
    border-left: 5px solid #ddd;
    padding-left: 10px;
    margin: 0px;

    background: RGBA(0, 0, 0, 0.05);
    display: block;
}

#cnblogs_post_body blockquote p {
    color: #777;
    text-indent: 0;
}

/* 超链接 */
#cnblogs_post_body a {
/*
    font-size: 16px;16px;
*/
    color: #1890ff;
    
    border-bottom: none;
    
    text-decoration: underline;

    word-wrap: break-word;
}

/* 加粗 */
#cnblogs_post_body strong {
    font-weight: bold;
    color: #3594f7!important;
}

#cnblogs_post_body strong::before {
    content: "「";
}

#cnblogs_post_body strong::after {
    content: "」";
}

/* 斜体 */
#cnblogs_post_body em {
    font-style: italic;
    color: #3594f7!important;

    padding-left: 4px;
    padding-right: 4px;
}

/* 删除线 */
#cnblogs_post_body s {
    color: red !important;
}

/* 分隔线 */
#cnblogs_post_body hr {

    height: 2px;
    padding: 0;
    margin: 0;
    border: none;

    border-top: 2px solid #3baafa !important;
    background: none;
}

/*图片*/
#cnblogs_post_body img {
    border-radius: 5px;
    box-shadow: 2px 2px 7px #999;
    margin: 2px;
    display: block;

    object-fit: contain;
}

/* 代码 */
/*
 * font-size: 14px;12px;2em
 */
#cnblogs_post_body code {
    font-size: 13px;
    font-family: Consolas, Inconsolata, Courier, monospace;
}

/* 行内代码 */
/*
 * Typora需使用以下方式：
 * #write p code,
 * #write li code
 */
#cnblogs_post_body p>code,
#cnblogs_post_body li>code {
    padding:1px 2px;
    margin: 0 3px;
    border-radius: 3px;
    border: 1px solid #eaeaea;
    color: #3594F7;
    background: RGBA(59, 170, 250, 0.1);

    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;

    display:inline;
}

/* 代码块 */
#cnblogs_post_body pre code {
    white-space: pre;
    display: block;
}

/* 表格 */
#cnblogs_post_body table {
    border-collapse: collapse;
    display: table!important;
    width: -webkit-fill-available;
}

#cnblogs_post_body table tr th,
#cnblogs_post_body table tr td {
/*
    font-size: 14;16px;
*/
   border: 1px solid #ccc;
   padding: 5px 10px;
}

#cnblogs_post_body table tr:nth-child(2n) {
    background-color: #f8f8f8;
}


/*==================================================================*/

/*====== Markdown_Nice 图片描述 开始 ======*/

/* 图片描述文字 仅Markdown_Nice支持 */
#nice figcaption {
    margin-top: 10px;
    text-align: center;

    display: block;
    font-size: 13px;
    color: #999;
}

/*图片描述文字之前  仅Markdown_Nice支持 */
#nice figcaption:before {
    content: "";
    background-image: url(https://img.skyseeker.eu.org/ico/MarkDown_CSS-img_fig_before.png);
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
    margin-bottom: -5px;
}


/*====== Markdown_Nice 图片描述 结束 ======*/


/*====== 博客园 博客目录 开始 ======*/

#uprightsideBar {
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    position: fixed;
    /*
    将div的位置固定到距离top:150px，right:0px的位置，
    这样div就会处在最右边的位置，距离顶部150px，
    当然这两个值你可以自己改。
    */
    top: 10%;
    right: 0px;
    width: auto;
    height: auto;
}

#sideBarTab {
    float: left;
    width: 60px;
    height: 60px;
    box-shadow: 0 0 8px #877788;
    border: 1px solid #00DDC00;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background: rgba(22, 159, 230, 0.5);
    line-height: 60px;
}

#sideBarContents {
    float: left;
    overflow: auto;
    overflow-x: hidden;
    !important;
    width: 200px;
    min-height: 101px;
    max-height: 700px;
    border: 1px solid #e5e5e5;
    border-right: none;
    background: rgba(255, 255, 255, 0.8);
}

#sideBarContents dl {
    margin: 0;
    padding: 0;
}

#sideBarContents dt {
    margin-top: 5px;
    margin-left: 5px;
}

#sideBarContents dd,
dt {
    cursor: pointer;
}

#sideBarContents dd:hover,
dt:hover {
    color: #A7995A;
}

#sideBarContents dd {
    margin: 0;
    padding-left: 1.5em;
}

/*====== 博客园 博客目录 结束 ======*/