Template:HomePage/styles.css：修订间差异

下一编辑→

可视化wikitext

@@ 第1行： / 第1行： @@
-/* --- 1. 全局与布局 --- */
-/* 内容区域重置 (仅在主页生效) */
 body.page-Main_Page #content, body.page-首页 #content {
      background: none;
@@ 第7行： / 第5行： @@
 }
-/* 首页网格容器 */
 .home-grid-container {
      max-width: 1400px;
      margin: 20px auto;
      display: grid;
-    /* 定义网格为6列，fr单位代表按比例分配可用空间 */
      grid-template-columns: repeat(6, 1fr);
-     gap: 15px; /* 网格间距 */
+     gap: 15px;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 }
-/* --- 2. 卡片通用样式 --- */
-/* 首页卡片基础样式 */
 .home-card {
-     background-color: #2c3a47; /* 卡片背景色 */
+     background-color: #2c3a47;
      border-radius: 8px;
      padding: 20px;
@@ 第31行： / 第25行： @@
 }
-/* 卡片悬浮效果 */
 .home-card:hover {
      transform: translateY(-3px);
@@ 第38行： / 第32行： @@
 }
-/* 卡片内部元素 */
 .home-card .card-label {
      font-size: 12px;
@@ 第65行： / 第59行： @@
 .home-card .card-content {
-     flex-grow: 1; /* 内容区自动占据剩余空间 */
+     flex-grow: 1;
      font-size: 14px;
      line-height: 1.6;
 }
-/* 网格跨度控制 */
 .col-span-2 { grid-column: span 2; }
 .col-span-3 { grid-column: span 3; }
@@ 第78行： / 第72行： @@
-/* --- 3. 特定模块样式 --- */
-/* 3.1 欢迎与搜索框 */
 .home-search-card {
-    /* 您可以在此设置背景图，如果不用图片则会显示纯色 */
-    /* background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('YOUR_BANNER_IMAGE.png') center center / cover no-repeat; */
      background-color: #34495e;
      padding: 30px 20px;
@@ 第99行： / 第89行： @@
 }
-.home-search-card .inputbox { /* MediaWiki生成的搜索框容器 */
+.home-search-card .inputbox {
      width: 90%;
      max-width: 600px;
@@ 第111行： / 第101行： @@
      border-radius: 6px 0 0 6px;
      outline: none;
-     color: #333; /* 输入文字颜色 */
+     color: #333;
 }
@@ 第131行： / 第121行： @@
 }
-/* 3.2 快速导航按钮 */
 .card-button-grid {
      display: grid;
@@ 第157行： / 第145行： @@
-/* 3.3 当月生日角色列表 */
 .birthday-character-list {
      display: flex;
@@ 第172行： / 第159行： @@
      border-radius: 6px;
      min-width: 180px;
-     flex-grow: 1; /* 让项目能自动填充空间 */
+     flex-grow: 1;
 }
@@ 第198行： / 第185行： @@
-/* 3.4 官方链接 */
 .official-links-grid {
      display: grid;
@@ 第222行： / 第208行： @@
 }
-/* --- 4. 响应式设计 (可选，但强烈推荐) --- */
-/* 当屏幕宽度小于900px时，网格变为3列 */
 @media (max-width: 900px) {
      .home-grid-container {
@@ 第230行： / 第215行： @@
 }
-/* 当屏幕宽度小于600px时，网格变为1列 */
 @media (max-width: 600px) {
      .home-grid-container {
@@ 第236行： / 第221行： @@
      }
-    /* 在单列视图下，所有卡片都应该横跨整列，所以重置跨度 */
      .home-card {
          grid-column: span 1 !important;