MediaWiki:Common.css
来自罪人堂Wiki
注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。
/* 这里放置的CSS将应用于所有皮肤 */
.bbcb{
color:#000000;
}
.sidebar-card-container {
display: flex;
flex-direction: column;
gap: 12px;
margin: 0 auto;
}
.sidebar-card {
display: flex;
align-items: flex-start;
background: #fff;
border: 1px solid #ddd;
border-radius: 8px;
padding: 10px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
transition: box-shadow 0.3s ease;
}
.sidebar-card:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.sidebar-card-logo {
margin-right: 10px;
flex-shrink: 0;
}
.sidebar-card-content {
flex: 1;
}
.sidebar-card-title {
font-size: 1.05em;
font-weight: bold;
margin-bottom: 4px;
}
.sidebar-card-text {
font-size: 0.9em;
color: #333;
line-height: 1.4em;
}
@media screen and (max-width: 768px) {
.sidebar-card {
flex-direction: column;
text-align: center;
align-items: center;
}
.sidebar-card-logo {
margin: 0 0 8px 0;
}
}
.sidebar-card {
display: flex;
background: #f9f9f9;
border: 1px solid #ddd;
padding: 10px;
margin-bottom: 10px;
border-radius: 8px;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.sidebar-card-image img {
border-radius: 8px;
margin-right: 10px;
}
.sidebar-card-content {
flex: 1;
}
.sidebar-card-title {
font-weight: bold;
font-size: 14px;
color: #d33;
margin-bottom: 5px;
}
.sidebar-card-desc {
font-size: 12px;
color: #333;
}
.layout-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: space-between;
}
.main-content {
flex: 1;
min-width: 0;
}
.sidebar {
width: 300px;
}
.sidebar-card {
display: flex;
background: #f9f9f9;
border: 1px solid #ddd;
padding: 10px;
margin-bottom: 10px;
border-radius: 8px;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.sidebar-card-image img {
border-radius: 8px;
margin-right: 10px;
width: 64px;
height: 64px;
}
.sidebar-card-content {
flex: 1;
}
.sidebar-card-title {
font-weight: bold;
font-size: 14px;
color: #d33;
margin-bottom: 5px;
}
.sidebar-card-desc {
font-size: 12px;
color: #333;
}
