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

Loading…
Cancel
Save