branch_li
LFF 7 months ago
parent dc0e33233b
commit bb9ac2ca94

@ -6,14 +6,14 @@
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html
{
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;/* 设置默认字体为无衬线字体 */
-webkit-text-size-adjust: 100%;/* 针对WebKit浏览器调整文本大小 */
-ms-text-size-adjust: 100%;/* 针对IE浏览器调整文本大小 */
}
body
{
margin: 0;
margin: 0; /* 移除body元素的默认外边距 */
}
article,
@ -30,7 +30,7 @@ nav,
section,
summary
{
display: block;
display: block;/* 将上述元素设置为块级元素 */
}
audio,
@ -38,603 +38,535 @@ canvas,
progress,
video
{
display: inline-block;
vertical-align: baseline;
display: inline-block;/* 将音频、画布、进度条和视频元素设置为行内块级元素 */
vertical-align: baseline;/* 垂直对齐方式设为基线 */
}
audio:not([controls])
{
display: none;
height: 0;
display: none; /* 隐藏没有控件的音频元素 */
height: 0;/* 设置高度为0 */
}
[hidden],
template
{
display: none;
display: none;/* 隐藏具有hidden属性的元素和模板元素 */
}
a
{
background-color: transparent;
background-color: transparent;/* 设置链接的背景色为透明 */
}
}
a:active,
a:hover
{
outline: 0;
outline: 0; /* 移除链接在激活或悬停时的轮廓 */
}
abbr[title]
{
border-bottom: 1px dotted;
border-bottom: 1px dotted;/* 给带有title属性的缩写词添加下划线 */
}
b,
strong
{
font-weight: bold;
font-weight: bold;/* 设置粗体字重 */
}
dfn
{
font-style: italic;
font-style: italic;/* 设置定义样式为斜体 */
}
h1
{
margin: .67em 0;
font-size: 2em;
margin: .67em 0;/* 设置一级标题的上下外边距 */
font-size: 2em; /* 设置一级标题的字体大小 */
}
mark
mark /* 标记文本 */
{
color: #000;
background: #ff0;
color: #000; /* 设置文本颜色为黑色 */
background: #ff0; /* 设置背景颜色为黄色 */
}
small
small /* 小号字体 */
{
font-size: 80%;
font-size: 80%; /* 设置字体大小为标准大小的80% */
}
sub,
sup
sub, /* 下标 */
sup /* 上标 */
{
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
position: relative; /* 相对定位 */
font-size: 75%; /* 设置字体大小为标准大小的75% */
line-height: 0; /* 设置行高为0 */
vertical-align: baseline; /* 垂直对齐方式为基线 */
}
sup
sup /* 上标 */
{
top: -.5em;
top: -.5em; /* 上移0.5em */
}
sub
sub /* 下标 */
{
bottom: -.25em;
bottom: -.25em; /* 下移0.25em */
}
img
img /* 图片 */
{
border: 0;
border: 0; /* 移除边框 */
}
svg:not(:root)
svg:not(:root) /* 非根SVG元素 */
{
overflow: hidden;
overflow: hidden; /* 隐藏溢出内容 */
}
figure
figure /* 图形 */
{
margin: 1em 40px;
margin: 1em 40px; /* 设置外边距 */
}
hr
hr /* 水平线 */
{
height: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; /* 高度设为0 */
-webkit-box-sizing: content-box; /* Webkit浏览器使用content-box盒模型 */
-moz-box-sizing: content-box; /* Firefox浏览器使用content-box盒模型 */
box-sizing: content-box; /* 使用content-box盒模型 */
}
pre
pre /* 预格式化文本 */
{
overflow: auto;
overflow: auto; /* 自动处理溢出内容 */
}
code,
kbd,
pre,
samp
code, /* 代码片段 */
kbd, /* 键盘输入 */
pre, /* 预格式化文本 */
samp /* 样本输出 */
{
font-family: monospace, monospace;
font-size: 1em;
font-family: monospace, monospace; /* 设置等宽字体 */
font-size: 1em; /* 设置字体大小为标准大小 */
}
button,
input,
optgroup,
select,
textarea
optgroup, /* 选项组 */
select, /* 下拉选择框 */
textarea /* 多行文本输入框 */
{
margin: 0;
font: inherit;
color: inherit;
margin: 0; /* 移除外边距 */
font: inherit; /* 继承字体样式 */
color: inherit; /* 继承颜色 */
}
button
{
overflow: visible;
}
button,
select
{
text-transform: none;
}
overflow: visible; /* 显示溢出内容 */
}button,
select /* 下拉选择框 */
{
text-transform: none; /* 不进行文本转换 */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]
html input[type="button"], /* HTML中的按钮类型输入框 */
input[type="reset"], /* 重置按钮类型输入框 */
input[type="submit"] /* 提交按钮类型输入框 */
{
-webkit-appearance: button;
cursor: pointer;
}
-webkit-appearance: button; /* Webkit浏览器中去除默认外观 */
cursor: pointer; /* 鼠标悬停时显示指针光标 */
}button[disabled], /* 禁用状态的按钮 */
html input[disabled] /* 禁用状态的HTML输入框 */
{
cursor: default; /* 鼠标悬停时显示默认光标 */
}
button[disabled],
html input[disabled]
{
cursor: default;
}
/* 移除 Firefox 中按钮和输入框的默认内边距和边框 */
button::-moz-focus-inner,
input::-moz-focus-inner
{
padding: 0;
border: 0;
padding: 0; /* 设置内边距为0 */
border: 0; /* 设置边框为0 */
}
/* 设置所有输入框的行高为正常值 */
input
{
line-height: normal;
line-height: normal; /* 设置行高为正常值 */
}
/* 设置复选框和单选按钮的样式 */
input[type="checkbox"],
input[type="radio"]
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
-webkit-box-sizing: border-box; /* Webkit浏览器使用border-box盒模型 */
-moz-box-sizing: border-box; /* Firefox浏览器使用border-box盒模型 */
box-sizing: border-box; /* 使用border-box盒模型 */
padding: 0; /* 设置内边距为0 */
}
/* 设置数字输入框的内外旋转按钮的高度 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button
{
height: auto;
height: auto; /* 设置高度为自动 */
}
/* 设置搜索输入框的样式 */
input[type="search"]
{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
-webkit-box-sizing: content-box; /* Webkit浏览器使用content-box盒模型 */
-moz-box-sizing: content-box; /* Firefox浏览器使用content-box盒模型 */
box-sizing: content-box; /* 使用content-box盒模型 */
-webkit-appearance: textfield; /* Webkit浏览器去除默认外观 */
}
/* 隐藏搜索输入框的取消按钮和装饰 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration
{
-webkit-appearance: none;
-webkit-appearance: none; /* Webkit浏览器去除默认外观 */
}
/* 设置字段集的样式 */
fieldset
{
padding: .35em .625em .75em;
margin: 0 2px;
border: 1px solid #c0c0c0;
padding: .35em .625em .75em; /* 设置内边距 */
margin: 0 2px; /* 设置外边距 */
border: 1px solid #c0c0c0; /* 设置边框颜色和样式 */
}
/* 设置图例的样式 */
legend
{
padding: 0;
border: 0;
padding: 0; /* 设置内边距为0 */
border: 0; /* 设置边框为0 */
}
/* 设置文本区域的溢出处理方式 */
textarea
{
overflow: auto;
overflow: auto; /* 自动处理溢出内容 */
}
/* 设置选项组的字体加粗 */
optgroup
{
font-weight: bold;
font-weight: bold; /* 设置字体加粗 */
}
/* 设置表格的样式 */
table
{
border-spacing: 0;
border-collapse: collapse;
border-spacing: 0; /* 设置单元格间距为0 */
border-collapse: collapse; /* 合并表格边框 */
}
/* 设置表格单元格的样式 */
td,
th
{
padding: 0;
padding: 0; /* 设置内边距为0 */
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print
{
/* 打印时设置所有元素的样式 */
*,
*:before,
*:after
{
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: #000 !important; /* 设置文字颜色为黑色 */
text-shadow: none !important; /* 移除文字阴影 */
background: transparent !important; /* 设置背景透明 */
-webkit-box-shadow: none !important; /* Webkit浏览器移除盒子阴影 */
box-shadow: none !important; /* 移除盒子阴影 */
}
/* 打印时设置链接的样式 */
a,
a:visited
{
text-decoration: underline;
text-decoration: underline; /* 设置下划线 */
}
/* 打印时在链接后添加括号和URL */
a[href]:after
{
content: " (" attr(href) ")";
content: " (" attr(href) ")"; /* 添加括号和URL */
}
/* 定义 abbr 元素的 title 属性的伪元素样式 */
abbr[title]:after
{
content: " (" attr(title) ")";
content: " (" attr(title) ")"; /* 在内容后添加括号和 title 属性的值 */
}
/* 定义所有 href 属性以 # 开头的链接和空字符串的链接的伪元素样式 */
a[href^="#"]:after,
a[href^="javascript:"]:after
a[href^=""]:after
{
content: "";
content: ""; /* 设置内容为空 */
}
/* 定义 pre 和 blockquote 元素的样式 */
pre,
blockquote
{
border: 1px solid #999;
page-break-inside: avoid;
border: 1px solid #999; /* 设置边框颜色和样式 */
page-break-inside: avoid; /* 避免在分页符内断开 */
}
/* 定义 thead 元素的显示方式 */
thead
{
display: table-header-group;
display: table-header-group; /* 将表头分组显示 */
}
/* 定义 tr 和 img 元素的分页符处理方式 */
tr,
img
{
page-break-inside: avoid;
page-break-inside: avoid; /* 避免在分页符内断开 */
}
/* 定义 img 元素的样式 */
img
{
max-width: 100% !important;
max-width: 100% !important; /* 设置最大宽度为100%,并强制应用此样式 */
}
/* 定义 p、h2 和 h3 元素的孤行控制 */
p,
h2,
h3
{
orphans: 3;
widows: 3;
orphans: 3; /* 设置最少孤行数为3 */
widows: 3; /* 设置最少孤行数为3 */
}
/* 定义 h2 和 h3 元素的分页符处理方式 */
h2,
h3
{
page-break-after: avoid;
page-break-after: avoid; /* 避免在分页符后断开 */
}
/* 定义 .navbar 类的样式 */
.navbar
{
display: none;
display: none; /* 隐藏导航栏 */
}
/* 定义 .btn > .caret 和 .dropup > .btn > .caret 元素的样式 */
.btn > .caret,
.dropup > .btn > .caret
{
border-top-color: #000 !important;
border-top-color: #000 !important; /* 设置上边框颜色为黑色,并强制应用此样式 */
}
/* 定义 .label 类的样式 */
.label
{
border: 1px solid #000;
border: 1px solid #000; /* 设置边框颜色和样式 */
}
/* 定义 .table 类的样式 */
.table
{
border-collapse: collapse !important;
border-collapse: collapse !important; /* 合并表格边框,并强制应用此样式 */
}
/* 定义 .table td 和 th 元素的样式 */
.table td,
.table th
{
background-color: #fff !important;
background-color: #fff !important; /* 设置背景颜色为白色,并强制应用此样式 */
}
/* 定义 .table-bordered th 和 td 元素的样式 */
.table-bordered th,
.table-bordered td
{
border: 1px solid #ddd !important;
border: 1px solid #ddd !important; /* 设置边框颜色和样式,并强制应用此样式 */
}
}
@font-face
{
font-family: 'Glyphicons Halflings';
@font-face {
font-family: 'Glyphicons Halflings'; /* 定义字体家族名称 */
src: url('../fonts/glyphicons-halflings-regular.eot');
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
src: url('../fonts/glyphicons-halflings-regular.eot'); /* 指定字体文件路径 */
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), /* 兼容IE的字体格式 */
url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), /* WOFF2格式字体 */
url('../fonts/glyphicons-halflings-regular.woff') format('woff'), /* WOFF格式字体 */
url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), /* TrueType格式字体 */
url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); /* SVG格式字体 */
}
.glyphicon
{
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
.glyphicon {
position: relative; /* 相对定位 */
top: 1px; /* 向上偏移1像素 */
display: inline-block; /* 内联块级元素 */
font-family: 'Glyphicons Halflings'; /* 使用自定义字体 */
font-style: normal; /* 正常字体样式 */
font-weight: normal; /* 正常字体粗细 */
line-height: 1; /* 行高为1 */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased; /* 启用抗锯齿 */
-moz-osx-font-smoothing: grayscale; /* 在Mac OS X上使用灰度平滑 */
}
.glyphicon-asterisk:before
{
content: "\002a";
}
/* 定义不同图标的伪元素内容 */
.glyphicon-asterisk:before { content: "\002a"; } /* 星号图标 */
.glyphicon-plus:before { content: "\002b"; } /* 加号图标 */
.glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } /* 欧元符号 */
.glyphicon-minus:before { content: "\2212"; } /* 减号图标 */
.glyphicon-cloud:before { content: "\2601"; } /* 云图标 */
.glyphicon-envelope:before { content: "\2709"; } /* 信封图标 */
.glyphicon-pencil:before { content: "\270f"; } /* 铅笔图标 */
.glyphicon-glass:before { content: "\e001"; } /* 玻璃图标 */
.glyphicon-music:before { content: "\e002"; } /* 音乐图标 */
.glyphicon-search:before { content: "\e003"; } /* 搜索图标 */
.glyphicon-heart:before { content: "\e005"; } /* 心形图标 */
.glyphicon-star:before { content: "\e006"; } /* 星星图标 */
.glyphicon-star-empty:before { content: "\e007"; } /* 空星星图标 */
.glyphicon-user:before { content: "\e008"; } /* 用户图标 */
.glyphicon-film:before { content: "\e009"; } /* 电影图标 */
.glyphicon-th-large:before { content: "\e010"; } /* 大表格图标 */
.glyphicon-th:before { content: "\e011"; } /* 小表格图标 */
.glyphicon-plus:before
{
content: "\002b";
.glyphicon-th-list:before {
content: "\e012"; /* 定义图标内容为 Unicode 字符 e012 */
}
.glyphicon-euro:before,
.glyphicon-eur:before
{
content: "\20ac";
.glyphicon-ok:before {
content: "\e013"; /* 定义图标内容为 Unicode 字符 e013 */
}
.glyphicon-minus:before
{
content: "\2212";
.glyphicon-remove:before {
content: "\e014"; /* 定义图标内容为 Unicode 字符 e014 */
}
.glyphicon-cloud:before
{
content: "\2601";
.glyphicon-zoom-in:before {
content: "\e015"; /* 定义图标内容为 Unicode 字符 e015 */
}
.glyphicon-envelope:before
{
content: "\2709";
.glyphicon-zoom-out:before {
content: "\e016"; /* 定义图标内容为 Unicode 字符 e016 */
}
.glyphicon-pencil:before
{
content: "\270f";
.glyphicon-off:before {
content: "\e017"; /* 定义图标内容为 Unicode 字符 e017 */
}
.glyphicon-glass:before
{
content: "\e001";
.glyphicon-signal:before {
content: "\e018"; /* 定义图标内容为 Unicode 字符 e018 */
}
.glyphicon-music:before
{
content: "\e002";
.glyphicon-cog:before {
content: "\e019"; /* 定义图标内容为 Unicode 字符 e019 */
}
.glyphicon-search:before
{
content: "\e003";
.glyphicon-trash:before {
content: "\e020"; /* 定义图标内容为 Unicode 字符 e020 */
}
.glyphicon-heart:before
{
content: "\e005";
.glyphicon-home:before {
content: "\e021"; /* 定义图标内容为 Unicode 字符 e021 */
}
.glyphicon-star:before
{
content: "\e006";
.glyphicon-file:before {
content: "\e022"; /* 定义图标内容为 Unicode 字符 e022 */
}
.glyphicon-star-empty:before
{
content: "\e007";
.glyphicon-time:before {
content: "\e023"; /* 定义图标内容为 Unicode 字符 e023 */
}
.glyphicon-user:before
{
content: "\e008";
.glyphicon-road:before {
content: "\e024"; /* 定义图标内容为 Unicode 字符 e024 */
}
.glyphicon-film:before
{
content: "\e009";
.glyphicon-download-alt:before {
content: "\e025"; /* 定义图标内容为 Unicode 字符 e025 */
}
.glyphicon-th-large:before
{
content: "\e010";
.glyphicon-download:before {
content: "\e026"; /* 定义图标内容为 Unicode 字符 e026 */
}
.glyphicon-th:before
{
content: "\e011";
.glyphicon-upload:before {
content: "\e027"; /* 定义图标内容为 Unicode 字符 e027 */
}
.glyphicon-th-list:before
{
content: "\e012";
.glyphicon-inbox:before {
content: "\e028"; /* 定义图标内容为 Unicode 字符 e028 */
}
.glyphicon-ok:before
{
content: "\e013";
.glyphicon-play-circle:before {
content: "\e029"; /* 定义图标内容为 Unicode 字符 e029 */
}
.glyphicon-remove:before
{
content: "\e014";
.glyphicon-repeat:before {
content: "\e030"; /* 定义图标内容为 Unicode 字符 e030 */
}
.glyphicon-zoom-in:before
{
content: "\e015";
.glyphicon-refresh:before {
content: "\e031"; /* 定义图标内容为 Unicode 字符 e031 */
}
.glyphicon-zoom-out:before
{
content: "\e016";
.glyphicon-list-alt:before {
content: "\e032"; /* 定义图标内容为 Unicode 字符 e032 */
}
.glyphicon-off:before
{
content: "\e017";
.glyphicon-lock:before {
content: "\e033"; /* 定义图标内容为 Unicode 字符 e033 */
}
.glyphicon-signal:before
{
content: "\e018";
.glyphicon-flag:before {
content: "\e034"; /* 定义图标内容为 Unicode 字符 e034 */
}
.glyphicon-cog:before
{
content: "\e019";
.glyphicon-headphones:before {
content: "\e035"; /* 定义图标内容为 Unicode 字符 e035 */
}
.glyphicon-trash:before
{
content: "\e020";
}
.glyphicon-home:before
{
content: "\e021";
}
.glyphicon-file:before
{
content: "\e022";
}
.glyphicon-time:before
{
content: "\e023";
.glyphicon-volume-off:before {
content: "\e036"; /* 定义图标内容为 Unicode 字符 e036 */
}
.glyphicon-road:before
{
content: "\e024";
.glyphicon-volume-down:before {
content: "\e037"; /* 定义图标内容为 Unicode 字符 e037 */
}
.glyphicon-download-alt:before
{
content: "\e025";
.glyphicon-volume-up:before {
content: "\e038"; /* 定义图标内容为 Unicode 字符 e038 */
}
.glyphicon-download:before
{
content: "\e026";
.glyphicon-qrcode:before {
content: "\e039"; /* 定义图标内容为 Unicode 字符 e039 */
}
.glyphicon-upload:before
{
content: "\e027";
.glyphicon-barcode:before {
content: "\e040"; /* 定义图标内容为 Unicode 字符 e040 */
}
.glyphicon-inbox:before
{
content: "\e028";
.glyphicon-tag:before {
content: "\e041"; /* 定义图标内容为 Unicode 字符 e041 */
}
.glyphicon-play-circle:before
{
content: "\e029";
.glyphicon-tags:before {
content: "\e042"; /* 定义图标内容为 Unicode 字符 e042 */
}
.glyphicon-repeat:before
{
content: "\e030";
}
.glyphicon-refresh:before
{
content: "\e031";
}
.glyphicon-list-alt:before
{
content: "\e032";
}
.glyphicon-lock:before
{
content: "\e033";
}
.glyphicon-flag:before
{
content: "\e034";
}
.glyphicon-headphones:before
{
content: "\e035";
}
.glyphicon-volume-off:before
{
content: "\e036";
}
.glyphicon-volume-down:before
{
content: "\e037";
}
.glyphicon-volume-up:before
{
content: "\e038";
}
.glyphicon-qrcode:before
{
content: "\e039";
}
.glyphicon-barcode:before
{
content: "\e040";
}
.glyphicon-tag:before
{
content: "\e041";
}
.glyphicon-tags:before
{
content: "\e042";
}
.glyphicon-book:before
{

Loading…
Cancel
Save