MediaWiki:Common.css：修订间差异

以互动方式浏览历史

←上一编辑下一编辑→

删除的内容添加的内容

行内

@@ 第96行： / 第96行： @@
 }
-/* 软件信息表格 */
+/* 软件信息表格的整体样式 */
 .software-info {
-    width: auto;
+    width: auto; /* 自适应宽度，根据内容决定 */
-    border-collapse: collapse;
+    border-collapse: collapse; /* 合并表格边框，避免多重边框 */
 }
-/* LOGO 单元格 */
+/* LOGO 单元格样式 */
 .software-info-logo {
-    width: 300px;
+    width: 300px; /* 设置LOGO区域宽度 */
-    height: 300px;
+    height: 300px; /* 设置LOGO区域高度 */
-    text-align: center;
+    text-align: center; /* 文字居中对齐 */
-    vertical-align: middle;
+    vertical-align: middle; /* 垂直居中对齐 */
 }
-/* 无 LOGO 时的占位内容 */
+/* 无 LOGO 时的占位内容样式 */
 .software-info-no-image {
-    display: flex;
+    display: flex; /* 使用flex布局，使内容居中 */
-    justify-content: center;
+    justify-content: center; /* 水平居中对齐 */
-    align-items: center;
+    align-items: center; /* 垂直居中对齐 */
-    width: 300px;
+    width: 300px; /* 设置占位区宽度 */
-    height: 300px;
+    height: 300px; /* 设置占位区高度 */
-    font-size: 14px;
+    font-size: 14px; /* 字体大小 */
-    color: #888; /* 设定淡灰色，使其不突兀 */
+    color: #888; /* 字体颜色，设置为淡灰色，确保内容不突兀 */
-    background-color: #f5f5f5; /* 轻微背景色，增加辨识度 */
+    background-color: #f5f5f5; /* 背景色设置为淡灰色，突出显示占位内容 */
-    border: 1px dashed #ccc; /* 添加虚线边框 */
+    border: 1px dashed #ccc; /* 虚线边框，便于区分与其他内容 */
+}
+/* 表头单元格（标题行）的样式 */
+.software-info th {
+    background: #f2f2f2; /* 背景颜色浅灰色，区分表头与其他部分 */
+    text-align: left; /* 表头文字左对齐 */
+    padding: 8px; /* 增加内边距，提高可读性 */
+}
+/* 分类标题（合并行）样式，居中并带背景色 */
+.software-info-category {
+    text-align: center; /* 文字居中对齐 */
+    background: #e6e6e6; /* 背景色浅灰色 */
+    font-weight: bold; /* 加粗字体，使其作为类别标题更突出 */
+}
+/* 所有单元格的样式 */
+.software-info th,
+.software-info td {
+    border: 1px solid #ccc; /* 为单元格添加边框，颜色为浅灰色 */
+    padding: 8px; /* 增加内边距，使内容更清晰 */
 }