模板:企业信息/style.css - 版本历史

2023年9月15日 (五) 15:15 AurLemonCN

2023-09-15T15:15:21Z

←上一版本		2023年9月15日 (五) 23:15的版本
第1行：		第1行：
	.infobox {		.infobox {
	border-radius: 12px;		border-radius: 12px;
	background-color: var(--color-surface-2);		background-color: var(--color-surface-2);
	box-shadow: var(--box-shadow-card);		box-shadow: var(--box-shadow-card);
	width: 100%;		width: 100%;
	max-width: 300px;		max-width: 300px;
	float: right;		float: right;
	clear: right;		clear: right;
	padding: 10px;		padding: 10px;
	margin: 0 0 var(--space-lg)var(--space-lg);		margin: 0 0 var(--space-lg)var(--space-lg);
	}		}

第19行：		第19行：

	.infobox .infobox__pic img {		.infobox .infobox__pic img {
	width: 90%;		width: 90%;
	height: 90%;		height: 90%;
	object-fit: cover;		object-fit: cover;
	object-position: center;		object-position: center;
	border-radius: 20px;		border-radius: 20px;
	margin: 10px auto;		margin: 10px auto;
	display: block;		display: block;
	}		}

	.infobox .infobox-table {		.infobox .infobox-table {
	display: flex;		display: flex;
	flex-wrap: wrap;		flex-wrap: wrap;
	margin-bottom: 10px;		margin-bottom: 10px;
	}		}

	.infobox .infobox__title {		.infobox .infobox__title {
	color: var(--color-base--subtle);		color: var(--color-base--subtle);
	font-size: 0.8125rem;		font-size: 0.8125rem;
	font-weight: normal;		font-weight: normal;
	letter-spacing: 0.75px;		letter-spacing: 0.75px;
	}		}

第54行：		第54行：

	.infobox .infobox-table .infobox-col3 {		.infobox .infobox-table .infobox-col3 {
	width: calc( 100% / 3 );		width: calc(100% / 3);
	}		}

	.infobox .infobox-table .infobox-table__box {		.infobox .infobox-table .infobox-table__box {
	display: flex;		display: flex;
	box-sizing: border-box;		box-sizing: border-box;
	flex-direction: column;		flex-direction: column;
	padding: 0 10px;		padding: 0 10px;
	margin-top: 10px;		margin-top: 10px;
	}		}

	.infobox a.image:hover:not(.lazy):not(.new) > img {		.infobox a.image:hover:not(.lazy):not(.new) > img {
	transform: scale(1) !important;		transform: scale(1) !important;
	}		}


	@media (max-width: 720px) {		@media (max-width: 720px) {
	.infobox {		.infobox {
	float: unset;		float: unset;
	margin: 0 auto;		margin: 0 auto;
	}		}
	}		}

2023年9月15日 (五) 15:12 AurLemonCN

2023-09-15T15:12:18Z

←上一版本		2023年9月15日 (五) 23:12的版本
第24行：		第24行：
	object-position: center;		object-position: center;
	border-radius: 20px;		border-radius: 20px;
	margin: 0 auto;		margin: 10px auto;
	display: block;		display: block;
	}		}
第31行：		第31行：
	display: flex;		display: flex;
	flex-wrap: wrap;		flex-wrap: wrap;
	margin: 10px 0;		margin-bottom: 10px;
	}		}

2023年9月15日 (五) 15:10 AurLemonCN

2023-09-15T15:10:59Z

←上一版本		2023年9月15日 (五) 23:10的版本
第64行：		第64行：
	margin-top: 10px;		margin-top: 10px;
	}		}

			.infobox a.image:hover:not(.lazy):not(.new) > img {
			transform: scale(1) !important;
			}


	@media (max-width: 720px) {		@media (max-width: 720px) {

2023年9月15日 (五) 15:07 AurLemonCN

2023-09-15T15:07:02Z

←上一版本		2023年9月15日 (五) 23:07的版本
第63行：		第63行：
	padding: 0 10px;		padding: 0 10px;
	margin-top: 10px;		margin-top: 10px;
			}

			@media (max-width: 720px) {
			.infobox {
			float: unset;
			margin: 0 auto;
			}
	}		}

2023年9月15日 (五) 15:03 AurLemonCN

2023-09-15T15:03:32Z

←上一版本		2023年9月15日 (五) 23:03的版本
第12行：		第12行：

	.infobox .infobox__header {		.infobox .infobox__header {
	font-size: ~~22px~~;		font-size: 20px;
	font-weight: bold;		font-weight: bold;
	text-align: center;		text-align: center;
第31行：		第31行：
	display: flex;		display: flex;
	flex-wrap: wrap;		flex-wrap: wrap;
			margin: 10px 0;
	}		}

2023年9月15日 (五) 14:57 AurLemonCN

2023-09-15T14:57:35Z

←上一版本		2023年9月15日 (五) 22:57的版本
第12行：		第12行：

	.infobox .infobox__header {		.infobox .infobox__header {
	font-size: ~~24px~~;		font-size: 22px;
	font-weight: bold;		font-weight: bold;
	text-align: center;		text-align: center;
			margin: 10px;
	}		}

	.infobox .infobox__pic img {		.infobox .infobox__pic img {
	width: ~~100~~%;		width: 90%;
	height: ~~100~~%;		height: 90%;
	object-fit: cover;		object-fit: cover;
	object-position: center;		object-position: center;
	border-radius: 20px;		border-radius: 20px;
			margin: 0 auto;
			display: block;
	}		}

2023年9月15日 (五) 14:54 AurLemonCN

2023-09-15T14:54:59Z

←上一版本		2023年9月15日 (五) 22:54的版本
第7行：		第7行：
	float: right;		float: right;
	clear: right;		clear: right;
	padding: ~~16px~~;		padding: 10px;
	margin: 0 0 var(--space-lg)var(--space-lg);		margin: 0 0 var(--space-lg)var(--space-lg);
	}		}
第22行：		第22行：
	object-fit: cover;		object-fit: cover;
	object-position: center;		object-position: center;
			border-radius: 20px;
	}		}

第53行：		第54行：

	.infobox .infobox-table .infobox-table__box {		.infobox .infobox-table .infobox-table__box {
	padding: 10px;		display: flex;
			box-sizing: border-box;
			flex-direction: column;
			padding: 0 10px;
			margin-top: 10px;
	}		}

2023年9月15日 (五) 14:50 AurLemonCN

2023-09-15T14:50:00Z

←上一版本		2023年9月15日 (五) 22:50的版本
第17行：		第17行：
	}		}

	.infobox .infobox__pic {		.infobox .infobox__pic img {
	width: 100%;		width: 100%;
	height: 100%;		height: 100%;
第27行：		第27行：
	display: flex;		display: flex;
	flex-wrap: wrap;		flex-wrap: wrap;
	~~gap: 10px;~~
	}		}

第51行：		第50行：
	.infobox .infobox-table .infobox-col3 {		.infobox .infobox-table .infobox-col3 {
	width: calc( 100% / 3 );		width: calc( 100% / 3 );
			}

			.infobox .infobox-table .infobox-table__box {
			padding: 10px;
	}		}

2023年9月15日 (五) 14:47 AurLemonCN

2023-09-15T14:47:15Z

←上一版本		2023年9月15日 (五) 22:47的版本
第25行：		第25行：

	.infobox .infobox-table {		.infobox .infobox-table {
	display: flex;		display: flex;
			flex-wrap: wrap;
			gap: 10px;
	}		}

	.infobox .infobox__title {		.infobox .infobox__title {
			color: var(--color-base--subtle);
			font-size: 0.8125rem;
			font-weight: normal;
			letter-spacing: 0.75px;
	}		}

	.infobox .infobox__label {		.infobox .infobox__label {
			font-weight: 600;
	}		}

	.infobox .infobox-table .infobox-~~row~~-1 {		.infobox .infobox-table .infobox-col-1 {
			width: 100%;
			}

			.infobox .infobox-table .infobox-col-2 {
			width: 50%;
			}

			.infobox .infobox-table .infobox-col3 {
			width: calc( 100% / 3 );
	}		}

AurLemonCN：创建页面，内容为“.infobox { border-radius: 12px; background-color: var(--color-surface-2); box-shadow: var(--box-shadow-card); width: 100%; max-width: 300px; float: right; clear: right; padding: 16px; margin: 0 0 var(--space-lg)var(--space-lg); } .infobox .infoboxheader { font-size: 24px; font-weight: bold; text-align: center; } .infobox .infoboxpic { width: 100%; height: 100%; object-fit: cover; object-position: cent…”

2023-09-15T14:38:33Z

创建页面，内容为“.infobox { border-radius: 12px; background-color: var(--color-surface-2); box-shadow: var(--box-shadow-card); width: 100%; max-width: 300px; float: right; clear: right; padding: 16px; margin: 0 0 var(--space-lg)var(--space-lg); } .infobox .infobox__header { font-size: 24px; font-weight: bold; text-align: center; } .infobox .infobox__pic { width: 100%; height: 100%; object-fit: cover; object-position: cent…”

新页面

.infobox {
border-radius: 12px;
background-color: var(--color-surface-2);
box-shadow: var(--box-shadow-card);
width: 100%;
max-width: 300px;
float: right;
clear: right;
padding: 16px;
margin: 0 0 var(--space-lg)var(--space-lg);
}

.infobox .infobox__header {
font-size: 24px;
font-weight: bold;
text-align: center;
}

.infobox .infobox__pic {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}

.infobox .infobox-table {
display: flex;
}

.infobox .infobox__title {

}

.infobox .infobox__label {

}

.infobox .infobox-table .infobox-row-1 {

}