“交通系统”与“模板:交通系统/styles.css”：页面之间的差异

2023年9月20日 (三) 23:07的版本

.transport-card {
	display: flex;
	position: relative;
	height: 150px;
	margin-top: 2px;
	border-top: 1px solid #ddd !important;
}

.transport-image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	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;
}

@@ 第1行： / 第1行： @@
-<templatestyles src="Template:Main page/shared/styles.css" />
+.transport-card {
-<templatestyles src="Template:交通系统/styles.css" />
+	display: flex;
-<div class="home-grid">
+	position: relative;
-<!-- 地铁系统 -->
+	height: 150px;
-<div class="home-card home-card--col1 home-card--row1">
+	margin-top: 2px;
-<div style="transport-Metro-editing__intro">
+	border-top: 1px solid #ddd !important;
-<h3 class="home-card__header">地铁系统</h3>
+}
-<div class="transport-card">
-<div class="transport-image">[[文件:LmkSouthJeHoRoadStation.png|x150px|link=]]</div></div>
-<p class="home-card__text">地铁是NebulaeCraft服务器建设的核心内容，历史悠久，建筑经验丰富。截至目前，本周目已建成包含12条地铁线路在内的相当完备的地铁网络。
-</p>
-<p class="home-card__text">目前地铁系统由星云轨道交通集团有限公司及应天地铁集团有限公司组成。</p>
-</div>
-</div>
-<!-- 有轨电车 -->
-<div class="home-card home-card--col1 home-card--row1">
-<div style="Transport-Metro-editing__intro">
-<h3 class="home-card__header">有轨电车</h3>
-<p class="home-card__text" style="border-top: 1px solid #ddd; margin-top: 6px; padding-top: 6px;">NebulaeCraft目前拥有3条有轨电车线，均位于下关区，用于应对下关庞大的通勤交通需求。
-</p>
-<p class="home-card__text">目前，有轨电车系统由应天地铁集团有限公司运营。</p>
-</div>
-</div>
-<!-- 市域铁路 -->
-<div class="home-card home-card--col1 home-card--row1">
-<div style="Transport-Metro-editing__intro">
-<h3 class="home-card__header">地铁系统</h3>
-<p class="home-card__text" style="border-top: 1px solid #ddd; margin-top: 6px; padding-top: 6px;">在本周目市域铁路在五周目后期首次被纳入规划。截至目前，共有3条市域铁路在建。
-</p>
-<p class="home-card__text">目前地铁系统由星云轨道交通集团有限公司及应天地铁集团有限公司组成</p>
-</div>
-</div>
-</div>
-=== 地铁 ===
-地铁是NebulaeCraft服务器建设的核心内容，历史悠久，建筑经验丰富。截至目前，本周目已建成包含12条地铁线路在内的相当完备的地铁网络。
-=== 有轨电车 ===
+.transport-image {
-NebulaeCraft目前1条有轨电车线，位于下关区，用于应对下关庞大市区的交通需求。
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	border-radius: 8px;
+	overflow: hidden;
+	margin-top: 10px;
+}
-=== 市域铁路 ===
+.transport-image img {
-市域铁路在五周目后期首次被纳入规划。截至目前，正有3条市域铁路在建。
+	width: 100%;
+	height: 100%;
-== 公交 ==
+	object-fit: cover;
-为了轨交、城建平衡发展考量，五周目从开服起至三个月后一直未开放轨道交通审批。NebulaeCraft第一条公交线路便由此在五周目首次出现。随着五周目城区建设面积不断扩大，公交系统也紧随其后逐渐发展。
+	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;
+}