MediaWiki:Common.css：修订间差异
来自罪人堂Wiki
| 第4行： | 第4行： | ||
} | } | ||
.sidebar-card-container { | .sidebar-card-container { | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
gap: | gap: 12px; | ||
margin: 0 auto; | |||
} | } | ||
.sidebar-card { | .sidebar-card { | ||
display: flex; | display: flex; | ||
background: # | align-items: flex-start; | ||
border: 1px solid # | background: #fff; | ||
border: 1px solid #ddd; | |||
border-radius: 8px; | border-radius: 8px; | ||
padding: | padding: 10px; | ||
box-shadow: 0 2px 4px rgba(0,0,0,0.05); | box-shadow: 0 2px 4px rgba(0,0,0,0.05); | ||
transition: | transition: box-shadow 0.3s ease; | ||
} | |||
.sidebar-card:hover { | |||
box-shadow: 0 4px 12px rgba(0,0,0,0.1); | |||
} | } | ||
.sidebar-card-logo { | .sidebar-card-logo { | ||
margin-right: 10px; | margin-right: 10px; | ||
| 第28行： | 第31行： | ||
} | } | ||
.sidebar-card-content { | .sidebar-card-content { | ||
flex | flex: 1; | ||
} | } | ||
.sidebar-card-title { | .sidebar-card-title { | ||
font-size: | font-size: 1.05em; | ||
font-weight: bold; | font-weight: bold; | ||
margin-bottom: 4px; | margin-bottom: 4px; | ||
| 第40行： | 第42行： | ||
.sidebar-card-text { | .sidebar-card-text { | ||
font-size: 0. | font-size: 0.9em; | ||
color: # | color: #333; | ||
line-height: 1.4em; | line-height: 1.4em; | ||
} | } | ||
@media screen and (max-width: 768px) { | @media screen and (max-width: 768px) { | ||
.sidebar-card { | .sidebar-card { | ||
flex-direction: column; | flex-direction: column; | ||
text-align: center; | |||
align-items: center; | align-items: center; | ||
} | } | ||
.sidebar-card-logo { | .sidebar-card-logo { | ||
margin: 0 0 | margin: 0 0 8px 0; | ||
} | } | ||
} | } | ||
2025年4月22日 (二) 12:11的版本
/* 这里放置的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;
}
}
