模板:Artical Issues/style.css:修订间差异

爱来自星云工艺喵!(づ。◕◡◡◕。)づ
无编辑摘要
无编辑摘要
 
(未显示同一用户的13个中间版本)
第10行: 第10行:
border-radius: 8px;
border-radius: 8px;
box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 6px 0px, rgba(0, 0, 0, 0.06) 0px 3px 6px 0px;
box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 6px 0px, rgba(0, 0, 0, 0.06) 0px 3px 6px 0px;
background-color: var(--color-surface-1);
}
}


.issues-card .image {
.issues-card .image p{
margin: 0px;
height: 48px;
width: 48px;
}
 
.issues-card .image{
flex: 0 0 48px;
margin: 16px;
display: flex;
display: flex;
justify-content: center;
align-items: center;
margin: 16px;
overflow: hidden;
}
}


.issues-card .image p{
.issues-card .image img{
margin: 0px;
transform: translateX(-100px);
filter: drop-shadow(100px 0px 0px #888)
}
}


.issues-card .text .title {
.issues-card .text .title {
margin: 16px 0px 4px 0px;
margin: 16px 16px 0px 0px;
font-size: 20px !important;
font-size: 18px !important;
color: var(--color-base--emphasized);
}
}


.issues-card .text .description {
.issues-card .text .description {
margin: 0px 0px 16px 0px;
margin: 0px 16px 16px 0px;
font-size: 16px !important;
font-size: 14px !important;
color: var(--color-base--subtle);
}
}

2023年9月26日 (二) 17:33的最新版本

.flex-container {
	display: flex;
    align-items: center;
    justify-content: center;
}

.issues-card {
	display: flex;
	margin: 0px;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 6px 0px, rgba(0, 0, 0, 0.06) 0px 3px 6px 0px;
	background-color: var(--color-surface-1);
}

.issues-card .image p{
	margin: 0px;
	height: 48px;
	width: 48px;
}

.issues-card .image{
	flex: 0 0 48px;
	margin: 16px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.issues-card .image img{
	transform: translateX(-100px);
	filter: drop-shadow(100px 0px 0px #888)
}

.issues-card .text .title {
	margin: 16px 16px 0px 0px;
	font-size: 18px !important;
	color: var(--color-base--emphasized);
}

.issues-card .text .description {
	margin: 0px 16px 16px 0px;
	font-size: 14px !important;
	color: var(--color-base--subtle);
}