打开/关闭菜单
60
73
29
1.1K
武外梗百科
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Common.css:修订间差异

MediaWiki界面页面
无编辑摘要
无编辑摘要
第228行: 第228行:
   }
   }


  .hp-banner {
.hp-banner {
         padding: 20px !important;
         padding: 30px 20px !important;
         flex-direction: column !important;
         flex-direction: column !important;
         text-align: center !important;
         text-align: center;
     }
     }
   
     .hp-banner-title {
     .hp-banner-title {
         font-size: 1.8em !important; /* 手机端标题调小 */
         font-size: 2.2em !important; /* 标题保持足够大 */
        margin-bottom: 5px !important;
     }
     }
   
     .hp-banner-subtitle {
     .hp-banner-subtitle {
         font-size: 1em !important;
         font-size: 1.1em !important;
        opacity: 0.9;
     }
     }
     .hp-banner-stats {
     .hp-banner-stats {
         display: block !important; /* 统计信息改为块状 */
         margin: 15px 0 !important;
         margin: 10px auto !important;
         font-size: 0.8em !important;
         font-size: 0.85em !important;
         background: rgba(255,255,255,0.1);
     }
     }
   
 
    /* 导航框优化:在手机上取消固定宽度,让按钮更饱满 */
     .hp-banner-nav {
     .hp-banner-nav {
         border-left: none !important;
         border: none !important;
        border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
         margin: 0 !important;
         margin-left: 0 !important;
         padding: 0 !important;
        margin-top: 15px !important;
         width: 100%;
         padding-left: 0 !important;
        padding-top: 15px !important;
         width: 100% !important;
     }
     }
    /* 手机端导航框:更窄、更透明,去除沉重感 */
     .hp-nav-box {
     .hp-nav-box {
         width: 100% !important;
         background: rgba(255, 255, 255, 0.08) !important;  
         box-sizing: border-box !important;
         padding: 10px !important;
         padding: 12px !important;
        border-radius: 10px !important;
        box-shadow: none !important; /* 手机端去掉阴影更清爽 */
    }
   
    .hp-nav-box a {
         font-size: 0.9em !important;
        display: inline-block;
        margin: 4px 0;
     }
     }


     /* 容器降级为单栏布局 */
     /* 容器单栏处理 */
     .homepage-container {
     .homepage-container {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
   
    /* 让左侧的典范条目在手机上也变单列 */
    .featured-grid {
         grid-template-columns: 1fr !important;
         grid-template-columns: 1fr !important;
     }
     }