/** layui-v2.4.5 MIT License By https://www.layui.com */

/* 隐藏并设置特定位置的元素 */
html #layuicss-skincodecss {
    display: none; /* 隐藏该元素 */
    position: absolute; /* 绝对定位 */
    width: 1989px; /* 设置元素的宽度 */
}

/* 设置layui代码块标题样式 */
.layui-code-h3, .layui-code-view {
    position: relative; /* 设置相对定位 */
    font-size: 12px; /* 设置字体大小 */
}

/* 设置layui代码视图块的样式 */
.layui-code-view {
    display: block; /* 使元素成为块级元素 */
    margin: 10px 0; /* 设置上下边距为10px */
    padding: 0; /* 去除内边距 */
    border: 1px solid #e2e2e2; /* 设置1px的灰色边框 */
    border-left-width: 6px; /* 左边框宽度为6px */
    background-color: #F2F2F2; /* 设置背景色为浅灰色 */
    color: #333; /* 设置字体颜色为深灰色 */
    font-family: Courier New; /* 设置字体为等宽字体 */
}

/* 设置layui代码标题的样式 */
.layui-code-h3 {
    padding: 0 10px; /* 左右内边距为10px */
    height: 32px; /* 设置高度为32px */
    line-height: 32px; /* 设置行高与高度相同，使标题垂直居中 */
    border-bottom: 1px solid #e2e2e2; /* 设置底部边框 */
}

/* 设置代码标题中的链接样式 */
.layui-code-h3 a {
    position: absolute; /* 绝对定位 */
    right: 10px; /* 距离右侧10px */
    top: 0; /* 距离顶部0px */
    color: #999; /* 设置颜色为浅灰色 */
}

/* 设置代码视图块中的有序列表样式 */
.layui-code-view .layui-code-ol {
    position: relative; /* 设置相对定位 */
    overflow: auto; /* 超出部分可滚动 */
}

/* 设置有序列表中每一项的样式 */
.layui-code-view .layui-code-ol li {
    position: relative; /* 设置相对定位 */
    margin-left: 45px; /* 设置左边距为45px，缩进代码 */
    line-height: 20px; /* 设置行高为20px */
    padding: 0 5px; /* 设置左右内边距为5px */
    border-left: 1px solid #e2e2e2; /* 设置左边框 */
    list-style-type: decimal-leading-zero; /* 设置列表项的数字编号前面加零 */
    *list-style-type: decimal; /* 兼容IE的老版本，设置数字编号 */
    background-color: #fff; /* 设置背景色为白色 */
}

/* 设置代码块中预格式化文本的样式 */
.layui-code-view pre {
    margin: 0; /* 去除默认的外边距 */
}

/* 设置代码视图块中记事本样式的代码块 */
.layui-code-notepad {
    border: 1px solid #0C0C0C; /* 设置1px的黑色边框 */
    border-left-color: #3F3F3F; /* 设置左边框为深灰色 */
    background-color: #0C0C0C; /* 设置背景色为深灰色 */
    color: #C2BE9E; /* 设置字体颜色为淡黄色 */
}

/* 去掉记事本代码块标题的底部边框 */
.layui-code-notepad .layui-code-h3 {
    border-bottom: none; /* 去除底部边框 */
}

/* 设置记事本代码块中有序列表项的样式 */
.layui-code-notepad .layui-code-ol li {
    background-color: #3F3F3F; /* 设置背景色为深灰色 */
    border-left: none; /* 去除左边框 */
}
