|
|
第1行: |
第1行: |
| .transport-card {
| | {{Infobox Server |
| display: flex;
| | |Picture = |
| position: relative;
| | |Description = |
| height: 150px;
| | |Logo = HanamiCraft.png |
| margin-top: 2px;
| | |Name = 花见工艺 |
| border-top: 1px solid #ddd !important;
| | |NameEnglish = HanamiCraft |
| }
| | |Owner = Zhao_Misaka |
| | | |Admin = XeonKA<br>jongtongSAMA<br>MasaneMiyaPA |
| .transport-image {
| | |QQ = 58623943 |
| position: absolute;
| | |Position = 城市建设/轨道交通 |
| top: 0;
| | |Foundation = |
| right: 0;
| | |Status = yes |
| bottom: 0;
| | |Core = forge |
| left: 0;
| | |Version = Java Edition 1.12.2 |
| border-radius: 8px;
| | }} |
| overflow: hidden;
| |
| margin-top: 10px;
| |
| }
| |
| | |
| .transport-image img { | |
| width: 100%;
| |
| height: 100%;
| |
| object-fit: cover;
| |
| object-position: center;
| |
| border-radius: 8px;
| |
| transition: cubic-bezier(0,.8,.2,1) 0.5s;
| |
| }
| |
| .transport-image img:hover {
| |
| transform: scale(1.1);
| |
| transition: cubic-bezier(0,.8,.2,1) 0.5s;
| |
| }
| |
| | |
| .bus-card {
| |
| border-radius: 8px;
| |
| box-shadow: 0 3px 6px rgba(0,0,0,0.04), 0 3px 6px rgba(0,0,0,0.0575);
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 20px;
| |
| padding: 15px;
| |
| }
| |
| | |
| .bus-image {
| |
| flex-basis: 300px;
| |
| flex-shrink: 1;
| |
| flex-grow: 1;
| |
| border-radius: 8px;
| |
| overflow: hidden;
| |
| }
| |
| | |
| .bus-image img {
| |
| width: 100%;
| |
| height: auto;
| |
| border-radius: 8px;
| |
| transform: scale(1);
| |
| transition: cubic-bezier(0,.8,.2,1) 0.5s;
| |
| } | |
| | |
| .bus-image img:hover {
| |
| transform: scale(1.1);
| |
| }
| |
| | |
| .bus-description {
| |
| flex-basis: 300px;
| |
| flex-shrink: 1;
| |
| flex-grow: 1;
| |
| display: flex;
| |
| flex-direction: column;
| |
| }
| |
| | |
| .bus-description p {
| |
| margin-top: 0px;
| |
| font-size: 16px;
| |
| } | |