模板:Main page/shared/styles.css - 版本历史

2023年12月13日 (三) 14:17 Zeroclanzhang

2023-12-13T14:17:13Z

←上一版本		2023年12月13日 (三) 22:17的版本
第38行：		第38行：
	grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) );		grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) );
	grid-auto-rows: minmax( 3rem, auto );		grid-auto-rows: minmax( 3rem, auto );
	grid-gap: ~~0.625rem~~;		grid-gap: var( --space-xs );
	}		}


	.home-grid--col2 {		.home-grid--col2 {
第52行：		第51行：
	.home-card {		.home-card {
	position: relative;		position: relative;
	padding: ~~15px~~;		padding: var( --space-md );
	background: var( --color-surface-1 );		background: var( --color-surface-1 );
			border: 1px solid var( --border-color-base );
	border-radius: 8px;		border-radius: 8px;
	box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.04 ), 0 3px 6px rgba( 0, 0, 0, 0.0575 );		box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.04 ), 0 3px 6px rgba( 0, 0, 0, 0.0575 );
第97行：		第97行：
	}		}

	h3.home-card__header {		.home-card__header {
	~~margin~~-~~top: 0~~;		color: var( --color-base--emphasized );
	font-size: 1rem;		font-size: 1rem;
			font-weight: var( --font-weight-semibold );
			line-height: var( --line-height-xs );
	}		}

第134行：		第136行：
	content: "";		content: "";
	}		}

			.home-card__background picture,
	.home-card__background img {		.home-card__background img {
	width: 100%;		width: 100%;
	height: 100%;		height: 100%;
			}

			.home-card__background img {
	object-fit: cover;		object-fit: cover;
	object-position: center;		object-position: center;
第143行：		第150行：
	.home-card__foreground {		.home-card__foreground {
	position: absolute;		position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			padding: var( --space-md );
			display: flex;
			flex-direction: column;
			justify-content: center;
			gap: var( --space-xxs );
			color: #fff;
			line-height: var( --line-height-xs );
			pointer-events: none;
			}

			.home-card__foreground .home-card__header {
			color: #fff;
	}		}

第154行：		第177行：

	.home-card p {		.home-card p {
	margin-top: ~~0.2rem~~;		margin-top: var( --space-xs );
	font-size: 0.875rem;		font-size: 0.875rem;
	}		}
第162行：		第185行：
	padding: 0;		padding: 0;
	background: #242a31;		background: #242a31;
			border: 0;
	}		}

第169行：		第193行：
	justify-content: center;		justify-content: center;
	align-items: center;		align-items: center;
	padding: 0 ~~15px~~;		padding: 0 var( --space-md );
	background: transparent;		background: transparent;
	color: #fff;		color: #fff;
第189行：		第213行：
	.home-link {		.home-link {
	display: grid;		display: grid;
	margin-top: ~~6px~~;		margin-top: var( --space-xs );
	font-size: 0.875rem;		font-size: 0.875rem;
	font-weight: 500;		font-weight: 500;
	grid-gap: ~~6px~~;		grid-gap: var( --space-xs );
	text-align: center;		text-align: center;
	}		}
第202行：		第226行：
	.home-link__button a {		.home-link__button a {
	flex-grow: 1;		flex-grow: 1;
	padding: ~~0.3rem 0.6rem~~;		padding: var( --space-xs );
	border: 1px solid;		border: 1px solid var( --border-color-base );
	~~border-color:~~ var( --border-color-base );
	background: var( --color-surface-2 );		background: var( --color-surface-2 );
	border-radius: ~~12px~~;		border-radius: var( --border-radius--medium );
	color: var( --color-base--emphasized ) !important;		color: var( --color-base--emphasized ) !important;
			line-height: var( --line-height-xs );
			text-decoration: none !important;
	}		}

第223行：		第248行：

	#home-content {		#home-content {
	margin-top: 1.~~6rem~~;		margin-top: var( --space-lg );
			}

			.home-card .template-statsbar {
			margin: 0;
	}		}

第260行：		第289行：
	#home-card-patreon {		#home-card-patreon {
	background: #ff424d;		background: #ff424d;
			}

			#home-card-kofi {
			background: #ff5e5b;
	}		}

2023年12月13日 (三) 10:10 Zeroclanzhang

2023-12-13T10:10:51Z

显示更改

2023年12月11日 (一) 10:35 Zeroclanzhang

2023-12-11T10:35:12Z

←上一版本		2023年12月11日 (一) 18:35的版本
第48行：		第48行：
	font-size: 0.8125rem;		font-size: 0.8125rem;
	letter-spacing: 0.75px;		letter-spacing: 0.75px;
	~~margin-bottom: -16px;~~
	}		}

2023年12月11日 (一) 10:25 Zeroclanzhang

2023-12-11T10:25:32Z

←上一版本		2023年12月11日 (一) 18:25的版本
第48行：		第48行：
	font-size: 0.8125rem;		font-size: 0.8125rem;
	letter-spacing: 0.75px;		letter-spacing: 0.75px;
	~~padding~~-bottom: -16px;		margin-bottom: -16px;
	}		}

2023年12月11日 (一) 10:24 Zeroclanzhang

2023-12-11T10:24:36Z

←上一版本		2023年12月11日 (一) 18:24的版本
第48行：		第48行：
	font-size: 0.8125rem;		font-size: 0.8125rem;
	letter-spacing: 0.75px;		letter-spacing: 0.75px;
	padding-bottom: 16px;		padding-bottom: -16px;
	}		}

2023年12月11日 (一) 10:24 Zeroclanzhang

2023-12-11T10:24:02Z

←上一版本		2023年12月11日 (一) 18:24的版本
第48行：		第48行：
	font-size: 0.8125rem;		font-size: 0.8125rem;
	letter-spacing: 0.75px;		letter-spacing: 0.75px;
	padding-bottom: ~~initial~~;		padding-bottom: 16px;
	}		}

2023年12月11日 (一) 10:19 Zeroclanzhang

2023-12-11T10:19:36Z

←上一版本		2023年12月11日 (一) 18:19的版本
第48行：		第48行：
	font-size: 0.8125rem;		font-size: 0.8125rem;
	letter-spacing: 0.75px;		letter-spacing: 0.75px;
			padding-bottom: initial;
	}		}

2023年12月11日 (一) 09:12 Zeroclanzhang

2023-12-11T09:12:12Z

显示更改

2023年12月11日 (一) 09:08 Zeroclanzhang

2023-12-11T09:08:16Z

@@ 第75行： / 第75行： @@
      left: 0;
      background: #242a31;
      border-radius: 8px;
+}
@@ 第97行： / 第87行： @@
      display: block;
      background: linear-gradient(to right,#000,transparent);
      content: "";
+}
@@ 第114行： / 第92行： @@
 .home-card__background picture,
 .home-card__background img {
      width: 100%;
      height: 100%;
@@ 第125行： / 第97行： @@
 .home-card__background img {
      object-fit: cover;
      object-position: center;
@@ 第182行： / 第149行： @@
 .home-card--button .home-card__background a {
      padding: 0;
+}

2023年12月11日 (一) 09:02 Zeroclanzhang

2023-12-11T09:02:40Z

←上一版本		2023年12月11日 (一) 17:02的版本
第84行：		第84行：
	bottom: 0;		bottom: 0;
	left: 0;		left: 0;
	background: #~~FFF~~;		background: #fff;
	border-radius: 8px;		border-radius: 8px;
	}		}
第108行：		第108行：
	right: 0;		right: 0;
	display: block;		display: block;
	/background: linear-gradient(to right,#~~000~~,transparent);/		background: linear-gradient(to right,#fff,transparent);
	content: "";		content: "";
	}		}