|
|
| 第159行： |
第159行： |
| color: #1C4587; /* Darker blue for hover state */ | | color: #1C4587; /* Darker blue for hover state */ |
| text-decoration: underline; /* Keep underline removed on hover */ | | text-decoration: underline; /* Keep underline removed on hover */ |
| }
| |
|
| |
| .mw-table td.multi-column-list {
| |
| -webkit-column-count: 2; /* 分为两列，支持 Webkit 浏览器 */
| |
| -moz-column-count: 2; /* 分为两列，支持 Firefox 浏览器 */
| |
| column-count: 2; /* 分为两列，标准写法 */
| |
| -webkit-column-gap: 16px; /* 列间距 */
| |
| -moz-column-gap: 16px; /* 列间距 */
| |
| column-gap: 16px; /* 列间距，标准写法 */
| |
| list-style-position: inside; /* 保持列表项缩进一致 */
| |
| }
| |
|
| |
|
| |
| /* Responsive design for mobile */
| |
| @media (max-width: 600px) {
| |
| .mw-table {
| |
| font-size: 14px; /* Slightly smaller font for better readability */
| |
| }
| |
|
| |
| .mw-table th, .mw-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 */
| |
| }
| |
|
| |
| .mw-table tr {
| |
| display: flex;
| |
| flex-direction: column; /* Stack each row as a column */
| |
| margin-bottom: 8px; /* Add spacing between rows */
| |
| }
| |
|
| |
| .mw-table th {
| |
| background-color: #e0e0e0; /* Light gray background for headers */
| |
| border-bottom: 2px solid #000000; /* Stronger header separation */
| |
| }
| |
|
| |
| .mw-table td {
| |
| border: none; /* Remove borders between cells */
| |
| border-bottom: 1px solid #d0d0d0; /* Add subtle separation */
| |
| }
| |
| } | | } |
