|
|
/** 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; /* 去除左边框 */
|
|
|
}
|
