|
|
|
@ -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
|
|
|
|
|
{
|
|
|
|
|