2,025
次編輯
「MediaWiki:Common.css」：修訂間差異
出自The Ysmir Collective
無編輯摘要
無編輯摘要 標籤：手動回退 |
無編輯摘要 |
||
| 第34行： | 第34行： | ||
/* Basic table styling */ | /* Basic table styling */ | ||
.mw-table { | .mw-table .res-table { | ||
border-collapse: collapse; /* Ensure borders don't double */ | border-collapse: collapse; /* Ensure borders don't double */ | ||
margin: 16px auto; /* Add margin for proper placement */ | margin: 16px auto; /* Add margin for proper placement */ | ||
| 第43行： | 第43行： | ||
} | } | ||
.mw-table th, .mw-table td { | .mw-table th, .mw-table td, .res-table th, .res-table td { | ||
border-top: 1px solid #000000; /* Black border for table rows */ | border-top: 1px solid #000000; /* Black border for table rows */ | ||
border-bottom: 1px solid #000000; /* Black border for table rows */ | border-bottom: 1px solid #000000; /* Black border for table rows */ | ||
| 第51行： | 第51行： | ||
} | } | ||
.mw-table th { | .mw-table th, .res-table th { | ||
font-weight: bold; /* Bold headers */ | font-weight: bold; /* Bold headers */ | ||
background-color: #f9f9f9; /* Light gray background for headers */ | background-color: #f9f9f9; /* Light gray background for headers */ | ||
| 第57行： | 第57行： | ||
} | } | ||
.mw-table td.centered, .mw-table th.centered { | .mw-table td.centered, .mw-table th.centered, | ||
.res-table td.centered, .res-table th.centered { | |||
text-align: center; | text-align: center; | ||
} | } | ||
| 第150行： | 第151行： | ||
/* Override and customize link styles */ | /* Override and customize link styles */ | ||
.mw-table a { | .mw-table a, | ||
.res-table a { | |||
color: #3B5998; /* Rich blue for a Skyrim-like aesthetic */ | color: #3B5998; /* Rich blue for a Skyrim-like aesthetic */ | ||
text-decoration: none; /* Remove underline for links */ | text-decoration: none; /* Remove underline for links */ | ||
| 第156行： | 第158行： | ||
} | } | ||
.mw-table a:hover { | .mw-table a:hover, | ||
.res-table a:hover { | |||
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 */ | ||
} | |||
/* 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 */ | |||
} | |||
} | } | ||
