|
|
| （未显示同一用户的3个中间版本） |
| 第1行： |
第1行： |
| .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-nav .home-card {
| |
| position: relative;
| |
| overflow: hidden;
| |
| display: block;
| |
| transition: transform 0.3s ease, box-shadow 0.3s ease;
| |
| }
| |
|
| |
| .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;
| |
| padding: 16px;
| |
| text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
| |
| }
| |
|
| |
| .home-card__background {
| |
| position: relative;
| |
| width: 100%;
| |
| height: 100%;
| |
| }
| |
|
| |
| .home-card__background img {
| |
| width: 100%;
| |
| height: 100%;
| |
| object-fit: cover;
| |
| transition: transform 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);
| |
| transform-origin: center;
| |
| will-change: transform;
| |
| backface-visibility: hidden;
| |
| }
| |
|
| |
| .home-card__background::before {
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| right: 0;
| |
| bottom: 0;
| |
| content: "";
| |
| background: linear-gradient(135deg,
| |
| rgba(0,0,0,0.8) 0%,
| |
| rgba(0,0,0,0.3) 50%,
| |
| transparent 100%);
| |
| pointer-events: none;
| |
| z-index: 1;
| |
| transition: opacity 0.3s;
| |
| }
| |
|
| |
| .home-card--button:hover,
| |
| #home-nav .home-card:hover {
| |
| transform: translateY(-5px);
| |
| box-shadow: 0 10px 20px rgba(0,0,0,0.2);
| |
| }
| |
|
| |
| .home-card--button:hover .home-card__background img,
| |
| #home-nav .home-card:hover .home-card__background img {
| |
| transform: scale(1.07);
| |
| }
| |
|
| |
| .home-card--button:hover .home-card__background::before,
| |
| #home-nav .home-card:hover .home-card__background::before {
| |
| opacity: 0.9;
| |
| }
| |
|
| |
| .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;
| |
| }
| |
