틀:소설/styles.css

2024년 3월 29일 (금) 22:40 판 (원본 보기) Kimchan (토론 | 기여) 편집 요약 없음 ← 이전 편집		2024년 4월 3일 (수) 21:59 기준 최신판 (원본 보기) Kimchan (토론 | 기여) 편집 요약 없음
(같은 사용자의 중간 판 4개는 보이지 않습니다)
1번째 줄:		1번째 줄:
	@media screen and (max-width: 768px) {		@media screen and (max-width: 768px) {
	.novel-window {		.novel-window {
			width: 100%;
			}
			.novel-window-indent {
	width: 100%;		width: 100%;
	}		}
12번째 줄:		15번째 줄:
	@media screen and (min-width: 768px) {		@media screen and (min-width: 768px) {
	.novel-window {		.novel-window {
			max-width: 700px;
			top: -50%;
			right: 50%;
			transform: translate(50%, 50%);
			}
			.novel-window-indent {
	max-width: 700px;		max-width: 700px;
	top: -50%;		top: -50%;
23번째 줄:		32번째 줄:
	.novel-window dl {		.novel-window dl {
	margin: 0!important;		margin: 0!important;
			padding: 0!important;
	}		}
	.novel-window dd {		.novel-window dd {
	margin: 0!important;		margin: 0!important;
	margin-left: -2px!important;
	}		}
	.novel-window dd:before {		.novel-window dd:before {
	content: "​";		content: "​";
			}
			.novel-window-indent dl {
			margin: 0!important;
			padding: 0!important;
			}
			.novel-window-indent dd {
			margin: 0!important;
			}
			.novel-window-indent dd:before {
			content: "　";
	}		}

---

2024년 4월 3일 (수) 21:59 기준 최신판

@media screen and (max-width: 768px) {
	.novel-window {
		width: 100%;
	}
	.novel-window-indent {
		width: 100%;
	}
	.moblile-x-btn-margin {
		display: inline-block;
		float: right;
		width: 2.5em;
		height: 1em;
	}
}
@media screen and (min-width: 768px) {
	.novel-window {
		max-width: 700px;
		top: -50%;
		right: 50%;
		transform: translate(50%, 50%);
	}
	.novel-window-indent {
		max-width: 700px;
		top: -50%;
		right: 50%;
		transform: translate(50%, 50%);
	}
	.moblile-x-btn-margin {
		display: none;
	}
}
.novel-window dl {
	margin: 0!important;
	padding: 0!important;
}
.novel-window dd {
	margin: 0!important;
}
.novel-window dd:before {
	content: "​";
}
.novel-window-indent dl {
	margin: 0!important;
	padding: 0!important;
}
.novel-window-indent dd {
	margin: 0!important;
}
.novel-window-indent dd:before {
	content: "　";
}