MediaWiki:Mobile.css:修订间差异

来自The Ysmir Collective

(页面内容被替换为“ .nav { display:none; }”)
标签替换
Pie讨论 | 贡献
无编辑摘要
 
(未显示同一用户的2个中间版本)
第1行: 第1行:
@media (max-width: 600px) {
   .nav{
     display:none;
   }
/* Responsive design for mobile */
@media (max-width: 600px) {
   .res-table {
     font-size: 14px; /* Slightly smaller font for better readability */
   }
   .res-table th, .res-table td {
     padding: 8px; /* Reduce padding for smaller screens */
     text-align: left; /* Ensure content is left-aligned */
     display: block; /* Stack cells vertically */
     width: 100%; /* Make cells full width */
   }
   .res-table tr {
     display: flex;
     flex-direction: column; /* Stack each row as a column */
     margin-bottom: 8px; /* Add spacing between rows */
   }
   .res-table th {
     background-color: #e0e0e0; /* Light gray background for headers */
     border-bottom: 2px solid #000000; /* Stronger header separation */
   }
   .res-table td {
     border: none; /* Remove borders between cells */
     border-bottom: 1px solid #d0d0d0; /* Add subtle separation */
   }
}


.nav {
   display:none;
}
}

2025年1月5日 (日) 02:18的最新版本

@media (max-width: 600px) {
    .nav{
        display:none;
    }

/* Responsive design for mobile */
@media (max-width: 600px) {
    .res-table {
        font-size: 14px; /* Slightly smaller font for better readability */
    }

    .res-table th, .res-table td {
        padding: 8px; /* Reduce padding for smaller screens */
        text-align: left; /* Ensure content is left-aligned */
        display: block; /* Stack cells vertically */
        width: 100%; /* Make cells full width */
    }

    .res-table tr {
        display: flex;
        flex-direction: column; /* Stack each row as a column */
        margin-bottom: 8px; /* Add spacing between rows */
    }

    .res-table th {
        background-color: #e0e0e0; /* Light gray background for headers */
        border-bottom: 2px solid #000000; /* Stronger header separation */
    }

    .res-table td {
        border: none; /* Remove borders between cells */
        border-bottom: 1px solid #d0d0d0; /* Add subtle separation */
    }
}

}