MediaWiki:Common.css
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:按 Ctrl-F5。
/* 这里放置的CSS将应用于所有皮肤 */
.so-page .so-content-in .mw-parser-output .description-container {
text-align: center;
/* color: lightslategray; */
box-shadow: rgba(0,0,0,0.24) 0px 3px 8px 0px;
border-radius: 0.5em;
margin: 10px 0 10px 0;
padding: 10px;
display: table;
width: 100%;
margin: 12px 0;
font-style: normal;
/* background: #4e57741a; */
border-left: 3px solid #b85175;
overflow: hidden
}
.description-display {
display: table-cell;
vertical-align: middle
}
/* logo */
.so-logo img {
max-height: 110px;
margin-right: 1em;
}
.so-header-c2.so-nav.so-nav-fixed .so-menu-logo .so-logo img {
max-height: 40px;
}
body .mw-parser-output h2{
border-left: none;
color: #b92b5d;
background: #b4bff2;
background: -webkit-linear-gradient(left, #b4bff2 0, #f49dc6 100%);
background: -webkit-gradient(linear, left top, right top, from(#b4bff2), to(#f49dc6));
background: linear-gradient(to right, #b4bff2 0, #f49dc6 100%);
}
.mw-parser-output h2::after {
content: '';
display: none;
}
body .wikitable>tr>th, .wikitable-yellow>tr>th, .wikitable-yellow-fill>tr>th, .wikitable>*>tr>th, .wikitable-yellow>*>tr>th, .wikitable-yellow-fill>*>tr>th {
background-color: #b4bff221 !important;
color: #b92b5d !important;
}
#mw-content-text td.skill-name{
/* color: #b92b5d; */
text-align: center;
font-size: 180%;
font-weight: bold;
}
/* Site.css */
.so-page #mw-content-text,.so-page .so-content.so-container .so-pandora-comment {
position: relative;
z-index: 0;
}
/* Site.css end */
.mod-c-gonglue {
margin: 10px;
}
.so-page .so-content.so-container .so-content-in .mod-c-hd {
margin: 6px;
border: none;
border-radius: 12px;
text-align: center;
padding: 1px;
background: -webkit-linear-gradient(left, #b4bff2 0, #f49dc6 100%);
background: -webkit-gradient(linear, left top, right top, from(#b4bff2), to(#f49dc6));
background: linear-gradient(to right, #b4bff2 0, #f49dc6 100%);
color: #000000;
height: 2.5rem;
}
.so-page .so-content.so-container .so-content-in .mod-c {
text-align: center;
padding-top: 0px;
margin-bottom: 12px;
border: 1.5px solid #8888;
border-radius: 16px 0 16px 16px;
width: 100%;
box-sizing: border-box;
border-collapse: collapse;
/* Diagonal stripes background, with fallback to solid color if the browser doesn't like the gradient */
margin-bottom: 1.25rem;
}
.so-page .so-content.so-container .so-content-in .mod-c-hd .tit {
margin: 0 1rem;
font-family: 'Songti SC', serif;
/* 使用宋体,适合中文显示 */
font-weight: bold;
/* 设置字体为粗体 */
font-size: 20px;
line-height: 1.5;
/* 设置行高以帮助垂直居中 */
display: flex;
/* 使用flex布局 */
align-items: center;
/* 垂直居中对齐 */
letter-spacing: 0.05em;
/* 增加间隙 */
justify-content: center;
/* 水平居中对齐 */
}
.so-page .so-content.so-container .so-content-in .link-flex-list {
display: flex;
flex-wrap: wrap;
}
.so-page .so-content.so-container .so-content-in .link-flex-list .item {
box-sizing: border-box;
display: flex;
height: 2.25rem;
align-items: center;
border-radius: 0.25rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
margin-right: 0.8rem;
margin-bottom: 0.8rem;
background: linear-gradient(to right, #b4bff2, #f49dc6);
border: 1px solid transparent;
border-image: linear-gradient(to right, #b4bff2, #f49dc6) 1;
position: relative;
color: #333; /* 默认状态下的文字颜色 */
box-shadow: none;
}
.so-page .so-content.so-container .so-content-in .link-flex-list .item::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
border-radius: 0.25rem;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
background: linear-gradient(to right, rgba(180, 191, 242, 0.5), rgba(244, 157, 198, 0.5));
}
.so-page .so-content.so-container .so-content-in .link-flex-list .item:hover {
background: linear-gradient(to left, #b4bff2, #f49dc6); /* 反向渐变 */
-webkit-background-clip: text;
background-clip: text;
color: transparent; /* 设置文字颜色为透明以显示背景 */
}
.so-page .so-content.so-container .so-content-in .box-hd .tit-w {
font-size: 1.25rem;
font-weight: bold;
font-family: 'Songti SC', serif;
}