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

2023年9月23日 (六) 22:42的最新版本

.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;
}

.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;
}

@@ 第1行： / 第1行： @@
-<code class="{{#ifeq:{{{wrap|}}}|yes|wrap|nowrap}}" style="{{#ifeq:{{{style|}}}|plain|border:none;background:transparent;|{{{style|}}}}}"><!--
+.transport-card {
- Opening tag
+	display: flex;
--->{{#switch:{{{2|pair}}}
+	position: relative;
-  |c|close =
+	height: 150px;
-  |s|single
+	margin-top: 2px;
-  |o|open
+	border-top: 1px solid #ddd !important;
-  |p|pair = &lt;{{{1|tag}}}{{#if:{{{params|}}}|&#32;{{{params}}}}}
+}
- }}<!--
- Content between tags
+.transport-image {
--->{{#switch:{{{2|pair}}}
+	position: absolute;
-  |c|close = {{{content|}}}
+	top: 0;
-  |s|single = &#32;&#47;&gt;
+	right: 0;
-  |o|open = &gt;{{{content|}}}
+	bottom: 0;
-  |p|pair = {{#ifeq:{{{1|tag}}}|!--||&gt;}}{{{content|...}}}
+	left: 0;
- }}<!--
+	border-radius: 8px;
- Closing tag
+	overflow: hidden;
--->{{#switch:{{{2|pair}}}
+	margin-top: 10px;
-  |s|single
+}
-  |o|open =
-  |c|close
+.transport-image img {
-  |p|pair = {{#ifeq:{{{1|tag}}}|!--|--&gt;|&lt;&#47;{{{1|tag}}}&gt;}}
+	width: 100%;
- }}<!--
+	height: 100%;
---></code><noinclude>
+	object-fit: cover;
-{{/doc}}
+	object-position: center;
-</noinclude>
+	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;
+}