MediaWiki:Common.css

/* 这里放置的CSS将应用于所有皮肤 */
.wikitable img {
height: auto;
width:100%;
}

.titlepic img {
height: auto;
width:100%;
}

.character-info img {
height: auto;
width:100%;
}

div.thumbinner {
border:solid 1px #aaaaaa;
box-shadow:0 1px 6px rgba(0,0,0,.25);
}

li.gallerybox div.thumb {
border:solid 1px #aaaaaa;
box-shadow:0 1px 6px rgba(0,0,0,.25);
}

div.center-text {
text-align:center;
}

div.right-text {
text-align:right;
}

/* Basic table styling */
.mw-table {
    border-collapse: collapse; /* Ensure borders don't double */
    margin: 16px auto; /* Add margin for proper placement */
    background-color: #ffffff; /* Set white background */
    width: 100%; /* Table spans container width */
    max-width: 90%; /* Limit table width for better readability */
    color: #235;
}

.mw-table th, .mw-table td {
    border-top: 1px solid #000000; /* Black border for table rows */
    border-bottom: 1px solid #000000; /* Black border for table rows */
    padding: 12px 24px; /* 左右增加24px间距 */
    text-align: left; /* Align text to the left */
    vertical-align: middle; /* Vertically center text */
}

.mw-table th {
    font-weight: bold; /* Bold headers */
    background-color: #f9f9f9; /* Light gray background for headers */
    text-align: center;
}

.mw-table td.centered, .mw-table th.centered {
    text-align: center;
}

/* 暗红色文字 */
.mw-table td.red-text, .mw-table th.red-text {
    color: #8B0000; /* 暗红色文字 */
}

/* 绿色文字 */
.mw-table td.green-text, .mw-table th.green-text {
    color: #006400; /* 深绿色文字 */
}

/* 蓝色文字 */
.mw-table td.blue-text, .mw-table th.blue-text {
    color: #00008B; /* 深蓝色文字 */
}

/* Timeline event styles */
.mw-table td.major-event {
    background-color: #2F4F4F; /* DarkSlateGray for significant events */
    color: #DCDCDC; /* Gainsboro text for readability */
}

.mw-table td.minor-event {
    background-color: #708090; /* SlateGray for minor but notable events */
    color: #E0FFFF; /* LightCyan text for subtle contrast */
}

.mw-table td.historical-event {
    background-color: #6B8E23; /* OliveDrab for a historical tone */
    color: #F5FFFA; /* MintCream text for freshness */
}

.mw-table td.future-event {
    background-color: #483D8B; /* DarkSlateBlue for future events */
    color: #D8BFD8; /* Thistle text for a mystical vibe */
}


.mw-table td.major-event a {
    color: #DCDCDC; /* Gainsboro for major event links */
}

.mw-table td.minor-event a {
    color: #E0FFFF; /* LightCyan for minor event links */
}

.mw-table td.historical-event a {
    color: #F5FFFA; /* MintCream for historical event links */
}

.mw-table td.future-event a {
    color: #D8BFD8; /* Thistle for future event links */
}