|
|
| （未显示同一用户的4个中间版本） |
| 第1行： |
第1行： |
| /* 曲目信息和版本更新infobox的修复 */
| |
| .infobox {
| |
| padding-left: 13px;
| |
| }
| |
|
| |
|
| @media (max-width: 510px) {
| |
| .infobox {
| |
| float: none;
| |
| margin-left: 0;
| |
| margin-bottom: 20px;
| |
| order: 0;
| |
| }
| |
|
| |
| .citizen-section,
| |
| .mw-content-ltr {
| |
| display: flex;
| |
| flex-direction: column;
| |
| }
| |
|
| |
| .citizen-section>p,
| |
| .mw-content-ltr>p {
| |
| width: 100%;
| |
| margin-top: 20px;
| |
| }
| |
| }
| |
|
| |
|
| |
| /* 首页home-card--button的修复 */
| |
| .home-card--button {
| |
| position: relative;
| |
| overflow: hidden;
| |
| }
| |
|
| |
| .home-card__foreground {
| |
| height: 100%;
| |
| position: absolute;
| |
| left: 15px;
| |
| color: white;
| |
| line-height: 48px;
| |
| font-weight: bold;
| |
| user-select: none;
| |
| pointer-events: none;
| |
| z-index: 2;
| |
|
| |
| }
| |
|
| |
| .home-card__background::before {
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| right: 0;
| |
| bottom: 0;
| |
| content: "";
| |
| background: linear-gradient(90deg,
| |
| rgba(0, 0, 0, 1) 0%,
| |
| rgba(0, 0, 0, 0.4) 50%,
| |
| transparent 100%);
| |
| pointer-events: none;
| |
| z-index: 1;
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| /*红龙的神秘css*/
| |
|
| |
| /* 标题链接换行 */
| |
| .citizen-page-heading {
| |
| display: flex;
| |
| flex-direction: column;
| |
| gap: 0.1rem;
| |
| }
| |
|
| |
| .firstHeading-container {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| align-items: baseline;
| |
| gap: 0.1rem;
| |
| }
| |
|
| |
| .title-shortlink-container {
| |
| width: 100%;
| |
| order: 1;
| |
| }
| |
|
| |
| #siteSub {
| |
| order: 2;
| |
| }
| |
|
| |
|
| |
| /* 首页背景缩放 */
| |
| #home-nav .home-card {
| |
| overflow: hidden;
| |
| position: relative;
| |
| }
| |
|
| |
| #home-nav .home-card__background img {
| |
| width: 100%;
| |
| height: 100%;
| |
| object-fit: cover;
| |
| transition: transform 0.3s ease;
| |
| transform-origin: center;
| |
| will-change: transform;
| |
| backface-visibility: hidden;
| |
| }
| |
|
| |
| #home-nav .home-card:hover .home-card__background img {
| |
| transform: scale(1.07) translateY(-5px);
| |
| }
| |
|
| |
| .home-card::after {
| |
| content: "";
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| width: 100%;
| |
| height: 100%;
| |
| background: rgba(0,0,0,0.3);
| |
| opacity: 0;
| |
| transition: opacity 0.3s;
| |
| }
| |
| .home-card:hover::after {
| |
| opacity: 1;
| |
| }
| |
