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, .res-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, .res-table th, .res-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, .res-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,
.res-table td.centered, .res-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: #B0C4B1; /* Soft green resembling Rift's nature */
    color: #3E4C3A; /* Darker green text for contrast */
}

.mw-table td.historical-event {
    background-color: #B5C3D1; /* Soft blue-gray inspired by the Empire */
    color: #2C3E50; /* Navy text for readability */
}

.mw-table td.future-event {
    background-color: #EEDFCC; /* Soft golden tone inspired by Summerset */
    color: #5C4033; /* Dark brown text for contrast */
}


/* Context-specific link styles */
.mw-table td.warning a {
    color: #F5DEB3; /* Wheat for warning links */
}

.mw-table td.warning a:hover {
    color: #FFD700; /* Gold for hover */
}

.mw-table td.tips a {
    color: #EEE8AA; /* PaleGoldenrod for tips links */
}

.mw-table td.tips a:hover {
    color: #F0E68C; /* Khaki for hover */
}

.mw-table td.info a {
    color: #B0C4DE; /* LightSteelBlue for info links */
}

.mw-table td.info a:hover {
    color: #5F9EA0; /* CadetBlue for hover */
}

.mw-table td.error a {
    color: #FFB6C1; /* LightPink for error links */
}

.mw-table td.error a:hover {
    color: #DC143C; /* Crimson for hover */
}

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

.mw-table td.major-event a:hover {
    color: #4682B4; 
}

.mw-table td.minor-event a {
    color: #384D48; 
}

.mw-table td.minor-event a:hover {
    color: #904C77; 
}



/* Override and customize link styles */
.mw-table a,
.res-table a {
    color: #3B5998; /* Rich blue for a Skyrim-like aesthetic */
    text-decoration: none; /* Remove underline for links */
    font-weight: bold; /* Make links more prominent */
}

.mw-table a:hover,
.res-table a:hover {
    color: #1C4587; /* Darker blue for hover state */
    text-decoration: underline; /* Keep underline removed on hover */
}


/* quest table */

/* quest-table 自定义样式 */
.quest-table {
    width: 100%; /* 表格宽度占据整个窗口 */
    border-collapse: collapse;
    border: 1px solid #555; /* 深灰色的边框 */
    table-layout: fixed; /* 固定布局，均分单元格宽度 */

}

.quest-table th, .quest-table td {
    border: 1px solid #555; /* 单元格的深灰色边框 */
    padding: 8px;
    text-align: left; /* 默认左对齐 */
    vertical-align: middle; /* 垂直居中 */
    vertical-align: top; /* 单元格内容顶部对齐 */
}

.quest-table th {
    background-color: #f2f2f2; /* 表头背景颜色 */
    font-weight: bold;
}

.quest-table tr:nth-child(odd) td {
    background-color: #f9f9f9; /* 奇数行背景颜色 */
}

.quest-table tr:nth-child(even) td {
    background-color: #ffffff; /* 偶数行背景颜色 */
}

.quest-table td b {
    display: block;
    text-align: center; /* 粗体文字单独居中 */
}