From bb9ac2ca9451552f921bd20b698c848c518ffad1 Mon Sep 17 00:00:00 2001 From: LFF <392836591@qq.com> Date: Sat, 14 Dec 2024 22:08:02 +0800 Subject: [PATCH] ygg --- src/main/webapp/css/bootstrap.css | 566 +++++++++++++----------------- 1 file changed, 249 insertions(+), 317 deletions(-) diff --git a/src/main/webapp/css/bootstrap.css b/src/main/webapp/css/bootstrap.css index 798b619..4043578 100644 --- a/src/main/webapp/css/bootstrap.css +++ b/src/main/webapp/css/bootstrap.css @@ -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 {