틀:책날개/styles.css

.book-flap-wrapper {
	width: 100%;
}

.book-flap-raw .book-flap-title,
.book-flap-raw .book-flap-body,
.book-flap-wrapper {
	display: none;
}

.book-flap-button {
	display: block;
	position: relative;
	background-color: #aca6e4;
	color: white;
	text-align: center;
	padding: 0.2rem 0.5rem;
	cursor: pointer;
}

.book-flap-button.disabled {
	background-color: lightgray !important;
}

.book-flap-tooltip {
	position: absolute;
	background-color: #a5c831;
	width: 3.2rem;
	height: 1.2rem;
	font-size: 0.7rem;
	line-height: 1.1rem;
	border: 1px solid #aca7e2;
	border-radius: 0.6rem;
	animation: gentle-pulse 3s infinite;
	right: .6rem;
	top: .6rem;
	color: white;
	text-align: center;
}

/*
When the small-elements feature is enabled:
@font-size-root-default: 16.5; // px
@content-width: 50rem;

Otherwise:
@font-size-root-default: 19; // px
@content-width: 43.4rem;
*/
/*(43.3 + 30) * 19px*/
@media screen and (max-width: 1393px) {
	body:not(.fw-legacy-small-elements) .book-flap-wrapper {
		display: table;
	}
}
/* (50 + 30) * 16.5px */
@media screen and (max-width: 1320px) {
	body.fw-legacy-small-elements .book-flap-wrapper {
		display: table;
	}
}